@bearmenu/ui 0.5.2 → 0.6.0

package/dist/chunk-ZFNOCP6W.js

@@ -0,0 +1,106 @@
+import { useHaptic } from './chunk-R47NEOSI.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer [@media(pointer:coarse)]:active:scale-95",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 hover:shadow",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/85 hover:shadow",
+        outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground hover:border-accent",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        glass: "glass glass-hover text-foreground",
+        brown: "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
+        antagonist: "bg-primary-foreground text-primary shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent"
+      },
+      size: {
+        xs: "h-8 rounded-lg px-3 text-xs [&_svg]:size-3.5",
+        sm: "h-9 rounded-lg px-4",
+        default: "h-11 px-6 py-2",
+        lg: "h-12 rounded-2xl px-8",
+        icon: "h-11 w-11 rounded-full",
+        "icon-xs": "h-8 w-8 rounded-full [&_svg]:size-3.5",
+        "icon-sm": "h-9 w-9 rounded-full",
+        "icon-lg": "h-12 w-12 rounded-full"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      fullWidth: false
+    }
+  }
+);
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant,
+      size,
+      fullWidth,
+      asChild = false,
+      haptic = true,
+      hapticStyle = "light",
+      isLoading = false,
+      disabled,
+      onClick,
+      children
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "fullWidth",
+      "asChild",
+      "haptic",
+      "hapticStyle",
+      "isLoading",
+      "disabled",
+      "onClick",
+      "children"
+    ]);
+    const Comp = asChild ? Slot : "button";
+    const { trigger } = useHaptic();
+    const [isMounted, setIsMounted] = React.useState(false);
+    React.useEffect(() => {
+      setIsMounted(true);
+    }, []);
+    const handleClick = (event) => {
+      if (haptic && isMounted) {
+        trigger(hapticStyle);
+      }
+      onClick == null ? void 0 : onClick(event);
+    };
+    return /* @__PURE__ */ jsx(
+      Comp,
+      __spreadProps(__spreadValues({
+        "data-slot": "button",
+        className: cn(buttonVariants({ variant, size, fullWidth, className })),
+        ref,
+        onClick: handleClick,
+        disabled: disabled || isLoading,
+        "aria-busy": isLoading || void 0
+      }, props), {
+        children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", "aria-hidden": "true" }),
+          !asChild && children
+        ] }) : children
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/dist/components/accordion.js

@@ -12,7 +12,8 @@ var AccordionItem = React.forwardRef((_a, ref) => {
     AccordionPrimitive.Item,
     __spreadValues({
       ref,
-      className: cn("border-b border-border/50", className)
+      "data-slot": "accordion-item",
+      className: cn("border-b border-border last:border-b-0", className)
     }, props)
   );
 });
@@ -23,14 +24,18 @@ var AccordionTrigger = React.forwardRef((_a, ref) => {
     AccordionPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
+      "data-slot": "accordion-trigger",
       className: cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all duration-300 hover:underline [&[data-state=open]>svg]:rotate-180 glass-hover rounded-xl px-4 hover:bg-accent/20",
+        "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-medium text-foreground transition-colors hover:text-foreground/80",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm",
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "[&[data-state=open]>svg]:rotate-180",
         className
       )
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-300" })
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     })
   ) });
@@ -42,9 +47,10 @@ var AccordionContent = React.forwardRef((_a, ref) => {
     AccordionPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
-      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     }, props), {
-      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0 px-4", className), children })
+      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
     })
   );
 });

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-2BMJRXQX.js';
+import { buttonVariants } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
@@ -14,8 +14,9 @@ var AlertDialogOverlay = React.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Overlay,
     __spreadProps(__spreadValues({
+      "data-slot": "alert-dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 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",
+        "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), {
@@ -32,8 +33,9 @@ var AlertDialogContent = React.forwardRef((_a, ref) => {
       AlertDialogPrimitive.Content,
       __spreadValues({
         ref,
+        "data-slot": "alert-dialog-content",
         className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 glass 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-2xl border border-border/50",
+          "fixed left-[50%] top-[50%] z-[1000] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border border-border 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",
           className
         )
       }, props)

package/dist/components/alert.d.ts

@@ -2,10 +2,13 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Alert, AlertDescription, AlertTitle };
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/alert.js

@@ -1,4 +1,4 @@
-import { textVariants } from '../chunk-4KOMHDZD.js';
+import { textVariants } from '../chunk-Y5D5LP4A.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
@@ -6,14 +6,14 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var alertVariants = cva(
-  "relative w-full rounded-xl border border-border/50 px-4 py-3 text-sm glass transition-all duration-300 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  "relative w-full rounded-xl border px-4 py-3 text-sm transition-colors [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
   {
     variants: {
       variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive bg-destructive/10",
-        warning: "border-yellow-500/50 text-yellow-600 dark:border-yellow-500 [&>svg]:text-yellow-600 bg-yellow-500/10",
-        success: "border-green-500/50 text-green-600 dark:border-green-500 [&>svg]:text-green-600 bg-green-500/10"
+        default: "bg-card text-card-foreground border-border [&>svg]:text-foreground",
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive [&>svg]:text-destructive",
+        warning: "border-warning/40 bg-warning/10 text-warning [&>svg]:text-warning",
+        success: "border-success/40 bg-success/10 text-success [&>svg]:text-success"
       }
     },
     defaultVariants: {
@@ -23,7 +23,15 @@ var alertVariants = cva(
 );
 var Alert = React.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ ref, role: "alert", className: cn(alertVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      role: "alert",
+      "data-slot": "alert",
+      className: cn(alertVariants({ variant }), className)
+    }, props)
+  );
 });
 Alert.displayName = "Alert";
 var AlertTitle = React.forwardRef(
@@ -33,6 +41,7 @@ var AlertTitle = React.forwardRef(
       "h5",
       __spreadValues({
         ref,
+        "data-slot": "alert-title",
         className: cn(
           "mb-1",
           textVariants({ weight: "medium", leading: "none", tracking: "tight" }),
@@ -45,8 +54,15 @@ var AlertTitle = React.forwardRef(
 AlertTitle.displayName = "AlertTitle";
 var AlertDescription = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: cn("text-sm [&_p]:leading-relaxed", className) }, props));
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "alert-description",
+      className: cn("text-sm [&_p]:leading-relaxed", className)
+    }, props)
+  );
 });
 AlertDescription.displayName = "AlertDescription";
 
-export { Alert, AlertDescription, AlertTitle };
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/avatar.d.ts

@@ -1,8 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { VariantProps } from 'class-variance-authority';
 
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const avatarVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    placement?: "top-right" | "bottom-right";
+    tone?: "success" | "warning" | "destructive" | "muted";
+} & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    max?: number;
+    spacing?: "tight" | "default" | "loose";
+} & React.RefAttributes<HTMLDivElement>>;
 
-export { Avatar, AvatarFallback, AvatarImage };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, avatarVariants };

package/dist/components/avatar.js

@@ -1,21 +1,38 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+var avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full bg-muted",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px]",
+        sm: "size-8 text-xs",
+        default: "size-10 text-sm",
+        lg: "size-12 text-base",
+        xl: "size-16 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var AvatarContext = React.createContext("default");
 var Avatar = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
+  var _b = _a, { className, size = "default" } = _b, props = __objRest(_b, ["className", "size"]);
+  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     __spreadValues({
       ref,
-      className: cn(
-        "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full border border-border/50 shadow-lg backdrop-blur-md bg-card/50 transition-all duration-300 hover:shadow-xl hover:shadow-black/20 hover:border-accent/30",
-        className
-      )
+      "data-slot": "avatar",
+      className: cn(avatarVariants({ size }), className)
     }, props)
-  );
+  ) });
 });
 Avatar.displayName = AvatarPrimitive.Root.displayName;
 var AvatarImage = React.forwardRef((_a, ref) => {
@@ -24,7 +41,8 @@ var AvatarImage = React.forwardRef((_a, ref) => {
     AvatarPrimitive.Image,
     __spreadValues({
       ref,
-      className: cn("aspect-square h-full w-full object-cover", className)
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full object-cover", className)
     }, props)
   );
 });
@@ -35,13 +53,74 @@ var AvatarFallback = React.forwardRef((_a, ref) => {
     AvatarPrimitive.Fallback,
     __spreadValues({
       ref,
+      "data-slot": "avatar-fallback",
       className: cn(
-        "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium backdrop-blur-md",
+        "flex size-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
         className
       )
     }, props)
   );
 });
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var badgeOffset = {
+  xs: "size-2 ring-1",
+  sm: "size-2.5 ring-2",
+  default: "size-3 ring-2",
+  lg: "size-3.5 ring-2",
+  xl: "size-4 ring-2"
+};
+var AvatarBadge = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, placement = "bottom-right", tone = "success" } = _b, props = __objRest(_b, ["className", "placement", "tone"]);
+  var _a2;
+  const size = (_a2 = React.useContext(AvatarContext)) != null ? _a2 : "default";
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      ref,
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute block rounded-full ring-background",
+        badgeOffset[size],
+        placement === "top-right" ? "right-0 top-0" : "bottom-0 right-0",
+        tone === "success" && "bg-success",
+        tone === "warning" && "bg-warning",
+        tone === "destructive" && "bg-destructive",
+        tone === "muted" && "bg-muted-foreground",
+        className
+      )
+    }, props)
+  );
+});
+AvatarBadge.displayName = "AvatarBadge";
+var AvatarGroup = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, max, spacing = "default" } = _b, props = __objRest(_b, ["className", "children", "max", "spacing"]);
+  const items = React.Children.toArray(children);
+  const visible = max ? items.slice(0, max) : items;
+  const overflow = max ? items.length - max : 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "avatar-group",
+      className: cn(
+        "flex items-center",
+        spacing === "tight" && "-space-x-3",
+        spacing === "default" && "-space-x-2",
+        spacing === "loose" && "-space-x-1",
+        "[&>*]:ring-2 [&>*]:ring-background",
+        className
+      )
+    }, props), {
+      children: [
+        visible,
+        overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "relative inline-flex size-10 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", children: [
+          "+",
+          overflow
+        ] })
+      ]
+    })
+  );
+});
+AvatarGroup.displayName = "AvatarGroup";
 
-export { Avatar, AvatarFallback, AvatarImage };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, avatarVariants };

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "success" | "warning" | "overlay" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "outline" | "secondary" | "glass" | "brown" | "overlay" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-NKHH23YK.js';
+export { Badge, badgeVariants } from '../chunk-YJ6OBKZJ.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/breadcrumb.js

@@ -44,7 +44,10 @@ function BreadcrumbLink(_a) {
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className)
+      className: cn(
+        "rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      )
     }, props)
   );
 }
@@ -57,7 +60,7 @@ function BreadcrumbPage(_a) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className)
+      className: cn("font-medium text-foreground", className)
     }, props)
   );
 }

package/dist/components/button-group.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    attached?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const ButtonGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    attached?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+
+export { ButtonGroup, buttonGroupVariants };

package/dist/components/button-group.js

@@ -0,0 +1,39 @@
+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 buttonGroupVariants = cva("inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-l-xl [&>[data-slot=button]:last-child]:rounded-r-xl [&>[data-slot=button]:not(:first-child)]:-ml-px",
+      vertical: "flex-col [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-t-xl [&>[data-slot=button]:last-child]:rounded-b-xl [&>[data-slot=button]:not(:first-child)]:-mt-px"
+    },
+    attached: {
+      true: "",
+      false: "gap-1"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    attached: true
+  }
+});
+var ButtonGroup = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, orientation, attached } = _b, props = __objRest(_b, ["className", "orientation", "attached"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        role: "group",
+        "data-slot": "button-group",
+        className: cn(buttonGroupVariants({ orientation, attached }), className)
+      }, props)
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup, buttonGroupVariants };

package/dist/components/button.d.ts

@@ -3,13 +3,15 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     haptic?: boolean;
     hapticStyle?: "light" | "medium" | "heavy";
+    isLoading?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/components/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../chunk-2BMJRXQX.js';
+export { Button, buttonVariants } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-2BMJRXQX.js';
+import { buttonVariants, Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
@@ -31,7 +31,7 @@ function Calendar(_a) {
     __spreadValues({
       showOutsideDays,
       className: cn(
-        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "group/calendar bg-background p-3 [--cell-size:--spacing(9)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
@@ -159,7 +159,7 @@ function CalendarDayButton(_a) {
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       className: cn(
-        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground flex aspect-square h-(--cell-size) w-(--cell-size) size-auto min-w-0 flex-col items-center justify-center gap-1 rounded-md p-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       )

package/dist/components/card.d.ts

@@ -1,9 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
 
-type CardVariant = "glass" | "surface";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: CardVariant;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const cardVariants: (props?: ({
+    variant?: "muted" | "outline" | "glass" | "surface" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "muted" | "outline" | "glass" | "surface" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -11,4 +19,4 @@ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/components/card.js

@@ -1,4 +1,4 @@
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-QJ54Z7TC.js';
-import '../chunk-4KOMHDZD.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from '../chunk-XK2ZDQVE.js';
+import '../chunk-Y5D5LP4A.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/carousel.d.ts

@@ -13,12 +13,29 @@ type CarouselProps = {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
     orientation?: "horizontal" | "vertical";
+    /** Gap between slides in pixels. Defaults to 16. */
+    gap?: number;
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    selectedIndex: number;
+    slideCount: number;
+    gap: number;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, gap, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
 declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselItem({ className, style, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function CarouselDots({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element | null;
+declare function CarouselCounter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element | null;
 
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+export { Carousel, type CarouselApi, CarouselContent, CarouselCounter, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };