@nexub/react 3.0.0 → 3.2.0

package/dist/{chunk-AYG7HBDZ.js → components/Avatar/Avatar.js}

@@ -1,13 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Avatar/Avatar.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var avatarVariants = cva(
+import { cn } from "../../utils/cn.js";
+const avatarVariants = cva(
   "relative inline-flex items-center justify-center shrink-0 rounded-full overflow-hidden bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-muted)] font-medium select-none",
   {
     variants: {
@@ -24,7 +20,7 @@ var avatarVariants = cva(
     }
   }
 );
-var badgeSizeMap = {
+const badgeSizeMap = {
   xs: "h-1.5 w-1.5",
   sm: "h-2 w-2",
   md: "h-2.5 w-2.5",
@@ -38,7 +34,7 @@ function getInitials(name) {
   const last = parts[parts.length - 1] ?? "";
   return (first.charAt(0) + last.charAt(0)).toUpperCase();
 }
-var Avatar = React.forwardRef(
+const Avatar = React.forwardRef(
   ({
     className,
     size = "md",
@@ -101,8 +97,7 @@ var Avatar = React.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-
 export {
-  avatarVariants,
-  Avatar
+  Avatar,
+  avatarVariants
 };

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, avatarVariants } from './Avatar.js';
+export type { AvatarProps } from './Avatar.js';

package/dist/components/Avatar/index.js

@@ -1,10 +1,4 @@
-'use client';
-import "../../chunk-IZ6ZPEZ2.js";
-import {
-  Avatar,
-  avatarVariants
-} from "../../chunk-AYG7HBDZ.js";
-import "../../chunk-WRVFNYO3.js";
+import { Avatar, avatarVariants } from "./Avatar.js";
 export {
   Avatar,
   avatarVariants

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { AvatarProps } from '../Avatar/Avatar.js';
+export declare const avatarGroupVariants: (props?: ({
+    spacing?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarGroupVariants> {
+    max?: number;
+    size?: AvatarProps['size'];
+    children: React.ReactNode;
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-BMUAR6H2.js → components/AvatarGroup/AvatarGroup.js}

@@ -1,19 +1,11 @@
-'use client';
-import {
-  avatarVariants
-} from "./chunk-AYG7HBDZ.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/AvatarGroup/AvatarGroup.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var avatarGroupVariants = cva("flex items-center", {
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { avatarVariants } from "../Avatar/Avatar.js";
+const avatarGroupVariants = cva("flex items-center", {
   variants: {
     spacing: {
       sm: "[&>*:not(:first-child)]:-ms-3",
@@ -25,7 +17,7 @@ var avatarGroupVariants = cva("flex items-center", {
     spacing: "md"
   }
 });
-var AvatarGroup = React.forwardRef(
+const AvatarGroup = React.forwardRef(
   ({ className, max, size = "md", spacing, children, ...props }, ref) => {
     const messages = useNexubMessages();
     const items = React.Children.toArray(children);
@@ -72,8 +64,7 @@ var AvatarGroup = React.forwardRef(
   }
 );
 AvatarGroup.displayName = "AvatarGroup";
-
 export {
-  avatarGroupVariants,
-  AvatarGroup
+  AvatarGroup,
+  avatarGroupVariants
 };

package/dist/components/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarGroup, avatarGroupVariants } from './AvatarGroup.js';
+export type { AvatarGroupProps } from './AvatarGroup.js';

package/dist/components/AvatarGroup/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  AvatarGroup,
-  avatarGroupVariants
-} from "../../chunk-BMUAR6H2.js";
-import "../../chunk-AYG7HBDZ.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { AvatarGroup, avatarGroupVariants } from "./AvatarGroup.js";
 export {
   AvatarGroup,
   avatarGroupVariants

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '../Button/Button.js';
+export declare const badgeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "outline" | "solid" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    tone?: ToneValue;
+    leadingIcon?: React.ReactNode;
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-FBUKWIWR.js → components/Badge/Badge.js}

@@ -1,13 +1,8 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Badge/Badge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var badgeVariants = cva(
+import { cn } from "../../utils/cn.js";
+const badgeVariants = cva(
   [
     "inline-flex items-center gap-1 rounded-[var(--badge-radius,var(--shape-control))] whitespace-nowrap select-none"
   ],
@@ -30,7 +25,7 @@ var badgeVariants = cva(
     }
   }
 );
-var toneClasses = {
+const toneClasses = {
   neutral: {
     solid: "bg-[var(--color-inverse-surface)] text-[var(--color-inverse-on-surface)]",
     soft: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-variant)]",
@@ -77,7 +72,7 @@ var toneClasses = {
     outline: "border-[color:light-dark(var(--color-palette-founderub-80),var(--color-palette-founderub-40))] text-[var(--color-founderub)]"
   }
 };
-var Badge = React.forwardRef(
+const Badge = React.forwardRef(
   ({ className, size, variant = "solid", tone = "neutral", leadingIcon, children, ...props }, ref) => {
     const resolvedVariant = variant ?? "solid";
     const toneStyle = toneClasses[tone][resolvedVariant];
@@ -96,8 +91,7 @@ var Badge = React.forwardRef(
   }
 );
 Badge.displayName = "Badge";
-
 export {
-  badgeVariants,
-  Badge
+  Badge,
+  badgeVariants
 };

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants } from './Badge.js';
+export type { BadgeProps } from './Badge.js';

package/dist/components/Badge/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Badge,
-  badgeVariants
-} from "../../chunk-FBUKWIWR.js";
-import "../../chunk-WRVFNYO3.js";
+import { Badge, badgeVariants } from "./Badge.js";
 export {
   Badge,
   badgeVariants

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-ZCHZNGWU.js → components/Box/Box.js}

@@ -1,20 +1,14 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Box/Box.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var Box = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const Box = React.forwardRef(
   ({ asChild = false, className, children, ...rest }, ref) => {
     const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(Comp, { ref, className: cn(className), ...rest, children });
   }
 );
 Box.displayName = "Box";
-
 export {
   Box
 };

package/dist/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { Box } from './Box.js';
+export type { BoxProps } from './Box.js';

package/dist/components/Box/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  Box
-} from "../../chunk-ZCHZNGWU.js";
-import "../../chunk-WRVFNYO3.js";
+import { Box } from "./Box.js";
 export {
   Box
 };

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export declare const Breadcrumb: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+    List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
+    Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    Page: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+    Separator: {
+        ({ children, className, }: {
+            children?: React.ReactNode;
+            className?: string;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        displayName: string;
+    };
+};

package/dist/{chunk-SQGRT72E.js → components/Breadcrumb/Breadcrumb.js}

@@ -1,20 +1,14 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Breadcrumb/Breadcrumb.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronRight, MoreHorizontal } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const Root = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": useNexubMessages().breadcrumb, className: cn("", className), ...props })
 );
 Root.displayName = "Breadcrumb.Root";
-var List = React.forwardRef(
+const List = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "ol",
     {
@@ -28,11 +22,11 @@ var List = React.forwardRef(
   )
 );
 List.displayName = "Breadcrumb.List";
-var Item = React.forwardRef(
+const Item = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 Item.displayName = "Breadcrumb.Item";
-var Link = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+const Link = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "a",
   {
     ref,
@@ -42,7 +36,7 @@ var Link = React.forwardRef(({ className, children, ...props }, ref) => /* @__PU
   }
 ));
 Link.displayName = "Breadcrumb.Link";
-var Page = React.forwardRef(
+const Page = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -56,7 +50,7 @@ var Page = React.forwardRef(
   )
 );
 Page.displayName = "Breadcrumb.Page";
-var Separator = ({
+const Separator = ({
   children,
   className
 }) => /* @__PURE__ */ jsx(
@@ -69,7 +63,7 @@ var Separator = ({
   }
 );
 Separator.displayName = "Breadcrumb.Separator";
-var Ellipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs(
+const Ellipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs(
   "span",
   {
     role: "presentation",
@@ -83,8 +77,7 @@ var Ellipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs(
   }
 );
 Ellipsis.displayName = "Breadcrumb.Ellipsis";
-var Breadcrumb = { Root, List, Item, Link, Page, Separator, Ellipsis };
-
+const Breadcrumb = { Root, List, Item, Link, Page, Separator, Ellipsis };
 export {
   Breadcrumb
 };

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb } from './Breadcrumb.js';

package/dist/components/Breadcrumb/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Breadcrumb
-} from "../../chunk-SQGRT72E.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Breadcrumb } from "./Breadcrumb.js";
 export {
   Breadcrumb
 };

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '@nexub/core';
+export type { ToneValue };
+export { toneTextClasses } from '../../utils/control.js';
+export declare const buttonVariants: (props?: ({
+    variant?: "accent" | "text" | "link" | "outline" | "glass" | "ghost" | "subtle" | "filled" | "tonal" | "outlined" | "hero" | "primary" | "secondary" | "destructive" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonStatus = 'idle' | 'loading' | 'success' | 'error';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    tone?: ToneValue;
+    /** Async feedback. `loading` blocks clicks (aria-disabled, focus kept),
+     *  `success` draws a check, `error` shakes once. Not applied with `asChild`. */
+    status?: ButtonStatus;
+    /** Alias for `status="loading"`. */
+    loading?: boolean;
+    /** Announced while loading. @default 'Loading' */
+    loadingLabel?: string;
+    /** Announced on success; when given it also replaces the visible label. @default 'Done' */
+    successLabel?: string;
+    /** Announced on error. @default 'Something went wrong' */
+    errorLabel?: string;
+    fullWidth?: boolean;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    asChild?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-GHLMHKMV.js → components/Button/Button.js}

@@ -1,34 +1,14 @@
-'use client';
-import {
-  disabledContainer,
-  disabledText,
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Button/Button.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Loader2 } from "@nexub/icons";
 import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var toneTextClasses = {
-  neutral: "text-[var(--color-on-surface-variant)]",
-  info: "text-[var(--color-info)]",
-  success: "text-[var(--color-success)]",
-  warning: "text-[var(--color-warning)]",
-  danger: "text-[var(--color-error)]",
-  leap: "text-[var(--color-leap)]",
-  bookub: "text-[var(--color-bookub)]",
-  payub: "text-[var(--color-payub)]",
-  founderub: "text-[var(--color-founderub)]"
-};
-var toneClasses = {
+import { cn } from "../../utils/cn.js";
+import { disabledContainer, disabledText, pressable } from "../../utils/control.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+import { toneTextClasses } from "../../utils/control.js";
+const toneClasses = {
   neutral: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface)]",
   info: "bg-[var(--color-info)] text-[var(--color-on-info)]",
   success: "bg-[var(--color-success)] text-[var(--color-on-success)]",
@@ -39,11 +19,11 @@ var toneClasses = {
   payub: "bg-[var(--color-payub)] text-[var(--color-on-payub)]",
   founderub: "bg-[var(--color-founderub)] text-[var(--color-on-founderub)]"
 };
-var filled = `bg-[var(--button-filled-bg,var(--color-primary))] text-[var(--button-filled-fg,var(--color-on-primary))] ${disabledContainer}`;
-var tonal = `bg-[var(--button-tonal-bg,var(--color-secondary-container))] text-[var(--button-tonal-fg,var(--color-on-secondary-container))] ${disabledContainer}`;
-var outlined = `bg-transparent border border-[var(--button-outlined-border,var(--color-outline-variant))] text-[var(--button-outlined-fg,var(--color-on-surface))] ${disabledContainer}`;
-var text = `bg-transparent text-[var(--button-text-fg,var(--color-on-surface))] ${disabledText}`;
-var buttonVariants = cva(
+const filled = `bg-[var(--button-filled-bg,var(--color-primary))] text-[var(--button-filled-fg,var(--color-on-primary))] ${disabledContainer}`;
+const tonal = `bg-[var(--button-tonal-bg,var(--color-secondary-container))] text-[var(--button-tonal-fg,var(--color-on-secondary-container))] ${disabledContainer}`;
+const outlined = `bg-transparent border border-[var(--button-outlined-border,var(--color-outline-variant))] text-[var(--button-outlined-fg,var(--color-on-surface))] ${disabledContainer}`;
+const text = `bg-transparent text-[var(--button-text-fg,var(--color-on-surface))] ${disabledText}`;
+const buttonVariants = cva(
   [pressable, "nx-hit relative inline-flex items-center justify-center gap-2 whitespace-nowrap"],
   {
     variants: {
@@ -54,6 +34,9 @@ var buttonVariants = cva(
         text,
         // Thin glass: for buttons floating over content/media (toolbars, media controls).
         glass: `border ${glassSurfaceClass} text-[var(--color-on-surface)] ${disabledContainer}`,
+        // Marketing mode (@nexub/themes/marketing): gradient, glow and a spring
+        // lift. Without [data-mode="marketing"] it is a filled button.
+        hero: `${filled} nx-mkt-hero-button`,
         // Legacy names (kept as aliases).
         primary: filled,
         secondary: tonal,
@@ -82,8 +65,8 @@ var buttonVariants = cva(
     }
   }
 );
-var CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { className: "nx-check-draw", pathLength: 1, d: "M20 6 9 17l-5-5" }) });
-var Button = React.forwardRef(
+const CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { className: "nx-check-draw", pathLength: 1, d: "M20 6 9 17l-5-5" }) });
+const Button = React.forwardRef(
   ({
     className,
     variant,
@@ -159,9 +142,8 @@ var Button = React.forwardRef(
   }
 );
 Button.displayName = "Button";
-
 export {
-  toneTextClasses,
+  Button,
   buttonVariants,
-  Button
+  toneTextClasses
 };

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button, buttonVariants } from './Button.js';
+export type { ButtonProps, ButtonStatus, ToneValue } from './Button.js';

package/dist/components/Button/index.js

@@ -1,12 +1,4 @@
-'use client';
-import "../../chunk-P26VJEIW.js";
-import {
-  Button,
-  buttonVariants
-} from "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Button, buttonVariants } from "./Button.js";
 export {
   Button,
   buttonVariants

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    attached?: boolean;
+}
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-7EQ2LIYD.js → components/ButtonGroup/ButtonGroup.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ButtonGroup/ButtonGroup.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var ButtonGroup = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const ButtonGroup = React.forwardRef(
   ({ className, orientation = "horizontal", attached = false, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -34,7 +29,6 @@ var ButtonGroup = React.forwardRef(
   }
 );
 ButtonGroup.displayName = "ButtonGroup";
-
 export {
   ButtonGroup
 };

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup } from './ButtonGroup.js';
+export type { ButtonGroupProps } from './ButtonGroup.js';

package/dist/components/ButtonGroup/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-LVPU7455.js";
-import {
-  ButtonGroup
-} from "../../chunk-7EQ2LIYD.js";
-import "../../chunk-WRVFNYO3.js";
+import { ButtonGroup } from "./ButtonGroup.js";
 export {
   ButtonGroup
 };

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '../Button/Button.js';
+export declare const cardVariants: (props?: ({
+    variant?: "flat" | "surface" | "interactive" | "showcase" | null | undefined;
+    surface?: "solid" | "glass" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    tone?: ToneValue;
+    surface?: 'solid' | 'glass';
+    /** `sheen`: a soft light follows the pointer (opt-in; off for touch and reduced motion). */
+    effect?: 'none' | 'sheen';
+    /** Product accent for `variant="showcase"`: a coloured top edge and tint in marketing mode. Sets `data-product`. */
+    accent?: 'leap' | 'bookub' | 'payub' | 'founderub';
+    asChild?: boolean;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export interface CardLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    asChild?: boolean;
+}
+/**
+ * Makes the whole card one link (the "stretched link" pattern): put it around
+ * the card's title. Its ::after covers the card, so the link has one
+ * accessible name and the focus ring shows on the card. Give other
+ * interactive elements inside the card `relative z-[1]` to keep them clickable.
+ */
+export declare const CardLink: React.ForwardRefExoticComponent<CardLinkProps & React.RefAttributes<HTMLAnchorElement>>;