@rakun-kit/manager-react 1.2.0 → 1.3.0

package/dist/cjs/components/media/previews/views/PreviewsGridSmallView.js

@@ -11,8 +11,8 @@ const card_1 = require("../../../ui/card.js");
 const context_menu_1 = require("../../../ui/context-menu.js");
 const MediaContextMenuContent_1 = __importDefault(require("../MediaContextMenuContent.js"));
 const MediaPreviewContext_1 = require("../context/MediaPreviewContext.js");
-function PreviewsGridSmallView({ media, }) {
+function PreviewsGridSmallView({ media }) {
     const { onMediaClick, renderPreview, formatFileSize, isSelected } = (0, MediaPreviewContext_1.useMediaPreview)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: 'relative grid w-full grid-cols-2 gap-3 md:grid-cols-3 xl:grid-cols-4', children: media.map((item) => ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(card_1.Card, { className: 'relative overflow-hidden cursor-pointer p-2 hover:bg-accent/40 data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30', onClick: () => onMediaClick(item), children: [isSelected(item._id) ? ((0, jsx_runtime_1.jsx)("div", { className: 'absolute right-3 top-3 z-10 rounded-full bg-primary p-1 text-primary-foreground', children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: 'size-3' }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: 'h-28 w-full overflow-hidden rounded-md border bg-muted', children: renderPreview(item) }), (0, jsx_runtime_1.jsxs)("div", { className: 'mt-2', children: [(0, jsx_runtime_1.jsx)("p", { className: 'truncate font-medium text-sm', children: item.name }), (0, jsx_runtime_1.jsxs)("p", { className: 'truncate text-muted-foreground text-xs', children: [formatFileSize(item.size), " \u2022 ", item.mime] })] })] }) }), (0, jsx_runtime_1.jsx)(MediaContextMenuContent_1.default, { item: item })] }, item._id))) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "relative grid w-full grid-cols-2 gap-3 md:grid-cols-3 xl:grid-cols-4", children: media.map((item) => ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(card_1.Card, { className: "relative overflow-hidden cursor-pointer p-2 hover:bg-accent/40 data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30", onClick: () => onMediaClick(item), children: [isSelected(item._id) ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute right-3 top-3 z-10 rounded-full bg-primary p-1 text-primary-foreground", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-3" }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "h-28 w-full overflow-hidden rounded-md border bg-muted", children: renderPreview(item) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-2 pt-0", children: [(0, jsx_runtime_1.jsx)("p", { className: "truncate font-medium text-sm", children: item.name }), (0, jsx_runtime_1.jsxs)("p", { className: "truncate text-muted-foreground text-xs", children: [formatFileSize(item.size), " \u2022 ", item.mime] })] })] }) }), (0, jsx_runtime_1.jsx)(MediaContextMenuContent_1.default, { item: item })] }, item._id))) }));
 }
 //# sourceMappingURL=PreviewsGridSmallView.js.map

package/dist/cjs/components/media/previews/views/PreviewsGridSmallView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewsGridSmallView.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsGridSmallView.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;AAeZ,wCAoCC;;AAjDD,+CAAoC;AAEpC,2CAAuC;AACvC,2DAA0E;AAC1E,yFAAgE;AAChE,wEAAgE;AAQhE,SAAwB,qBAAqB,CAAC,EAC5C,KAAK,GACsB;IAC3B,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,GAC/D,IAAA,qCAAe,GAAE,CAAA;IAEnB,OAAO,CACL,gCAAK,SAAS,EAAC,sEAAsE,YAClF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,wBAAC,0BAAW,eACV,uBAAC,iCAAkB,IAAC,OAAO,kBACzB,wBAAC,WAAI,IACH,SAAS,EAAC,0JAA0J,EACpK,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEhC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAC,iFAAiF,YAC9F,uBAAC,oBAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACxB,CACP,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAC,wDAAwD,YACpE,aAAa,CAAC,IAAI,CAAC,GAChB,EACN,iCAAK,SAAS,EAAC,MAAM,aACnB,8BAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,GAAK,EAC3D,+BAAG,SAAS,EAAC,wCAAwC,aAClD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAK,IAAI,CAAC,IAAI,IACtC,IACA,IACD,GACY,EACrB,uBAAC,iCAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,KAtBvB,IAAI,CAAC,GAAG,CAuBZ,CACf,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"PreviewsGridSmallView.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsGridSmallView.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;AAeZ,wCAiCC;;AA9CD,+CAAoC;AAEpC,2CAAuC;AACvC,2DAA0E;AAC1E,yFAAgE;AAChE,wEAAgE;AAQhE,SAAwB,qBAAqB,CAAC,EAAE,KAAK,EAA8B;IACjF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAA,qCAAe,GAAE,CAAA;IAErF,OAAO,CACL,gCAAK,SAAS,EAAC,sEAAsE,YAClF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,wBAAC,0BAAW,eACV,uBAAC,iCAAkB,IAAC,OAAO,kBACzB,wBAAC,WAAI,IACH,SAAS,EAAC,0JAA0J,EACpK,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEhC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAC,iFAAiF,YAC9F,uBAAC,oBAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACxB,CACP,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAC,wDAAwD,YACpE,aAAa,CAAC,IAAI,CAAC,GAChB,EACN,iCAAK,SAAS,EAAC,UAAU,aACvB,8BAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,GAAK,EAC3D,+BAAG,SAAS,EAAC,wCAAwC,aAClD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAK,IAAI,CAAC,IAAI,IACtC,IACA,IACD,GACY,EACrB,uBAAC,iCAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,KAtBvB,IAAI,CAAC,GAAG,CAuBZ,CACf,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/media/previews/views/PreviewsListView.js

@@ -7,11 +7,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = PreviewsListView;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
+const checkbox_1 = require("../../../ui/checkbox.js");
 const context_menu_1 = require("../../../ui/context-menu.js");
 const MediaContextMenuContent_1 = __importDefault(require("../MediaContextMenuContent.js"));
 const MediaPreviewContext_1 = require("../context/MediaPreviewContext.js");
+const utils_1 = require("../../../../lib/utils.js");
 function PreviewsListView({ media }) {
-    const { onMediaClick, renderPreview, formatFileSize, isSelected } = (0, MediaPreviewContext_1.useMediaPreview)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'relative w-full overflow-hidden rounded-lg border', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'grid grid-cols-[56px_minmax(0,1fr)] items-center gap-3 border-b bg-muted/40 px-3 py-2 text-muted-foreground text-xs md:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)] xl:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)_110px]', children: [(0, jsx_runtime_1.jsx)("span", { children: "Preview" }), (0, jsx_runtime_1.jsx)("span", { children: "Name" }), (0, jsx_runtime_1.jsx)("span", { className: 'hidden md:block', children: "Type / Size" }), (0, jsx_runtime_1.jsx)("span", { className: 'hidden xl:block', children: "Date" })] }), media.map((item) => ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', className: 'grid w-full grid-cols-[56px_minmax(0,1fr)] items-center gap-3 border-b px-3 py-2 text-left last:border-b-0 hover:bg-accent/40 data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30 md:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)] xl:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)_110px]', onClick: () => onMediaClick(item), children: [(0, jsx_runtime_1.jsx)("div", { className: 'h-12 w-12 overflow-hidden rounded-md border bg-muted', children: renderPreview(item) }), (0, jsx_runtime_1.jsx)("div", { className: 'min-w-0', children: (0, jsx_runtime_1.jsxs)("p", { className: 'truncate font-medium text-sm', children: [isSelected(item._id) ? ((0, jsx_runtime_1.jsx)("span", { className: 'mr-2 inline-flex rounded-full bg-primary p-0.5 text-primary-foreground align-middle', children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: 'size-3' }) })) : null, item.name] }) }), (0, jsx_runtime_1.jsxs)("p", { className: 'hidden truncate text-muted-foreground text-xs md:block', children: [item.mime, " \u2022 ", formatFileSize(item.size)] }), (0, jsx_runtime_1.jsx)("p", { className: 'hidden text-muted-foreground text-xs tabular-nums xl:block', children: new Date(item.uploadedAt).toLocaleDateString() })] }) }), (0, jsx_runtime_1.jsx)(MediaContextMenuContent_1.default, { item: item })] }, item._id)))] }));
+    const { onMediaClick, renderPreview, formatFileSize, isSelected, bulkSelectedIds, canBulkSelect, onToggleBulkSelection, onSelectVisible, } = (0, MediaPreviewContext_1.useMediaPreview)();
+    const allVisibleSelected = media.length > 0 && media.every((item) => bulkSelectedIds.has(item._id));
+    const someVisibleSelected = media.some((item) => bulkSelectedIds.has(item._id));
+    const listColumns = (0, utils_1.cn)('grid items-center gap-3', canBulkSelect
+        ? 'grid-cols-[40px_56px_minmax(0,1fr)] md:grid-cols-[40px_56px_minmax(0,1fr)_minmax(0,180px)] xl:grid-cols-[40px_56px_minmax(0,1fr)_minmax(0,180px)_110px]'
+        : 'grid-cols-[56px_minmax(0,1fr)] md:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)] xl:grid-cols-[56px_minmax(0,1fr)_minmax(0,180px)_110px]');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'relative w-full overflow-hidden rounded-lg border', children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(listColumns, 'border-b bg-muted/40 px-3 py-2 text-muted-foreground text-xs'), children: [canBulkSelect ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center justify-center', children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: allVisibleSelected ||
+                                (someVisibleSelected && 'indeterminate'), onCheckedChange: (value) => onSelectVisible(media, value === true), "aria-label": 'Select all visible files' }) })) : null, (0, jsx_runtime_1.jsx)("span", { children: "Preview" }), (0, jsx_runtime_1.jsx)("span", { children: "Name" }), (0, jsx_runtime_1.jsx)("span", { className: 'hidden md:block', children: "Type / Size" }), (0, jsx_runtime_1.jsx)("span", { className: 'hidden xl:block', children: "Date" })] }), media.map((item) => ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("div", { role: 'button', tabIndex: 0, "data-selected": bulkSelectedIds.has(item._id) ? 'true' : undefined, className: (0, utils_1.cn)(listColumns, 'w-full border-b px-3 py-2 text-left last:border-b-0 hover:bg-accent/40 data-[selected=true]:bg-accent/40 data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30'), onClick: () => onMediaClick(item), onKeyDown: (event) => {
+                                if (event.key !== 'Enter' && event.key !== ' ')
+                                    return;
+                                event.preventDefault();
+                                onMediaClick(item);
+                            }, children: [canBulkSelect ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center justify-center', onClick: (event) => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: bulkSelectedIds.has(item._id), onCheckedChange: () => onToggleBulkSelection(item), "aria-label": `Select ${item.name}` }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: 'h-12 w-12 overflow-hidden rounded-md border bg-muted', children: renderPreview(item) }), (0, jsx_runtime_1.jsx)("div", { className: 'min-w-0', children: (0, jsx_runtime_1.jsxs)("p", { className: 'truncate font-medium text-sm', children: [isSelected(item._id) && !bulkSelectedIds.has(item._id) ? ((0, jsx_runtime_1.jsx)("span", { className: 'mr-2 inline-flex rounded-full bg-primary p-0.5 text-primary-foreground align-middle', children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: 'size-3' }) })) : null, item.name] }) }), (0, jsx_runtime_1.jsxs)("p", { className: 'hidden truncate text-muted-foreground text-xs md:block', children: [item.mime, " \u2022 ", formatFileSize(item.size)] }), (0, jsx_runtime_1.jsx)("p", { className: 'hidden text-muted-foreground text-xs tabular-nums xl:block', children: new Date(item.uploadedAt).toLocaleDateString() })] }) }), (0, jsx_runtime_1.jsx)(MediaContextMenuContent_1.default, { item: item })] }, item._id)))] }));
 }
 //# sourceMappingURL=PreviewsListView.js.map

package/dist/cjs/components/media/previews/views/PreviewsListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewsListView.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsListView.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;AAcZ,mCA8CC;;AA1DD,+CAAoC;AAEpC,2DAA0E;AAC1E,yFAAgE;AAChE,wEAAgE;AAQhE,SAAwB,gBAAgB,CAAC,EAAE,KAAK,EAAyB;IACvE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,GAC/D,IAAA,qCAAe,GAAE,CAAA;IAEnB,OAAO,CACL,iCAAK,SAAS,EAAC,mDAAmD,aAChE,iCAAK,SAAS,EAAC,+NAA+N,aAC5O,uDAAoB,EACpB,oDAAiB,EACjB,iCAAM,SAAS,EAAC,iBAAiB,4BAAmB,EACpD,iCAAM,SAAS,EAAC,iBAAiB,qBAAY,IACzC,EACL,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,wBAAC,0BAAW,eACV,uBAAC,iCAAkB,IAAC,OAAO,kBACzB,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mUAAmU,EAC7U,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEjC,gCAAK,SAAS,EAAC,sDAAsD,YAClE,aAAa,CAAC,IAAI,CAAC,GAChB,EACN,gCAAK,SAAS,EAAC,SAAS,YACtB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,iCAAM,SAAS,EAAC,qFAAqF,YACnG,uBAAC,oBAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACvB,CACR,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,IAAI,IACR,GACA,EACN,+BAAG,SAAS,EAAC,wDAAwD,aAClE,IAAI,CAAC,IAAI,cAAK,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IACtC,EACJ,8BAAG,SAAS,EAAC,4DAA4D,YACtE,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,GAC7C,IACG,GACU,EACrB,uBAAC,iCAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,KA5BvB,IAAI,CAAC,GAAG,CA6BZ,CACf,CAAC,IACE,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"PreviewsListView.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsListView.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/nav-secondary.js

@@ -6,6 +6,9 @@ const link_1 = require("../link.js");
 const sidebar_1 = require("./ui/sidebar.js");
 const activeMenuClass = 'data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:shadow-sm data-[active=true]:hover:bg-primary/90 data-[active=true]:hover:text-primary-foreground data-[active=true]:[&>svg]:text-primary-foreground';
 function NavSecondary({ items, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroup, { ...props, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroupContent, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: items.map((item) => ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { asChild: true, size: "sm", isActive: item.isActive, className: activeMenuClass, children: (0, jsx_runtime_1.jsxs)(link_1.ManagerLink, { href: item.url, children: [item.icon && (0, jsx_runtime_1.jsx)(item.icon, {}), (0, jsx_runtime_1.jsx)("span", { children: item.title })] }) }) }, item.title))) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroup, { ...props, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroupContent, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: items.map((item) => {
+                    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.icon && (0, jsx_runtime_1.jsx)(item.icon, {}), (0, jsx_runtime_1.jsx)("span", { children: item.title })] }));
+                    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: item.onClick ? ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { size: "sm", isActive: item.isActive, className: activeMenuClass, disabled: item.disabled, onClick: item.onClick, "data-tour": item.title === 'Help' ? 'manager-help' : undefined, children: content })) : ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { asChild: true, size: "sm", isActive: item.isActive, className: activeMenuClass, children: (0, jsx_runtime_1.jsx)(link_1.ManagerLink, { href: item.url, children: content }) })) }, item.title));
+                }) }) }) }));
 }
 //# sourceMappingURL=nav-secondary.js.map

package/dist/cjs/components/nav-secondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-secondary.js","sourceRoot":"","sources":["../../../src/components/nav-secondary.tsx"],"names":[],"mappings":";;AAeA,oCAkCC;;AA9CD,iCAAoC;AACpC,0CAMqB;AAErB,MAAM,eAAe,GACnB,kPAAkP,CAAA;AAEpP,SAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAG,KAAK,EAQ6C;IACrD,OAAO,CACL,uBAAC,sBAAY,OAAK,KAAK,YACrB,uBAAC,6BAAmB,cAClB,uBAAC,qBAAW,cACT,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBAAC,yBAAe,cACd,uBAAC,2BAAiB,IAChB,OAAO,QACP,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,YAE1B,wBAAC,kBAAW,IAAC,IAAI,EAAE,IAAI,CAAC,GAAG,aACxB,IAAI,CAAC,IAAI,IAAI,uBAAC,IAAI,CAAC,IAAI,KAAG,EAC3B,2CAAO,IAAI,CAAC,KAAK,GAAQ,IACb,GACI,IAXA,IAAI,CAAC,KAAK,CAYd,CACnB,CAAC,GACU,GACM,GACT,CAChB,CAAA;AACH,CAAC"}
+{"version":3,"file":"nav-secondary.js","sourceRoot":"","sources":["../../../src/components/nav-secondary.tsx"],"names":[],"mappings":";;AAeA,oCAuDC;;AAnED,iCAAoC;AACpC,0CAMqB;AAErB,MAAM,eAAe,GACnB,kPAAkP,CAAA;AAEpP,SAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAG,KAAK,EAU6C;IACrD,OAAO,CACL,uBAAC,sBAAY,OAAK,KAAK,YACrB,uBAAC,6BAAmB,cAClB,uBAAC,qBAAW,cACT,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,OAAO,GAAG,CACd,6DACG,IAAI,CAAC,IAAI,IAAI,uBAAC,IAAI,CAAC,IAAI,KAAG,EAC3B,2CAAO,IAAI,CAAC,KAAK,GAAQ,IACxB,CACJ,CAAA;oBAED,OAAO,CACL,uBAAC,yBAAe,cACb,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,uBAAC,2BAAiB,IAChB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,eACV,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,YAE5D,OAAO,GACU,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAiB,IAChB,OAAO,QACP,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,YAE1B,uBAAC,kBAAW,IAAC,IAAI,EAAE,IAAI,CAAC,GAAG,YAAG,OAAO,GAAe,GAClC,CACrB,IArBmB,IAAI,CAAC,KAAK,CAsBd,CACnB,CAAA;gBACH,CAAC,CAAC,GACU,GACM,GACT,CAChB,CAAA;AACH,CAAC"}

package/dist/cjs/components/nav-user.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -16,23 +16,26 @@ const navigation_1 = require("../state/navigation.js");
 const session_1 = require("../state/session.js");
 const theme_1 = require("../state/theme.js");
 const decode_camel_case_1 = require("../helpers/decode-camel-case.js");
-const avatar_1 = require("./ui/avatar.js");
+const user_avatar_1 = require("./user-avatar.js");
 const dropdown_menu_1 = require("./ui/dropdown-menu.js");
 const sidebar_1 = require("./ui/sidebar.js");
 function NavUser() {
     const { isMobile } = (0, sidebar_1.useSidebar)();
     const { setTheme, resolvedTheme } = (0, theme_1.useManagerTheme)();
     const navigation = (0, navigation_1.useManagerNavigation)();
-    const logoutMutation = (0, react_1.useManagerMutation)('manager.auth.logout');
+    const logoutMutation = (0, react_1.useManagerMutation)("manager.auth.logout");
     const { user } = (0, session_1.useSession)();
+    const avatar = {
+        url: user.avatarUrl,
+        previewUrl: user.avatarPreviewUrl,
+    };
     const handleLogout = () => {
         logoutMutation.mutate(undefined, {
             onSuccess: () => {
-                navigation.replacePath?.('/login');
+                navigation.replacePath?.("/login");
             },
         });
     };
-    const firstLetter = (user.user[0] || 'U').toUpperCase();
-    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: [(0, jsx_runtime_1.jsx)(avatar_1.Avatar, { className: 'h-8 w-8 rounded-lg', children: (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { className: 'rounded-lg', children: firstLetter }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-medium', children: user.user }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs', children: user.email })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'ml-auto size-4' })] }) }), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuContent, { className: 'w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg', side: isMobile ? 'bottom' : 'right', align: 'end', sideOffset: 4, children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuLabel, { className: 'p-0 font-normal', children: (0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [(0, jsx_runtime_1.jsx)(avatar_1.Avatar, { className: 'h-8 w-8 rounded-lg', children: (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { className: 'rounded-lg', children: firstLetter }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-medium', children: user.user }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs', children: user.email })] })] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuGroup, { children: [(0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setTheme(resolvedTheme === 'light' ? 'dark' : 'light'), children: [(0, jsx_runtime_1.jsx)(switch_1.Switch, { id: 'theme-switch', checked: resolvedTheme === 'light' }), (0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: 'theme-switch', className: 'pointer-events-none', children: (0, decode_camel_case_1.decodeCamelCase)(resolvedTheme || 'light') })] }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { asChild: true, children: (0, jsx_runtime_1.jsxs)(link_1.ManagerLink, { href: '/account', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.BadgeCheck, {}), "Account"] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { asChild: true, children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.default, { manager: true, className: 'w-full' }) })] }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: handleLogout, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, {}), "Log out"] })] })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [(0, jsx_runtime_1.jsx)(user_avatar_1.UserAvatar, { name: user.user, email: user.email, avatar: avatar, className: "h-8 w-8 rounded-lg", fallbackClassName: "rounded-lg" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate font-medium", children: user.user }), (0, jsx_runtime_1.jsx)("span", { className: "truncate text-xs", children: user.email })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-auto size-4" })] }) }), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuLabel, { className: "p-0 font-normal", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [(0, jsx_runtime_1.jsx)(user_avatar_1.UserAvatar, { name: user.user, email: user.email, avatar: avatar, className: "h-8 w-8 rounded-lg", fallbackClassName: "rounded-lg" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate font-medium", children: user.user }), (0, jsx_runtime_1.jsx)("span", { className: "truncate text-xs", children: user.email })] })] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuGroup, { children: [(0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setTheme(resolvedTheme === "light" ? "dark" : "light"), children: [(0, jsx_runtime_1.jsx)(switch_1.Switch, { id: "theme-switch", checked: resolvedTheme === "light" }), (0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "theme-switch", className: "pointer-events-none", children: (0, decode_camel_case_1.decodeCamelCase)(resolvedTheme || "light") })] }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { asChild: true, children: (0, jsx_runtime_1.jsxs)(link_1.ManagerLink, { href: "/account", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.BadgeCheck, {}), "Account"] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { asChild: true, children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.default, { manager: true, className: "w-full" }) })] }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { onClick: handleLogout, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, {}), "Log out"] })] })] }) }) }));
 }
 //# sourceMappingURL=nav-user.js.map

package/dist/cjs/components/nav-user.js.map

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

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

@@ -1,27 +1,61 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonVariants = void 0;
 exports.Button = Button;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_slot_1 = require("@radix-ui/react-slot");
 const class_variance_authority_1 = require("class-variance-authority");
+const React = __importStar(require("react"));
 const loading_spinner_1 = require("../loading-spinner.js");
 const utils_1 = require("../../lib/utils.js");
 const buttonVariants = (0, class_variance_authority_1.cva)("cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: {
         variant: {
-            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
+            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+            destructive: 'border bg-background text-destructive shadow-xs hover:bg-destructive hover:text-white focus-visible:ring-destructive/20 dark:bg-input/30 dark:border-input dark:hover:bg-destructive dark:focus-visible:ring-destructive/40',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+            secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+            link: 'text-primary underline-offset-4 hover:underline',
         },
         size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9",
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
         },
     },
     defaultVariants: {
@@ -30,9 +64,21 @@ const buttonVariants = (0, class_variance_authority_1.cva)("cursor-pointer inlin
     },
 });
 exports.buttonVariants = buttonVariants;
-function Button({ className, variant, size, asChild = false, loading = false, ...props }) {
+function Button({ children, className, variant, size, asChild = false, loading = false, ...props }) {
     const Comp = asChild ? react_slot_1.Slot : 'button';
-    const children = loading ? (0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}) : props.children;
-    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant, size, className })), ...props, children: children }));
+    const componentProps = asChild ? props : { type: 'button', ...props };
+    const loadingClassName = loading && 'relative text-transparent [&>svg]:invisible';
+    const renderChildren = (content) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading ? ((0, jsx_runtime_1.jsx)("span", { "data-slot": "button-loading", className: "absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}) })) : null, content] }));
+    if (asChild) {
+        const slottedChildren = loading && React.isValidElement(children)
+            ? React.cloneElement(children, {
+                children: renderChildren(children.props.children),
+            })
+            : loading
+                ? (0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {})
+                : children;
+        return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant, size, className }), loadingClassName), ...componentProps, children: slottedChildren }));
+    }
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant, size, className }), loadingClassName), ...componentProps, children: renderChildren(children) }));
 }
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":";;;AA+DS,wBAAM;;AA/Df,qDAA2C;AAC3C,uEAAiE;AAGjE,wDAAmD;AAEnD,2CAAoC;AAEpC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,4cAA4c,EAC5c;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,kEAAkE;YAC3E,WAAW,EACT,6JAA6J;YAC/J,OAAO,EACL,uIAAuI;YACzI,SAAS,EAAE,wEAAwE;YACnF,KAAK,EAAE,sEAAsE;YAC7E,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AA6BgB,wCAAc;AA3B/B,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAKP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,uBAAC,gCAAc,KAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAA;IAE9D,OAAO,CACL,uBAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,YAER,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGS,wBAAM;;AAlGf,qDAA2C;AAC3C,uEAAiE;AACjE,6CAA8B;AAE9B,wDAAmD;AAEnD,2CAAoC;AAEpC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,4cAA4c,EAC5c;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,kEAAkE;YAC3E,WAAW,EACT,6NAA6N;YAC/N,OAAO,EACL,uIAAuI;YACzI,SAAS,EAAE,wEAAwE;YACnF,KAAK,EAAE,sEAAsE;YAC7E,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAgEgB,wCAAc;AA9D/B,SAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAKT;IACC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,GAAG,KAAK,EAAE,CAAA;IAC9E,MAAM,gBAAgB,GAAG,OAAO,IAAI,6CAA6C,CAAA;IACjF,MAAM,cAAc,GAAG,CAAC,OAAwB,EAAE,EAAE,CAAC,CACnD,6DACG,OAAO,CAAC,CAAC,CAAC,CACT,8CACY,gBAAgB,EAC1B,SAAS,EAAC,mDAAmD,YAE7D,uBAAC,gCAAc,KAAG,GACb,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IACP,CACJ,CAAA;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,eAAe,GACnB,OAAO,IAAI,KAAK,CAAC,cAAc,CAAiC,QAAQ,CAAC;YACvE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAC3B,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;aAClD,CAAC;YACJ,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,uBAAC,gCAAc,KAAG;gBACpB,CAAC,CAAC,QAAQ,CAAA;QAEhB,OAAO,CACL,uBAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,gBAAgB,CAAC,KACzE,cAAc,YAEjB,eAAe,GACX,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,gBAAgB,CAAC,KACzE,cAAc,YAEjB,cAAc,CAAC,QAAQ,CAAC,GACpB,CACR,CAAA;AACH,CAAC"}

package/dist/cjs/components/ui/data-table.js

@@ -4,33 +4,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTable = DataTable;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_table_1 = require("@tanstack/react-table");
-const class_variance_authority_1 = require("class-variance-authority");
-const scroll_area_1 = require("./scroll-area.js");
-const sidebar_1 = require("./sidebar.js");
 const table_1 = require("./table.js");
-const tableStyle = (0, class_variance_authority_1.cva)('flex pb-4', {
-    variants: {
-        open: {
-            true: 'max-w-[calc(100vw-32px)] md:max-w-[calc(100vw-18em)]',
-            false: 'md:max-w-[calc(100vw-32px)]',
-        },
-    },
-});
-function DataTable({ columns, data, sorting, setSorting, }) {
+const utils_1 = require("../../lib/utils.js");
+function DataTable({ columns, data, sorting, setSorting, rowSelection, setRowSelection, getRowId, }) {
+    const state = {
+        ...(sorting !== undefined ? { sorting } : {}),
+        ...(rowSelection !== undefined ? { rowSelection } : {}),
+    };
     const table = (0, react_table_1.useReactTable)({
         data,
         columns,
+        getRowId,
         onSortingChange: setSorting,
-        state: {
-            sorting,
-        },
+        onRowSelectionChange: setRowSelection,
+        enableRowSelection: Boolean(setRowSelection),
+        state,
         getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
     });
-    const { open } = (0, sidebar_1.useSidebar)();
-    return ((0, jsx_runtime_1.jsxs)(scroll_area_1.ScrollArea, { className: tableStyle({ open }), children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: 'overflow-hidden rounded-lg border', children: (0, jsx_runtime_1.jsxs)(table_1.Table, { className: 'table-fixed min-w-150', children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { className: 'bg-accent', children: table.getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: headerGroup.headers.map((header) => {
-                                        return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { children: header.isPlaceholder
-                                                ? null
-                                                : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id));
-                                    }) }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { "data-state": row.getIsSelected() && 'selected', children: row.getVisibleCells().map((cell) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: columns.length, className: 'h-24 text-center', children: "No results." }) })) })] }) }) }), (0, jsx_runtime_1.jsx)(scroll_area_1.ScrollBar, { orientation: 'horizontal' })] }));
+    const headersByColumnId = new Map(table.getFlatHeaders().map((header) => [header.column.id, header]));
+    const rows = table.getRowModel().rows;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "grid w-full min-w-0 gap-3 md:hidden", children: rows?.length ? (rows.map((row) => ((0, jsx_runtime_1.jsx)("div", { "data-state": row.getIsSelected() && 'selected', className: "overflow-hidden rounded-lg border bg-background data-[state=selected]:bg-muted", children: row.getVisibleCells().map((cell) => {
+                        const header = headersByColumnId.get(cell.column.id);
+                        const headerContent = header
+                            ? (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext())
+                            : null;
+                        const isActionCell = cell.column.id === 'actions';
+                        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('grid grid-cols-[7rem_minmax(0,1fr)] gap-3 border-b px-3 py-2 last:border-b-0', isActionCell && 'flex justify-end'), children: [!isActionCell ? ((0, jsx_runtime_1.jsx)("div", { className: "min-w-0 text-muted-foreground text-xs font-medium [&_.ml-2]:ml-0", children: headerContent })) : null, (0, jsx_runtime_1.jsx)("div", { className: "min-w-0 break-words text-right text-sm [&_.ml-2]:ml-0 [&_button]:max-w-full", children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) })] }, cell.id));
+                    }) }, row.id)))) : ((0, jsx_runtime_1.jsx)("div", { className: "rounded-lg border p-6 text-center text-muted-foreground text-sm", children: "No results." })) }), (0, jsx_runtime_1.jsx)("div", { className: "hidden w-full min-w-0 overflow-x-auto pb-4 md:block", children: (0, jsx_runtime_1.jsx)("div", { className: "min-w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "min-w-150 overflow-hidden rounded-lg border", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { className: "table-fixed min-w-150", children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: headerGroup.headers.map((header) => {
+                                            return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { children: header.isPlaceholder
+                                                    ? null
+                                                    : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id));
+                                        }) }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: rows?.length ? (rows.map((row) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { "data-state": row.getIsSelected() && 'selected', children: row?.getVisibleCells()?.map((cell) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) })) })] }) }) }) })] }));
 }
 //# sourceMappingURL=data-table.js.map

package/dist/cjs/components/ui/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../src/components/ui/data-table.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAuCZ,8BA2EC;;AA/GD,uDAI8B;AAC9B,uEAA8C;AAG9C,+CAAqD;AACrD,uCAAsC;AAEtC,iDAO8B;AAS9B,MAAM,UAAU,GAAG,IAAA,8BAAG,EAAC,WAAW,EAAE;IAClC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,sDAAsD;YAC5D,KAAK,EAAE,6BAA6B;SACrC;KACF;CACF,CAAC,CAAA;AAEF,SAAgB,SAAS,CAAgB,EACvC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,UAAU,GACoB;IAC9B,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,IAAI;QACJ,OAAO;QACP,eAAe,EAAE,UAAU;QAC3B,KAAK,EAAE;YACL,OAAO;SACR;QACD,eAAe,EAAE,IAAA,6BAAe,GAAE;KACnC,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IAE7B,OAAO,CACL,wBAAC,wBAAU,IAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,aACzC,0CACE,gCAAK,SAAS,EAAC,mCAAmC,YAChD,wBAAC,aAAK,IAAC,SAAS,EAAC,uBAAuB,aACtC,uBAAC,mBAAW,IAAC,SAAS,EAAC,WAAW,YAC/B,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,uBAAC,gBAAQ,cACN,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wCAClC,OAAO,CACL,uBAAC,iBAAS,cACP,MAAM,CAAC,aAAa;gDACnB,CAAC,CAAC,IAAI;gDACN,CAAC,CAAC,IAAA,wBAAU,EACR,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAC9B,MAAM,CAAC,UAAU,EAAE,CACpB,IANS,MAAM,CAAC,EAAE,CAOb,CACb,CAAA;oCACH,CAAC,CAAC,IAZW,WAAW,CAAC,EAAE,CAalB,CACZ,CAAC,GACU,EACd,uBAAC,iBAAS,cACP,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAClC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpC,uBAAC,gBAAQ,kBAEK,GAAG,CAAC,aAAa,EAAE,IAAI,UAAU,YAE5C,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,uBAAC,iBAAS,cACP,IAAA,wBAAU,EACT,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAC1B,IAAI,CAAC,UAAU,EAAE,CAClB,IAJa,IAAI,CAAC,EAAE,CAKX,CACb,CAAC,IAVG,GAAG,CAAC,EAAE,CAWF,CACZ,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,cACP,uBAAC,iBAAS,IACR,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,SAAS,EAAC,kBAAkB,4BAGlB,GACH,CACZ,GACS,IACN,GACJ,GACF,EACN,uBAAC,uBAAS,IAAC,WAAW,EAAC,YAAY,GAAG,IAC3B,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../src/components/ui/data-table.tsx"],"names":[],"mappings":"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"}

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

@@ -110,8 +110,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
     // Adds a keyboard shortcut to toggle the sidebar.
     React.useEffect(() => {
         const handleKeyDown = (event) => {
-            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-                (event.metaKey || event.ctrlKey)) {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
                 event.preventDefault();
                 toggleSidebar();
             }
@@ -131,7 +130,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
         setOpenMobile,
         toggleSidebar,
     }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-    return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { delayDuration: 0, children: (0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-wrapper', style: {
+    return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { delayDuration: 0, children: (0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-wrapper", style: {
                     '--sidebar-width': SIDEBAR_WIDTH,
                     '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
                     ...style,
@@ -140,73 +139,73 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 function Sidebar({ side = 'left', variant = 'sidebar', collapsible = 'offcanvas', className, children, ...props }) {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === 'none') {
-        return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar', className: (0, utils_1.cn)('bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col', className), ...props, children: children }));
+        return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar", className: (0, utils_1.cn)('bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col', className), ...props, children: children }));
     }
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(sheet_1.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: (0, jsx_runtime_1.jsxs)(sheet_1.SheetContent, { "data-sidebar": 'sidebar', "data-slot": 'sidebar', "data-mobile": 'true', className: 'bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden', style: {
+        return ((0, jsx_runtime_1.jsx)(sheet_1.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: (0, jsx_runtime_1.jsxs)(sheet_1.SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden", style: {
                     '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
-                }, side: side, children: [(0, jsx_runtime_1.jsxs)(sheet_1.SheetHeader, { className: 'sr-only', children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTitle, { children: "Sidebar" }), (0, jsx_runtime_1.jsx)(sheet_1.SheetDescription, { children: "Displays the mobile sidebar." })] }), (0, jsx_runtime_1.jsx)("div", { className: 'flex h-full w-full flex-col', children: children })] }) }));
+                }, side: side, children: [(0, jsx_runtime_1.jsxs)(sheet_1.SheetHeader, { className: "sr-only", children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTitle, { children: "Sidebar" }), (0, jsx_runtime_1.jsx)(sheet_1.SheetDescription, { children: "Displays the mobile sidebar." })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'group peer text-sidebar-foreground hidden md:block', "data-state": state, "data-collapsible": state === 'collapsed' ? collapsible : '', "data-variant": variant, "data-side": side, "data-slot": 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-gap', className: (0, utils_1.cn)('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset'
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "group peer text-sidebar-foreground hidden md:block", "data-state": state, "data-collapsible": state === 'collapsed' ? collapsible : '', "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [(0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-gap", className: (0, utils_1.cn)('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset'
                     ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
-                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)') }), (0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-container', className: (0, utils_1.cn)('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', side === 'left'
+                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)') }), (0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-container", className: (0, utils_1.cn)('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', side === 'left'
                     ? 'start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--sidebar-width)*-1)]'
                     : 'end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--sidebar-width)*-1)]', 
                 // Adjust the padding for floating and inset variants.
                 variant === 'floating' || variant === 'inset'
                     ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
-                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s', className), ...props, children: (0, jsx_runtime_1.jsx)("div", { "data-sidebar": 'sidebar', "data-slot": 'sidebar-inner', className: 'bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm', children: children }) })] }));
+                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s', className), ...props, children: (0, jsx_runtime_1.jsx)("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", children: children }) })] }));
 }
 function SidebarTrigger({ className, onClick, ...props }) {
     const { toggleSidebar } = useSidebar();
-    return ((0, jsx_runtime_1.jsxs)(button_1.Button, { "data-sidebar": 'trigger', "data-slot": 'sidebar-trigger', variant: 'ghost', size: 'icon', className: (0, utils_1.cn)('size-7', className), onClick: (event) => {
+    return ((0, jsx_runtime_1.jsxs)(button_1.Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: (0, utils_1.cn)('size-7', className), onClick: (event) => {
             onClick?.(event);
             toggleSidebar();
-        }, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PanelLeftIcon, {}), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Toggle Sidebar" })] }));
+        }, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PanelLeftIcon, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
 }
 function SidebarRail({ className, ...props }) {
     const { toggleSidebar } = useSidebar();
-    return ((0, jsx_runtime_1.jsx)("button", { "data-sidebar": 'rail', "data-slot": 'sidebar-rail', "aria-label": 'Toggle Sidebar', tabIndex: -1, onClick: toggleSidebar, title: 'Toggle Sidebar', className: (0, utils_1.cn)('hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 rtl:translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-0.5 sm:flex', 'in-data-[side=left]:cursor-w-resize rtl:in-data-[side=left]:cursor-e-resize in-data-[side=right]:cursor-e-resize rtl:in-data-[side=right]:cursor-w-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize rtl:[[data-side=left][data-state=collapsed]_&]:cursor-w-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize rtl:[[data-side=right][data-state=collapsed]_&]:cursor-e-resize', 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 rtl:group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:start-full', '[[data-side=left][data-collapsible=offcanvas]_&]:-end-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-start-2', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: (0, utils_1.cn)('hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 rtl:translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-0.5 sm:flex', 'in-data-[side=left]:cursor-w-resize rtl:in-data-[side=left]:cursor-e-resize in-data-[side=right]:cursor-e-resize rtl:in-data-[side=right]:cursor-w-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize rtl:[[data-side=left][data-state=collapsed]_&]:cursor-w-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize rtl:[[data-side=right][data-state=collapsed]_&]:cursor-e-resize', 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 rtl:group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:start-full', '[[data-side=left][data-collapsible=offcanvas]_&]:-end-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-start-2', className), ...props }));
 }
 function SidebarInset({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("main", { "data-slot": 'sidebar-inset', className: (0, utils_1.cn)('bg-background relative flex w-full flex-1 flex-col', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("main", { "data-slot": "sidebar-inset", className: (0, utils_1.cn)('bg-background relative flex w-full flex-1 flex-col', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2', className), ...props }));
 }
 function SidebarInput({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(input_1.Input, { "data-slot": 'sidebar-input', "data-sidebar": 'input', className: (0, utils_1.cn)('bg-background h-8 w-full shadow-none', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(input_1.Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: (0, utils_1.cn)('bg-background h-8 w-full shadow-none', className), ...props }));
 }
 function SidebarHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-header', "data-sidebar": 'header', className: (0, utils_1.cn)('flex flex-col gap-2 p-2', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: (0, utils_1.cn)('flex flex-col gap-2 p-2', className), ...props }));
 }
 function SidebarFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-footer', "data-sidebar": 'footer', className: (0, utils_1.cn)('flex flex-col gap-2 p-2', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: (0, utils_1.cn)('flex flex-col gap-2 p-2', className), ...props }));
 }
 function SidebarSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(separator_1.Separator, { "data-slot": 'sidebar-separator', "data-sidebar": 'separator', className: (0, utils_1.cn)('bg-sidebar-border mx-2 w-auto', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(separator_1.Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: (0, utils_1.cn)('bg-sidebar-border mx-2 w-auto', className), ...props }));
 }
 function SidebarContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-content', "data-sidebar": 'content', className: (0, utils_1.cn)('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: (0, utils_1.cn)('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className), ...props }));
 }
 function SidebarGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-group', "data-sidebar": 'group', className: (0, utils_1.cn)('relative flex w-full min-w-0 flex-col p-2', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, utils_1.cn)('relative flex w-full min-w-0 flex-col p-2', className), ...props }));
 }
 function SidebarGroupLabel({ className, asChild = false, ...props }) {
     const Comp = asChild ? radix_ui_1.Slot.Slot : 'div';
-    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": 'sidebar-group-label', "data-sidebar": 'group-label', className: (0, utils_1.cn)('text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, utils_1.cn)('text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className), ...props }));
 }
 function SidebarGroupAction({ className, asChild = false, ...props }) {
     const Comp = asChild ? radix_ui_1.Slot.Slot : 'button';
-    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": 'sidebar-group-action', "data-sidebar": 'group-action', className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
         // Increases the hit area of the button on mobile.
         'after:absolute after:-inset-2 md:after:hidden', 'group-data-[collapsible=icon]:hidden', className), ...props }));
 }
 function SidebarGroupContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-group-content', "data-sidebar": 'group-content', className: (0, utils_1.cn)('w-full text-sm', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, utils_1.cn)('w-full text-sm', className), ...props }));
 }
 function SidebarMenu({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("ul", { "data-slot": 'sidebar-menu', "data-sidebar": 'menu', className: (0, utils_1.cn)('flex w-full min-w-0 flex-col gap-1', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: (0, utils_1.cn)('flex w-full min-w-0 flex-col gap-1', className), ...props }));
 }
 function SidebarMenuItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": 'sidebar-menu-item', "data-sidebar": 'menu-item', className: (0, utils_1.cn)('group/menu-item relative', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, utils_1.cn)('group/menu-item relative', className), ...props }));
 }
 const sidebarMenuButtonVariants = (0, class_variance_authority_1.cva)('peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-start text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
     variants: {
@@ -228,7 +227,7 @@ const sidebarMenuButtonVariants = (0, class_variance_authority_1.cva)('peer/menu
 function SidebarMenuButton({ asChild = false, isActive = false, variant = 'default', size = 'default', tooltip, className, ...props }) {
     const Comp = asChild ? radix_ui_1.Slot.Slot : 'button';
     const { isMobile, state } = useSidebar();
-    const button = ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": 'sidebar-menu-button', "data-sidebar": 'menu-button', "data-size": size, "data-active": isActive, className: (0, utils_1.cn)(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
+    const button = ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
     if (!tooltip) {
         return button;
     }
@@ -237,35 +236,35 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = 'defau
             children: tooltip,
         };
     }
-    return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: button }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: 'right', align: 'center', hidden: state !== 'collapsed' || isMobile, ...tooltip })] }));
+    return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: button }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, ...tooltip })] }));
 }
 function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
     const Comp = asChild ? radix_ui_1.Slot.Slot : 'button';
-    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": 'sidebar-menu-action', "data-sidebar": 'menu-action', className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 end-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 end-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
         // Increases the hit area of the button on mobile.
         'after:absolute after:-inset-2 md:after:hidden', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', showOnHover &&
             'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0', className), ...props }));
 }
 function SidebarMenuBadge({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": 'sidebar-menu-badge', "data-sidebar": 'menu-badge', className: (0, utils_1.cn)('text-sidebar-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none', 'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: (0, utils_1.cn)('text-sidebar-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none', 'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
     // Random width between 50 to 90%.
     const width = React.useMemo(() => {
         return `${Math.floor(Math.random() * 40) + 50}%`;
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": 'sidebar-menu-skeleton', "data-sidebar": 'menu-skeleton', className: (0, utils_1.cn)('flex h-8 items-center gap-2 rounded-md px-2', className), ...props, children: [showIcon && ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'size-4 rounded-md', "data-sidebar": 'menu-skeleton-icon' })), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 max-w-(--skeleton-width) flex-1', "data-sidebar": 'menu-skeleton-text', style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: (0, utils_1.cn)('flex h-8 items-center gap-2 rounded-md px-2', className), ...props, children: [showIcon && (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
                     '--skeleton-width': width,
                 } })] }));
 }
 function SidebarMenuSub({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("ul", { "data-slot": 'sidebar-menu-sub', "data-sidebar": 'menu-sub', className: (0, utils_1.cn)('border-sidebar-border mx-3.5 flex min-w-0 translate-x-px rtl:-translate-x-px flex-col gap-1 border-s px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: (0, utils_1.cn)('border-sidebar-border mx-3.5 flex min-w-0 translate-x-px rtl:-translate-x-px flex-col gap-1 border-s px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
 }
 function SidebarMenuSubItem({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": 'sidebar-menu-sub-item', "data-sidebar": 'menu-sub-item', className: (0, utils_1.cn)('group/menu-sub-item relative', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: (0, utils_1.cn)('group/menu-sub-item relative', className), ...props }));
 }
 function SidebarMenuSubButton({ asChild = false, size = 'md', isActive = false, className, ...props }) {
     const Comp = asChild ? radix_ui_1.Slot.Slot : 'a';
-    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": 'sidebar-menu-sub-button', "data-sidebar": 'menu-sub-button', "data-size": size, "data-active": isActive, className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px rtl:translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', 'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(Comp, { "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)('text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px rtl:translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', 'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className), ...props }));
 }
 //# sourceMappingURL=sidebar.js.map