@fragment-build/ui 2.2.0 → 2.2.1

package/fragments/sidebar/Sidebar.js

@@ -0,0 +1,93 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { IconChevronLeft, IconDots } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import { Listbox, ListboxItem, ListboxSection } from '../../components/base/Listbox';
+import { Chip } from '../../components/base/Chip';
+import { Tooltip } from '../../components/base/Tooltip';
+import { Button } from '../../components/base/Button';
+import { Badge } from '../../components/base/Badge';
+import { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '../../components/base/Dropdown';
+import { User } from '../../components/base/User';
+import { Avatar } from '../../components/base/Avatar';
+import { ScrollShadow } from '../../components/base/ScrollShadow';
+import { Link } from '../../components/base/Link';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '../../components/base/Modal';
+import { sidebar } from './Sidebar.styles';
+import { breakpointsTailwind } from '../../constants';
+const getAlignmentClasses = (align) => {
+    switch (align) {
+        case 'center':
+            return 'my-auto max-w-full';
+        case 'bottom':
+            return 'mt-auto max-w-full sticky bottom-0';
+        default:
+            return '';
+    }
+};
+const renderItems = (item, options) => {
+    switch (item.type) {
+        case 'navigation':
+            return options.layout === 'expanded' ? (_jsx(Listbox, { variant: "flat", "aria-label": "Listbox menu with sections", itemClasses: {
+                    base: 'h-12 gap-6',
+                }, ...item.listboxProps, children: _jsx(ListboxSection, { title: item.label, classNames: { group: 'flex flex-col gap-1' }, children: item.navigation.map((navItem) => (_jsx(ListboxItem, { startContent: navItem.icon, endContent: typeof navItem.badgeContent === 'string' ? _jsx(Chip, { size: "sm", color: "primary", variant: navItem.badgeContent ? 'solid' : 'dot', classNames: { base: 'border-none' }, children: navItem.badgeContent }) : navItem.endContent, href: navItem.link, color: options.activeNav?.link === navItem.link ? 'primary' : 'default', className: options.activeNav?.link === navItem.link ? 'text-primary' : '', children: navItem.label }, navItem.label))) }) })) : (_jsx("nav", { className: "flex flex-col gap-1", children: item.navigation.map((navItem) => (_jsx(Tooltip, { placement: "right", content: navItem.label, children: _jsx(Button, { color: options.activeNav?.link === navItem.link ? 'primary' : 'default', variant: "light", size: "lg", as: Link, href: navItem.link, isIconOnly: true, children: _jsx(Badge, { content: navItem.badgeContent, color: "primary", size: "sm", isInvisible: typeof navItem.badgeContent !== 'string', children: navItem.icon }) }) }, navItem.label))) }));
+        case 'user':
+            return (_jsxs(Dropdown, { placement: "bottom-start", classNames: { trigger: options.layout === 'expanded' ? 'justify-start px-2' : 'justify-start' }, ...item.dropdown, children: [_jsx(DropdownTrigger, { children: options.layout === 'expanded' ? (_jsx(User, { as: "button", avatarProps: item.avatar, className: "transition-transform", description: item.description, name: item.name })) : (_jsx(Avatar, { as: "button", className: "transition-transform", ...item.avatar })) }), _jsx(DropdownMenu, { "aria-label": "User Actions", color: "primary", variant: "flat", items: item.dropdownItems || [], children: (dropdownItem) => (_createElement(DropdownItem, { ...dropdownItem, key: dropdownItem.label }, dropdownItem.label)) })] }));
+        case 'custom':
+            return ((!item.showExpandedOnly && !item.showCollapsedOnly) ||
+                (options.layout === 'expanded' && item.showExpandedOnly) ||
+                (options.layout === 'collapsed' && item.showCollapsedOnly))
+                ? _jsx("div", { className: "px-2", children: item.render })
+                : null;
+        default:
+            return null;
+    }
+};
+const getActiveNav = (currentPath, items) => {
+    if (!currentPath)
+        return;
+    const navigations = [];
+    items.forEach((item) => {
+        if (item.type !== 'navigation')
+            return;
+        navigations.push(item.navigation);
+    });
+    const possibleMatches = navigations.flat().filter((navItem) => navItem.link.startsWith(currentPath)).sort((a, b) => b.link.length - a.link.length);
+    return possibleMatches.find((pMatch) => pMatch.link === currentPath) || possibleMatches[0];
+};
+export const Sidebar = ({ items, currentPath, layout: defaultLayout = "auto" }) => {
+    const [layout, setLayout] = useState(defaultLayout);
+    const toggleLayout = () => {
+        if (layout === 'auto') {
+            if (document.body.clientWidth >= breakpointsTailwind.xl) {
+                return setLayout('collapsed');
+            }
+            return setLayout('expanded');
+        }
+        setLayout(layout === 'collapsed' ? 'expanded' : 'collapsed');
+    };
+    const v = sidebar({ layout });
+    const [activeNav, setActiveNav] = useState(getActiveNav(currentPath, items));
+    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+    useEffect(() => setActiveNav(getActiveNav(currentPath, items)), [currentPath, items]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: v.base(), children: [_jsxs("div", { className: v.collapsed(), children: [_jsx(ScrollShadow, { hideScrollBar: true, className: v.collapsedBody(), children: items.map((item) => {
+                                    const children = item.align !== 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) }), _jsx("div", { className: v.collapsedFooter(), children: items.map((item) => {
+                                    const children = item.align === 'bottom' ? renderItems(item, { layout: 'collapsed', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) })] }), _jsxs("div", { className: v.expanded(), children: [_jsx(ScrollShadow, { hideScrollBar: true, className: v.expandedBody(), children: items.map((item) => {
+                                    const children = item.align !== 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) }), _jsx("div", { className: v.expandedFooter(), children: items.map((item) => {
+                                    const children = item.align === 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) })] }), _jsx("div", { className: v.placeholder() }), _jsx("div", { className: v.layoutButtonWrapper(), children: _jsx(Button, { size: "sm", isIconOnly: true, radius: "full", className: v.layoutButton(), onPress: toggleLayout, children: _jsx(IconChevronLeft, { size: 14 }) }) })] }), _jsxs("nav", { className: v.bottomNav(), onClick: () => setMobileMenuOpen(false), children: [items.find((item) => item.type === 'navigation')?.navigation?.map((navItem) => (_jsx(Tooltip, { placement: "top", content: navItem.label, offset: 10, children: _jsx(Button, { as: Link, radius: "md", className: v.bottomNavButton(), variant: "light", isIconOnly: true, color: activeNav?.link === navItem.link ? 'primary' : 'default', onPress: () => setMobileMenuOpen(false), href: navItem.link, children: _jsx(Badge, { content: navItem.badgeContent, color: "primary", size: "sm", isInvisible: typeof navItem.badgeContent !== 'string', children: navItem.icon }) }) }, navItem.label))), _jsx(Button, { radius: "md", className: v.bottomNavMenuButton(), variant: mobileMenuOpen ? 'flat' : 'light', isIconOnly: true, onPress: () => setMobileMenuOpen(!mobileMenuOpen), children: _jsx(IconDots, { size: 24, stroke: 1.5 }) })] }), _jsx(Modal, { isOpen: mobileMenuOpen, onClose: () => setMobileMenuOpen(false), classNames: { wrapper: v.bottomNavModalWrapper(), backdrop: v.bottomNavModalBackdrop(), base: v.bottomNavModalBase() }, isDismissable: false, radius: "none", children: _jsx(ModalContent, { children: () => (_jsxs(_Fragment, { children: [_jsx(ModalHeader, {}), _jsx(ModalBody, { as: ScrollShadow, hideScrollBar: true, className: v.bottomNavModalFooter(), children: items.map((item) => {
+                                    const children = item.align !== 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) }), _jsx(ModalFooter, { className: v.bottomNavModalBody(), children: items.map((item) => {
+                                    const children = item.align === 'bottom' ? renderItems(item, { layout: 'expanded', activeNav }) : null;
+                                    return children ? (_jsx("div", { className: getAlignmentClasses(item.align), children: children }, item.key)) : null;
+                                }) })] })) }) })] }));
+};
+//# sourceMappingURL=Sidebar.js.map

package/fragments/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":";;AAIA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACvG,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAoDtD,MAAM,mBAAmB,GAAG,CAAC,KAAqC,EAAE,EAAE;IACpE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,oBAAoB,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,oCAAoC,CAAC;QAC9C;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAmC,EAAE,OAAyF,EAAE,EAAE;IACrJ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,YAAY;YACf,OAAO,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACrC,KAAC,OAAO,IACN,OAAO,EAAC,MAAM,gBACH,4BAA4B,EACvC,WAAW,EAAE;oBACX,IAAI,EAAE,YAAY;iBACnB,KACG,IAAI,CAAC,YAAY,YAErB,KAAC,cAAc,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAC5E,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,KAAC,WAAW,IAEV,YAAY,EAAE,OAAO,CAAC,IAAI,EAC1B,UAAU,EAAE,OAAO,OAAO,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,YAAG,OAAO,CAAC,YAAY,GAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,EAC/N,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAExE,OAAO,CAAC,KAAK,IAPT,OAAO,CAAC,KAAK,CAQN,CACf,CAAC,GACa,GACT,CACX,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qBAAqB,YACjC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,KAAC,OAAO,IAEN,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,CAAC,KAAK,YAEtB,KAAC,MAAM,IACL,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,UAAU,kBAEV,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,CAAC,YAAY,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,OAAO,OAAO,CAAC,YAAY,KAAK,QAAQ,YAClH,OAAO,CAAC,IAAI,GACP,GACD,IAfJ,OAAO,CAAC,KAAK,CAgBV,CACX,CAAC,GACE,CACP,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,MAAC,QAAQ,IACP,SAAS,EAAC,cAAc,EACxB,UAAU,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,eAAe,EAAE,KAC3F,IAAI,CAAC,QAAQ,aAEjB,KAAC,eAAe,cACb,OAAO,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC/B,KAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,IAAI,CAAC,MAAM,EACxB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,sBAAsB,KAC5B,IAAI,CAAC,MAAM,GACf,CACH,GACe,EAClB,KAAC,YAAY,kBAAY,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE,YACnG,CAAC,YAAY,EAAE,EAAE,CAAC,CACjB,eAAC,YAAY,OACP,YAAY,EAChB,GAAG,EAAE,YAAY,CAAC,KAAK,IAEtB,YAAY,CAAC,KAAK,CACN,CAChB,GACY,IACN,CACZ,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;gBACnD,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC;gBACxD,CAAC,OAAO,CAAC,MAAM,KAAK,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAC3D;gBACD,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,MAAM,GAAO;gBAC3C,CAAC,CAAC,IAAI,CAAC;QACT;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,WAAwC,EAAE,KAA4B,EAAE,EAAE;IAC9F,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,WAAW,GAA8B,EAAE,CAAC;IAElD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY;YAAE,OAAO;QACvC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnJ,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AAC7F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACxG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACtB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,mBAAmB,CAAC,EAAE,EAAE,CAAC;gBACxD,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;YAChC,CAAC;YACD,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC;QACD,SAAS,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAoC,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/G,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,aAC3B,KAAC,YAAY,IAAC,aAAa,QAAC,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,YACrD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACxG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACW,EACf,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACxG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACE,IACF,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,aAC1B,KAAC,YAAY,IAAC,aAAa,QAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACvG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACW,EACf,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACvG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACE,IACF,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,GAAI,EACnC,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,EAAE,YACrC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,UAAU,QAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,YAAY,YAC3F,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,GACL,IACF,EAEN,eACE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,aAErC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAwC,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACtH,KAAC,OAAO,IAEN,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,OAAO,CAAC,KAAK,EACtB,MAAM,EAAE,EAAE,YAEV,KAAC,MAAM,IACL,EAAE,EAAE,IAAI,EACR,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAC9B,OAAO,EAAC,OAAO,EACf,UAAU,QACV,KAAK,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,OAAO,CAAC,IAAI,YAElB,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,CAAC,YAAY,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,OAAO,OAAO,CAAC,YAAY,KAAK,QAAQ,YAClH,OAAO,CAAC,IAAI,GACP,GACD,IAlBJ,OAAO,CAAC,KAAK,CAmBV,CACX,CAAC,EACF,KAAC,MAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,CAAC,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YAC9J,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,GAAI,GAC5B,IACL,EAEN,KAAC,KAAK,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,sBAAsB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,kBAAkB,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,YACjO,KAAC,YAAY,cACV,GAAG,EAAE,CAAC,CACL,8BACE,KAAC,WAAW,KAAG,EACf,KAAC,SAAS,IAAC,EAAE,EAAE,YAAY,EAAE,aAAa,QAAC,SAAS,EAAE,CAAC,CAAC,oBAAoB,EAAE,YAC3E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACvG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACQ,EACZ,KAAC,WAAW,IAAC,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,YAC3C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oCACvG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAoB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC3D,QAAQ,IADD,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;gCACX,CAAC,CAAC,GACU,IACb,CACJ,GACY,GACT,IACP,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/fragments/sidebar/Sidebar.styles.d.ts

@@ -0,0 +1,118 @@
+export declare const sidebar: import("tailwind-variants").TVReturnType<{
+    layout: {
+        auto: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+            collapsed: string;
+        };
+        collapsed: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+        expanded: {
+            collapsed: string;
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    collapsed: string;
+    collapsedBody: string;
+    collapsedFooter: string;
+    expanded: string;
+    expandedBody: string;
+    expandedFooter: string;
+    placeholder: string;
+    layoutButtonWrapper: string;
+    layoutButton: string;
+    bottomNav: string;
+    bottomNavButton: string;
+    bottomNavMenuButton: string;
+    bottomNavModalBase: string;
+    bottomNavModalWrapper: string;
+    bottomNavModalBackdrop: string;
+    bottomNavModalBody: string;
+    bottomNavModalFooter: string;
+}, undefined, {
+    layout: {
+        auto: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+            collapsed: string;
+        };
+        collapsed: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+        expanded: {
+            collapsed: string;
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    collapsed: string;
+    collapsedBody: string;
+    collapsedFooter: string;
+    expanded: string;
+    expandedBody: string;
+    expandedFooter: string;
+    placeholder: string;
+    layoutButtonWrapper: string;
+    layoutButton: string;
+    bottomNav: string;
+    bottomNavButton: string;
+    bottomNavMenuButton: string;
+    bottomNavModalBase: string;
+    bottomNavModalWrapper: string;
+    bottomNavModalBackdrop: string;
+    bottomNavModalBody: string;
+    bottomNavModalFooter: string;
+}, import("tailwind-variants").TVReturnType<{
+    layout: {
+        auto: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+            collapsed: string;
+        };
+        collapsed: {
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+        expanded: {
+            collapsed: string;
+            expanded: string;
+            placeholder: string;
+            layoutButtonWrapper: string;
+        };
+    };
+}, {
+    base: string;
+    collapsed: string;
+    collapsedBody: string;
+    collapsedFooter: string;
+    expanded: string;
+    expandedBody: string;
+    expandedFooter: string;
+    placeholder: string;
+    layoutButtonWrapper: string;
+    layoutButton: string;
+    bottomNav: string;
+    bottomNavButton: string;
+    bottomNavMenuButton: string;
+    bottomNavModalBase: string;
+    bottomNavModalWrapper: string;
+    bottomNavModalBackdrop: string;
+    bottomNavModalBody: string;
+    bottomNavModalFooter: string;
+}, undefined, unknown, unknown, undefined>>;

package/fragments/sidebar/Sidebar.styles.js

@@ -0,0 +1,45 @@
+import { tv } from 'tailwind-variants';
+export const sidebar = tv({
+    slots: {
+        base: 'hidden md:flex',
+        collapsed: 'fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 transition-all',
+        collapsedBody: 'w-20 items-center flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1',
+        collapsedFooter: 'w-20 items-center flex flex-col gap-8 px-3 pb-8',
+        expanded: 'fixed top-0 left-0 border-r-[1px] border-default-100 flex flex-col h-screen bg-content1 gap-8 overflow-hidden transition-all',
+        expandedBody: 'w-72 flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1',
+        expandedFooter: 'w-72 flex flex-col gap-8 px-3 pb-8',
+        placeholder: 'transition-all h-screen',
+        layoutButtonWrapper: 'fixed top-6 transition-all',
+        layoutButton: 'h-6 w-6 min-w-6 bg-default-100',
+        bottomNav: 'fixed md:hidden z-50 bottom-0 bg-background flex w-full gap-2 px-2 py-1 border-t-[1px] border-default-100 [&>*:nth-child(n+5):not(:last-child)]:hidden',
+        bottomNavButton: 'h-12 flex-1',
+        bottomNavMenuButton: 'flex-col gap-0 h-12 flex-1',
+        bottomNavModalBase: 'max-w-full m-0 sm:m-0 h-full',
+        bottomNavModalWrapper: 'pb-14 z-40',
+        bottomNavModalBackdrop: 'z-40',
+        bottomNavModalBody: 'flex flex-col gap-8',
+        bottomNavModalFooter: 'flex flex-col gap-8',
+    },
+    variants: {
+        layout: {
+            auto: {
+                expanded: 'w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto',
+                placeholder: 'w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto',
+                layoutButtonWrapper: 'left-20 translate-x-1/2 rotate-180 xl:left-72 xl:-translate-x-1/2 xl:rotate-0',
+                collapsed: 'xl:opacity-0',
+            },
+            collapsed: {
+                expanded: 'w-20 opacity-0 pointer-events-none',
+                placeholder: 'w-20 opacity-0 pointer-events-none',
+                layoutButtonWrapper: 'left-20 translate-x-1/2 rotate-180',
+            },
+            expanded: {
+                collapsed: 'opacity-0',
+                expanded: 'w-72',
+                placeholder: 'w-72',
+                layoutButtonWrapper: 'left-72 -translate-x-1/2',
+            },
+        },
+    },
+});
+//# sourceMappingURL=Sidebar.styles.js.map

package/fragments/sidebar/Sidebar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,8GAA8G;QACzH,aAAa,EAAE,wEAAwE;QACvF,eAAe,EAAE,iDAAiD;QAClE,QAAQ,EAAE,8HAA8H;QACxI,YAAY,EAAE,2DAA2D;QACzE,cAAc,EAAE,oCAAoC;QACpD,WAAW,EAAE,yBAAyB;QACtC,mBAAmB,EAAE,4BAA4B;QACjD,YAAY,EAAE,gCAAgC;QAC9C,SAAS,EAAE,wJAAwJ;QACnK,eAAe,EAAE,aAAa;QAC9B,mBAAmB,EAAE,4BAA4B;QACjD,kBAAkB,EAAE,8BAA8B;QAClD,qBAAqB,EAAE,YAAY;QACnC,sBAAsB,EAAE,MAAM;QAC9B,kBAAkB,EAAE,qBAAqB;QACzC,oBAAoB,EAAE,qBAAqB;KAC5C;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,QAAQ,EAAE,kFAAkF;gBAC5F,WAAW,EAAE,kFAAkF;gBAC/F,mBAAmB,EAAE,+EAA+E;gBACpG,SAAS,EAAE,cAAc;aAC1B;YACD,SAAS,EAAE;gBACT,QAAQ,EAAE,oCAAoC;gBAC9C,WAAW,EAAE,oCAAoC;gBACjD,mBAAmB,EAAE,oCAAoC;aAC1D;YACD,QAAQ,EAAE;gBACR,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,MAAM;gBAChB,WAAW,EAAE,MAAM;gBACnB,mBAAmB,EAAE,0BAA0B;aAChD;SACF;KACF;CACF,CAAC,CAAC"}

package/fragments/widget/Widget.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Primary UI component for Dashboard Widgets
+ */
+export interface WidgetProps {
+    children: React.ReactNode;
+    header?: {
+        startContent?: React.ReactNode;
+        endContent?: React.ReactNode;
+    };
+    title?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'shadow' | 'ghost';
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+}
+export declare const Widget: React.FC<WidgetProps>;

package/fragments/widget/Widget.js

@@ -0,0 +1,310 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Primary UI component for Dashboard Widgets
+ */
+import { collapseAdjacentVariantBorders, colorVariants } from '@heroui/theme';
+import { tv } from 'tailwind-variants';
+import { Card, CardBody, CardHeader } from '../../components/base/Card';
+const widget = tv({
+    slots: {
+        base: 'px-7 py-5 gap-5',
+        headerEndContent: 'ml-auto',
+        header: 'p-0',
+        body: 'p-0 overflow-visible',
+    },
+    variants: {
+        size: {
+            sm: 'col-span-1',
+            md: 'col-span-1 lg:col-span-2',
+            lg: 'col-span-1 lg:col-span-2 2xl:col-span-3',
+        },
+        variant: {
+            solid: 'border-none',
+            bordered: 'border-small bg-transparent',
+            light: 'bg-transparent',
+            flat: 'border-none',
+            faded: 'border-small',
+            shadow: 'border-none',
+            ghost: 'border-small bg-transparent',
+        },
+        color: {
+            default: '',
+            primary: '',
+            secondary: '',
+            success: '',
+            warning: '',
+            danger: '',
+        },
+    },
+    defaultVariants: {
+        size: 'sm',
+        variant: 'bordered',
+        color: 'default',
+    },
+    compoundVariants: [
+        // solid / color
+        {
+            variant: 'solid',
+            color: 'default',
+            class: colorVariants.solid.default,
+        },
+        {
+            variant: 'solid',
+            color: 'primary',
+            class: colorVariants.solid.primary,
+        },
+        {
+            variant: 'solid',
+            color: 'secondary',
+            class: colorVariants.solid.secondary,
+        },
+        {
+            variant: 'solid',
+            color: 'success',
+            class: colorVariants.solid.success,
+        },
+        {
+            variant: 'solid',
+            color: 'warning',
+            class: colorVariants.solid.warning,
+        },
+        {
+            variant: 'solid',
+            color: 'danger',
+            class: colorVariants.solid.danger,
+        },
+        // shadow / color
+        {
+            variant: 'shadow',
+            color: 'default',
+            class: colorVariants.shadow.default,
+        },
+        {
+            variant: 'shadow',
+            color: 'primary',
+            class: colorVariants.shadow.primary,
+        },
+        {
+            variant: 'shadow',
+            color: 'secondary',
+            class: colorVariants.shadow.secondary,
+        },
+        {
+            variant: 'shadow',
+            color: 'success',
+            class: colorVariants.shadow.success,
+        },
+        {
+            variant: 'shadow',
+            color: 'warning',
+            class: colorVariants.shadow.warning,
+        },
+        {
+            variant: 'shadow',
+            color: 'danger',
+            class: colorVariants.shadow.danger,
+        },
+        // bordered / color
+        {
+            variant: 'bordered',
+            color: 'default',
+            class: 'border-default-200',
+        },
+        {
+            variant: 'bordered',
+            color: 'primary',
+            class: colorVariants.bordered.primary,
+        },
+        {
+            variant: 'bordered',
+            color: 'secondary',
+            class: colorVariants.bordered.secondary,
+        },
+        {
+            variant: 'bordered',
+            color: 'success',
+            class: colorVariants.bordered.success,
+        },
+        {
+            variant: 'bordered',
+            color: 'warning',
+            class: colorVariants.bordered.warning,
+        },
+        {
+            variant: 'bordered',
+            color: 'danger',
+            class: colorVariants.bordered.danger,
+        },
+        // flat / color
+        {
+            variant: 'flat',
+            color: 'default',
+            class: [colorVariants.flat.default, 'bg-default/10'],
+        },
+        {
+            variant: 'flat',
+            color: 'primary',
+            class: [colorVariants.flat.primary, 'bg-primary/10'],
+        },
+        {
+            variant: 'flat',
+            color: 'secondary',
+            class: [colorVariants.flat.secondary, 'bg-secondary/10'],
+        },
+        {
+            variant: 'flat',
+            color: 'success',
+            class: [colorVariants.flat.success, 'bg-success/10'],
+        },
+        {
+            variant: 'flat',
+            color: 'warning',
+            class: [colorVariants.flat.warning, 'bg-warning/10'],
+        },
+        {
+            variant: 'flat',
+            color: 'danger',
+            class: [colorVariants.flat.danger, 'bg-danger/10'],
+        },
+        // faded / color
+        {
+            variant: 'faded',
+            color: 'default',
+            class: colorVariants.faded.default,
+        },
+        {
+            variant: 'faded',
+            color: 'primary',
+            class: colorVariants.faded.primary,
+        },
+        {
+            variant: 'faded',
+            color: 'secondary',
+            class: colorVariants.faded.secondary,
+        },
+        {
+            variant: 'faded',
+            color: 'success',
+            class: colorVariants.faded.success,
+        },
+        {
+            variant: 'faded',
+            color: 'warning',
+            class: colorVariants.faded.warning,
+        },
+        {
+            variant: 'faded',
+            color: 'danger',
+            class: colorVariants.faded.danger,
+        },
+        // light / color
+        {
+            variant: 'light',
+            color: 'default',
+            class: [colorVariants.light.default, 'data-[hover=true]:bg-default/40'],
+        },
+        {
+            variant: 'light',
+            color: 'primary',
+            class: [colorVariants.light.primary, 'data-[hover=true]:bg-primary/20'],
+        },
+        {
+            variant: 'light',
+            color: 'secondary',
+            class: [colorVariants.light.secondary, 'data-[hover=true]:bg-secondary/20'],
+        },
+        {
+            variant: 'light',
+            color: 'success',
+            class: [colorVariants.light.success, 'data-[hover=true]:bg-success/20'],
+        },
+        {
+            variant: 'light',
+            color: 'warning',
+            class: [colorVariants.light.warning, 'data-[hover=true]:bg-warning/20'],
+        },
+        {
+            variant: 'light',
+            color: 'danger',
+            class: [colorVariants.light.danger, 'data-[hover=true]:bg-danger/20'],
+        },
+        // ghost / color
+        {
+            variant: 'ghost',
+            color: 'default',
+            class: colorVariants.ghost.default,
+        },
+        {
+            variant: 'ghost',
+            color: 'primary',
+            class: colorVariants.ghost.primary,
+        },
+        {
+            variant: 'ghost',
+            color: 'secondary',
+            class: colorVariants.ghost.secondary,
+        },
+        {
+            variant: 'ghost',
+            color: 'success',
+            class: colorVariants.ghost.success,
+        },
+        {
+            variant: 'ghost',
+            color: 'warning',
+            class: colorVariants.ghost.warning,
+        },
+        {
+            variant: 'ghost',
+            color: 'danger',
+            class: colorVariants.ghost.danger,
+        },
+        // isInGroup / bordered / ghost
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'default',
+            className: collapseAdjacentVariantBorders.default,
+        },
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'primary',
+            className: collapseAdjacentVariantBorders.primary,
+        },
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'secondary',
+            className: collapseAdjacentVariantBorders.secondary,
+        },
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'success',
+            className: collapseAdjacentVariantBorders.success,
+        },
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'warning',
+            className: collapseAdjacentVariantBorders.warning,
+        },
+        {
+            isInGroup: true,
+            variant: ['ghost', 'bordered'],
+            color: 'danger',
+            className: collapseAdjacentVariantBorders.danger,
+        },
+        // variant / hover
+        {
+            variant: ['solid', 'faded', 'flat', 'bordered', 'shadow'],
+            class: 'data-[hover=true]:opacity-hover',
+        },
+    ],
+});
+export const Widget = ({ children, title, header, ...props }) => {
+    const { base, body, header: headerClasses, headerEndContent } = widget(props);
+    return (_jsxs(Card, { shadow: "none", classNames: { base: base(), body: body(), header: headerClasses() }, children: [(title || header?.endContent) && (_jsxs(CardHeader, { children: [title && _jsx("h3", { children: title }), _jsx("div", { className: headerEndContent(), children: header?.endContent })] })), _jsx(CardBody, { children: children })] }));
+};
+//# sourceMappingURL=Widget.js.map

package/fragments/widget/Widget.js.map

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