@emara/ui 1.1.0

package/dist/components/ui/sidebar.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, createContext, forwardRef, isValidElement, useContext, useMemo, useState, } from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { Slot } from "@radix-ui/react-slot";
+import { RiArrowDownSLine, RiArrowLeftSLine, RiArrowRightSLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
+const SidebarContext = createContext(null);
+function useSidebar() {
+    const ctx = useContext(SidebarContext);
+    if (!ctx)
+        throw new Error("Sidebar subcomponents must be used inside <Sidebar>");
+    return ctx;
+}
+// ---- Root ------------------------------------------------------------------
+// Width is driven by tokens (--sidebar-w-{sm,md,lg,collapsed}) defined in
+// design-tokens §11b.3. Collapsed width is fixed across sizes.
+const sidebarVariants = cva("flex h-full flex-col text-foreground transition-[width] duration-normal", {
+    variants: {
+        variant: {
+            filled: "bg-muted",
+            outline: "bg-background border-e border-border",
+            floating: "bg-card rounded-lg shadow-md m-2",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+        collapsed: {
+            true: "w-sidebar-collapsed",
+            false: "",
+        },
+    },
+    compoundVariants: [
+        // Expanded width — driven by `size` only when not collapsed.
+        { collapsed: false, size: "sm", class: "w-sidebar-sm" },
+        { collapsed: false, size: "md", class: "w-sidebar-md" },
+        { collapsed: false, size: "lg", class: "w-sidebar-lg" },
+    ],
+    defaultVariants: {
+        variant: "filled",
+        size: "md",
+        collapsed: false,
+    },
+});
+const Sidebar = forwardRef(function Sidebar({ className, variant = "filled", size = "md", collapsed = false, asChild = false, ...props }, ref) {
+    const Comp = (asChild ? Slot : "aside");
+    const ctx = useMemo(() => ({
+        variant: variant ?? "filled",
+        collapsed: collapsed ?? false,
+    }), [variant, collapsed]);
+    return (_jsx(SidebarContext.Provider, { value: ctx, children: _jsx(Comp, { ref: ref, "data-collapsed": collapsed || undefined, "data-variant": variant, "data-size": size, className: cn(sidebarVariants({ variant, size, collapsed }), className), ...props }) }));
+});
+Sidebar.displayName = "Sidebar";
+// ---- Brand / Header / Body / Footer ---------------------------------------
+const SidebarBrand = forwardRef(function SidebarBrand({ className, ...props }, ref) {
+    const { collapsed } = useSidebar();
+    return (_jsx("div", { ref: ref, className: cn("text-foreground flex h-14 shrink-0 items-center gap-2 px-3 font-semibold", "[&_svg]:size-6 [&_svg]:shrink-0", collapsed && "justify-center", className), ...props }));
+});
+SidebarBrand.displayName = "SidebarBrand";
+const SidebarHeader = forwardRef(function SidebarHeader({ className, ...props }, ref) {
+    return _jsx("div", { ref: ref, className: cn("shrink-0 px-3 pb-2", className), ...props });
+});
+SidebarHeader.displayName = "SidebarHeader";
+const SidebarBody = forwardRef(function SidebarBody({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("flex-1 space-y-3 overflow-x-hidden overflow-y-auto px-2 py-2", className), ...props }));
+});
+SidebarBody.displayName = "SidebarBody";
+const SidebarFooter = forwardRef(function SidebarFooter({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("border-border/60 shrink-0 border-t px-2 py-2", className), ...props }));
+});
+SidebarFooter.displayName = "SidebarFooter";
+// ---- Group -----------------------------------------------------------------
+const SidebarGroup = forwardRef(function SidebarGroup({ className, ...props }, ref) {
+    return _jsx("div", { ref: ref, className: cn("space-y-1", className), ...props });
+});
+SidebarGroup.displayName = "SidebarGroup";
+const SidebarGroupLabel = forwardRef(function SidebarGroupLabel({ className, ...props }, ref) {
+    const { collapsed } = useSidebar();
+    if (collapsed) {
+        return _jsx("div", { ref: ref, "aria-hidden": "true", className: "h-2" });
+    }
+    return (_jsx("div", { ref: ref, className: cn("text-muted-foreground px-3 pb-1 text-xs font-medium tracking-wider uppercase", className), ...props }));
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+// ---- Item visual ----------------------------------------------------------
+const itemVariants = cva([
+    "group flex w-full items-center gap-2 rounded-md ps-3 pe-2 text-sm cursor-pointer",
+    "text-foreground transition-colors select-none",
+    "hover:bg-accent hover:text-accent-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "[&_svg]:size-4 [&_svg]:shrink-0",
+    "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground data-[active=true]:font-medium",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+].join(" "), {
+    variants: {
+        collapsed: {
+            true: "justify-center px-0 h-10 w-10 mx-auto",
+            false: "h-9",
+        },
+    },
+    defaultVariants: { collapsed: false },
+});
+// Inner item content — used by both flat Items and the trigger of expandable Items
+function ItemContent({ icon, label, badge, kbd, expandable, expanded, collapsed, }) {
+    return (_jsxs(_Fragment, { children: [icon ? _jsx("span", { className: "shrink-0", children: icon }) : null, _jsx("span", { className: cn("flex-1 truncate text-start", collapsed && "sr-only"), children: label }), !collapsed && badge ? _jsx("span", { className: "ms-1 shrink-0", children: badge }) : null, !collapsed && kbd && kbd.length > 0 ? (_jsx("kbd", { className: "border-border bg-muted text-muted-foreground ms-1 inline-flex items-center gap-0.5 rounded border px-1.5 py-0.5 text-[10px] font-medium", children: kbd.map((k, i) => (_jsx("span", { children: k }, i))) })) : null, !collapsed && expandable ? (_jsx("span", { "aria-hidden": "true", className: cn("text-muted-foreground ms-1 shrink-0 transition-transform", expanded && "rotate-180"), children: _jsx(RiArrowDownSLine, {}) })) : null] }));
+}
+const SidebarItem = forwardRef(function SidebarItem({ className, icon, label, badge, kbd, tooltip, active = false, disabled = false, asChild = false, children, ...rest }, ref) {
+    const expandable = "expandable" in rest && rest.expandable === true;
+    const defaultExpanded = "defaultExpanded" in rest && rest.defaultExpanded ? Boolean(rest.defaultExpanded) : false;
+    // Strip discriminator keys before spreading onto DOM.
+    const domProps = { ...rest };
+    delete domProps.expandable;
+    delete domProps.defaultExpanded;
+    const { collapsed } = useSidebar();
+    // Use label as accessible tooltip text when none provided + collapsed mode.
+    const tooltipText = tooltip ?? (typeof label === "string" ? label : undefined);
+    // --- Expandable ----------------------------------------------------------
+    if (expandable) {
+        return (_jsx(ExpandableItem, { ref: ref, defaultExpanded: defaultExpanded, active: active, disabled: disabled, collapsed: collapsed, ...(icon !== undefined ? { icon } : {}), label: label, ...(badge !== undefined ? { badge } : {}), ...(kbd !== undefined ? { kbd } : {}), ...(tooltipText !== undefined ? { tooltip: tooltipText } : {}), ...(className !== undefined ? { className } : {}), ...domProps, children: children }));
+    }
+    // --- Flat item -----------------------------------------------------------
+    const sharedProps = {
+        "data-active": active || undefined,
+        "data-disabled": disabled || undefined,
+        ...(disabled ? { "aria-disabled": true, tabIndex: -1 } : {}),
+        ...(active ? { "aria-current": "page" } : {}),
+        className: cn(itemVariants({ collapsed }), className),
+        ...domProps,
+    };
+    const itemContent = (_jsx(ItemContent, { ...(icon !== undefined ? { icon } : {}), label: label, ...(badge !== undefined ? { badge } : {}), ...(kbd !== undefined ? { kbd } : {}), collapsed: collapsed }));
+    let triggerEl;
+    if (asChild) {
+        // Clone the consumer's single child (an `<a>`, Next `<Link>`, etc.),
+        // merge our props onto it, and inject ItemContent as its body. Any
+        // existing children on the consumer's element are preserved before
+        // ItemContent so consumers can compose if they want.
+        const child = Children.only(children);
+        if (!isValidElement(child)) {
+            throw new Error("SidebarItem with asChild expects a single valid React element.");
+        }
+        triggerEl = cloneElement(child, {
+            ...sharedProps,
+            className: cn(sharedProps.className, child.props.className),
+            ref,
+        }, child.props.children ?? itemContent);
+    }
+    else {
+        triggerEl = (_jsx("button", { ref: ref, type: "button", ...sharedProps, children: itemContent }));
+    }
+    if (collapsed && tooltipText) {
+        // `side="right"` is correct for a start-positioned sidebar in both
+        // LTR (toward content on the right) and RTL (Radix auto-flips to
+        // "left", which is toward content). For an end-positioned sidebar
+        // the tooltip would point off-screen — a known limitation tracked
+        // for v1.x once Sidebar can read its parent AppShell's position.
+        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: triggerEl }), _jsx(TooltipContent, { side: "right", children: tooltipText })] }));
+    }
+    return triggerEl;
+});
+SidebarItem.displayName = "SidebarItem";
+// ---- ExpandableItem (internal) --------------------------------------------
+const ExpandableItem = forwardRef(function ExpandableItem({ defaultExpanded, icon, label, badge, kbd, tooltip, active, disabled, className, collapsed, children, ...props }, ref) {
+    const [open, setOpen] = useState(defaultExpanded);
+    // Collapsed mode: open as a popover instead of inline collapsible.
+    if (collapsed) {
+        return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { ref: ref, type: "button", "data-active": active || undefined, "data-disabled": disabled || undefined, ...(disabled ? { "aria-disabled": true, tabIndex: -1 } : {}), className: cn(itemVariants({ collapsed: true }), className), children: _jsx(ItemContent, { ...(icon !== undefined ? { icon } : {}), label: label, ...(badge !== undefined ? { badge } : {}), ...(kbd !== undefined ? { kbd } : {}), expandable: true, collapsed: true }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-56 p-1", children: [tooltip ? (_jsx("div", { className: "text-muted-foreground px-2 py-1.5 text-xs font-medium", children: tooltip })) : null, _jsx("div", { className: "space-y-0.5", children: children })] })] }));
+    }
+    return (_jsx(CollapsiblePrimitive.Root, { open: open, onOpenChange: setOpen, asChild: true, children: _jsxs("div", { ref: ref, className: "contents", children: [_jsx(CollapsiblePrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "data-active": active || undefined, "data-disabled": disabled || undefined, ...(disabled ? { "aria-disabled": true, tabIndex: -1 } : {}), className: cn(itemVariants({ collapsed: false }), className), ...props, children: _jsx(ItemContent, { ...(icon !== undefined ? { icon } : {}), label: label, ...(badge !== undefined ? { badge } : {}), ...(kbd !== undefined ? { kbd } : {}), expandable: true, expanded: open, collapsed: false }) }) }), _jsx(CollapsiblePrimitive.Content, { className: cn("overflow-hidden", "data-[state=open]:animate-[collapse-down_var(--duration-fast,150ms)_var(--ease-out,ease-out)]", "data-[state=closed]:animate-[collapse-up_var(--duration-fast,150ms)_var(--ease-in,ease-in)]", "[--collapsible-content-height:var(--radix-collapsible-content-height)]"), children: _jsx("div", { className: "border-border ms-3 mt-0.5 space-y-0.5 border-s ps-3", children: children }) })] }) }));
+});
+ExpandableItem.displayName = "ExpandableItem";
+const SidebarSubItem = forwardRef(function SidebarSubItem({ className, icon, label, badge, kbd, active = false, disabled = false, asChild = false, ...rest }, ref) {
+    const Comp = (asChild ? Slot : "button");
+    return (_jsxs(Comp, { ref: ref, "data-active": active || undefined, "data-disabled": disabled || undefined, ...(disabled ? { "aria-disabled": true, tabIndex: -1 } : {}), ...(active ? { "aria-current": "page" } : {}), ...(!asChild ? { type: "button" } : {}), className: cn(
+        // Slightly smaller indent; reuses item variants for color logic.
+        "group flex h-8 w-full cursor-pointer items-center gap-2 rounded-md ps-3 pe-2 text-sm", "text-muted-foreground transition-colors select-none", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none", "[&_svg]:size-4 [&_svg]:shrink-0", "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground data-[active=true]:font-medium", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className), ...rest, children: [icon ? _jsx("span", { className: "shrink-0", children: icon }) : null, _jsx("span", { className: "flex-1 truncate text-start", children: label }), badge ? _jsx("span", { className: "ms-1 shrink-0", children: badge }) : null, kbd && kbd.length > 0 ? (_jsx("kbd", { className: "border-border bg-muted text-muted-foreground ms-1 inline-flex items-center gap-0.5 rounded border px-1.5 py-0.5 text-[10px] font-medium", children: kbd.map((k, i) => (_jsx("span", { children: k }, i))) })) : null] }));
+});
+SidebarSubItem.displayName = "SidebarSubItem";
+const SidebarCollapseToggle = forwardRef(function SidebarCollapseToggle({ className, expandLabel = "Expand sidebar", collapseLabel = "Collapse sidebar", ...props }, ref) {
+    const { collapsed } = useSidebar();
+    return (_jsx("button", { ref: ref, type: "button", "aria-label": collapsed ? expandLabel : collapseLabel, className: cn("inline-flex h-8 w-full cursor-pointer items-center justify-center rounded-md", "text-muted-foreground hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none", "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: collapsed ? (_jsx(RiArrowRightSLine, { className: "rtl-mirror" })) : (_jsx(RiArrowLeftSLine, { className: "rtl-mirror" })) }));
+});
+SidebarCollapseToggle.displayName = "SidebarCollapseToggle";
+export { Sidebar, SidebarBrand, SidebarHeader, SidebarBody, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarItem, SidebarSubItem, SidebarCollapseToggle, sidebarVariants, };
+//# sourceMappingURL=sidebar.js.map

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

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

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

@@ -0,0 +1,77 @@
+import { type VariantProps } from "class-variance-authority";
+declare const skeletonVariants: (props?: ({
+    animation?: "none" | "pulse" | "shimmer" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+type SkeletonProps = React.HTMLAttributes<HTMLDivElement> & SkeletonVariants & {
+    asChild?: boolean;
+};
+declare const Skeleton: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & SkeletonVariants & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonTextProps = Omit<SkeletonProps, "asChild"> & {
+    lines?: number;
+    /** Width of the last line as a fraction of full width. Default 0.6. */
+    lastLineWidth?: number;
+};
+declare const SkeletonText: import("react").ForwardRefExoticComponent<Omit<SkeletonProps, "asChild"> & {
+    lines?: number;
+    /** Width of the last line as a fraction of full width. Default 0.6. */
+    lastLineWidth?: number;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonCircleSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+type SkeletonCircleProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonCircleSize;
+    animation?: SkeletonVariants["animation"];
+};
+declare const SkeletonCircle: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonCircleSize;
+    animation?: SkeletonVariants["animation"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonButtonSize = "xs" | "sm" | "default" | "lg" | "xl";
+type SkeletonButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonButtonSize;
+    width?: "auto" | "full";
+    animation?: SkeletonVariants["animation"];
+};
+declare const SkeletonButton: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonButtonSize;
+    width?: "auto" | "full";
+    animation?: SkeletonVariants["animation"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonInputSize = "xs" | "sm" | "md" | "lg" | "xl";
+type SkeletonInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonInputSize;
+    animation?: SkeletonVariants["animation"];
+};
+declare const SkeletonInput: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    size?: SkeletonInputSize;
+    animation?: SkeletonVariants["animation"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Show the header section (title + description). Default true. */
+    header?: boolean;
+    /** Number of body lines. Default 3. */
+    lines?: number;
+    animation?: SkeletonVariants["animation"];
+};
+declare const SkeletonCard: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Show the header section (title + description). Default true. */
+    header?: boolean;
+    /** Number of body lines. Default 3. */
+    lines?: number;
+    animation?: SkeletonVariants["animation"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+type SkeletonTableProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    rows?: number;
+    cols?: number;
+    animation?: SkeletonVariants["animation"];
+};
+declare const SkeletonTable: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    rows?: number;
+    cols?: number;
+    animation?: SkeletonVariants["animation"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { Skeleton, SkeletonText, SkeletonCircle, SkeletonButton, SkeletonInput, SkeletonCard, SkeletonTable, skeletonVariants, };
+export type { SkeletonProps, SkeletonTextProps, SkeletonCircleProps, SkeletonButtonProps, SkeletonInputProps, SkeletonCardProps, SkeletonTableProps, };
+//# sourceMappingURL=skeleton.d.ts.map

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

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

package/dist/components/ui/skeleton.js

@@ -0,0 +1,115 @@
+"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";
+// Per docs/emara-ui-phase-1-components.md §9.
+const skeletonVariants = cva("rounded-md bg-foreground/10", {
+    variants: {
+        animation: {
+            pulse: "animate-pulse",
+            shimmer: [
+                "relative overflow-hidden isolate",
+                // Sliding band — a contrasting tone sweeps across the base fill.
+                // Base is `bg-foreground/10`; the band is `foreground/35` so it's
+                // visibly darker in light mode and visibly lighter in dark mode.
+                // The keyframe `shimmer-slide` (in globals.css) animates translateX
+                // and the cascade flips direction for RTL.
+                "before:absolute before:inset-0 before:content-[''] before:z-10 before:pointer-events-none",
+                "before:bg-gradient-to-r before:from-transparent before:via-foreground/35 before:to-transparent",
+                "before:animate-[shimmer-slide_1.2s_linear_infinite]",
+            ].join(" "),
+            none: "",
+        },
+    },
+    defaultVariants: {
+        animation: "pulse",
+    },
+});
+const Skeleton = forwardRef(function Skeleton({ className, animation, asChild = false, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { ref: ref, "aria-hidden": "true", className: cn(skeletonVariants({ animation }), className), ...props }));
+});
+Skeleton.displayName = "Skeleton";
+// Pre-computed "realistic" widths for paragraphs. Repeats after this many lines.
+const TEXT_LINE_WIDTHS = ["w-full", "w-11/12", "w-full", "w-10/12", "w-full"];
+const SkeletonText = forwardRef(function SkeletonText({ className, animation, lines = 3, lastLineWidth = 0.6, ...props }, ref) {
+    const lastWidthStyle = { width: `${Math.round(lastLineWidth * 100)}%` };
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", className: cn("space-y-2", className), ...props, children: Array.from({ length: Math.max(1, lines) }, (_, i) => {
+            const isLast = i === lines - 1 && lines > 1;
+            const widthClass = isLast
+                ? ""
+                : (TEXT_LINE_WIDTHS[i % TEXT_LINE_WIDTHS.length] ?? "w-full");
+            return (_jsx(Skeleton, { animation: animation, className: cn("h-4", widthClass), style: isLast ? lastWidthStyle : undefined }, i));
+        }) }));
+});
+SkeletonText.displayName = "SkeletonText";
+// Note: animation is intentionally NOT part of this variant set — the parent
+// <Skeleton> already supplies the right classes for pulse / shimmer / none
+// (including the relative+overflow-hidden+::before band that shimmer needs).
+// Duplicating animation here used to strip the shimmer styling, so the audit
+// flagged "shimmer doesn't work on SkeletonCircle".
+const skeletonCircleVariants = cva("rounded-full", {
+    variants: {
+        size: {
+            xs: "size-6",
+            sm: "size-8",
+            md: "size-10",
+            lg: "size-12",
+            xl: "size-16",
+            "2xl": "size-24",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const SkeletonCircle = forwardRef(function SkeletonCircle({ className, size, animation = "pulse", ...props }, ref) {
+    return (_jsx(Skeleton, { ref: ref, animation: animation, className: cn(skeletonCircleVariants({ size }), className), ...props }));
+});
+SkeletonCircle.displayName = "SkeletonCircle";
+const skeletonButtonVariants = cva("rounded-md bg-foreground/10", {
+    variants: {
+        size: {
+            xs: "h-7",
+            sm: "h-8",
+            default: "h-9",
+            lg: "h-10",
+            xl: "h-12",
+        },
+        width: {
+            auto: "w-24",
+            full: "w-full",
+        },
+    },
+    defaultVariants: { size: "default", width: "auto" },
+});
+const SkeletonButton = forwardRef(function SkeletonButton({ className, size, width, animation = "pulse", ...props }, ref) {
+    return (_jsx(Skeleton, { ref: ref, animation: animation, className: cn(skeletonButtonVariants({ size, width }), className), ...props }));
+});
+SkeletonButton.displayName = "SkeletonButton";
+const skeletonInputVariants = cva("rounded-md bg-foreground/10 w-full", {
+    variants: {
+        size: {
+            xs: "h-7",
+            sm: "h-8",
+            md: "h-9",
+            lg: "h-10",
+            xl: "h-12",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const SkeletonInput = forwardRef(function SkeletonInput({ className, size, animation = "pulse", ...props }, ref) {
+    return (_jsx(Skeleton, { ref: ref, animation: animation, className: cn(skeletonInputVariants({ size }), className), ...props }));
+});
+SkeletonInput.displayName = "SkeletonInput";
+const SkeletonCard = forwardRef(function SkeletonCard({ className, header = true, lines = 3, animation = "pulse", ...props }, ref) {
+    return (_jsxs("div", { ref: ref, "aria-hidden": "true", className: cn("border-border space-y-4 rounded-md border p-4", className), ...props, children: [header ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { animation: animation, className: "h-5 w-2/5" }), _jsx(Skeleton, { animation: animation, className: "h-4 w-3/5" })] })) : null, _jsx(SkeletonText, { animation: animation, lines: lines })] }));
+});
+SkeletonCard.displayName = "SkeletonCard";
+const SkeletonTable = forwardRef(function SkeletonTable({ className, rows = 5, cols = 4, animation = "pulse", ...props }, ref) {
+    return (_jsxs("div", { ref: ref, "aria-hidden": "true", className: cn("space-y-2", className), ...props, children: [_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, children: Array.from({ length: cols }, (_, c) => (_jsx(Skeleton, { animation: animation, className: "h-4" }, `h-${c}`))) }), Array.from({ length: rows }, (_, r) => (_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, children: Array.from({ length: cols }, (_, c) => (_jsx(Skeleton, { animation: animation, className: "h-4" }, `${r}-${c}`))) }, r)))] }));
+});
+SkeletonTable.displayName = "SkeletonTable";
+export { Skeleton, SkeletonText, SkeletonCircle, SkeletonButton, SkeletonInput, SkeletonCard, SkeletonTable, skeletonVariants, };
+//# sourceMappingURL=skeleton.js.map

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

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

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

@@ -0,0 +1,26 @@
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
+declare const switchRootVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SwitchVariants = VariantProps<typeof switchRootVariants>;
+type SwitchProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, "size"> & SwitchVariants & {
+    loading?: boolean;
+    onIcon?: React.ReactNode;
+    offIcon?: React.ReactNode;
+    onLabel?: string;
+    offLabel?: string;
+};
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<Omit<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "size"> & SwitchVariants & {
+    loading?: boolean;
+    onIcon?: React.ReactNode;
+    offIcon?: React.ReactNode;
+    onLabel?: string;
+    offLabel?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export { Switch, switchRootVariants, switchThumbVariants };
+export type { SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/ui/switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,kBAAkB;;8EAuBvB,CAAC;AAEF,QAAA,MAAM,mBAAmB;;8EAsBxB,CAAC;AAoBF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAC1F,cAAc,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,MAAM;cAPE,OAAO;aACR,KAAK,CAAC,SAAS;cACd,KAAK,CAAC,SAAS;cACf,MAAM;eACL,MAAM;qDA+FpB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { RiLoader2Line } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Per docs/emara-ui-phase-2-components.md §3.
+const switchRootVariants = cva([
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full",
+    "border border-transparent 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:cursor-not-allowed disabled:opacity-50",
+    "data-[state=checked]:bg-primary",
+    "data-[state=unchecked]:bg-input",
+    "aria-busy:cursor-progress",
+].join(" "), {
+    variants: {
+        size: {
+            // [track width × height], thumb size handled via the thumb's variants.
+            // Track widths leave enough room for short side-labels in the empty
+            // half (~22px at md, ~26px at lg).
+            sm: "h-5 w-10 px-0.5",
+            md: "h-6 w-12 px-0.5",
+            lg: "h-7 w-16 px-0.5",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const switchThumbVariants = cva([
+    "pointer-events-none block rounded-full bg-background shadow-sm",
+    "transition-transform duration-fast",
+    // RTL: in `dir="rtl"` the "checked" position is on the visual start
+    // (LTR right == RTL left). Use a CSS variable so the transform flips.
+    "translate-x-0",
+].join(" "), {
+    variants: {
+        size: {
+            // Translation = (track width - thumb size - 2 × px-0.5).
+            // sm: 40 - 16 - 4 = 20 → translate-x-5
+            // md: 48 - 20 - 4 = 24 → translate-x-6
+            // lg: 64 - 24 - 4 = 36 → translate-x-9
+            sm: "size-4 data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5",
+            md: "size-5 data-[state=checked]:translate-x-6 rtl:data-[state=checked]:-translate-x-6",
+            lg: "size-6 data-[state=checked]:translate-x-9 rtl:data-[state=checked]:-translate-x-9",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const thumbIconSize = {
+    sm: "size-2.5",
+    md: "size-3",
+    lg: "size-3.5",
+};
+// Side-label sizes are intentionally **sub-canonical** (below the type-scale's
+// `--text-2xs` step at 11px) — they're decorative micro-labels that sit inside
+// the empty half of the track, not body text. Per design-tokens §4.2's note on
+// sub-canonical micro-labels: arbitrary px values are allowed here precisely
+// because these aren't part of the readable type scale. No `tracking-wide`
+// — it would expand the text and clip it against the track edge.
+const sideLabelSize = {
+    sm: "text-[8px]",
+    md: "text-[9px]",
+    lg: "text-[10px]",
+};
+const Switch = forwardRef(function Switch({ className, size = "md", loading = false, onIcon, offIcon, onLabel, offLabel, disabled, checked, defaultChecked, ...props }, ref) {
+    const resolvedSize = size ?? "md";
+    const isDisabled = disabled || loading;
+    // exactOptionalPropertyTypes: explicitly omit `checked`/`defaultChecked`
+    // when undefined rather than passing through.
+    const controlProps = {};
+    if (checked !== undefined)
+        controlProps.checked = checked;
+    if (defaultChecked !== undefined)
+        controlProps.defaultChecked = defaultChecked;
+    return (_jsxs(SwitchPrimitive.Root, { ref: ref, disabled: isDisabled, "aria-busy": loading || undefined, ...controlProps, className: cn(switchRootVariants({ size }), "relative", className), ...props, children: [onLabel ? (_jsx("span", { "aria-hidden": "true", className: cn(
+                // Sit at the start side (empty when on), vertically centered.
+                "text-primary-foreground pointer-events-none absolute inset-y-0 start-1 inline-flex items-center leading-none font-semibold uppercase select-none", sideLabelSize[resolvedSize], "opacity-0 in-data-[state=checked]:opacity-100"), children: onLabel })) : null, offLabel ? (_jsx("span", { "aria-hidden": "true", className: cn(
+                // Sit at the end side (empty when off), vertically centered.
+                "text-muted-foreground pointer-events-none absolute inset-y-0 end-1 inline-flex items-center leading-none font-semibold uppercase select-none", sideLabelSize[resolvedSize], "opacity-100 in-data-[state=checked]:opacity-0"), children: offLabel })) : null, _jsx(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ size })), children: _jsx("span", { className: "text-foreground/70 flex h-full w-full items-center justify-center [&_svg]:size-3 [&_svg]:shrink-0", children: loading ? (_jsx(RiLoader2Line, { className: cn(thumbIconSize[resolvedSize], "animate-spin") })) : (_jsxs(_Fragment, { children: [onIcon ? (_jsx("span", { className: "hidden in-data-[state=checked]:inline-flex", children: onIcon })) : null, offIcon ? (_jsx("span", { className: "inline-flex in-data-[state=checked]:hidden", children: offIcon })) : null] })) }) })] }));
+});
+Switch.displayName = "Switch";
+export { Switch, switchRootVariants, switchThumbVariants };
+//# sourceMappingURL=switch.js.map

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

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

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

@@ -0,0 +1,52 @@
+import { type VariantProps } from "class-variance-authority";
+type TableDensity = "warm" | "dense";
+declare const tableVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TableRootVariants = VariantProps<typeof tableVariants>;
+type TableProps = React.HTMLAttributes<HTMLTableElement> & TableRootVariants & {
+    density?: TableDensity;
+    striped?: boolean;
+    bordered?: boolean;
+    hoverable?: boolean;
+    stickyHeader?: boolean;
+    /** Wraps the table in an overflow container. Default true. */
+    wrap?: boolean;
+};
+declare const Table: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableElement> & TableRootVariants & {
+    density?: TableDensity;
+    striped?: boolean;
+    bordered?: boolean;
+    hoverable?: boolean;
+    stickyHeader?: boolean;
+    /** Wraps the table in an overflow container. Default true. */
+    wrap?: boolean;
+} & import("react").RefAttributes<HTMLTableElement>>;
+declare const TableHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+declare const tableHeadVariants: (props?: ({
+    density?: "dense" | "warm" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {
+    density?: TableDensity;
+};
+declare const TableHead: import("react").ForwardRefExoticComponent<import("react").ThHTMLAttributes<HTMLTableCellElement> & {
+    density?: TableDensity;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+declare const tableCellVariants: (props?: ({
+    density?: "dense" | "warm" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {
+    density?: TableDensity;
+};
+declare const TableCell: import("react").ForwardRefExoticComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
+    density?: TableDensity;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableCaptionElement> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, tableVariants, tableHeadVariants, tableCellVariants, };
+export type { TableProps, TableHeadProps, TableCellProps, TableDensity };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../components/ui/table.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AA0BrC,QAAA,MAAM,aAAa;;8EAQjB,CAAC;AAEH,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACtD,iBAAiB,GAAG;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,QAAA,MAAM,KAAK;cATG,YAAY;cACZ,OAAO;eACN,OAAO;gBACN,OAAO;mBACJ,OAAO;IACtB,8DAA8D;WACvD,OAAO;oDAmDhB,CAAC;AAKH,QAAA,MAAM,WAAW,6JAgBf,CAAC;AAKH,QAAA,MAAM,SAAS,6JAKb,CAAC;AAKH,QAAA,MAAM,WAAW,6JAcf,CAAC;AAKH,QAAA,MAAM,QAAQ,qJAiBb,CAAC;AAKF,QAAA,MAAM,iBAAiB;;;8EAkBtB,CAAC;AAEF,KAAK,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,SAAS;cAHH,YAAY;wDAgBtB,CAAC;AAKH,QAAA,MAAM,iBAAiB;;;8EAYrB,CAAC;AAEH,KAAK,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,SAAS;cAHH,YAAY;wDAgBtB,CAAC;AAKH,QAAA,MAAM,YAAY,6JAOhB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GAClB,CAAC;AACF,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}