@emara/ui 1.1.0

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, forwardRef, useMemo } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { RiArrowRightSLine, RiMoreLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./dropdown-menu";
+// Per docs/emara-ui-phase-5-components.md §5.
+// ===========================================================================
+// Primitives (anatomy mirrors shadcn)
+// ===========================================================================
+const breadcrumbVariants = cva("flex items-center w-full", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const Breadcrumb = forwardRef(function Breadcrumb({ className, size, ...props }, ref) {
+    return (_jsx("nav", { ref: ref, "aria-label": "Breadcrumb", className: cn(breadcrumbVariants({ size }), className), ...props }));
+});
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = forwardRef(function BreadcrumbList({ className, ...props }, ref) {
+    return (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 text-muted-foreground", className), ...props }));
+});
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = forwardRef(function BreadcrumbItem({ className, ...props }, ref) {
+    return (_jsx("li", { ref: ref, className: cn("inline-flex items-center gap-1.5", className), ...props }));
+});
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = forwardRef(function BreadcrumbLink({ className, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "a";
+    return (_jsx(Comp, { ref: ref, className: cn("inline-flex items-center gap-1 transition-colors hover:text-foreground hover:underline underline-offset-2 cursor-pointer", "[&_svg]:size-3.5 [&_svg]:shrink-0", className), ...props }));
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = forwardRef(function BreadcrumbPage({ className, ...props }, ref) {
+    return (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("inline-flex items-center gap-1 font-medium text-foreground", "[&_svg]:size-3.5 [&_svg]:shrink-0", className), ...props }));
+});
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = forwardRef(function BreadcrumbSeparator({ className, children, ...props }, ref) {
+    return (_jsx("li", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn("[&_svg]:size-3.5 [&_svg]:shrink-0 text-muted-foreground", className), ...props, children: children ?? _jsx(RiArrowRightSLine, { className: "rtl-mirror" }) }));
+});
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = forwardRef(function BreadcrumbEllipsis({ className, ...props }, ref) {
+    return (_jsxs("span", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn("inline-flex size-6 items-center justify-center [&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: [_jsx(RiMoreLine, {}), _jsx("span", { className: "sr-only", children: "More items" })] }));
+});
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+const Breadcrumbs = forwardRef(function Breadcrumbs({ items, separator, maxItems, itemsBeforeCollapse = 1, itemsAfterCollapse = 1, size, className, }, ref) {
+    const shouldCollapse = maxItems !== undefined &&
+        items.length > maxItems &&
+        items.length > itemsBeforeCollapse + itemsAfterCollapse;
+    const { start, hidden, end } = useMemo(() => {
+        if (!shouldCollapse) {
+            return { start: items, hidden: [], end: [] };
+        }
+        return {
+            start: items.slice(0, itemsBeforeCollapse),
+            hidden: items.slice(itemsBeforeCollapse, items.length - itemsAfterCollapse),
+            end: items.slice(items.length - itemsAfterCollapse),
+        };
+    }, [items, itemsBeforeCollapse, itemsAfterCollapse, shouldCollapse]);
+    function renderItem(item, isLast) {
+        const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { "aria-hidden": "true", children: item.icon }) : null, _jsx("span", { children: item.label })] }));
+        if (!item.href || isLast) {
+            return _jsx(BreadcrumbPage, { children: content });
+        }
+        return _jsx(BreadcrumbLink, { href: item.href, children: content });
+    }
+    return (_jsx(Breadcrumb, { ref: ref, ...(size !== undefined ? { size } : {}), className: className, children: _jsxs(BreadcrumbList, { children: [start.map((item, idx) => {
+                    const isLast = !shouldCollapse && idx === items.length - 1;
+                    const showSeparator = idx < start.length - 1 || shouldCollapse || end.length > 0;
+                    return (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: renderItem(item, isLast) }), showSeparator ? (_jsx(BreadcrumbSeparator, { children: separator })) : null] }, `s-${idx}`));
+                }), shouldCollapse && hidden.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { "aria-label": "Show more", className: "inline-flex items-center justify-center rounded p-0.5 cursor-pointer hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(BreadcrumbEllipsis, {}) }), _jsx(DropdownMenuContent, { align: "start", children: hidden.map((item, idx) => (_jsx(DropdownMenuItem, { ...(item.icon ? { icon: item.icon } : {}), onSelect: () => {
+                                                if (item.href && typeof window !== "undefined") {
+                                                    window.location.href = item.href;
+                                                }
+                                            }, children: item.label }, idx))) })] }) }), _jsx(BreadcrumbSeparator, { children: separator })] })) : null, end.map((item, idx) => {
+                    const isLast = idx === end.length - 1;
+                    return (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: renderItem(item, isLast) }), !isLast ? _jsx(BreadcrumbSeparator, { children: separator }) : null] }, `e-${idx}`));
+                })] }) }));
+});
+Breadcrumbs.displayName = "Breadcrumbs";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, Breadcrumbs, breadcrumbVariants, };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../components/ui/breadcrumb.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,26 @@
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "xs" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & ButtonVariantProps & {
+    asChild?: boolean;
+    type?: "button" | "submit" | "reset";
+    loading?: boolean;
+    loadingText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+};
+declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type"> & ButtonVariantProps & {
+    asChild?: boolean;
+    type?: "button" | "submit" | "reset";
+    loading?: boolean;
+    loadingText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,cAAc;;;;8EAiDnB,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9D,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAC5E,kBAAkB,GAAG;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEJ,QAAA,MAAM,MAAM;cARE,OAAO;WACV,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;kBACH,MAAM;eACT,KAAK,CAAC,SAAS;gBACd,KAAK,CAAC,SAAS;qDAoD7B,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { RiLoader2Line } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Per docs/emara-ui-phase-1-components.md §1.
+const buttonVariants = cva([
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "rounded-md text-sm font-medium select-none cursor-pointer",
+    "transition-colors transition-shadow",
+    "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",
+    "aria-busy:cursor-progress",
+    "[&_svg]:size-4 [&_svg]:shrink-0",
+].join(" "), {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+            ghost: "text-foreground hover:bg-accent hover:text-accent-foreground",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            link: "text-primary underline-offset-4 hover:underline",
+            success: "bg-success text-primary-foreground hover:bg-success/90 focus-visible:ring-success",
+            warning: "bg-warning text-primary-foreground hover:bg-warning/90 focus-visible:ring-warning",
+            info: "bg-info text-primary-foreground hover:bg-info/90 focus-visible:ring-info",
+        },
+        size: {
+            xs: "h-7 px-2.5 text-xs",
+            sm: "h-8 px-3 text-xs",
+            default: "h-9 px-4 text-sm",
+            lg: "h-10 px-5 text-base",
+            xl: "h-12 px-6 text-base",
+            "icon-xs": "size-7 p-0",
+            "icon-sm": "size-8 p-0",
+            icon: "size-9 p-0",
+            "icon-lg": "size-10 p-0",
+            "icon-xl": "size-12 p-0",
+        },
+        fullWidth: {
+            true: "w-full",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        fullWidth: false,
+    },
+});
+const Button = forwardRef(function Button({ className, variant, size, fullWidth, asChild = false, type = "button", loading = false, loadingText, leftIcon, rightIcon, disabled, children, ...props }, ref) {
+    const Comp = asChild ? Slot : "button";
+    const isDisabled = disabled || loading;
+    // When `asChild` is true, the Slot pattern requires a single child element —
+    // so spinners/icons are not injected. Consumers compose those themselves.
+    const content = asChild ? (children) : (_jsxs(_Fragment, { children: [loading ? _jsx(RiLoader2Line, { className: "animate-spin" }) : leftIcon, loading && loadingText ? _jsx("span", { children: loadingText }) : children, !loading && rightIcon] }));
+    const compProps = asChild
+        ? { className: cn(buttonVariants({ variant, size, fullWidth }), className), ...props }
+        : {
+            type,
+            disabled: isDisabled,
+            "aria-disabled": isDisabled || undefined,
+            "aria-busy": loading || undefined,
+            className: cn(buttonVariants({ variant, size, fullWidth }), className),
+            ...props,
+        };
+    return (_jsx(Comp, { ref: ref, ...compProps, children: content }));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/card.d.ts

@@ -0,0 +1,52 @@
+import { type VariantProps } from "class-variance-authority";
+declare const cardVariants: (props?: ({
+    variant?: "default" | "filled" | "outline" | "ghost" | "elevated" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CardVariants = VariantProps<typeof cardVariants>;
+type CardProps = React.HTMLAttributes<HTMLDivElement> & CardVariants & {
+    asChild?: boolean;
+    loading?: boolean;
+};
+declare const Card: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & CardVariants & {
+    asChild?: boolean;
+    loading?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+declare const CardHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type CardTitleAs = "h2" | "h3" | "h4" | "h5" | "h6";
+type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: CardTitleAs;
+    asChild?: boolean;
+};
+declare const CardTitle: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: CardTitleAs;
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    asChild?: boolean;
+};
+declare const CardDescription: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+declare const CardContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type CardFooterProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+declare const CardFooter: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, };
+export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../components/ui/card.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,QAAA,MAAM,YAAY;;;;;8EA8CjB,CAAC;AAEF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACnD,YAAY,GAAG;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,IAAI;cAJI,OAAO;cACP,OAAO;kDAiDnB,CAAC;AAOH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,UAAU;cAHJ,OAAO;kDAYjB,CAAC;AAOH,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAC/D,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,SAAS;SAJR,WAAW;cACN,OAAO;sDAiBjB,CAAC;AAOH,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe;cAHT,OAAO;wDAejB,CAAC;AAOH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW;cAHL,OAAO;kDASjB,CAAC;AAQH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,UAAU;cAHJ,OAAO;kDAejB,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC;AACF,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

package/dist/components/ui/card.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Skeleton } from "./skeleton";
+// Per docs/emara-ui-phase-1-components.md §5.
+// ----------------------------------------------------------------------------
+// Card root
+// ----------------------------------------------------------------------------
+const cardVariants = cva("rounded-lg transition-colors transition-shadow", {
+    variants: {
+        // Spec-faithful per docs/emara-ui-phase-1-components.md §5. Note that
+        // `default` carries no border because the spec assumes `--card` differs
+        // from `--background` in the host theme. Emara's stock palette has both
+        // as white in light mode, so `defaultVariants.variant` (below) is set
+        // to `outline` — a bare `<Card>` should still look like a card.
+        variant: {
+            default: "bg-card text-card-foreground",
+            outline: "bg-card text-card-foreground border border-border",
+            elevated: "bg-card text-card-foreground shadow-md",
+            filled: "bg-muted text-foreground",
+            ghost: "bg-transparent text-foreground",
+        },
+        padding: {
+            none: "p-0",
+            sm: "p-3",
+            md: "p-4",
+            lg: "p-6",
+        },
+        interactive: {
+            true: [
+                "cursor-pointer",
+                // Subtle hover — only the surface tone shifts, text stays put.
+                // For the default/outline variants the border also gets slightly
+                // stronger so the lift reads even without a background change.
+                "hover:bg-accent/40 hover:border-foreground/20",
+                "active:bg-accent/60",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            ].join(" "),
+            false: "",
+        },
+        selected: {
+            true: "ring-2 ring-primary ring-offset-2 ring-offset-background",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        variant: "outline",
+        padding: "md",
+        interactive: false,
+        selected: false,
+    },
+});
+const Card = forwardRef(function Card({ className, variant, padding, interactive, selected, asChild = false, loading = false, children, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    // Loading state mirrors a typical Card: header (title + description), body
+    // (3 lines), and a footer action. The container carries `aria-busy` /
+    // `aria-live` so assistive tech announces the loading region.
+    const loadingContent = (_jsxs("div", { className: "space-y-4", "aria-busy": "true", "aria-live": "polite", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-2/5" }), _jsx(Skeleton, { className: "h-4 w-3/5" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-10/12" }), _jsx(Skeleton, { className: "h-4 w-3/5" })] }), _jsx("div", { className: "flex justify-end", children: _jsx(Skeleton, { className: "h-9 w-24" }) })] }));
+    return (_jsx(Comp, { ref: ref, "data-selected": selected ? "true" : undefined, className: cn(cardVariants({ variant, padding, interactive, selected }), className), ...props, children: loading ? loadingContent : children }));
+});
+Card.displayName = "Card";
+const CardHeader = forwardRef(function CardHeader({ className, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    // Block layout with vertical rhythm. `space-y-1` is 4px — tight, but the
+    // CardTitle now carries its own `leading-snug` so visually there's already
+    // breathing room between title and description.
+    return _jsx(Comp, { ref: ref, className: cn("space-y-1", className), ...props });
+});
+CardHeader.displayName = "CardHeader";
+const CardTitle = forwardRef(function CardTitle({ className, as = "h3", asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : as;
+    // 18px / leading-snug / tight letter-spacing — establishes a clear visual
+    // step above the 14px CardDescription and 16px body text.
+    return (_jsx(Comp, { ref: ref, className: cn("text-lg font-semibold leading-snug tracking-tight", className), ...props }));
+});
+CardTitle.displayName = "CardTitle";
+const CardDescription = forwardRef(function CardDescription({ className, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "p";
+    return (_jsx(Comp, { ref: ref, className: cn("text-sm leading-snug text-muted-foreground", className), ...props }));
+});
+CardDescription.displayName = "CardDescription";
+const CardContent = forwardRef(function CardContent({ className, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    return _jsx(Comp, { ref: ref, className: cn("pt-4 first:pt-0", className), ...props });
+});
+CardContent.displayName = "CardContent";
+const CardFooter = forwardRef(function CardFooter({ className, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: ref, className: cn("flex items-center pt-4 first:pt-0", className), ...props }));
+});
+CardFooter.displayName = "CardFooter";
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, };
+//# sourceMappingURL=card.js.map

package/dist/components/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../components/ui/card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,8CAA8C;AAE9C,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,MAAM,YAAY,GAAG,GAAG,CACtB,gDAAgD,EAChD;IACE,QAAQ,EAAE;QACR,sEAAsE;QACtE,wEAAwE;QACxE,wEAAwE;QACxE,sEAAsE;QACtE,gEAAgE;QAChE,OAAO,EAAE;YACP,OAAO,EAAE,8BAA8B;YACvC,OAAO,EAAE,mDAAmD;YAC5D,QAAQ,EAAE,wCAAwC;YAClD,MAAM,EAAE,0BAA0B;YAClC,KAAK,EAAE,gCAAgC;SACxC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,KAAK;YACX,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;SACV;QACD,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,gBAAgB;gBAChB,+DAA+D;gBAC/D,iEAAiE;gBACjE,+DAA+D;gBAC/D,+CAA+C;gBAC/C,qBAAqB;gBACrB,0IAA0I;aAC3I,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,EAAE;SACV;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,0DAA0D;YAChE,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAUF,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EACE,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,2EAA2E;IAC3E,sEAAsE;IACtE,8DAA8D;IAC9D,MAAM,cAAc,GAAG,CACrB,eAAK,SAAS,EAAC,WAAW,eAAW,MAAM,eAAW,QAAQ,aAC5D,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,IAC9B,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,IAC9B,EACN,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,GAC7B,IACF,CACP,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,mBACO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/E,KAAK,YAER,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,GAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAU1B,MAAM,UAAU,GAAG,UAAU,CAAkC,SAAS,UAAU,CAChF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACxC,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,yEAAyE;IACzE,2EAA2E;IAC3E,gDAAgD;IAChD,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9E,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAatC,MAAM,SAAS,GAAG,UAAU,CAAqC,SAAS,SAAS,CACjF,EAAE,SAAS,EAAE,EAAE,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACnD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,0EAA0E;IAC1E,0DAA0D;IAC1D,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,KACzE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAUpC,MAAM,eAAe,GAAG,UAAU,CAA6C,SAAS,eAAe,CACrG,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACxC,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAUhD,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,WAAW,CACnF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACxC,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACpF,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAWxC,MAAM,UAAU,GAAG,UAAU,CAAkC,SAAS,UAAU,CAChF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EACxC,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,18 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { type VariantProps } from "class-variance-authority";
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CheckboxVariants = VariantProps<typeof checkboxVariants>;
+type CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "size"> & CheckboxVariants & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+};
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "size"> & CheckboxVariants & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export { Checkbox, checkboxVariants };
+export type { CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/ui/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,gBAAgB;;;8EAwBrB,CAAC;AAoBF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9D,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAC9F,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEJ,QAAA,MAAM,QAAQ;YAJF,KAAK,CAAC,SAAS;kBACT,KAAK,CAAC,SAAS;qDAkEhC,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { RiCheckLine, RiSubtractLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Per docs/emara-ui-phase-2-components.md §1.
+const checkboxVariants = cva([
+    "peer shrink-0 rounded-sm border border-input bg-background",
+    "transition-colors",
+    "hover:border-foreground/40 data-[state=checked]:hover:bg-primary/90 data-[state=indeterminate]:hover:bg-primary/90",
+    "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 disabled:hover:border-input",
+    "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground",
+    "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground",
+].join(" "), {
+    variants: {
+        size: {
+            sm: "size-4",
+            md: "size-5",
+            lg: "size-6",
+        },
+        invalid: {
+            true: "border-destructive focus-visible:ring-destructive data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive",
+            false: "",
+        },
+    },
+    defaultVariants: { size: "md", invalid: false },
+});
+const indicatorIconSize = {
+    sm: "size-3",
+    md: "size-3.5",
+    lg: "size-4",
+};
+const labelSize = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base",
+};
+const descriptionSize = {
+    sm: "text-2xs",
+    md: "text-xs",
+    lg: "text-sm",
+};
+const Checkbox = forwardRef(function Checkbox({ className, size = "md", invalid, label, description, id, ...props }, ref) {
+    const reactId = useId();
+    const checkboxId = id ?? reactId;
+    const descriptionId = description ? `${checkboxId}-description` : undefined;
+    const resolvedSize = size ?? "md";
+    const checkbox = (_jsx(CheckboxPrimitive.Root, { ref: ref, id: checkboxId, "aria-invalid": invalid || undefined, "aria-describedby": descriptionId, className: cn(checkboxVariants({ size, invalid }), className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? (_jsx(RiSubtractLine, { className: indicatorIconSize[resolvedSize] })) : (_jsx(RiCheckLine, { className: indicatorIconSize[resolvedSize] })) }) }));
+    if (!label && !description)
+        return checkbox;
+    // When `label` is provided, render the full row pattern: checkbox + label + description.
+    return (_jsxs("div", { className: "inline-flex items-start gap-2", children: [checkbox, _jsxs("div", { className: "space-y-0.5 leading-none", children: [label ? (_jsx("label", { htmlFor: checkboxId, className: cn("cursor-pointer font-medium select-none", labelSize[resolvedSize], props.disabled && "cursor-not-allowed opacity-50"), children: label })) : null, description ? (_jsx("p", { id: descriptionId, className: cn("text-muted-foreground", descriptionSize[resolvedSize], props.disabled && "opacity-50"), children: description })) : null] })] }));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=checkbox.js.map

package/dist/components/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../components/ui/checkbox.tsx"],"names":[],"mappings":"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"}