@desbug/ultra-ui 0.1.0

package/dist/components/shared/data-table.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../components/ui/table.js";
+import { DataTablePagination } from "./data-table-pagination.js";
+import { cn } from "../../lib/utils.js";
+/**
+ * Generic TanStack-powered table: owns sorting / filtering / visibility /
+ * selection / pagination internally and renders the shadcn table shell +
+ * pagination. Pass pre-filtered `data` (e.g. from a store) and `columns`
+ * built with the shared cell helpers. Per-column `meta.headerClassName` /
+ * `meta.cellClassName` preserve widths and responsive hiding. Provide
+ * `footer` to swap the built-in pagination for a bespoke one.
+ */
+export function DataTable({ columns, data, toolbar, footer, enablePagination = true, paginationVariant = "full", pageSize = 8, pageSizeOptions, initialColumnVisibility, emptyMessage = "No results.", getRowId, className, tableClassName, headerRowClassName = "bg-muted/50", headerCellClassName = "font-medium text-muted-foreground", onRowSelectionChange, onRowClick, }) {
+    const [sorting, setSorting] = React.useState([]);
+    const [columnFilters, setColumnFilters] = React.useState([]);
+    const [columnVisibility, setColumnVisibility] = React.useState(initialColumnVisibility ?? {});
+    const [rowSelection, setRowSelection] = React.useState({});
+    React.useEffect(() => {
+        onRowSelectionChange?.(rowSelection);
+    }, [rowSelection, onRowSelectionChange]);
+    const table = useReactTable({
+        data,
+        columns,
+        getRowId,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: enablePagination
+            ? getPaginationRowModel()
+            : undefined,
+        initialState: { pagination: { pageSize } },
+        state: { sorting, columnFilters, columnVisibility, rowSelection },
+    });
+    return (_jsxs("div", { className: cn("rounded-xl border border-border bg-card", className), children: [toolbar?.(table), _jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { className: tableClassName, children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { className: headerRowClassName, children: headerGroup.headers.map((header) => (_jsx(TableHead, { className: cn(headerCellClassName, header.column.columnDef.meta?.headerClassName), children: header.isPlaceholder
+                                        ? null
+                                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() && "selected", className: cn(onRowClick && "cursor-pointer hover:bg-muted/50"), onClick: onRowClick
+                                    ? (e) => {
+                                        // Não abre quando o clique foi num elemento interativo
+                                        // (botão de ação, link, checkbox de seleção, menu…).
+                                        if (e.target.closest('button, a, input, label, [role="checkbox"], [role="menuitem"], [data-no-row-click]')) {
+                                            return;
+                                        }
+                                        onRowClick(row.original);
+                                    }
+                                    : undefined, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { className: cell.column.columnDef.meta?.cellClassName, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: emptyMessage }) })) })] }) }), footer
+                ? footer(table)
+                : enablePagination && (_jsx(DataTablePagination, { table: table, variant: paginationVariant, pageSizeOptions: pageSizeOptions }))] }));
+}
+//# sourceMappingURL=data-table.js.map

package/dist/components/shared/data-table.js.map

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

package/dist/components/shared/empty-state.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface EmptyStateProps {
+    /** Lucide icon, or any element (e.g. an emoji span). */
+    icon?: React.ElementType;
+    emoji?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}
+/** Centered "no data" block: icon/emoji + title + optional description + action. */
+export declare function EmptyState({ icon: Icon, emoji, title, description, action, className, }: EmptyStateProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/shared/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/shared/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,eAAe;IACvB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,eAAe,qBAwBjB"}

package/dist/components/shared/empty-state.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+/** Centered "no data" block: icon/emoji + title + optional description + action. */
+export function EmptyState({ icon: Icon, emoji, title, description, action, className, }) {
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 px-6 py-16 text-center", className), children: [emoji ? (_jsx("span", { className: "text-4xl", children: emoji })) : (Icon && (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(Icon, { className: "size-6" }) }))), _jsx("p", { className: "font-medium text-foreground", children: title }), description && (_jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: description })), action] }));
+}
+//# sourceMappingURL=empty-state.js.map

package/dist/components/shared/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../src/components/shared/empty-state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAYjC,oFAAoF;AACpF,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACO;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,aAEA,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,CAC1C,CAAC,CAAC,CAAC,CACF,IAAI,IAAI,CACN,cAAK,SAAS,EAAC,sFAAsF,YACnG,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,GACvB,CACP,CACF,EACD,YAAG,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAK,EACrD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAK,CACxE,EACA,MAAM,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/shared/github-link.d.ts

@@ -0,0 +1,16 @@
+/** The Square UI GitHub mark, used across every template header. */
+export declare function GithubIcon({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+interface GithubLinkProps {
+    /** Square UI template slug (appended to the templates URL). */
+    template?: string;
+    /** Full href override (takes precedence over `template`). */
+    href?: string;
+    className?: string;
+    iconClassName?: string;
+}
+/** Ghost icon button linking to the template's source on Square UI's GitHub. */
+export declare function GithubLink({ template, href, className, iconClassName, }: GithubLinkProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=github-link.d.ts.map

package/dist/components/shared/github-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-link.d.ts","sourceRoot":"","sources":["../../../src/components/shared/github-link.tsx"],"names":[],"mappings":"AAMA,oEAAoE;AACpE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY/D;AAED,UAAU,eAAe;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,aAAa,GACd,EAAE,eAAe,+BAiBjB"}

package/dist/components/shared/github-link.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../components/ui/button.js";
+import { cn } from "../../lib/utils.js";
+const SQUARE_UI_BASE = "https://github.com/ln-dev7/square-ui/tree/master/templates";
+/** The Square UI GitHub mark, used across every template header. */
+export function GithubIcon({ className }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: className, "aria-hidden": "true", children: _jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }) }));
+}
+/** Ghost icon button linking to the template's source on Square UI's GitHub. */
+export function GithubLink({ template, href, className, iconClassName, }) {
+    const url = href ??
+        (template ? `${SQUARE_UI_BASE}/${template}` : "https://github.com/ln-dev7/square-ui");
+    return (_jsx(Button, { variant: "ghost", size: "icon", className: cn("hidden sm:flex", className), asChild: true, children: _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: _jsx(GithubIcon, { className: cn("size-5", iconClassName) }) }) }));
+}
+//# sourceMappingURL=github-link.js.map

package/dist/components/shared/github-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-link.js","sourceRoot":"","sources":["../../../src/components/shared/github-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,cAAc,GAClB,4DAA4D,CAAC;AAE/D,oEAAoE;AACpE,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAA0B;IAC9D,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,SAAS,iBACR,MAAM,YAElB,eAAM,CAAC,EAAC,2sBAA2sB,GAAG,GACltB,CACP,CAAC;AACJ,CAAC;AAWD,gFAAgF;AAChF,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,aAAa,GACG;IAChB,MAAM,GAAG,GACP,IAAI;QACJ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;IAExF,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,OAAO,kBAEP,YAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,YACrD,KAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,GAAI,GACpD,GACG,CACV,CAAC;AACJ,CAAC"}

package/dist/components/shared/gradient-def.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+interface GradientDefProps {
+    id: string;
+    color: string;
+    /** Top stop opacity (default 1). */
+    from?: number;
+    /** Bottom stop opacity (default 0.6). */
+    to?: number;
+    /** Override stop offsets if needed. */
+    fromOffset?: string;
+    toOffset?: string;
+}
+/**
+ * A vertical `<linearGradient>` for Recharts area/bar fills.
+ * Render inside a `<defs>` element and reference via `url(#id)`.
+ */
+export declare function GradientDef({ id, color, from, to, fromOffset, toOffset, }: GradientDefProps): React.JSX.Element;
+/** Convenience: a `<defs>` containing one {@link GradientDef} per entry. */
+export declare function GradientDefs({ gradients, }: {
+    gradients: Array<GradientDefProps>;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=gradient-def.d.ts.map

package/dist/components/shared/gradient-def.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-def.d.ts","sourceRoot":"","sources":["../../../src/components/shared/gradient-def.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAQ,EACR,EAAQ,EACR,UAAiB,EACjB,QAAiB,GAClB,EAAE,gBAAgB,qBAOlB;AAED,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,EAC3B,SAAS,GACV,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACpC,qBAQA"}

package/dist/components/shared/gradient-def.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A vertical `<linearGradient>` for Recharts area/bar fills.
+ * Render inside a `<defs>` element and reference via `url(#id)`.
+ */
+export function GradientDef({ id, color, from = 1, to = 0.6, fromOffset = "0%", toOffset = "100%", }) {
+    return (_jsxs("linearGradient", { id: id, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: fromOffset, stopColor: color, stopOpacity: from }), _jsx("stop", { offset: toOffset, stopColor: color, stopOpacity: to })] }));
+}
+/** Convenience: a `<defs>` containing one {@link GradientDef} per entry. */
+export function GradientDefs({ gradients, }) {
+    return (_jsx("defs", { children: gradients.map((g) => (_jsx(GradientDef, { ...g }, g.id))) }));
+}
+//# sourceMappingURL=gradient-def.js.map

package/dist/components/shared/gradient-def.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-def.js","sourceRoot":"","sources":["../../../src/components/shared/gradient-def.tsx"],"names":[],"mappings":";AAcA;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,IAAI,GAAG,CAAC,EACR,EAAE,GAAG,GAAG,EACR,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,MAAM,GACA;IACjB,OAAO,CACL,0BAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACjD,eAAM,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAI,EACjE,eAAM,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAI,IAC9C,CAClB,CAAC;AACJ,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,GAGV;IACC,OAAO,CACL,yBACG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAgB,CAAC,IAAX,CAAC,CAAC,EAAE,CAAW,CAClC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/shared/header-actions-menu.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface HeaderActionsMenuProps {
+    children: React.ReactNode;
+    /** Trigger visibility (defaults to mobile-only, matching the templates). */
+    className?: string;
+    contentClassName?: string;
+    align?: "start" | "center" | "end";
+}
+/** Mobile "⋯" overflow menu trigger used in template headers. */
+export declare function HeaderActionsMenu({ children, className, contentClassName, align, }: HeaderActionsMenuProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=header-actions-menu.d.ts.map

package/dist/components/shared/header-actions-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-actions-menu.d.ts","sourceRoot":"","sources":["../../../src/components/shared/header-actions-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,KAAa,GACd,EAAE,sBAAsB,qBAiBxB"}

package/dist/components/shared/header-actions-menu.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreVertical } from "lucide-react";
+import { Button } from "../../components/ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "../../components/ui/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+/** Mobile "⋯" overflow menu trigger used in template headers. */
+export function HeaderActionsMenu({ children, className, contentClassName, align = "end", }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8 sm:hidden", className), children: _jsx(MoreVertical, { className: "size-4" }) }) }), _jsx(DropdownMenuContent, { align: align, className: cn("w-40", contentClassName), children: children })] }));
+}
+//# sourceMappingURL=header-actions-menu.js.map

package/dist/components/shared/header-actions-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-actions-menu.js","sourceRoot":"","sources":["../../../src/components/shared/header-actions-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,iEAAiE;AACjE,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,KAAK,GAAG,KAAK,GACU;IACvB,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,YAE7C,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC5B,GACW,EACtB,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,YACvE,QAAQ,GACW,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/shared/header-search.d.ts

@@ -0,0 +1,12 @@
+interface HeaderSearchProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    /** Override the outer wrapper (visibility / width). */
+    className?: string;
+    inputClassName?: string;
+}
+/** The ⌘K search box used in template headers (search icon + input + kbd badge). */
+export declare function HeaderSearch({ placeholder, value, onChange, className, inputClassName, }: HeaderSearchProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=header-search.d.ts.map

package/dist/components/shared/header-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-search.d.ts","sourceRoot":"","sources":["../../../src/components/shared/header-search.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oFAAoF;AACpF,wBAAgB,YAAY,CAAC,EAC3B,WAAkC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACf,EAAE,iBAAiB,+BAmBnB"}

package/dist/components/shared/header-search.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, Command } from "lucide-react";
+import { Input } from "../../components/ui/input.js";
+import { cn } from "../../lib/utils.js";
+/** The ⌘K search box used in template headers (search icon + input + kbd badge). */
+export function HeaderSearch({ placeholder = "Search Anything...", value, onChange, className, inputClassName, }) {
+    return (_jsxs("div", { className: cn("relative hidden md:block", className), children: [_jsx(Search, { className: "absolute left-3 top-1/2 size-5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: placeholder, value: value, onChange: onChange ? (e) => onChange(e.target.value) : undefined, className: cn("h-9 w-[180px] border bg-card pl-10 pr-14 lg:w-[220px]", inputClassName) }), _jsxs("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-0.5 rounded bg-muted px-1 py-0.5 text-xs text-muted-foreground", children: [_jsx(Command, { className: "size-3" }), _jsx("span", { children: "K" })] })] }));
+}
+//# sourceMappingURL=header-search.js.map

package/dist/components/shared/header-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-search.js","sourceRoot":"","sources":["../../../src/components/shared/header-search.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAWjC,oFAAoF;AACpF,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,GAAG,oBAAoB,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACI;IAClB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,aACvD,KAAC,MAAM,IAAC,SAAS,EAAC,uEAAuE,GAAG,EAC5F,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,cAAc,CACf,GACD,EACF,eAAK,SAAS,EAAC,gIAAgI,aAC7I,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC9B,+BAAc,IACV,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+export { PageHeader } from "./page-header.js";
+export { GithubLink, GithubIcon } from "./github-link.js";
+export { HeaderSearch } from "./header-search.js";
+export { HeaderActionsMenu } from "./header-actions-menu.js";
+export { AvatarStack, type AvatarStackItem } from "./avatar-stack.js";
+export { NotificationsMenu, type NotificationItem } from "./notifications-menu.js";
+export { MessagesMenu, type MessageItem } from "./messages-menu.js";
+export { StatCard, type StatData, type StatTrend } from "./stat-card.js";
+export { StatsGrid } from "./stats-grid.js";
+export { StatusBadge, toneSoft, toneBordered, type StatusTone, } from "./status-badge.js";
+export { AvatarWithName } from "./avatar-with-name.js";
+export { EmptyState } from "./empty-state.js";
+export { ProgressBar } from "./progress-bar.js";
+export { SectionCard } from "./section-card.js";
+export { ChartCard } from "./chart-card.js";
+export { GradientDef, GradientDefs } from "./gradient-def.js";
+export { SeriesChart, type ChartSeries, type SeriesChartType, } from "./series-chart.js";
+export { DataTable } from "./data-table.js";
+export { DataTableColumnManager } from "./data-table-column-manager.js";
+export { DataTablePagination } from "./data-table-pagination.js";
+export { TableToolbar, TableSearch } from "./data-table-toolbar.js";
+export { selectColumn, RowActions, CurrencyCell, MutedCell, ProgressCell, type RowAction, } from "./data-table-cells.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,KAAK,SAAS,GACf,MAAM,oBAAoB,CAAC"}

package/dist/components/shared/index.js

@@ -0,0 +1,27 @@
+// Header / chrome
+export { PageHeader } from "./page-header.js";
+export { GithubLink, GithubIcon } from "./github-link.js";
+export { HeaderSearch } from "./header-search.js";
+export { HeaderActionsMenu } from "./header-actions-menu.js";
+export { AvatarStack } from "./avatar-stack.js";
+export { NotificationsMenu } from "./notifications-menu.js";
+export { MessagesMenu } from "./messages-menu.js";
+// Data display
+export { StatCard } from "./stat-card.js";
+export { StatsGrid } from "./stats-grid.js";
+export { StatusBadge, toneSoft, toneBordered, } from "./status-badge.js";
+export { AvatarWithName } from "./avatar-with-name.js";
+export { EmptyState } from "./empty-state.js";
+export { ProgressBar } from "./progress-bar.js";
+export { SectionCard } from "./section-card.js";
+// Charts
+export { ChartCard } from "./chart-card.js";
+export { GradientDef, GradientDefs } from "./gradient-def.js";
+export { SeriesChart, } from "./series-chart.js";
+// Tables
+export { DataTable } from "./data-table.js";
+export { DataTableColumnManager } from "./data-table-column-manager.js";
+export { DataTablePagination } from "./data-table-pagination.js";
+export { TableToolbar, TableSearch } from "./data-table-toolbar.js";
+export { selectColumn, RowActions, CurrencyCell, MutedCell, ProgressCell, } from "./data-table-cells.js";
+//# sourceMappingURL=index.js.map

package/dist/components/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAEjE,eAAe;AACf,OAAO,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,WAAW,EACX,QAAQ,EACR,YAAY,GAEb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,WAAW,GAGZ,MAAM,gBAAgB,CAAC;AAExB,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC"}

package/dist/components/shared/messages-menu.d.ts

@@ -0,0 +1,16 @@
+export interface MessageItem {
+    name: string;
+    preview: string;
+    time: string;
+    avatar?: string;
+    fallback?: string;
+    unread?: boolean;
+}
+interface MessagesMenuProps {
+    items: MessageItem[];
+    className?: string;
+}
+/** Message trigger + messages dropdown (avatar + name + time + preview). */
+export declare function MessagesMenu({ items, className }: MessagesMenuProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=messages-menu.d.ts.map

package/dist/components/shared/messages-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-menu.d.ts","sourceRoot":"","sources":["../../../src/components/shared/messages-menu.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA0DnE"}

package/dist/components/shared/messages-menu.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageSquare, Settings } from "lucide-react";
+import { Button } from "../../components/ui/button.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../../components/ui/avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../components/ui/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+/** Message trigger + messages dropdown (avatar + name + time + preview). */
+export function MessagesMenu({ items, className }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", className: cn("size-9", className), children: _jsx(MessageSquare, {}) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [_jsxs(DropdownMenuLabel, { className: "flex items-center justify-between", children: [_jsx("span", { children: "Messages" }), _jsxs(Button, { variant: "ghost", size: "sm", className: "h-auto p-0 text-xs text-muted-foreground hover:text-foreground", children: [_jsx(Settings, { className: "mr-1 size-3.5" }), "Settings"] })] }), _jsx(DropdownMenuSeparator, {}), items.map((m, i) => (_jsxs(DropdownMenuItem, { className: cn("flex cursor-pointer items-start gap-3 p-3", !m.unread && "opacity-60"), children: [_jsxs(Avatar, { className: "mt-0.5 size-8", children: [m.avatar && _jsx(AvatarImage, { src: m.avatar }), _jsx(AvatarFallback, { children: m.fallback ?? m.name.charAt(0) })] }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm font-medium", children: m.name }), _jsx("span", { className: "text-xs text-muted-foreground", children: m.time })] }), _jsx("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: m.preview })] }), m.unread && (_jsx("span", { className: "mt-2 size-2 rounded-full bg-blue-500" }))] }, i))), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { className: "justify-center text-sm text-muted-foreground", children: "View all messages" })] })] }));
+}
+//# sourceMappingURL=messages-menu.js.map

package/dist/components/shared/messages-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-menu.js","sourceRoot":"","sources":["../../../src/components/shared/messages-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgBjC,4EAA4E;AAC5E,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAqB;IAClE,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAElC,KAAC,aAAa,KAAG,GACV,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,aAC/C,MAAC,iBAAiB,IAAC,SAAS,EAAC,mCAAmC,aAC9D,sCAAqB,EACrB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gEAAgE,aAE1E,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,gBAE/B,IACS,EACpB,KAAC,qBAAqB,KAAG,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,MAAC,gBAAgB,IAEf,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAC1B,aAED,MAAC,MAAM,IAAC,SAAS,EAAC,eAAe,aAC9B,CAAC,CAAC,MAAM,IAAI,KAAC,WAAW,IAAC,GAAG,EAAE,CAAC,CAAC,MAAM,GAAI,EAC3C,KAAC,cAAc,cAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAkB,IAC1D,EACT,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,mCAAmC,aAChD,YAAG,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,IAAI,GAAK,EAC/C,eAAM,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,IAAI,GAAQ,IAC3D,EACN,YAAG,SAAS,EAAC,4CAA4C,YACtD,CAAC,CAAC,OAAO,GACR,IACA,EACL,CAAC,CAAC,MAAM,IAAI,CACX,eAAM,SAAS,EAAC,sCAAsC,GAAG,CAC1D,KArBI,CAAC,CAsBW,CACpB,CAAC,EACF,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,IAAC,SAAS,EAAC,8CAA8C,kCAEvD,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/shared/notifications-menu.d.ts

@@ -0,0 +1,18 @@
+export interface NotificationItem {
+    title: string;
+    description: string;
+    time: string;
+    avatar?: string;
+    fallback?: string;
+    unread?: boolean;
+}
+interface NotificationsMenuProps {
+    items: NotificationItem[];
+    className?: string;
+    /** Show the red unread dot on the trigger. */
+    hasUnread?: boolean;
+}
+/** Bell trigger + notifications dropdown (avatar + title + description + time). */
+export declare function NotificationsMenu({ items, className, hasUnread, }: NotificationsMenuProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=notifications-menu.d.ts.map

package/dist/components/shared/notifications-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications-menu.d.ts","sourceRoot":"","sources":["../../../src/components/shared/notifications-menu.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,mFAAmF;AACnF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,SAAgB,GACjB,EAAE,sBAAsB,+BAwDxB"}

package/dist/components/shared/notifications-menu.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bell } from "lucide-react";
+import { Button } from "../../components/ui/button.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../../components/ui/avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../components/ui/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+/** Bell trigger + notifications dropdown (avatar + title + description + time). */
+export function NotificationsMenu({ items, className, hasUnread = true, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", className: cn("relative size-9", className), children: [_jsx(Bell, {}), hasUnread && (_jsx("span", { className: "absolute -right-0.5 -top-0.5 size-2.5 rounded-full border-2 border-card bg-rose-500" }))] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [_jsxs(DropdownMenuLabel, { className: "flex items-center justify-between", children: [_jsx("span", { children: "Notifications" }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-auto p-0 text-xs text-muted-foreground hover:text-foreground", children: "Mark all as read" })] }), _jsx(DropdownMenuSeparator, {}), items.map((n, i) => (_jsxs(DropdownMenuItem, { className: cn("flex cursor-pointer items-start gap-3 p-3", !n.unread && "opacity-60"), children: [_jsxs(Avatar, { className: "mt-0.5 size-8", children: [n.avatar && _jsx(AvatarImage, { src: n.avatar }), _jsx(AvatarFallback, { children: n.fallback ?? n.title.charAt(0) })] }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium", children: n.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: n.description }), _jsx("p", { className: "text-xs text-muted-foreground", children: n.time })] }), n.unread && (_jsx("span", { className: "mt-2 size-2 rounded-full bg-blue-500" }))] }, i))), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { className: "justify-center text-sm text-muted-foreground", children: "View all notifications" })] })] }));
+}
+//# sourceMappingURL=notifications-menu.js.map

package/dist/components/shared/notifications-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications-menu.js","sourceRoot":"","sources":["../../../src/components/shared/notifications-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAkBjC,mFAAmF;AACnF,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,SAAS,GAAG,IAAI,GACO;IACvB,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,aAE3C,KAAC,IAAI,KAAG,EACP,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,qFAAqF,GAAG,CACzG,IACM,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,aAC/C,MAAC,iBAAiB,IAAC,SAAS,EAAC,mCAAmC,aAC9D,2CAA0B,EAC1B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gEAAgE,iCAGnE,IACS,EACpB,KAAC,qBAAqB,KAAG,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,MAAC,gBAAgB,IAEf,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAC1B,aAED,MAAC,MAAM,IAAC,SAAS,EAAC,eAAe,aAC9B,CAAC,CAAC,MAAM,IAAI,KAAC,WAAW,IAAC,GAAG,EAAE,CAAC,CAAC,MAAM,GAAI,EAC3C,KAAC,cAAc,cAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAkB,IAC3D,EACT,eAAK,SAAS,EAAC,kBAAkB,aAC/B,YAAG,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,KAAK,GAAK,EAChD,YAAG,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,WAAW,GAAK,EAChE,YAAG,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,IAAI,GAAK,IACrD,EACL,CAAC,CAAC,MAAM,IAAI,CACX,eAAM,SAAS,EAAC,sCAAsC,GAAG,CAC1D,KAjBI,CAAC,CAkBW,CACpB,CAAC,EACF,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,IAAC,SAAS,EAAC,8CAA8C,uCAEvD,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+interface PageHeaderProps {
+    title?: React.ReactNode;
+    /** Leading icon (lucide or any component accepting className). */
+    icon?: React.ElementType;
+    /** Right-side actions (theme toggle, github link, dropdowns, …). */
+    children?: React.ReactNode;
+    /** Override the whole <header> class (padding / sticky / bg variations). */
+    className?: string;
+    iconClassName?: string;
+    titleClassName?: string;
+    triggerClassName?: string;
+    leftClassName?: string;
+    actionsClassName?: string;
+    /** Replace the default left block (icon + title) entirely. */
+    left?: React.ReactNode;
+}
+/**
+ * The shared page-header shell used by every template:
+ * SidebarTrigger + leading icon + title on the left, actions on the right.
+ * Defaults reproduce the most common Square UI header; override via class props.
+ */
+export declare function PageHeader({ title, icon: Icon, children, className, iconClassName, titleClassName, triggerClassName, leftClassName, actionsClassName, left, }: PageHeaderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=page-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/shared/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAKD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,IAAI,GACL,EAAE,eAAe,qBAwCjB"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarTrigger } from "../../components/ui/sidebar.js";
+import { cn } from "../../lib/utils.js";
+const DEFAULT_HEADER = "flex items-center gap-2 sm:gap-3 px-3 sm:px-6 py-3 sm:py-4 border-b bg-card sticky top-0 z-10 w-full shrink-0";
+/**
+ * The shared page-header shell used by every template:
+ * SidebarTrigger + leading icon + title on the left, actions on the right.
+ * Defaults reproduce the most common Square UI header; override via class props.
+ */
+export function PageHeader({ title, icon: Icon, children, className, iconClassName, titleClassName, triggerClassName, leftClassName, actionsClassName, left, }) {
+    return (_jsxs("header", { className: cn(DEFAULT_HEADER, className), children: [_jsxs("div", { className: cn("flex min-w-0 flex-1 items-center gap-2 sm:gap-3", leftClassName), children: [_jsx(SidebarTrigger, { className: cn("-ml-1 sm:-ml-2", triggerClassName) }), left ?? (_jsxs(_Fragment, { children: [Icon && (_jsx(Icon, { className: cn("size-5 shrink-0 text-muted-foreground", iconClassName) })), title && (_jsx("h1", { className: cn("truncate text-base font-medium sm:text-lg", titleClassName), children: title }))] }))] }), children && (_jsx("div", { className: cn("flex items-center gap-2", actionsClassName), children: children }))] }));
+}
+//# sourceMappingURL=page-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../src/components/shared/page-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAmBjC,MAAM,cAAc,GAClB,+GAA+G,CAAC;AAElH;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,IAAI,GACY;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC9C,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,aAAa,CACd,aAED,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAI,EACpE,IAAI,IAAI,CACP,8BACG,IAAI,IAAI,CACP,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,aAAa,CACd,GACD,CACH,EACA,KAAK,IAAI,CACR,aACE,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,cAAc,CACf,YAEA,KAAK,GACH,CACN,IACA,CACJ,IACG,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,YAC5D,QAAQ,GACL,CACP,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/components/shared/progress-bar.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+interface ProgressBarProps {
+    /** 0–100 */
+    value: number;
+    /** Inline fill color (CSS color). Falls back to the primary token. */
+    color?: string;
+    /** Extra fill classes (e.g. a gradient) when not using `color`. */
+    fillClassName?: string;
+    className?: string;
+    /** Track height; defaults to a thin 1.5 bar. */
+    height?: string;
+}
+/** Lightweight track + fill progress bar (the inline bars used in tables/panels). */
+export declare function ProgressBar({ value, color, fillClassName, className, height, }: ProgressBarProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/shared/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/shared/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB;IACxB,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,MAAgB,GACjB,EAAE,gBAAgB,qBAoBlB"}

package/dist/components/shared/progress-bar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+/** Lightweight track + fill progress bar (the inline bars used in tables/panels). */
+export function ProgressBar({ value, color, fillClassName, className, height = "h-1.5", }) {
+    const pct = Math.max(0, Math.min(100, value));
+    return (_jsx("div", { className: cn("w-full overflow-hidden rounded-full bg-muted", height, className), children: _jsx("div", { className: cn("h-full rounded-full transition-all", !color && !fillClassName && "bg-primary", fillClassName), style: { width: `${pct}%`, backgroundColor: color } }) }));
+}
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/shared/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/components/shared/progress-bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAcjC,qFAAqF;AACrF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,MAAM,GAAG,OAAO,GACC;IACjB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9C,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,MAAM,EACN,SAAS,CACV,YAED,cACE,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,CAAC,KAAK,IAAI,CAAC,aAAa,IAAI,YAAY,EACxC,aAAa,CACd,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,GACnD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/shared/section-card.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface SectionCardProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ElementType;
+    /** Right-side header actions (menu, button, badge…). */
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    /** Render the header divider. */
+    divided?: boolean;
+}
+/** A bordered card with an optional header row (icon + title + actions) and body. */
+export declare function SectionCard({ title, description, icon: Icon, actions, children, className, headerClassName, bodyClassName, divided, }: SectionCardProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=section-card.d.ts.map

package/dist/components/shared/section-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card.d.ts","sourceRoot":"","sources":["../../../src/components/shared/section-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,wDAAwD;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,OAAc,GACf,EAAE,gBAAgB,qBAsClB"}

package/dist/components/shared/section-card.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+/** A bordered card with an optional header row (icon + title + actions) and body. */
+export function SectionCard({ title, description, icon: Icon, actions, children, className, headerClassName, bodyClassName, divided = true, }) {
+    const hasHeader = title || actions || description;
+    return (_jsxs("div", { className: cn("rounded-xl border bg-card text-card-foreground", className), children: [hasHeader && (_jsxs("div", { className: cn("flex items-center justify-between gap-3 p-4", divided && "border-b border-border/50", headerClassName), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [Icon && _jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [title && (_jsx("h3", { className: "truncate text-sm font-medium sm:text-base", children: title })), description && (_jsx("p", { className: "truncate text-xs text-muted-foreground", children: description }))] })] }), actions] })), _jsx("div", { className: cn("p-4", bodyClassName), children: children })] }));
+}
+//# sourceMappingURL=section-card.js.map

package/dist/components/shared/section-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card.js","sourceRoot":"","sources":["../../../src/components/shared/section-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgBjC,qFAAqF;AACrF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,OAAO,GAAG,IAAI,GACG;IACjB,MAAM,SAAS,GAAG,KAAK,IAAI,OAAO,IAAI,WAAW,CAAC;IAClD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,aAEA,SAAS,IAAI,CACZ,eACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,OAAO,IAAI,2BAA2B,EACtC,eAAe,CAChB,aAED,eAAK,SAAS,EAAC,iCAAiC,aAC7C,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,GAAG,EACnE,eAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,2CAA2C,YACtD,KAAK,GACH,CACN,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,wCAAwC,YAClD,WAAW,GACV,CACL,IACG,IACF,EACL,OAAO,IACJ,CACP,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,YAAG,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}