art-bd-ui 1.0.13 → 1.0.14

package/dist/cjs/_virtual/addon-fit.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var addonFit = require('../node_modules/@xterm/addon-fit/lib/addon-fit.js');
+
+var addonFitExports = addonFit.__require();
+
+exports.addonFitExports = addonFitExports;

package/dist/cjs/_virtual/addon-fit2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var addonFit = {exports: {}};
+
+exports.__module = addonFit;

package/dist/cjs/_virtual/xterm.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var xterm = require('../node_modules/@xterm/xterm/lib/xterm.js');
+
+var xtermExports = xterm.__require();
+
+exports.xtermExports = xtermExports;

package/dist/cjs/_virtual/xterm2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var xterm = {exports: {}};
+
+exports.__module = xterm;

package/dist/cjs/_virtual/zip.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var zip$1 = require('../node_modules/lodash/zip.js');
+
+var zipExports = zip$1.__require();
+var zip = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(zipExports);
+
+exports.default = zip;

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

@@ -0,0 +1,73 @@
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var utils = require('../../../lib/utils.js');
+var chevronRight = require('../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js');
+var ellipsis = require('../../../node_modules/lucide-react/dist/esm/icons/ellipsis.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Breadcrumb = React__namespace.forwardRef((_a, ref) => {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx("nav", Object.assign({ ref: ref, "aria-label": "breadcrumb" }, props));
+});
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("ol", Object.assign({ ref: ref, className: utils.cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className) }, props)));
+});
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("li", Object.assign({ ref: ref, className: utils.cn("inline-flex items-center gap-1.5", className) }, props)));
+});
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React__namespace.forwardRef((_a, ref) => {
+    var { asChild, className } = _a, props = tslib_es6.__rest(_a, ["asChild", "className"]);
+    const Comp = asChild ? index.Root : "a";
+    return jsxRuntime.jsx(Comp, Object.assign({ ref: ref, className: utils.cn("transition-colors hover:text-foreground", className) }, props));
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("span", Object.assign({ ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: utils.cn("font-normal text-foreground", className) }, props)));
+});
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = (_a) => {
+    var { children, className } = _a, props = tslib_es6.__rest(_a, ["children", "className"]);
+    return (jsxRuntime.jsx("li", Object.assign({ role: "presentation", "aria-hidden": "true", className: utils.cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className) }, props, { children: children !== null && children !== void 0 ? children : jsxRuntime.jsx(chevronRight.default, {}) })));
+};
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = (_a) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsxs("span", Object.assign({ role: "presentation", "aria-hidden": "true", className: utils.cn("flex h-9 w-9 items-center justify-center", className) }, props, { children: [jsxRuntime.jsx(ellipsis.default, { className: "h-4 w-4" }), jsxRuntime.jsx("span", { className: "sr-only", children: "More" })] })));
+};
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;

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

@@ -2,74 +2,54 @@
 
 var React = require('react');
 var debounce = require('../../../../_virtual/debounce.js');
+var zip = require('../../../../_virtual/zip.js');
 var fastdom = require('../../../../_virtual/fastdom.js');
-var getBoundingRect = require('../../../../utils/get-bounding-rect.js');
+var utils = require('../utils.js');
 
-function sortByDomNode(nodes, resolveKey = (i) => i) {
-    return nodes.slice().sort((aItem, zItem) => {
-        const a = resolveKey(aItem);
-        const z = resolveKey(zItem);
-        if (a === null || z === null)
-            return 0;
-        const position = a.compareDocumentPosition(z);
-        if (position & Node.DOCUMENT_POSITION_FOLLOWING)
-            return -1;
-        if (position & Node.DOCUMENT_POSITION_PRECEDING)
-            return 1;
-        return 0;
-    });
-}
-const calculateLeftPositions = (cells) => {
-    let currentPosition = 0;
-    cells.forEach((cell) => {
-        const rect = getBoundingRect.getBoundingRect(cell);
-        cell.style.left = `${Math.floor(currentPosition)}px`;
-        currentPosition += rect.width;
-    });
-};
-const calculateRightPositions = (cells) => {
-    let currentPosition = 0;
-    // Process cells from right to left
-    for (let i = cells.length - 1; i >= 0; i--) {
-        const cell = cells[i];
-        const rect = getBoundingRect.getBoundingRect(cell);
-        cell.style.right = `${Math.floor(currentPosition)}px`;
-        currentPosition += rect.width;
+// Cache for last applied positions to avoid unnecessary DOM writes
+const positionCache = new WeakMap();
+function setPositionIfChanged(element, side, pixels) {
+    const newValue = `${Math.floor(pixels)}px`;
+    const cache = positionCache.get(element) || {};
+    if (cache[side] !== newValue) {
+        element.style[side] = newValue;
+        cache[side] = newValue;
+        positionCache.set(element, cache);
     }
-};
+}
+function updateCellsPosition(cells, side) {
+    cells.reduce((positions, [cell, width]) => {
+        if (cell && cell.getAttribute("data-sticky") === side) {
+            setPositionIfChanged(cell, side, positions);
+            return positions + width;
+        }
+        return positions;
+    }, 0);
+}
 const useStickyColumns = (tableElement) => {
     const resizeObserverRef = React.useRef(null);
-    const rafIdRef = React.useRef(null);
     const updateStickyPositions = React.useCallback(() => {
         if (!tableElement)
             return;
-        // Cancel any pending RAF
-        if (rafIdRef.current) {
-            cancelAnimationFrame(rafIdRef.current);
-        }
-        // Schedule the update in the next animation frame
-        rafIdRef.current = requestAnimationFrame(() => {
-            fastdom.default.measure(() => {
-                // Get all rows
-                const rows = Array.from(tableElement.getElementsByTagName("tr"));
+        fastdom.default.measure(() => {
+            const rows = Array.from(tableElement.getElementsByTagName("tr"));
+            if (rows.length === 0)
+                return;
+            const columnCells = utils.getLeafHeaderCells(tableElement);
+            if (columnCells.length === 0)
+                return;
+            const measurements = columnCells.map((cell) => cell.offsetWidth);
+            fastdom.default.mutate(() => {
                 rows.forEach((row) => {
-                    // Find sticky cells in this row
-                    const stickyCells = Array.from(row.querySelectorAll("[data-sticky]"));
-                    // Split cells into left and right sticky cells
-                    const leftStickyCells = stickyCells.filter((cell) => cell.getAttribute("data-sticky") === "left");
-                    const rightStickyCells = stickyCells.filter((cell) => cell.getAttribute("data-sticky") === "right");
-                    // Sort cells in DOM order within the row
-                    const sortedLeftCells = sortByDomNode(leftStickyCells);
-                    const sortedRightCells = sortByDomNode(rightStickyCells);
-                    fastdom.default.mutate(() => {
-                        calculateLeftPositions(sortedLeftCells);
-                        calculateRightPositions(sortedRightCells);
-                    });
+                    const cells = Array.from(row.cells);
+                    const cellsWithMeasurements = zip.default(cells, measurements);
+                    updateCellsPosition(cellsWithMeasurements, "left");
+                    updateCellsPosition(cellsWithMeasurements.slice().reverse(), "right");
                 });
             });
         });
     }, [tableElement]);
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
         if (!tableElement)
             return;
         // Initial calculation
@@ -82,9 +62,6 @@ const useStickyColumns = (tableElement) => {
         resizeObserverRef.current = new ResizeObserver(debouncedResizeHandler);
         resizeObserverRef.current.observe(tableElement);
         return () => {
-            if (rafIdRef.current) {
-                cancelAnimationFrame(rafIdRef.current);
-            }
             if (resizeObserverRef.current) {
                 resizeObserverRef.current.disconnect();
             }

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

@@ -20,7 +20,62 @@ const flattenColumns = (columns) => {
 const collectColumnsWithoutChildren = (columns) => {
     return flattenColumns(columns).filter((column) => !column.children);
 };
+const getColspan = (cell) => parseInt(cell.getAttribute("colspan") || "1", 10);
+const getRowspan = (cell) => parseInt(cell.getAttribute("rowspan") || "1", 10);
+const getColumnsCount = (row) => {
+    const cells = Array.from(row.cells);
+    return cells.length || cells.reduce((sum, cell) => sum + getColspan(cell), 0);
+};
+const getLeafHeaderCells = (tableElement) => {
+    var _a;
+    const thead = tableElement.querySelector("thead");
+    if (!thead)
+        return [];
+    const rows = Array.from((_a = thead.rows) !== null && _a !== void 0 ? _a : []);
+    if (!rows.length)
+        return [];
+    const firstRowCells = getColumnsCount(rows[0]);
+    // Total column count: sum(colSpan) in the first header row,
+    // or the max across rows if the first has no cells.
+    const colCount = firstRowCells || Math.max(...rows.map(getColumnsCount), 0);
+    if (!colCount)
+        return [];
+    const initial = {
+        cover: Array(colCount).fill(null),
+        remain: Array(colCount).fill(0),
+    };
+    const { cover } = rows.reduce(({ cover, remain }, row) => {
+        // Advance rowspans down one row
+        const nextRemain = remain.map((r) => (r > 0 ? r - 1 : 0));
+        const nextCover = cover.map((cell, i) => (remain[i] > 0 ? cell : null));
+        // Place current row's cells into first free slots, honoring colspan/rowspan
+        let col = 0;
+        Array.from(row.cells).forEach((cell) => {
+            // Move to the next free column starting at `col`
+            const offset = nextCover.slice(col).findIndex((x) => x === null);
+            col = offset === -1 ? col : col + offset;
+            const colspan = getColspan(cell);
+            const rowspan = getRowspan(cell);
+            Array.from({ length: colspan }).forEach((_, k) => {
+                const idx = col + k;
+                if (idx < nextCover.length) {
+                    nextCover[idx] = cell;
+                    nextRemain[idx] = rowspan - 1;
+                }
+            });
+            col += colspan;
+        });
+        return { cover: nextCover, remain: nextRemain };
+    }, initial);
+    // Deduplicate consecutive refs left→right → leaf headers
+    return cover.reduce((acc, cell) => {
+        if (cell && acc[acc.length - 1] !== cell)
+            acc.push(cell);
+        return acc;
+    }, []);
+};
 
 exports.collectColumnsWithoutChildren = collectColumnsWithoutChildren;
 exports.convertHeadersToRows = convertHeadersToRows;
 exports.flattenColumns = flattenColumns;
+exports.getLeafHeaderCells = getLeafHeaderCells;

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

@@ -0,0 +1,122 @@
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-menubar/dist/index.js');
+var utils = require('../../../lib/utils.js');
+var chevronRight = require('../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js');
+var check = require('../../../node_modules/lucide-react/dist/esm/icons/check.js');
+var circle = require('../../../node_modules/lucide-react/dist/esm/icons/circle.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function MenubarMenu(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.Menu, Object.assign({}, props));
+}
+function MenubarGroup(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.Group, Object.assign({}, props));
+}
+function MenubarPortal(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.Portal, Object.assign({}, props));
+}
+function MenubarRadioGroup(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.RadioGroup, Object.assign({}, props));
+}
+function MenubarSub(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.Sub, Object.assign({ "data-slot": "menubar-sub" }, props));
+}
+const Menubar = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.Root, Object.assign({ ref: ref, className: utils.cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", className) }, props)));
+});
+Menubar.displayName = index.Root.displayName;
+const MenubarTrigger = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.Trigger, Object.assign({ ref: ref, className: utils.cn("flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className) }, props)));
+});
+MenubarTrigger.displayName = index.Trigger.displayName;
+const MenubarSubTrigger = React__namespace.forwardRef((_a, ref) => {
+    var { className, inset, children } = _a, props = tslib_es6.__rest(_a, ["className", "inset", "children"]);
+    return (jsxRuntime.jsxs(index.SubTrigger, Object.assign({ ref: ref, className: utils.cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className) }, props, { children: [children, jsxRuntime.jsx(chevronRight.default, { className: "ml-auto h-4 w-4" })] })));
+});
+MenubarSubTrigger.displayName = index.SubTrigger.displayName;
+const MenubarSubContent = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.SubContent, Object.assign({ ref: ref, className: utils.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]", className) }, props)));
+});
+MenubarSubContent.displayName = index.SubContent.displayName;
+const MenubarContent = React__namespace.forwardRef((_a, ref) => {
+    var { className, align = "start", alignOffset = -4, sideOffset = 8 } = _a, props = tslib_es6.__rest(_a, ["className", "align", "alignOffset", "sideOffset"]);
+    return (jsxRuntime.jsx(index.Portal, { children: jsxRuntime.jsx(index.Content, Object.assign({ ref: ref, align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: utils.cn("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]", className) }, props)) }));
+});
+MenubarContent.displayName = index.Content.displayName;
+const MenubarItem = React__namespace.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = tslib_es6.__rest(_a, ["className", "inset"]);
+    return (jsxRuntime.jsx(index.Item, Object.assign({ ref: ref, className: utils.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className) }, props)));
+});
+MenubarItem.displayName = index.Item.displayName;
+const MenubarCheckboxItem = React__namespace.forwardRef((_a, ref) => {
+    var { className, children, checked } = _a, props = tslib_es6.__rest(_a, ["className", "children", "checked"]);
+    return (jsxRuntime.jsxs(index.CheckboxItem, Object.assign({ ref: ref, className: utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props, { children: [jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: jsxRuntime.jsx(index.ItemIndicator, { children: jsxRuntime.jsx(check.default, { className: "h-4 w-4" }) }) }), children] })));
+});
+MenubarCheckboxItem.displayName = index.CheckboxItem.displayName;
+const MenubarRadioItem = React__namespace.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
+    return (jsxRuntime.jsxs(index.RadioItem, Object.assign({ ref: ref, className: utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props, { children: [jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: jsxRuntime.jsx(index.ItemIndicator, { children: jsxRuntime.jsx(circle.default, { className: "h-4 w-4 fill-current" }) }) }), children] })));
+});
+MenubarRadioItem.displayName = index.RadioItem.displayName;
+const MenubarLabel = React__namespace.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = tslib_es6.__rest(_a, ["className", "inset"]);
+    return (jsxRuntime.jsx(index.Label, Object.assign({ ref: ref, className: utils.cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
+});
+MenubarLabel.displayName = index.Label.displayName;
+const MenubarSeparator = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.Separator, Object.assign({ ref: ref, className: utils.cn("-mx-1 my-1 h-px bg-muted", className) }, props)));
+});
+MenubarSeparator.displayName = index.Separator.displayName;
+const MenubarShortcut = (_a) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return jsxRuntime.jsx("span", Object.assign({ className: utils.cn("ml-auto text-xs tracking-widest text-muted-foreground", className) }, props));
+};
+MenubarShortcut.displayname = "MenubarShortcut";
+
+exports.Menubar = Menubar;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarItem = MenubarItem;
+exports.MenubarLabel = MenubarLabel;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarShortcut = MenubarShortcut;
+exports.MenubarSub = MenubarSub;
+exports.MenubarSubContent = MenubarSubContent;
+exports.MenubarSubTrigger = MenubarSubTrigger;
+exports.MenubarTrigger = MenubarTrigger;

package/dist/cjs/components/ui/navigation-menu/navigation-menu.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-navigation-menu/dist/index.js');
+var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
+var utils = require('../../../lib/utils.js');
+var chevronDown = require('../../../node_modules/lucide-react/dist/esm/icons/chevron-down.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const NavigationMenuViewport = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("div", { className: utils.cn("absolute left-0 top-full flex justify-center"), children: jsxRuntime.jsx(index.Viewport, Object.assign({ className: utils.cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className), ref: ref }, props)) }));
+});
+NavigationMenuViewport.displayName = index.Viewport.displayName;
+const NavigationMenu = React__namespace.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
+    return (jsxRuntime.jsxs(index.Root, Object.assign({ ref: ref, className: utils.cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className) }, props, { children: [children, jsxRuntime.jsx(NavigationMenuViewport, {})] })));
+});
+NavigationMenu.displayName = index.Root.displayName;
+const NavigationMenuList = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.List, Object.assign({ ref: ref, className: utils.cn("group flex flex-1 list-none items-center justify-center space-x-1", className) }, props)));
+});
+NavigationMenuList.displayName = index.List.displayName;
+const NavigationMenuItem = index.Item;
+const navigationMenuTriggerStyle = index$1.cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
+const NavigationMenuTrigger = React__namespace.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
+    return (jsxRuntime.jsxs(index.Trigger, Object.assign({ ref: ref, className: utils.cn(navigationMenuTriggerStyle(), "group", className) }, props, { children: [children, " ", jsxRuntime.jsx(chevronDown.default, { className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] })));
+});
+NavigationMenuTrigger.displayName = index.Trigger.displayName;
+const NavigationMenuContent = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.Content, Object.assign({ ref: ref, className: utils.cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className) }, props)));
+});
+NavigationMenuContent.displayName = index.Content.displayName;
+const NavigationMenuLink = index.Link;
+const NavigationMenuIndicator = React__namespace.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(index.Indicator, Object.assign({ ref: ref, className: utils.cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className) }, props, { children: jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) })));
+});
+NavigationMenuIndicator.displayName = index.Indicator.displayName;
+
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIndicator = NavigationMenuIndicator;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;

package/dist/cjs/components/utility/collapsible/collapsible.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../node_modules/@radix-ui/react-collapsible/dist/index.js');
+
+function Collapsible(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "collapsible" }, props));
+}
+function CollapsibleTrigger(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.CollapsibleTrigger, Object.assign({ "data-slot": "collapsible-trigger" }, props));
+}
+function CollapsibleContent(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(index.CollapsibleContent, Object.assign({ "data-slot": "collapsible-content" }, props));
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;

package/dist/cjs/components/utility/resizable/resizable.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var reactResizablePanels = require('../../../node_modules/react-resizable-panels/dist/react-resizable-panels.js');
+var icon = require('../../media/icon/icon.js');
+var utils = require('../../../lib/utils.js');
+
+function ResizablePanelGroup(_a) {
+    var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactResizablePanels.PanelGroup, Object.assign({ "data-slot": "resizable-panel-group", className: utils.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className) }, props)));
+}
+function ResizablePanel(_a) {
+    var props = tslib_es6.__rest(_a, []);
+    return jsxRuntime.jsx(reactResizablePanels.Panel, Object.assign({ "data-slot": "resizable-panel" }, props));
+}
+function ResizableHandle(_a) {
+    var { withHandle, className } = _a, props = tslib_es6.__rest(_a, ["withHandle", "className"]);
+    return (jsxRuntime.jsx(reactResizablePanels.PanelResizeHandle, Object.assign({ "data-slot": "resizable-handle", className: utils.cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className) }, props, { children: withHandle && (jsxRuntime.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: jsxRuntime.jsx(icon.Icon, { name: "grip-vertical", className: "size-2.5" }) })) })));
+}
+
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;