@myrjfa/ui 1.0.8 → 1.0.10

package/dist/dashboard/data-table.js

@@ -1,66 +1,54 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown, ChevronUp, Inbox } from 'lucide-react';
-import { useMemo, useState } from 'react';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../dashboard/table';
-import { Input } from '../misc/input';
-export function DataTable(_a) {
-    var data = _a.data, columns = _a.columns, actions = _a.actions, onRowClick = _a.onRowClick;
-    var _b = useState(''), searchQuery = _b[0], setSearchQuery = _b[1];
-    var _c = useState(null), sortColumn = _c[0], setSortColumn = _c[1];
-    var _d = useState('asc'), sortDirection = _d[0], setSortDirection = _d[1];
-    // Global search across all string fields
-    var filteredData = useMemo(function () {
-        if (!searchQuery)
-            return data;
-        return data.filter(function (item) {
-            var searchLower = searchQuery.toLowerCase();
-            return Object.values(item).some(function (value) {
-                return typeof value === 'string' && value.toLowerCase().includes(searchLower);
-            });
-        });
-    }, [searchQuery, data]);
-    // Sort logic
-    var sortedData = useMemo(function () {
-        if (!sortColumn)
-            return filteredData;
-        return __spreadArray([], filteredData, true).sort(function (a, b) {
-            var aValue = a[sortColumn];
-            var bValue = b[sortColumn];
-            if (typeof aValue === 'number' && typeof bValue === 'number') {
-                return sortDirection === 'asc' ? aValue - bValue : bValue - aValue;
-            }
-            return String(aValue).localeCompare(String(bValue)) * (sortDirection === 'asc' ? 1 : -1);
-        });
-    }, [filteredData, sortColumn, sortDirection]);
-    var toggleSort = function (accessorKey) {
-        if (sortColumn === accessorKey) {
-            setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
-        }
-        else {
-            setSortColumn(accessorKey);
-            setSortDirection('asc');
-        }
-    };
-    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "p-2", children: _jsx(Input, { placeholder: "Search...", className: "mb-4 max-w-sm", value: searchQuery, onChange: function (e) { return setSearchQuery(e.target.value); } }) }), _jsx("div", { className: "hidden lg:block overflow-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [columns.map(function (column) { return (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: function () { return column.sortable && toggleSort(column.accessorKey); }, children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey)); }), actions && _jsx(TableHead, { children: "Actions" })] }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map(function (item) {
-                                var key = item.slug || item._id || Math.random().toString();
-                                return (_jsxs(TableRow, { onClick: function () { return onRowClick && onRowClick(key); }, className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: [columns.map(function (column) { return (_jsx(TableCell, { children: column.cell
-                                                ? column.cell(item)
-                                                : item[column.accessorKey] }, column.accessorKey)); }), actions && (_jsx(TableCell, { onClick: function (e) { return e.stopPropagation(); }, children: actions(item) }))] }, key));
-                            })) })] }) }), _jsx("div", { className: "lg:hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.slice(1).map(function (column) { return (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: function () { return column.sortable && toggleSort(column.accessorKey); }, children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey)); }) }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map(function (item) {
-                                var key = item.slug || item._id || Math.random().toString();
-                                return (_jsxs(_Fragment, { children: [_jsx(TableRow, { className: "bg-gray-100", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", children: _jsx("div", { className: "font-semibold text-gray-900", children: columns[0].cell
-                                                        ? columns[0].cell(item)
-                                                        : item[columns[0].accessorKey] }) }) }), _jsx(TableRow, { onClick: function () { return onRowClick && onRowClick(key); }, className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: columns.slice(1).map(function (column) { return (_jsx(TableCell, { children: column.cell
-                                                    ? column.cell(item)
-                                                    : item[column.accessorKey] }, column.accessorKey)); }) }, key), actions && (_jsx(TableRow, { className: "bg-gray-30", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", onClick: function (e) { return e.stopPropagation(); }, children: actions(item) }) }))] }));
-                            })) })] }) })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, Inbox } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../dashboard/table';
+import { Input } from '../misc/input';
+export function DataTable({ data, columns, actions, onRowClick, }) {
+    const [searchQuery, setSearchQuery] = useState('');
+    const [sortColumn, setSortColumn] = useState(null);
+    const [sortDirection, setSortDirection] = useState('asc');
+    // Global search across all string fields
+    const filteredData = useMemo(() => {
+        if (!searchQuery)
+            return data;
+        return data.filter((item) => {
+            const searchLower = searchQuery.toLowerCase();
+            return Object.values(item).some((value) => typeof value === 'string' && value.toLowerCase().includes(searchLower));
+        });
+    }, [searchQuery, data]);
+    // Sort logic
+    const sortedData = useMemo(() => {
+        if (!sortColumn)
+            return filteredData;
+        return [...filteredData].sort((a, b) => {
+            const aValue = a[sortColumn];
+            const bValue = b[sortColumn];
+            if (typeof aValue === 'number' && typeof bValue === 'number') {
+                return sortDirection === 'asc' ? aValue - bValue : bValue - aValue;
+            }
+            return String(aValue).localeCompare(String(bValue)) * (sortDirection === 'asc' ? 1 : -1);
+        });
+    }, [filteredData, sortColumn, sortDirection]);
+    const toggleSort = (accessorKey) => {
+        if (sortColumn === accessorKey) {
+            setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            setSortColumn(accessorKey);
+            setSortDirection('asc');
+        }
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "p-2", children: _jsx(Input, { placeholder: "Search...", className: "mb-4 max-w-sm", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) }) }), _jsx("div", { className: "hidden lg:block overflow-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [columns.map((column) => (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: () => column.sortable && toggleSort(column.accessorKey), children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey))), actions && _jsx(TableHead, { children: "Actions" })] }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map((item) => {
+                                const key = item.slug || item._id || Math.random().toString();
+                                return (_jsxs(TableRow, { onClick: () => onRowClick && onRowClick(key), className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: [columns.map((column) => (_jsx(TableCell, { children: column.cell
+                                                ? column.cell(item)
+                                                : item[column.accessorKey] }, column.accessorKey))), actions && (_jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: actions(item) }))] }, key));
+                            })) })] }) }), _jsx("div", { className: "lg:hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.slice(1).map((column) => (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: () => column.sortable && toggleSort(column.accessorKey), children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey))) }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map((item) => {
+                                const key = item.slug || item._id || Math.random().toString();
+                                return (_jsxs(_Fragment, { children: [_jsx(TableRow, { className: "bg-gray-100", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", children: _jsx("div", { className: "font-semibold text-gray-900", children: columns[0].cell
+                                                        ? columns[0].cell(item)
+                                                        : item[columns[0].accessorKey] }) }) }), _jsx(TableRow, { onClick: () => onRowClick && onRowClick(key), className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: columns.slice(1).map((column) => (_jsx(TableCell, { children: column.cell
+                                                    ? column.cell(item)
+                                                    : item[column.accessorKey] }, column.accessorKey))) }, key), actions && (_jsx(TableRow, { className: "bg-gray-30", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", onClick: (e) => e.stopPropagation(), children: actions(item) }) }))] }));
+                            })) })] }) })] }));
+}

package/dist/dashboard/nav-main.js

@@ -2,9 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname, useRouter } from "next/navigation";
 import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "../misc/sidebar";
-export function NavMain(_a) {
-    var items = _a.items;
-    var pathname = usePathname();
-    var router = useRouter();
-    return (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { className: "flex flex-col gap-2", children: _jsx(SidebarMenu, { children: items.map(function (item) { return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { tooltip: item.title, className: "cursor-pointer", onClick: function () { return router.push(item.url); }, isActive: pathname.includes(item.url), children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title })] }) }, item.title)); }) }) }) }));
+export function NavMain({ items, }) {
+    const pathname = usePathname();
+    const router = useRouter();
+    return (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { className: "flex flex-col gap-2", children: _jsx(SidebarMenu, { children: items.map((item) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { tooltip: item.title, className: "cursor-pointer", onClick: () => router.push(item.url), isActive: pathname.includes(item.url), children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title })] }) }, item.title))) }) }) }));
 }

package/dist/dashboard/nav-secondary.js

@@ -1,29 +1,6 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "../misc/sidebar";
-export function NavSecondary(_a) {
-    var items = _a.items, props = __rest(_a, ["items"]);
-    return (_jsx(SidebarGroup, __assign({}, props, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map(function (item) { return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs("a", { href: item.url, children: [_jsx(item.icon, {}), _jsx("span", { children: item.title })] }) }) }, item.title)); }) }) }) })));
+export function NavSecondary({ items, ...props }) {
+    return (_jsx(SidebarGroup, { ...props, children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs("a", { href: item.url, children: [_jsx(item.icon, {}), _jsx("span", { children: item.title })] }) }) }, item.title))) }) }) }));
 }

package/dist/dashboard/stats-card.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardContent } from '../misc/card';
-export function StatsCard(_a) {
-    var icon = _a.icon, title = _a.title, count = _a.count;
+export function StatsCard({ icon, title, count, }) {
     return (_jsx(Card, { children: _jsx(CardContent, { className: "flex items-center p-6", children: _jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: "p-2 bg-blue-100 rounded-full", children: icon }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: title }), _jsx("p", { className: "text-2xl font-bold", children: count })] })] }) }) }));
 }

package/dist/dashboard/table.js

@@ -1,67 +1,21 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 // components/ui/table.tsx
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import * as React from "react";
-var Table = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", __assign({ ref: ref, className: cn("w-full caption-bottom text-sm", className) }, props)) }));
-});
+const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
 Table.displayName = "Table";
-var TableHeader = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("thead", __assign({ ref: ref, className: cn("[&_tr]:border-b", className) }, props)));
-});
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));
 TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tbody", __assign({ ref: ref, className: cn("[&_tr:last-child]:border-0", className) }, props)));
-});
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
 TableBody.displayName = "TableBody";
-var TableFooter = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tfoot", __assign({ ref: ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className) }, props)));
-});
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })));
 TableFooter.displayName = "TableFooter";
-var TableRow = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tr", __assign({ ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className) }, props)));
-});
+const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
 TableRow.displayName = "TableRow";
-var TableHead = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("th", __assign({ ref: ref, className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className) }, props)));
-});
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className), ...props })));
 TableHead.displayName = "TableHead";
-var TableCell = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("td", __assign({ ref: ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className) }, props)));
-});
+const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })));
 TableCell.displayName = "TableCell";
-var TableCaption = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("caption", __assign({ ref: ref, className: cn("mt-4 text-sm text-muted-foreground", className) }, props)));
-});
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })));
 TableCaption.displayName = "TableCaption";
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/header/mobile-nav-item.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import Link from "next/link";
-export function MobileNavItem(_a) {
-    var label = _a.label, href = _a.href, className = _a.className, icon = _a.icon;
+export function MobileNavItem({ label, href, className, icon }) {
     return (_jsxs(Link, { href: href, className: cn("flex w-full cursor-pointer items-center rounded-md p-2 gap-1 font-medium text-muted-foreground hover:text-foreground", className), children: [icon && _jsx("span", { children: icon }), label] }));
 }

package/dist/header/mobile-navbar.js

@@ -2,21 +2,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Menu, X } from "lucide-react";
 import { useEffect, useState } from "react";
-export function MobileNavbar(_a) {
-    var children = _a.children;
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    useEffect(function () {
-        var overflow = isOpen ? "hidden" : "auto";
+export function MobileNavbar({ children }) {
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        const overflow = isOpen ? "hidden" : "auto";
         document.documentElement.style.overflow = overflow;
     }, [isOpen]);
-    useEffect(function () {
-        var closeHamburgerNavigation = function () { return setIsOpen(false); };
+    useEffect(() => {
+        const closeHamburgerNavigation = () => setIsOpen(false);
         window.addEventListener("orientationchange", closeHamburgerNavigation);
         window.addEventListener("resize", closeHamburgerNavigation);
-        return function () {
+        return () => {
             window.removeEventListener("orientationchange", closeHamburgerNavigation);
             window.removeEventListener("resize", closeHamburgerNavigation);
         };
     }, []);
-    return (_jsxs("div", { className: "md:hidden", children: [_jsx("button", { className: "md:hidden", onClick: function () { return setIsOpen(!isOpen); }, children: isOpen ? _jsx(X, {}) : _jsx(Menu, {}) }), isOpen && (_jsx("div", { className: "fixed inset-0 top-[50px] z-40 size-full bg-black/40 animate-in slide-in-from-bottom-24 md:hidden", onClick: function () { return setIsOpen(false); }, children: children }))] }));
+    return (_jsxs("div", { className: "md:hidden", children: [_jsx("button", { className: "md:hidden", onClick: () => setIsOpen(!isOpen), children: isOpen ? _jsx(X, {}) : _jsx(Menu, {}) }), isOpen && (_jsx("div", { className: "fixed inset-0 top-[50px] z-40 size-full bg-black/40 animate-in slide-in-from-bottom-24 md:hidden", onClick: () => setIsOpen(false), children: children }))] }));
 }

package/dist/header/nav-item.d.ts

@@ -3,7 +3,8 @@ interface NavItemProps {
     href: string;
     className?: string;
     icon?: React.ReactNode;
+    external?: boolean;
 }
-export declare function NavItem({ label, href, className, icon }: NavItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavItem({ label, href, className, icon, external }: NavItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=nav-item.d.ts.map

package/dist/header/nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../src/header/nav-item.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,YAAY,2CAarE"}
+{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../src/header/nav-item.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAe/E"}

package/dist/header/nav-item.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import Link from "next/link";
-export function NavItem(_a) {
-    var label = _a.label, href = _a.href, className = _a.className, icon = _a.icon;
-    return (_jsxs(Link, { href: href, className: cn("text-muted-foreground hover:text-foreground flex cursor-pointer items-center text-sm font-medium transition-colors gap-1", className), children: [icon && _jsx("span", { children: icon }), label] }));
+export function NavItem({ label, href, className, icon, external }) {
+    return (_jsxs(Link, { href: href, target: external ? "_blank" : undefined, rel: external ? "noopener noreferrer" : undefined, className: cn("text-muted-foreground hover:text-foreground flex cursor-pointer items-center text-sm font-medium transition-colors gap-1", className), children: [icon && _jsx("span", { children: icon }), label] }));
 }

package/dist/index.d.ts

@@ -1,57 +1,58 @@
-export * from './misc/button';
-export * from './misc/accordion';
-export * from './misc/alert';
-export * from './misc/alertdialogclaude';
-export * from './misc/avatar';
-export * from './misc/badge';
-export * from './misc/carousel';
-export * from './misc/checkbox';
-export * from './misc/command';
-export * from './misc/datepicker';
-export * from './misc/dialog';
-export * from './misc/dropdown-menu';
-export * from './misc/faq';
-export * from './misc/file-preview';
-export * from './misc/filter';
-export * from './misc/filterBar';
-export * from './misc/form';
-export * from './misc/input';
-export * from './misc/label';
-export * from './misc/line-carousel';
-export * from './misc/newsLetter';
-export * from './misc/notification';
-export * from './misc/pagination';
-export * from './misc/password-eye';
-export * from './misc/popover';
-export * from './misc/progress';
-export * from './misc/scroll-area';
-export * from './misc/searchBar';
-export * from './misc/searchBox';
-export * from './misc/select';
-export * from './misc/separator';
-export * from './misc/share';
-export * from './misc/sheet';
-export * from './misc/sidebar';
-export * from './misc/skeleton';
-export * from './misc/starRating';
-export * from './misc/stateCard';
-export * from './misc/tabs';
-export * from './misc/textarea';
-export * from './misc/tile';
-export * from './misc/tooltip';
-export * from './dashboard/action-buttons';
-export * from './dashboard/app-sidebar';
-export * from './dashboard/card-header';
-export * from './dashboard/dashboard-components';
-export * from './dashboard/data-table';
-export * from './dashboard/nav-main';
-export * from './dashboard/nav-secondary';
-export * from './dashboard/table';
-export * from './header/mobile-nav-item';
-export * from './header/mobile-navbar';
-export * from './header/nav-item';
-export * from './main/footer';
-export * from './main/navbar';
-export * from './main/paginationBar';
-export * from './main/review-page';
+export * from './misc/button';
+export * from './misc/accordion';
+export * from './misc/alert';
+export * from './misc/alertdialogclaude';
+export * from './misc/avatar';
+export * from './misc/badge';
+export * from './misc/carousel';
+export * from './misc/checkbox';
+export * from './misc/command';
+export * from './misc/datepicker';
+export * from './misc/dialog';
+export * from './misc/dropdown-menu';
+export * from './misc/faq';
+export * from './misc/file-preview';
+export * from './misc/filter';
+export * from './misc/filterBar';
+export * from './misc/form';
+export * from './misc/input';
+export * from './misc/label';
+export * from './misc/line-carousel';
+export * from './misc/newsLetter';
+export * from './misc/notification';
+export * from './misc/pagination';
+export * from './misc/password-eye';
+export * from './misc/popover';
+export * from './misc/progress';
+export * from './misc/scroll-area';
+export * from './misc/searchBar';
+export * from './misc/searchBox';
+export * from './misc/select';
+export * from './misc/separator';
+export * from './misc/share';
+export * from './misc/sheet';
+export * from './misc/sidebar';
+export * from './misc/skeleton';
+export * from './misc/starRating';
+export * from './misc/stateCard';
+export * from './misc/tabs';
+export * from './misc/textarea';
+export * from './misc/tile';
+export * from './misc/tooltip';
+export * from './dashboard/action-buttons';
+export * from './dashboard/app-sidebar';
+export * from './dashboard/card-header';
+export * from './dashboard/dashboard-components';
+export * from './dashboard/data-table';
+export * from './dashboard/nav-main';
+export * from './dashboard/nav-secondary';
+export * from './dashboard/table';
+export * from './header/mobile-nav-item';
+export * from './header/mobile-navbar';
+export * from './header/nav-item';
+export * from './main/footer';
+export * from './main/navbar';
+export * from './main/paginationBar';
+export * from './main/review-page';
+export * from './misc/image-cropper';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,57 +1,57 @@
-// Export all your shared UI components
-export * from './misc/button';
-export * from './misc/accordion';
-export * from './misc/alert';
-export * from './misc/alertdialogclaude';
-export * from './misc/avatar';
-export * from './misc/badge';
-export * from './misc/carousel';
-export * from './misc/checkbox';
-export * from './misc/command';
-export * from './misc/datepicker';
-export * from './misc/dialog';
-export * from './misc/dropdown-menu';
-export * from './misc/faq';
-export * from './misc/file-preview';
-export * from './misc/filter';
-export * from './misc/filterBar';
-export * from './misc/form';
-export * from './misc/input';
-export * from './misc/label';
-export * from './misc/line-carousel';
-export * from './misc/newsLetter';
-export * from './misc/notification';
-export * from './misc/pagination';
-export * from './misc/password-eye';
-export * from './misc/popover';
-export * from './misc/progress';
-export * from './misc/scroll-area';
-export * from './misc/searchBar';
-export * from './misc/searchBox';
-export * from './misc/select';
-export * from './misc/separator';
-export * from './misc/share';
-export * from './misc/sheet';
-export * from './misc/sidebar';
-export * from './misc/skeleton';
-export * from './misc/starRating';
-export * from './misc/stateCard';
-export * from './misc/tabs';
-export * from './misc/textarea';
-export * from './misc/tile';
-export * from './misc/tooltip';
-export * from './dashboard/action-buttons';
-export * from './dashboard/app-sidebar';
-export * from './dashboard/card-header';
-export * from './dashboard/dashboard-components';
-export * from './dashboard/data-table';
-export * from './dashboard/nav-main';
-export * from './dashboard/nav-secondary';
-export * from './dashboard/table';
-export * from './header/mobile-nav-item';
-export * from './header/mobile-navbar';
-export * from './header/nav-item';
-export * from './main/footer';
-export * from './main/navbar';
-export * from './main/paginationBar';
-export * from './main/review-page';
+export * from './misc/button';
+export * from './misc/accordion';
+export * from './misc/alert';
+export * from './misc/alertdialogclaude';
+export * from './misc/avatar';
+export * from './misc/badge';
+export * from './misc/carousel';
+export * from './misc/checkbox';
+export * from './misc/command';
+export * from './misc/datepicker';
+export * from './misc/dialog';
+export * from './misc/dropdown-menu';
+export * from './misc/faq';
+export * from './misc/file-preview';
+export * from './misc/filter';
+export * from './misc/filterBar';
+export * from './misc/form';
+export * from './misc/input';
+export * from './misc/label';
+export * from './misc/line-carousel';
+export * from './misc/newsLetter';
+export * from './misc/notification';
+export * from './misc/pagination';
+export * from './misc/password-eye';
+export * from './misc/popover';
+export * from './misc/progress';
+export * from './misc/scroll-area';
+export * from './misc/searchBar';
+export * from './misc/searchBox';
+export * from './misc/select';
+export * from './misc/separator';
+export * from './misc/share';
+export * from './misc/sheet';
+export * from './misc/sidebar';
+export * from './misc/skeleton';
+export * from './misc/starRating';
+export * from './misc/stateCard';
+export * from './misc/tabs';
+export * from './misc/textarea';
+export * from './misc/tile';
+export * from './misc/tooltip';
+export * from './dashboard/action-buttons';
+export * from './dashboard/app-sidebar';
+export * from './dashboard/card-header';
+export * from './dashboard/dashboard-components';
+export * from './dashboard/data-table';
+export * from './dashboard/nav-main';
+export * from './dashboard/nav-secondary';
+export * from './dashboard/table';
+export * from './header/mobile-nav-item';
+export * from './header/mobile-navbar';
+export * from './header/nav-item';
+export * from './main/footer';
+export * from './main/navbar';
+export * from './main/paginationBar';
+export * from './main/review-page';
+export * from './misc/image-cropper';