@bearmenu/ui 0.5.2 → 0.6.0

package/dist/{chunk-ERMIA7NP.js → chunk-7PPCH42H.js}

@@ -22,12 +22,12 @@ var ToastViewport = React.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-xl glass p-6 pr-8 shadow-2xl transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full border border-border/50",
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-xl p-6 pr-8 shadow-2xl transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
       variant: {
-        default: "border bg-background text-foreground",
-        destructive: "destructive border-destructive/50 bg-destructive text-destructive-foreground"
+        default: "glass text-foreground border border-border/50",
+        destructive: "destructive border border-destructive/60 bg-destructive text-destructive-foreground"
       }
     },
     defaultVariants: {

package/dist/{chunk-HLQ2IRE7.js → chunk-BAZFVSSG.js}

@@ -1,6 +1,6 @@
-import { Card, CardHeader, CardTitle, CardContent } from './chunk-QJ54Z7TC.js';
-import { Text } from './chunk-4KOMHDZD.js';
-import { Badge } from './chunk-NKHH23YK.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-XK2ZDQVE.js';
+import { Text } from './chunk-Y5D5LP4A.js';
+import { Badge } from './chunk-YJ6OBKZJ.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
 import { Info, MapPin, Phone, Globe, Clock, UtensilsCrossed, CreditCard, Shield, Car, Building2 } from 'lucide-react';

package/dist/chunk-D5QHEHXJ.js

@@ -0,0 +1,26 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Minus, Check } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var Checkbox = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "checkbox",
+      className: cn(
+        "peer size-5 shrink-0 rounded-md border border-border bg-background transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary hover:border-primary/50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, { className: "size-3.5 animate-in fade-in-0 zoom-in-50 duration-200 ease-out", strokeWidth: 3 }) : /* @__PURE__ */ jsx(Check, { className: "size-3.5 animate-in fade-in-0 zoom-in-50 duration-200 ease-out", strokeWidth: 3 }) })
+    })
+  );
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };

package/dist/{chunk-UISA4CIG.js → chunk-N2KNBPAQ.js}

@@ -9,8 +9,8 @@ function Skeleton(_a) {
     __spreadValues({
       "data-slot": "skeleton",
       className: cn(
-        "animate-pulse rounded-xl glass border border-border/30 relative overflow-hidden",
-        "before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent",
+        "relative overflow-hidden rounded-xl bg-muted",
+        "before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-foreground/[0.04] before:to-transparent",
         className
       )
     }, props)

package/dist/{chunk-7H54PTVH.js → chunk-PSR7N36A.js}

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent } from './chunk-4AVS6CV4.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-WKMLZDUT.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from './chunk-3GWWZKX7.js';
 import * as React from 'react';
@@ -12,8 +12,9 @@ var Command = React.forwardRef((_a, ref) => {
     Command$1,
     __spreadValues({
       ref,
+      "data-slot": "command",
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-xl glass border border-border/50",
+        "flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground",
         className
       )
     }, props)
@@ -21,19 +22,33 @@ var Command = React.forwardRef((_a, ref) => {
 });
 Command.displayName = Command$1.displayName;
 var CommandDialog = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-2xl", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) }));
+  var _b = _a, {
+    title = "Command palette",
+    description = "Search for commands and actions",
+    children
+  } = _b, props = __objRest(_b, [
+    "title",
+    "description",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+  ] }) }));
 };
 var CommandInput = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border/50 px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ jsx(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ jsx(
       Command$1.Input,
       __spreadValues({
         ref,
         className: cn(
-          "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         )
       }, props)
@@ -58,11 +73,22 @@ var CommandEmpty = React.forwardRef((_a, ref) => {
     Command$1.Empty,
     __spreadValues({
       ref,
-      className: cn("py-6 text-center text-sm", className)
+      className: cn("py-6 text-center text-sm text-muted-foreground", className)
     }, props)
   );
 });
 CommandEmpty.displayName = Command$1.Empty.displayName;
+var CommandLoading = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Command$1.Loading,
+    __spreadValues({
+      ref,
+      className: cn("py-6 text-center text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+CommandLoading.displayName = "CommandLoading";
 var CommandGroup = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
@@ -95,7 +121,9 @@ var CommandItem = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 transition-all duration-200 hover:bg-accent/50",
+        "relative flex cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition-colors",
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
         className
       )
     }, props)
@@ -113,4 +141,4 @@ var CommandShortcut = (_a) => {
 };
 CommandShortcut.displayName = "CommandShortcut";
 
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut };

package/dist/chunk-RIDXFY6M.js

@@ -0,0 +1,38 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var inputVariants = cva(
+  "flex w-full rounded-xl border border-border bg-input/50 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:bg-input disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
+  {
+    variants: {
+      size: {
+        sm: "h-9 px-3 text-base md:text-sm",
+        default: "h-11 px-4 py-2",
+        lg: "h-12 px-5 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Input = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type, size } = _b, props = __objRest(_b, ["className", "type", "size"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        type,
+        "data-slot": "input",
+        className: cn(inputVariants({ size }), className),
+        ref
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input, inputVariants };

package/dist/chunk-UUJVXN2O.js

@@ -0,0 +1,82 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { jsx } from 'react/jsx-runtime';
+
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    __spreadValues({
+      ref,
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-xl outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )
+    }, props)
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var PopoverArrow = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Arrow,
+    __spreadValues({
+      ref,
+      "data-slot": "popover-arrow",
+      className: cn("fill-popover stroke-border", className)
+    }, props)
+  );
+});
+PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
+var PopoverHeader = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "popover-header",
+        className: cn("flex flex-col space-y-1.5 pb-3", className)
+      }, props)
+    );
+  }
+);
+PopoverHeader.displayName = "PopoverHeader";
+var PopoverTitle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "h3",
+      __spreadValues({
+        ref,
+        "data-slot": "popover-title",
+        className: cn("text-sm font-semibold leading-none", className)
+      }, props)
+    );
+  }
+);
+PopoverTitle.displayName = "PopoverTitle";
+var PopoverDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      ref,
+      "data-slot": "popover-description",
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+PopoverDescription.displayName = "PopoverDescription";
+
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/chunk-WKMLZDUT.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    __spreadValues({
+      ref,
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-[1000] bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props)
+  );
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = cva(
+  "fixed left-[50%] top-[50%] z-[1000] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 bg-card p-6 shadow-2xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-2xl border border-border",
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        default: "max-w-lg",
+        lg: "max-w-2xl",
+        xl: "max-w-4xl",
+        full: "max-w-[95vw] max-h-[95vh]"
+      },
+      scrollBehavior: {
+        inside: "max-h-[85vh] overflow-hidden",
+        outside: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      scrollBehavior: "outside"
+    }
+  }
+);
+var DialogContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, size, scrollBehavior, showCloseButton = true } = _b, props = __objRest(_b, ["className", "children", "size", "scrollBehavior", "showCloseButton"]);
+    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsx(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          "data-slot": "dialog-content",
+          className: cn(dialogContentVariants({ size, scrollBehavior }), className)
+        }, props), {
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 inline-flex size-8 items-center justify-center rounded-lg text-muted-foreground opacity-70 transition-opacity hover:bg-accent hover:text-accent-foreground hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent", children: [
+              /* @__PURE__ */ jsx(X, { className: "size-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        })
+      )
+    ] });
+  }
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
+    }, props)
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props)
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      "data-slot": "dialog-title",
+      className: cn("text-lg font-semibold leading-none tracking-tight", className)
+    }, props)
+  );
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants };

package/dist/chunk-XK2ZDQVE.js

@@ -0,0 +1,122 @@
+import { textVariants } from './chunk-Y5D5LP4A.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var cardVariants = cva("rounded-3xl text-card-foreground transition-colors", {
+  variants: {
+    variant: {
+      surface: "bg-card border border-border",
+      glass: "glass",
+      outline: "bg-transparent border border-border",
+      muted: "bg-muted border border-transparent"
+    },
+    size: {
+      sm: "[&_[data-slot=card-header]]:p-4 [&_[data-slot=card-content]]:p-4 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-4 [&_[data-slot=card-footer]]:pt-0",
+      default: "[&_[data-slot=card-header]]:p-6 [&_[data-slot=card-content]]:p-6 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-6 [&_[data-slot=card-footer]]:pt-0",
+      lg: "[&_[data-slot=card-header]]:p-8 [&_[data-slot=card-content]]:p-8 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-8 [&_[data-slot=card-footer]]:pt-0"
+    },
+    interactive: {
+      true: "cursor-pointer hover:border-primary/40 hover:-translate-y-0.5 transition-[transform,border-color] duration-200",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "surface",
+    size: "default",
+    interactive: false
+  }
+});
+var Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, variant, size, interactive } = _b, props = __objRest(_b, ["className", "variant", "size", "interactive"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ variant, size, interactive }), className)
+    }, props)
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-header",
+        className: cn("flex flex-col space-y-1.5 p-6", className)
+      }, props)
+    );
+  }
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-title",
+        className: cn(textVariants({ variant: "h4", wrap: "balance" }), className)
+      }, props)
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-description",
+        className: cn("text-sm", textVariants({ color: "muted", wrap: "pretty" }), className)
+      }, props)
+    );
+  }
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx("div", __spreadValues({ ref, "data-slot": "card-content", className: cn("p-6 pt-0", className) }, props));
+  }
+);
+CardContent.displayName = "CardContent";
+var CardAction = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+      }, props)
+    );
+  }
+);
+CardAction.displayName = "CardAction";
+var CardFooter = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-footer",
+        className: cn("flex items-center p-6 pt-0", className)
+      }, props)
+    );
+  }
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/{chunk-4KOMHDZD.js → chunk-Y5D5LP4A.js}

@@ -12,9 +12,10 @@ var textVariants = cva("", {
       h3: "text-xl font-semibold",
       h4: "text-lg font-semibold leading-none tracking-tight",
       "body-lg": "text-base leading-relaxed",
-      body: "text-sm leading-normal",
+      body: "text-base leading-normal",
       "body-sm": "text-sm leading-relaxed",
-      caption: "text-xs leading-normal",
+      small: "text-sm text-muted-foreground",
+      caption: "text-xs leading-normal text-muted-foreground",
       label: "text-sm font-medium",
       overline: "text-xs font-semibold uppercase tracking-wider"
     },
@@ -56,6 +57,20 @@ var textVariants = cva("", {
     color: "inherit"
   }
 });
+var defaultTagForVariant = {
+  display: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  "body-lg": "p",
+  body: "p",
+  "body-sm": "p",
+  small: "p",
+  caption: "span",
+  label: "span",
+  overline: "span"
+};
 function Text(_a) {
   var _b = _a, {
     as,
@@ -76,7 +91,7 @@ function Text(_a) {
     "wrap",
     "className"
   ]);
-  const Comp = as != null ? as : "p";
+  const Comp = as != null ? as : variant ? defaultTagForVariant[variant] : "p";
   return /* @__PURE__ */ jsx(
     Comp,
     __spreadValues({

package/dist/chunk-YJ6OBKZJ.js

@@ -0,0 +1,32 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center rounded-lg border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "text-foreground border-border",
+        overlay: "border-transparent bg-foreground/70 text-background backdrop-blur-sm",
+        glass: "glass text-foreground border-border/50",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        brown: "border-transparent bg-brown text-brown-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "badge", className: cn(badgeVariants({ variant }), className) }, props));
+}
+
+export { Badge, badgeVariants };

package/dist/{chunk-ESO2EM3L.js → chunk-ZBBUKXM5.js}

@@ -5,12 +5,12 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-accent/50 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors aria-invalid:ring-2 aria-invalid:ring-destructive/40 whitespace-nowrap",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        outline: "border border-border bg-transparent hover:bg-accent/50 hover:text-accent-foreground data-[state=on]:border-primary"
       },
       size: {
         default: "h-9 px-2 min-w-9",