@emara/ui 1.1.0

package/dist/components/ui/input.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useState } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { RiCloseLine, RiLoader2Line } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Per docs/emara-ui-phase-1-components.md §2.
+const inputWrapperVariants = cva([
+    "relative flex items-center w-full gap-2 ps-3 pe-3",
+    "rounded-md border border-input bg-background text-foreground",
+    "transition-colors",
+    "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
+    "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
+].join(" "), {
+    variants: {
+        size: {
+            xs: "h-7 text-xs",
+            sm: "h-8 text-xs",
+            md: "h-9 text-sm",
+            lg: "h-10 text-base",
+            xl: "h-12 text-base",
+        },
+        invalid: {
+            true: "border-destructive focus-within:ring-destructive",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        invalid: false,
+    },
+});
+const inputFieldVariants = cva([
+    // The wrapper owns horizontal padding + gap. The field itself is flush
+    // inside the wrapper so adornments sit at the natural visual distance.
+    "block w-full min-w-0 bg-transparent text-foreground placeholder:text-muted-foreground",
+    "focus:outline-none disabled:cursor-not-allowed",
+    // Hide the spinner only for type=number. Other types keep their native
+    // chrome (search's clear button, date pickers, etc.).
+    "[&[type='number']]:[appearance:textfield]",
+    "[&[type='number']::-webkit-outer-spin-button]:appearance-none",
+    "[&[type='number']::-webkit-inner-spin-button]:appearance-none",
+].join(" "), {
+    variants: {
+        size: {
+            xs: "h-7",
+            sm: "h-8",
+            md: "h-9",
+            lg: "h-10",
+            xl: "h-12",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const Input = forwardRef(function Input({ className, wrapperClassName, size, type = "text", invalid = false, startAdornment, endAdornment, clearable = false, loading = false, onClear, asChild = false, value, defaultValue, onChange, disabled, readOnly, id, children, "aria-describedby": ariaDescribedBy, ...props }, forwardedRef) {
+    const isControlled = value !== undefined;
+    const [uncontrolledValue, setUncontrolledValue] = useState(typeof defaultValue === "string" ? defaultValue : "");
+    const currentValue = isControlled ? String(value ?? "") : uncontrolledValue;
+    const showClear = clearable && !disabled && !readOnly && !loading && currentValue.length > 0;
+    const innerRef = useRef(null);
+    const setRefs = (node) => {
+        innerRef.current = node;
+        if (typeof forwardedRef === "function")
+            forwardedRef(node);
+        else if (forwardedRef)
+            forwardedRef.current = node;
+    };
+    const reactId = useId();
+    const inputId = id ?? reactId;
+    const handleChange = (e) => {
+        if (!isControlled)
+            setUncontrolledValue(e.target.value);
+        onChange?.(e);
+    };
+    const handleClear = () => {
+        if (!isControlled)
+            setUncontrolledValue("");
+        onClear?.();
+        const node = innerRef.current;
+        if (node) {
+            const nativeSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+            nativeSetter?.call(node, "");
+            node.dispatchEvent(new Event("input", { bubbles: true }));
+            node.focus();
+        }
+    };
+    const hasEndContent = showClear || loading || endAdornment;
+    // When `asChild` is true the consumer provides their own input-like element
+    // as `children`; Slot forwards Input's props onto it. Otherwise we render a
+    // native <input>.
+    const Field = asChild ? Slot : "input";
+    return (_jsxs("div", { className: cn(inputWrapperVariants({ size, invalid }), wrapperClassName), children: [startAdornment ? (_jsx("span", { className: "text-muted-foreground pointer-events-none flex shrink-0 items-center [&_svg]:size-4 [&_svg]:shrink-0", "aria-hidden": typeof startAdornment !== "string", children: startAdornment })) : null, _jsx(Field, { ref: setRefs, id: inputId, type: type, className: cn(inputFieldVariants({ size }), className), disabled: disabled, readOnly: readOnly, "aria-invalid": invalid || undefined, "aria-describedby": ariaDescribedBy, value: isControlled ? currentValue : undefined, defaultValue: isControlled ? undefined : defaultValue, onChange: handleChange, ...props, children: asChild ? children : null }), hasEndContent ? (_jsxs("span", { className: "text-muted-foreground flex shrink-0 items-center gap-1 [&_svg]:size-4 [&_svg]:shrink-0", children: [showClear ? (_jsx("button", { type: "button", onClick: handleClear, "aria-label": "Clear", className: cn("inline-flex items-center justify-center rounded p-0.5", "text-muted-foreground hover:text-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"), children: _jsx(RiCloseLine, {}) })) : null, loading ? _jsx(RiLoader2Line, { className: "animate-spin" }) : null, endAdornment ? (_jsx("span", { "aria-hidden": typeof endAdornment !== "string", children: endAdornment })) : null] })) : null] }));
+});
+Input.displayName = "Input";
+export { Input, inputWrapperVariants, inputFieldVariants };
+//# sourceMappingURL=input.js.map

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

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

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

@@ -0,0 +1,37 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type LabelVariants = VariantProps<typeof labelVariants>;
+type LabelProps = Omit<React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, "asChild"> & LabelVariants & {
+    required?: boolean;
+    optional?: boolean;
+    /**
+     * Localized text shown when `optional` is true. Defaults to "(optional)".
+     */
+    optionalText?: string;
+    /**
+     * Info-icon-with-tooltip rendered at the end of the label. The hint must
+     * itself sit inside a `<TooltipProvider>` somewhere up the tree —
+     * `AppShell` provides one for the whole app; otherwise wrap a section.
+     */
+    hint?: React.ReactNode;
+};
+declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref">, "asChild"> & LabelVariants & {
+    required?: boolean;
+    optional?: boolean;
+    /**
+     * Localized text shown when `optional` is true. Defaults to "(optional)".
+     */
+    optionalText?: string;
+    /**
+     * Info-icon-with-tooltip rendered at the end of the label. The hint must
+     * itself sit inside a `<TooltipProvider>` somewhere up the tree —
+     * `AppShell` provides one for the whole app; otherwise wrap a section.
+     */
+    hint?: React.ReactNode;
+} & import("react").RefAttributes<HTMLLabelElement>>;
+export { Label, labelVariants };
+export type { LabelProps };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../components/ui/label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,aAAa;;8EAkBlB,CAAC;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAC3F,aAAa,GAAG;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,KAAK;eAdI,OAAO;eACP,OAAO;IAClB;;OAEG;mBACY,MAAM;IACrB;;;;OAIG;WACI,KAAK,CAAC,SAAS;oDA8CxB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/label.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { RiInformationLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
+// Per docs/emara-ui-phase-1-components.md §4.
+const labelVariants = cva([
+    "inline-flex items-center gap-1 font-medium text-foreground select-none",
+    // Inherits disabled appearance from the associated control.
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+    "group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50",
+].join(" "), {
+    variants: {
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const Label = forwardRef(function Label({ className, size, required, optional, optionalText = "(optional)", hint, children, ...props }, ref) {
+    if (required && optional) {
+        throw new Error("Label: `required` and `optional` are mutually exclusive.");
+    }
+    return (_jsxs(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants({ size }), className), ...props, children: [_jsx("span", { children: children }), required ? (_jsx("span", { "aria-hidden": "true", className: "text-destructive ms-0.5", children: "*" })) : null, optional ? (_jsx("span", { className: "text-muted-foreground ms-1 font-normal", children: optionalText })) : null, hint !== undefined && hint !== null ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", tabIndex: 0, "aria-label": "More info", className: cn("ms-1 inline-flex items-center justify-center rounded-full", "text-muted-foreground hover:text-foreground", "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "[&_svg]:size-3.5 [&_svg]:shrink-0"), children: _jsx(RiInformationLine, {}) }) }), _jsx(TooltipContent, { multiline: true, maxWidth: 240, children: hint })] })) : null] }));
+});
+Label.displayName = "Label";
+export { Label, labelVariants };
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../components/ui/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpE,8CAA8C;AAE9C,MAAM,aAAa,GAAG,GAAG,CACvB;IACE,wEAAwE;IACxE,4DAA4D;IAC5D,2DAA2D;IAC3D,qFAAqF;CACtF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAoBF,MAAM,KAAK,GAAG,UAAU,CAA2D,SAAS,KAAK,CAC/F,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9F,GAAG;IAEH,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IAED,OAAO,CACL,MAAC,cAAc,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aACzF,yBAAO,QAAQ,GAAQ,EACtB,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAkB,MAAM,EAAC,SAAS,EAAC,yBAAyB,kBAErD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,wCAAwC,YAAE,YAAY,GAAQ,CAC/E,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CACrC,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,WAAW,EACtB,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,6CAA6C,EAC7C,0IAA0I,EAC1I,mCAAmC,CACpC,YAED,KAAC,iBAAiB,KAAG,GACd,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,GAAG,YACpC,IAAI,GACU,IACT,CACX,CAAC,CAAC,CAAC,IAAI,IACY,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/page-header.d.ts

@@ -0,0 +1,65 @@
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "./button";
+declare const rootVariants: (props?: ({
+    variant?: "default" | "compact" | "splash" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    divider?: boolean | null | undefined;
+    sticky?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type RootVariants = VariantProps<typeof rootVariants>;
+type PageHeaderProps = Omit<React.HTMLAttributes<HTMLElement>, "title"> & RootVariants & {
+    asChild?: boolean;
+    /** Convenience: rendered as PageHeaderTitle (with `as="h1"`). */
+    title?: React.ReactNode;
+    /** Convenience: rendered as PageHeaderDescription. */
+    description?: React.ReactNode;
+    /** Convenience: slot for breadcrumb (`<Breadcrumbs />` or primitives). */
+    breadcrumb?: React.ReactNode;
+    /** Convenience: rendered into PageHeaderActions. */
+    actions?: React.ReactNode;
+    /** Convenience: renders a default back button linking here. */
+    backHref?: string;
+    /** Localized aria-label for the auto-injected BackButton. Default "Back". */
+    backLabel?: string;
+    /** Convenience: rendered as PageHeaderTabs. */
+    tabs?: React.ReactNode;
+};
+declare const PageHeader: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "title"> & RootVariants & {
+    asChild?: boolean;
+    /** Convenience: rendered as PageHeaderTitle (with `as="h1"`). */
+    title?: React.ReactNode;
+    /** Convenience: rendered as PageHeaderDescription. */
+    description?: React.ReactNode;
+    /** Convenience: slot for breadcrumb (`<Breadcrumbs />` or primitives). */
+    breadcrumb?: React.ReactNode;
+    /** Convenience: rendered into PageHeaderActions. */
+    actions?: React.ReactNode;
+    /** Convenience: renders a default back button linking here. */
+    backHref?: string;
+    /** Localized aria-label for the auto-injected BackButton. Default "Back". */
+    backLabel?: string;
+    /** Convenience: rendered as PageHeaderTabs. */
+    tabs?: React.ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+declare const PageHeaderBreadcrumb: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PageHeaderTop: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+type PageHeaderBackButtonProps = Omit<React.ComponentProps<typeof Button>, "size"> & {
+    /** Required: where to go back to. */
+    href: string;
+    /** aria-label. Default "Back". */
+    label?: string;
+};
+declare const PageHeaderBackButton: import("react").ForwardRefExoticComponent<Omit<PageHeaderBackButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type PageHeaderTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | "h2";
+};
+declare const PageHeaderTitle: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | "h2";
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const PageHeaderBadge: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const PageHeaderActions: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PageHeaderDescription: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const PageHeaderTabs: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { PageHeader, PageHeaderBreadcrumb, PageHeaderTop, PageHeaderBackButton, PageHeaderTitle, PageHeaderBadge, PageHeaderActions, PageHeaderDescription, PageHeaderTabs, };
+export type { PageHeaderProps, PageHeaderTitleProps, PageHeaderBackButtonProps };
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/ui/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../components/ui/page-header.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAsBlC,QAAA,MAAM,YAAY;;;;;8EA2BhB,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEtD,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GACrE,YAAY,GAAG;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEJ,QAAA,MAAM,UAAU;cAjBF,OAAO;IACjB,iEAAiE;YACzD,KAAK,CAAC,SAAS;IACvB,sDAAsD;kBACxC,KAAK,CAAC,SAAS;IAC7B,0EAA0E;iBAC7D,KAAK,CAAC,SAAS;IAC5B,oDAAoD;cAC1C,KAAK,CAAC,SAAS;IACzB,+DAA+D;eACpD,MAAM;IACjB,6EAA6E;gBACjE,MAAM;IAClB,+CAA+C;WACxC,KAAK,CAAC,SAAS;+CAgExB,CAAC;AAKH,QAAA,MAAM,oBAAoB,2IAIzB,CAAC;AAKF,QAAA,MAAM,aAAa,2IAMlB,CAAC;AAKF,KAAK,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG;IACnF,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,oBAAoB,sIAmBzB,CAAC;AAgCF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe;SAHd,IAAI,GAAG,IAAI;sDAUjB,CAAC;AAKF,QAAA,MAAM,eAAe,6IAIpB,CAAC;AAKF,QAAA,MAAM,iBAAiB,2IAMtB,CAAC;AAgBF,QAAA,MAAM,qBAAqB,uJAYzB,CAAC;AAKH,QAAA,MAAM,cAAc,2IAYnB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,GACf,CAAC;AACF,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/ui/page-header.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { RiArrowLeftSLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Button } from "./button";
+const PageHeaderContext = createContext(null);
+function usePageHeader() {
+    const ctx = useContext(PageHeaderContext);
+    if (!ctx)
+        throw new Error("PageHeader subcomponents must be used inside <PageHeader>");
+    return ctx;
+}
+// ---- Root ------------------------------------------------------------------
+const rootVariants = cva("w-full", {
+    variants: {
+        variant: {
+            default: "",
+            compact: "",
+            splash: "",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+        divider: { true: "border-b border-border", false: "" },
+        sticky: { true: "sticky top-0 z-sticky bg-background/95 backdrop-blur", false: "" },
+    },
+    compoundVariants: [
+        { variant: "default", size: "sm", class: "py-3 space-y-2" },
+        { variant: "default", size: "md", class: "py-4 space-y-3" },
+        { variant: "default", size: "lg", class: "py-6 space-y-4" },
+        { variant: "compact", size: "sm", class: "py-2 space-y-1" },
+        { variant: "compact", size: "md", class: "py-2.5 space-y-1" },
+        { variant: "compact", size: "lg", class: "py-3 space-y-2" },
+        { variant: "splash", size: "sm", class: "py-6 space-y-3" },
+        { variant: "splash", size: "md", class: "py-10 space-y-4" },
+        { variant: "splash", size: "lg", class: "py-14 space-y-6" },
+    ],
+    defaultVariants: { variant: "default", size: "md", divider: false, sticky: false },
+});
+const PageHeader = forwardRef(function PageHeader({ className, variant = "default", size = "md", divider = false, sticky = false, asChild = false, title, description, breadcrumb, actions, backHref, backLabel = "Back", tabs, children, ...props }, ref) {
+    const Comp = asChild ? Slot : "header";
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    const ctx = useMemo(() => ({ variant: resolvedVariant, size: resolvedSize }), [resolvedVariant, resolvedSize]);
+    const usingConvenience = title !== undefined ||
+        description !== undefined ||
+        breadcrumb !== undefined ||
+        actions !== undefined ||
+        backHref !== undefined ||
+        tabs !== undefined;
+    return (_jsx(PageHeaderContext.Provider, { value: ctx, children: _jsx(Comp, { ref: ref, className: cn(rootVariants({ variant, size, divider, sticky }), className), ...props, children: usingConvenience ? (_jsxs(_Fragment, { children: [breadcrumb ? _jsx(PageHeaderBreadcrumb, { children: breadcrumb }) : null, _jsxs(PageHeaderTop, { children: [backHref ? _jsx(PageHeaderBackButton, { href: backHref, label: backLabel }) : null, title ? _jsx(PageHeaderTitle, { children: title }) : null, _jsx("span", { className: "flex-1" }), actions ? _jsx(PageHeaderActions, { children: actions }) : null] }), description ? _jsx(PageHeaderDescription, { children: description }) : null, tabs ? _jsx(PageHeaderTabs, { children: tabs }) : null] })) : (children) }) }));
+});
+PageHeader.displayName = "PageHeader";
+// ---- Breadcrumb slot -------------------------------------------------------
+const PageHeaderBreadcrumb = forwardRef(function PageHeaderBreadcrumb({ className, ...props }, ref) {
+    return _jsx("div", { ref: ref, className: cn("text-sm", className), ...props });
+});
+PageHeaderBreadcrumb.displayName = "PageHeaderBreadcrumb";
+// ---- Top (back + title + actions row) --------------------------------------
+const PageHeaderTop = forwardRef(function PageHeaderTop({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("flex flex-wrap items-center gap-3", className), ...props }));
+});
+PageHeaderTop.displayName = "PageHeaderTop";
+const PageHeaderBackButton = forwardRef(function PageHeaderBackButton({ className, href, label = "Back", children, ...props }, ref) {
+    return (_jsx(Button, { ref: ref, asChild: true, variant: "ghost", size: "icon-sm", "aria-label": label, className: cn(className), ...props, children: _jsxs("a", { href: href, children: [_jsx(RiArrowLeftSLine, { className: "rtl-mirror" }), children ? _jsx("span", { className: "ms-1", children: children }) : null] }) }));
+});
+PageHeaderBackButton.displayName = "PageHeaderBackButton";
+// ---- Title -----------------------------------------------------------------
+const titleVariants = cva("font-semibold tracking-tight text-foreground", {
+    variants: {
+        variant: {
+            default: "",
+            compact: "",
+            splash: "",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+    },
+    compoundVariants: [
+        { variant: "default", size: "sm", class: "text-lg" },
+        { variant: "default", size: "md", class: "text-2xl" },
+        { variant: "default", size: "lg", class: "text-3xl" },
+        { variant: "compact", size: "sm", class: "text-base" },
+        { variant: "compact", size: "md", class: "text-lg" },
+        { variant: "compact", size: "lg", class: "text-xl" },
+        { variant: "splash", size: "sm", class: "text-2xl" },
+        { variant: "splash", size: "md", class: "text-4xl" },
+        { variant: "splash", size: "lg", class: "text-5xl" },
+    ],
+    defaultVariants: { variant: "default", size: "md" },
+});
+const PageHeaderTitle = forwardRef(function PageHeaderTitle({ as: Heading = "h1", className, ...props }, ref) {
+    const { variant, size } = usePageHeader();
+    return (_jsx(Heading, { ref: ref, className: cn(titleVariants({ variant, size }), className), ...props }));
+});
+PageHeaderTitle.displayName = "PageHeaderTitle";
+// ---- Badge slot (next to title) -------------------------------------------
+const PageHeaderBadge = forwardRef(function PageHeaderBadge({ className, ...props }, ref) {
+    return _jsx("span", { ref: ref, className: cn("inline-flex items-center", className), ...props });
+});
+PageHeaderBadge.displayName = "PageHeaderBadge";
+// ---- Actions ---------------------------------------------------------------
+const PageHeaderActions = forwardRef(function PageHeaderActions({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("flex flex-wrap items-center gap-2", className), ...props }));
+});
+PageHeaderActions.displayName = "PageHeaderActions";
+// ---- Description -----------------------------------------------------------
+const descriptionVariants = cva("text-muted-foreground", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const PageHeaderDescription = forwardRef(function PageHeaderDescription({ className, ...props }, ref) {
+    const { size } = usePageHeader();
+    return (_jsx("p", { ref: ref, className: cn(descriptionVariants({ size }), "max-w-prose", className), ...props }));
+});
+PageHeaderDescription.displayName = "PageHeaderDescription";
+// ---- Tabs slot (no padding underneath) ------------------------------------
+const PageHeaderTabs = forwardRef(function PageHeaderTabs({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, 
+        // The slot sits flush with the bottom edge so a `divider` line passes
+        // under the active tab indicator.
+        className: cn("-mb-px", className), ...props }));
+});
+PageHeaderTabs.displayName = "PageHeaderTabs";
+export { PageHeader, PageHeaderBreadcrumb, PageHeaderTop, PageHeaderBackButton, PageHeaderTitle, PageHeaderBadge, PageHeaderActions, PageHeaderDescription, PageHeaderTabs, };
+//# sourceMappingURL=page-header.js.map

package/dist/components/ui/page-header.js.map

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

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

@@ -0,0 +1,67 @@
+import { type VariantProps } from "class-variance-authority";
+declare const Pagination: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+declare const PaginationContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+declare const paginationLinkVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PaginationLinkProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof paginationLinkVariants> & {
+    isActive?: boolean;
+};
+declare const PaginationLink: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    isActive?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type PaginationDirectionalProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof paginationLinkVariants> & {
+    label?: string;
+};
+declare const PaginationPrevious: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const PaginationNext: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const PaginationFirst: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const PaginationLast: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+interface DataPaginationProps {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    totalItems?: number;
+    siblingCount?: number;
+    boundaryCount?: number;
+    showInfo?: boolean;
+    showPageSize?: boolean;
+    showFirstLast?: boolean;
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+}
+declare const DataPagination: import("react").ForwardRefExoticComponent<DataPaginationProps & import("react").RefAttributes<HTMLElement>>;
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationFirst, PaginationLast, PaginationEllipsis, DataPagination, paginationLinkVariants, };
+export type { PaginationLinkProps, PaginationDirectionalProps, DataPaginationProps };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../components/ui/pagination.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAYlE,QAAA,MAAM,UAAU,qIAad,CAAC;AAGH,QAAA,MAAM,iBAAiB,+IAMtB,CAAC;AAGF,QAAA,MAAM,cAAc,2IAInB,CAAC;AAGF,QAAA,MAAM,sBAAsB;;;8EAiB3B,CAAC;AAEF,KAAK,mBAAmB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACtE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,QAAA,MAAM,cAAc;;;;eAHL,OAAO;qDAiBpB,CAAC;AAKH,KAAK,0BAA0B,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC7E,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,QAAA,MAAM,kBAAkB;;;;YAHZ,MAAM;qDA0BjB,CAAC;AAGF,QAAA,MAAM,cAAc;;;;YA7BR,MAAM;qDAkDjB,CAAC;AAGF,QAAA,MAAM,eAAe;;;;YArDT,MAAM;qDA0EjB,CAAC;AAGF,QAAA,MAAM,cAAc;;;;YA7ER,MAAM;qDAkGjB,CAAC;AAGF,QAAA,MAAM,kBAAkB,6IAkBvB,CAAC;AAOF,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD,QAAA,MAAM,cAAc,6GA4HlB,CAAC;AAGH,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,sBAAsB,GACvB,CAAC;AACF,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/ui/pagination.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { RiArrowLeftDoubleLine, RiArrowLeftSLine, RiArrowRightDoubleLine, RiArrowRightSLine, RiMoreLine, } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "./button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select";
+// Per docs/emara-ui-phase-4-components.md §2.
+// ===========================================================================
+// 2.1 Primitives
+// ===========================================================================
+const Pagination = forwardRef(function Pagination({ className, ...props }, ref) {
+    return (_jsx("nav", { ref: ref, role: "navigation", "aria-label": "Pagination", className: cn("flex w-full items-center justify-between gap-3", className), ...props }));
+});
+Pagination.displayName = "Pagination";
+const PaginationContent = forwardRef(function PaginationContent({ className, ...props }, ref) {
+    return (_jsx("ul", { ref: ref, className: cn("flex flex-row items-center gap-1", className), ...props }));
+});
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = forwardRef(function PaginationItem({ className, ...props }, ref) {
+    return _jsx("li", { ref: ref, className: cn("", className), ...props });
+});
+PaginationItem.displayName = "PaginationItem";
+const paginationLinkVariants = cva("inline-flex items-center justify-center select-none transition-colors gap-1 cursor-pointer disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", {
+    variants: {
+        size: {
+            sm: "h-8 min-w-8 text-xs rounded-md px-2.5",
+            md: "h-9 min-w-9 text-sm rounded-md px-3",
+            lg: "h-10 min-w-10 text-base rounded-md px-3.5",
+        },
+        active: {
+            true: "bg-primary text-primary-foreground hover:bg-primary/90",
+            false: "text-foreground hover:bg-accent hover:text-accent-foreground border border-input bg-background",
+        },
+    },
+    defaultVariants: { size: "md", active: false },
+});
+const PaginationLink = forwardRef(function PaginationLink({ className, size, active, isActive, type = "button", ...props }, ref) {
+    const resolvedActive = active ?? isActive ?? false;
+    return (_jsx("button", { ref: ref, type: type, "aria-current": resolvedActive ? "page" : undefined, className: cn(paginationLinkVariants({ size, active: resolvedActive }), className), ...props }));
+});
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = forwardRef(function PaginationPrevious({ className, size, label = "Go to previous page", type = "button", ...props }, ref) {
+    // Use `buttonVariants` shape for outline look; primary visual is the link variant.
+    void buttonVariants;
+    return (_jsx("button", { ref: ref, type: type, "aria-label": label, className: cn(paginationLinkVariants({ size, active: false }), "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: _jsx(RiArrowLeftSLine, { className: "rtl-mirror" }) }));
+});
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = forwardRef(function PaginationNext({ className, size, label = "Go to next page", type = "button", ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: type, "aria-label": label, className: cn(paginationLinkVariants({ size, active: false }), "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: _jsx(RiArrowRightSLine, { className: "rtl-mirror" }) }));
+});
+PaginationNext.displayName = "PaginationNext";
+const PaginationFirst = forwardRef(function PaginationFirst({ className, size, label = "Go to first page", type = "button", ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: type, "aria-label": label, className: cn(paginationLinkVariants({ size, active: false }), "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: _jsx(RiArrowLeftDoubleLine, { className: "rtl-mirror" }) }));
+});
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = forwardRef(function PaginationLast({ className, size, label = "Go to last page", type = "button", ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: type, "aria-label": label, className: cn(paginationLinkVariants({ size, active: false }), "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: _jsx(RiArrowRightDoubleLine, { className: "rtl-mirror" }) }));
+});
+PaginationLast.displayName = "PaginationLast";
+const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...props }, ref) {
+    return (_jsxs("span", { ref: ref, "aria-hidden": "true", className: cn("text-muted-foreground inline-flex h-9 min-w-9 items-center justify-center", "[&_svg]:size-4 [&_svg]:shrink-0", className), ...props, children: [_jsx(RiMoreLine, {}), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+/** Builds the list of page tokens to render. */
+function buildPageList(page, pageCount, siblingCount, boundaryCount) {
+    if (pageCount <= 0)
+        return [];
+    const totalNumbers = siblingCount * 2 + boundaryCount * 2 + 3;
+    if (pageCount <= totalNumbers) {
+        return Array.from({ length: pageCount }, (_, i) => i + 1);
+    }
+    const startPages = Array.from({ length: boundaryCount }, (_, i) => i + 1);
+    const endPages = Array.from({ length: boundaryCount }, (_, i) => pageCount - boundaryCount + i + 1);
+    const siblingsStart = Math.max(Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
+    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), pageCount - boundaryCount - 1);
+    const middle = Array.from({ length: Math.max(siblingsEnd - siblingsStart + 1, 0) }, (_, i) => siblingsStart + i);
+    const result = [...startPages];
+    if (siblingsStart > boundaryCount + 2)
+        result.push("ellipsis-start");
+    else if (boundaryCount + 1 < pageCount - boundaryCount)
+        result.push(boundaryCount + 1);
+    result.push(...middle);
+    if (siblingsEnd < pageCount - boundaryCount - 1)
+        result.push("ellipsis-end");
+    else if (pageCount - boundaryCount > boundaryCount)
+        result.push(pageCount - boundaryCount);
+    result.push(...endPages);
+    return Array.from(new Set(result));
+}
+const DataPagination = forwardRef(function DataPagination({ page, pageCount, onPageChange, pageSize, pageSizeOptions, onPageSizeChange, totalItems, siblingCount = 1, boundaryCount = 1, showInfo = true, showPageSize, showFirstLast = false, size = "md", disabled = false, loading = false, className, }, ref) {
+    const pages = useMemo(() => buildPageList(page, pageCount, siblingCount, boundaryCount), [page, pageCount, siblingCount, boundaryCount]);
+    const isDisabled = disabled || loading;
+    const onFirst = () => onPageChange(1);
+    const onPrev = () => onPageChange(Math.max(1, page - 1));
+    const onNext = () => onPageChange(Math.min(pageCount, page + 1));
+    const onLast = () => onPageChange(pageCount);
+    const start = pageSize && totalItems ? Math.min((page - 1) * pageSize + 1, totalItems) : null;
+    const end = pageSize && totalItems ? Math.min(page * pageSize, totalItems) : null;
+    const showSizeSelector = (showPageSize ?? Boolean(pageSizeOptions && pageSizeOptions.length > 0)) &&
+        pageSizeOptions &&
+        pageSize !== undefined &&
+        onPageSizeChange;
+    return (_jsxs(Pagination, { ref: ref, className: cn("flex-wrap gap-3", className), children: [showInfo && start !== null && end !== null && totalItems !== undefined ? (_jsxs("div", { className: "text-muted-foreground text-sm tabular-nums", "aria-live": "polite", "aria-atomic": "true", children: ["Showing ", start, "\u2013", end, " of ", totalItems] })) : (_jsx("span", {})), _jsxs(PaginationContent, { children: [showFirstLast ? (_jsx(PaginationItem, { children: _jsx(PaginationFirst, { size: size, onClick: onFirst, disabled: isDisabled || page <= 1 }) })) : null, _jsx(PaginationItem, { children: _jsx(PaginationPrevious, { size: size, onClick: onPrev, disabled: isDisabled || page <= 1 }) }), pages.map((p) => typeof p === "number" ? (_jsx(PaginationItem, { children: _jsx(PaginationLink, { size: size, isActive: p === page, "aria-label": `Go to page ${p}`, disabled: isDisabled, onClick: () => onPageChange(p), children: p }) }, p)) : (_jsx(PaginationItem, { children: _jsx(PaginationEllipsis, {}) }, p))), _jsx(PaginationItem, { children: _jsx(PaginationNext, { size: size, onClick: onNext, disabled: isDisabled || page >= pageCount }) }), showFirstLast ? (_jsx(PaginationItem, { children: _jsx(PaginationLast, { size: size, onClick: onLast, disabled: isDisabled || page >= pageCount }) })) : null] }), showSizeSelector ? (_jsxs(Select, { value: String(pageSize), onValueChange: (v) => onPageSizeChange?.(Number(v)), disabled: isDisabled, children: [_jsx(SelectTrigger, { size: size, "aria-label": "Rows per page", className: "w-auto", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: pageSizeOptions.map((opt) => (_jsxs(SelectItem, { value: String(opt), children: [opt, " per page"] }, opt))) })] })) : (_jsx("span", {}))] }));
+});
+DataPagination.displayName = "DataPagination";
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationFirst, PaginationLast, PaginationEllipsis, DataPagination, paginationLinkVariants, };
+//# sourceMappingURL=pagination.js.map