@douglasneuroinformatics/libui 2.0.3 → 2.0.4

package/dist/components/LegacyModal/LegacyModal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/** @deprecated */
+export type LegacyModalProps = {
+    children: React.ReactNode;
+    onClose: () => void;
+    open: boolean;
+    showCloseButton?: boolean;
+    title: string;
+    width?: 'lg' | 'md' | 'sm' | 'xl';
+};
+/** @deprecated */
+export declare const LegacyModal: ({ children, onClose, open, showCloseButton, title, width }: LegacyModalProps) => React.JSX.Element;
+//# sourceMappingURL=LegacyModal.d.ts.map

package/dist/components/LegacyModal/LegacyModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModal.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyModal/LegacyModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,kBAAkB;AAClB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,WAAW,+DAAuE,gBAAgB,sBA2D9G,CAAC"}

package/dist/components/LegacyModal/LegacyModal.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Dialog, Transition } from '@headlessui/react';
+import { XMarkIcon } from '@heroicons/react/24/solid';
+import { clsx } from 'clsx';
+/** @deprecated */
+export const LegacyModal = ({ children, onClose, open, showCloseButton, title, width = 'md' }) => {
+    return (React.createElement(Transition, { appear: true, as: React.Fragment, show: open },
+        React.createElement(Dialog, { as: "div", className: "relative z-10", onClose: onClose },
+            React.createElement(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+                React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50" })),
+            React.createElement("div", { className: "fixed inset-0 overflow-y-auto" },
+                React.createElement("div", { className: "flex min-h-full items-center justify-center p-4 text-center" },
+                    React.createElement(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95" },
+                        React.createElement(Dialog.Panel, { className: clsx('relative w-full transform overflow-visible rounded-2xl bg-slate-100 p-6 text-left align-middle text-slate-900 shadow-xl transition-all dark:bg-slate-800 dark:text-slate-100', {
+                                'max-w-lg': width === 'lg',
+                                'max-w-md': width === 'md',
+                                'max-w-sm': width === 'sm',
+                                'max-w-xl': width === 'xl'
+                            }) },
+                            React.createElement("div", { className: "flex items-center justify-between" },
+                                React.createElement(Dialog.Title, { as: "h3", className: "p-0.5 text-xl font-bold leading-6" }, title),
+                                showCloseButton && (React.createElement("button", { className: "flex items-center justify-center rounded-md p-0.5 hover:bg-slate-200 dark:hover:bg-slate-700", type: "button", onClick: onClose },
+                                    React.createElement(XMarkIcon, { height: 24, width: 24 })))),
+                            React.createElement("div", { className: "my-2 p-0.5" }, children))))))));
+};

package/dist/components/LegacySelectDropdown/LegacySelectDropdown.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type ButtonProps } from '../Button/Button.js';
+/** @deprecated */
+export type LegacySelectOption = {
+    key: string;
+    label: string;
+};
+/** @deprecated */
+export type LegacySelectDropdownProps<T extends LegacySelectOption> = {
+    checkPosition?: 'left' | 'right';
+    className?: string;
+    options: T[];
+    selected: T[];
+    setSelected: (selected: T[]) => void;
+    title: string;
+    /** The button variant to use for the dropdown toggle */
+    variant?: ButtonProps['variant'];
+};
+/** @deprecated */
+export declare const LegacySelectDropdown: <T extends LegacySelectOption>({ checkPosition, className, options, selected, setSelected, title }: LegacySelectDropdownProps<T>) => React.JSX.Element;
+//# sourceMappingURL=LegacySelectDropdown.d.ts.map

package/dist/components/LegacySelectDropdown/LegacySelectDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LegacySelectDropdown/LegacySelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,kBAAkB;AAClB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kBAAkB;AAClB,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,kBAAkB,IAAI;IACpE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,oBAAoB,sGAO9B,0BAA0B,CAAC,CAAC,sBAkD9B,CAAC"}

package/dist/components/LegacySelectDropdown/LegacySelectDropdown.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Listbox, Transition } from '@headlessui/react';
+import { CheckIcon } from '@heroicons/react/24/solid';
+import { clsx } from 'clsx';
+import {} from '../Button/Button.js';
+import { Card } from '../Card/Card.js';
+import { DropdownButton } from '../DropdownButton/DropdownButton.js';
+/** @deprecated */
+export const LegacySelectDropdown = ({ checkPosition = 'right', className, options, selected, setSelected, title }) => {
+    // Here we specify the key prop of objects for comparison
+    return (React.createElement(Listbox, { multiple: true, as: "div", by: "key", className: clsx('relative flex w-full', className), value: selected, onChange: setSelected },
+        React.createElement(Listbox.Button, { as: DropdownButton, className: "h-full w-full" }, title),
+        React.createElement(Transition, { as: "div", className: "absolute bottom-0 z-10 w-full", enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },
+            React.createElement(Listbox.Options, { as: Card, className: "absolute z-10 mt-2 flex max-h-80 min-w-full flex-col overflow-scroll rounded-md scrollbar-none" }, options.map((option) => (React.createElement(Listbox.Option, { className: "flex w-full items-center whitespace-nowrap bg-slate-50 p-2 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700 ", "data-cy": "select-dropdown-option", key: option.key, value: option },
+                checkPosition === 'left' && (React.createElement(CheckIcon, { className: "invisible mr-2 h-6 ui-selected:visible", height: 16, width: 16 })),
+                React.createElement("span", { className: "ui-selected:font-medium", "data-cy": "select-dropdown-option-label" }, option.label),
+                checkPosition === 'right' && (React.createElement(CheckIcon, { className: "invisible ml-2 ui-selected:visible", height: 16, width: 16 })))))))));
+};

package/dist/components/LegacySlider/LegacySlider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/** @deprecated */
+export type LegacySliderProps = {
+    children: React.ReactNode;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    title: React.ReactNode;
+};
+/** @deprecated */
+export declare const LegacySlider: ({ children, isOpen, setIsOpen, title }: LegacySliderProps) => React.JSX.Element;
+//# sourceMappingURL=LegacySlider.d.ts.map

package/dist/components/LegacySlider/LegacySlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySlider.d.ts","sourceRoot":"","sources":["../../../src/components/LegacySlider/LegacySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,kBAAkB;AAClB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,2CAA4C,iBAAiB,sBAoDrF,CAAC"}

package/dist/components/LegacySlider/LegacySlider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Dialog, Transition } from '@headlessui/react';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+/** @deprecated */
+export const LegacySlider = ({ children, isOpen, setIsOpen, title }) => {
+    return (React.createElement(Transition, { as: React.Fragment, show: isOpen },
+        React.createElement(Dialog, { as: "div", className: "fixed inset-0 z-10 overflow-hidden", onClose: setIsOpen },
+            React.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+                React.createElement(Transition.Child, { as: React.Fragment, enter: "transition-opacity ease-linear duration-500", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transition-opacity ease-linear duration-500", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+                    React.createElement("div", { className: "fixed inset-0 bg-black/30" })),
+                React.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
+                    React.createElement(Transition.Child, { as: React.Fragment, enter: "transform transition ease-in-out duration-500", enterFrom: "translate-x-full", enterTo: "translate-x-0", leave: "transform transition ease-in-out duration-500", leaveFrom: "translate-x-0", leaveTo: "translate-x-full" },
+                        React.createElement("div", { className: "pointer-events-auto w-screen max-w-md" },
+                            React.createElement("div", { className: "flex h-full flex-col overflow-y-scroll bg-slate-50 py-6 shadow-xl dark:bg-slate-800" },
+                                React.createElement("div", { className: "px-4 sm:px-6" },
+                                    React.createElement("div", { className: "flex items-center justify-between" },
+                                        React.createElement(Dialog.Title, { className: "font-semibold text-slate-900 dark:text-slate-100" }, title),
+                                        React.createElement("button", { className: "text-muted-foreground hover:text-slate-500", type: "button", onClick: () => {
+                                                setIsOpen(false);
+                                            } },
+                                            React.createElement(XMarkIcon, { "aria-hidden": "true", className: "h-6 w-6" })))),
+                                React.createElement("hr", { className: "mx-4 my-4 border-slate-300" }),
+                                React.createElement("div", { className: "relative flex-1 px-4 sm:px-6" }, children)))))))));
+};

package/dist/components/LegacyStepper/LegacyStepper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/** @deprecated */
+export type Step = {
+    element: React.ReactElement;
+    icon: React.ReactElement;
+    label: string;
+};
+/** @deprecated */
+export type LegacyStepperProps = {
+    className?: string;
+    steps: Step[];
+};
+/** @deprecated */
+export declare const LegacyStepper: ({ className, steps }: LegacyStepperProps) => React.JSX.Element;
+//# sourceMappingURL=LegacyStepper.d.ts.map

package/dist/components/LegacyStepper/LegacyStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStepper.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyStepper/LegacyStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,kBAAkB;AAClB,MAAM,MAAM,IAAI,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kBAAkB;AAClB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,yBAA0B,kBAAkB,sBAoErE,CAAC"}

package/dist/components/LegacyStepper/LegacyStepper.js

@@ -0,0 +1,46 @@
+import React, { useEffect, useReducer, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { LegacyStepperContext } from '../../context/LegacyStepperContext.js';
+import { useWindowSize } from '../../hooks/useWindowSize.js';
+import { cn } from '../../utils.js';
+/** @deprecated */
+export const LegacyStepper = ({ className, steps }) => {
+    const icons = useRef([]);
+    const [divideStyles, setDivideStyles] = useState([]);
+    const { height, width } = useWindowSize();
+    useEffect(() => {
+        const styles = [];
+        for (let i = 0; i < steps.length - 1; i++) {
+            const current = icons.current[i];
+            const next = icons.current[i + 1];
+            const left = current.offsetLeft + current.offsetWidth;
+            styles.push({
+                left,
+                width: next.offsetLeft - left
+            });
+        }
+        setDivideStyles(styles);
+    }, [height, width]);
+    const [index, updateIndex] = useReducer((prevIndex, action) => {
+        if (action === 'decrement' && prevIndex > 0) {
+            return prevIndex - 1;
+        }
+        else if (action === 'increment' && prevIndex < steps.length - 1) {
+            return prevIndex + 1;
+        }
+        return prevIndex;
+    }, 0);
+    return (React.createElement(LegacyStepperContext.Provider, { value: { index, updateIndex } },
+        React.createElement("div", { className: cn('flex flex-col', className) },
+            React.createElement("div", { className: "relative mb-12 flex items-center justify-between print:hidden" }, steps.map((step, i) => {
+                return (React.createElement(React.Fragment, { key: i },
+                    React.createElement("div", { className: "flex items-center" },
+                        React.createElement("div", { className: "flex flex-col items-center justify-center" },
+                            React.createElement("div", { className: clsx('h-12 w-12 rounded-full bg-sky-700 py-3  text-white transition duration-500 ease-in-out [&>*]:h-full [&>*]:w-full', i > index && 'bg-slate-200 dark:bg-slate-700'), ref: (e) => {
+                                    icons.current[i] = e;
+                                } }, step.icon),
+                            React.createElement("span", { className: "mt-2 text-xs font-medium uppercase text-muted-foreground" }, step.label))),
+                    i !== steps.length - 1 && (React.createElement("div", { className: clsx('absolute top-6 flex-auto border-t-2 transition duration-500 ease-in-out', i >= index ? 'border-slate-200 dark:border-slate-700' : 'border-sky-700'), style: divideStyles[i] }))));
+            })),
+            React.createElement("div", { className: "flex-grow" }, steps[index]?.element))));
+};

package/dist/components/LegacyTable/LegacyClientTable.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type LegacyTableEntry, type LegacyTableProps } from './LegacyTable.js';
+/** @deprecated */
+export declare const LegacyClientTable: <T extends LegacyTableEntry>({ data, ...props }: LegacyTableProps<T>) => React.JSX.Element;
+//# sourceMappingURL=LegacyClientTable.d.ts.map

package/dist/components/LegacyTable/LegacyClientTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyClientTable.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTable/LegacyClientTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAe,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,kBAAkB;AAClB,eAAO,MAAM,iBAAiB,mDAAoD,iBAAiB,CAAC,CAAC,sBA+CpG,CAAC"}

package/dist/components/LegacyTable/LegacyClientTable.js

@@ -0,0 +1,29 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { LegacyTable } from './LegacyTable.js';
+/** @deprecated */
+export const LegacyClientTable = ({ data, ...props }) => {
+    const [currentPage, setCurrentPage] = useState(1);
+    const [entriesPerPage] = useState(10);
+    const { t } = useTranslation('libui');
+    const pageCount = Math.ceil(data.length / entriesPerPage);
+    const firstEntry = data.length === 0 ? 0 : (currentPage - 1) * entriesPerPage + 1;
+    const lastEntry = Math.min(firstEntry + entriesPerPage - 1, data.length);
+    const currentEntries = data.slice(firstEntry - 1, lastEntry);
+    return (React.createElement("div", null,
+        React.createElement(LegacyTable, { data: currentEntries, ...props }),
+        React.createElement("div", { className: "flex items-center justify-between px-1 py-3" },
+            React.createElement("div", { className: "hidden sm:block" },
+                React.createElement("p", { className: "text-sm font-medium text-muted-foreground" }, t('pagination.info', {
+                    first: firstEntry,
+                    last: lastEntry,
+                    total: data.length
+                }))),
+            React.createElement("div", { className: "flex flex-1 justify-between sm:justify-end" },
+                React.createElement("button", { className: "relative inline-flex items-center rounded-md border border-slate-300 bg-slate-50 px-4 py-2 text-sm font-medium text-muted-foreground disabled:opacity-75 dark:border-slate-600 dark:bg-slate-800", disabled: currentPage === 1, onClick: () => {
+                        setCurrentPage(currentPage - 1);
+                    } }, t('pagination.previous')),
+                React.createElement("button", { className: "relative ml-3 inline-flex items-center rounded-md border border-slate-300 bg-slate-50 px-4 py-2 text-sm font-medium text-muted-foreground disabled:opacity-75 dark:border-slate-600 dark:bg-slate-800", disabled: currentPage === pageCount, onClick: () => {
+                        setCurrentPage(currentPage + 1);
+                    } }, t('pagination.next'))))));
+};

package/dist/components/LegacyTable/LegacyTable.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { type LegacyColumnDropdownOptions } from './LegacyTableColumnHeader.js';
+/** @deprecated */
+export type LegacyTableEntry = {
+    [key: string]: unknown;
+};
+/** @deprecated */
+export type LegacyFieldFactory<T extends LegacyTableEntry = LegacyTableEntry> = (entry: T) => string;
+/** @deprecated */
+export type LegacyTableColumn<T extends LegacyTableEntry> = {
+    /** How to determine the values for column */
+    field: LegacyFieldFactory<T> | keyof T;
+    /** Override the default formatter for this field */
+    formatter?: (value: any) => string;
+    /** The label to be displayed on the header */
+    label: string;
+};
+/** @deprecated */
+export type LegacyTableProps<T extends LegacyTableEntry> = {
+    className?: string;
+    columnDropdownOptions?: LegacyColumnDropdownOptions<T>;
+    columns: LegacyTableColumn<T>[];
+    data: T[];
+    minRows?: number;
+    onEntryClick?: (entry: T) => void;
+};
+/** @deprecated */
+export declare const LegacyTable: <T extends LegacyTableEntry>({ className, columnDropdownOptions, columns, data, minRows, onEntryClick }: LegacyTableProps<T>) => React.JSX.Element;
+//# sourceMappingURL=LegacyTable.d.ts.map

package/dist/components/LegacyTable/LegacyTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTable.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTable/LegacyTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,2BAA2B,EAA2B,MAAM,8BAA8B,CAAC;AAiBzG,kBAAkB;AAClB,MAAM,MAAM,gBAAgB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE1D,kBAAkB;AAClB,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;AAErG,kBAAkB;AAClB,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,gBAAgB,IAAI;IAC1D,6CAA6C;IAC7C,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IAEvC,oDAAoD;IAEpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IAEnC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kBAAkB;AAClB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,IAAI;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IACvD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,WAAW,2GAOrB,iBAAiB,CAAC,CAAC,sBAyDrB,CAAC"}

package/dist/components/LegacyTable/LegacyTable.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { range, toBasicISOString } from '@douglasneuroinformatics/libjs';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { LegacyTableColumnHeader } from './LegacyTableColumnHeader.js';
+/** Coerces the value in a cell to a string for consistant display purposes */
+function defaultFormatter(value) {
+    if (typeof value === 'string') {
+        return value;
+    }
+    else if (typeof value === 'number') {
+        return value.toFixed(2).toString();
+    }
+    else if (typeof value === 'undefined') {
+        return 'NA';
+    }
+    if (value instanceof Date) {
+        return toBasicISOString(value);
+    }
+    return JSON.stringify(value);
+}
+/** @deprecated */
+export const LegacyTable = ({ className, columnDropdownOptions, columns, data, minRows, onEntryClick }) => {
+    const nRows = Math.max(data.length, minRows ?? -1);
+    return (React.createElement("div", { className: twMerge('min-w-full overflow-hidden rounded-md bg-slate-50 shadow dark:bg-slate-800', className) },
+        React.createElement("div", { className: "w-full overflow-x-scroll" },
+            React.createElement("table", { className: "w-full table-auto" },
+                React.createElement("thead", { className: "border-b border-slate-300 bg-slate-50 dark:border-0 dark:bg-slate-700" },
+                    React.createElement("tr", null, columns.map((column, i) => (React.createElement("th", { className: "whitespace-nowrap text-left  text-sm font-semibold text-slate-800 dark:text-slate-200", key: i },
+                        React.createElement(LegacyTableColumnHeader, { column: column, dropdownOptions: columnDropdownOptions })))))),
+                React.createElement("tbody", { className: "divide-y dark:divide-slate-600" }, nRows > 0 &&
+                    range(nRows).map((i) => {
+                        const entry = data[i];
+                        return (React.createElement("tr", { className: clsx('whitespace-nowrap p-4 text-sm text-muted-foreground', {
+                                'cursor-pointer hover:backdrop-brightness-95': entry && typeof onEntryClick === 'function'
+                            }), "data-cy": "table-row", key: i, onClick: () => {
+                                entry && onEntryClick && onEntryClick(entry);
+                            } }, columns.map(({ field, formatter }, j) => {
+                            let value;
+                            if (!entry) {
+                                value = '';
+                            }
+                            else if (typeof field === 'function') {
+                                value = field(entry);
+                            }
+                            else {
+                                value = entry[field];
+                            }
+                            const formattedValue = entry && formatter ? formatter(value) : defaultFormatter(value);
+                            return (React.createElement("td", { className: "whitespace-nowrap px-6", "data-cy": "table-data-item", key: j, style: { height: 42 } },
+                                React.createElement("span", { className: "block text-ellipsis leading-none" }, formattedValue)));
+                        })));
+                    }))))));
+};

package/dist/components/LegacyTable/LegacyTableColumnHeader.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { LegacyTableColumn, LegacyTableEntry } from './LegacyTable.js';
+/** @deprecated */
+export type LegacyColumnDropdownOptions<T extends LegacyTableEntry> = {
+    icon?: React.ComponentType<Omit<React.SVGProps<SVGSVGElement>, 'ref'>>;
+    label: string;
+    onSelection: (column: LegacyTableColumn<T>) => void;
+}[];
+/** @deprecated */
+export type LegacyTableColumnProps<T extends LegacyTableEntry> = {
+    column: LegacyTableColumn<T>;
+    dropdownOptions?: LegacyColumnDropdownOptions<T>;
+};
+/** @deprecated */
+export declare const LegacyTableColumnHeader: <T extends LegacyTableEntry>({ column, dropdownOptions }: LegacyTableColumnProps<T>) => React.JSX.Element;
+//# sourceMappingURL=LegacyTableColumnHeader.d.ts.map

package/dist/components/LegacyTable/LegacyTableColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTableColumnHeader.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyTable/LegacyTableColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,kBAAkB;AAClB,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,gBAAgB,IAAI;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACrD,EAAE,CAAC;AAEJ,kBAAkB;AAClB,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,IAAI;IAC/D,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,uBAAuB,4DAGjC,uBAAuB,CAAC,CAAC,sBA6C3B,CAAC"}

package/dist/components/LegacyTable/LegacyTableColumnHeader.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Menu, Transition } from '@headlessui/react';
+import { ChevronDownIcon } from '@heroicons/react/24/solid';
+import { clsx } from 'clsx';
+/** @deprecated */
+export const LegacyTableColumnHeader = ({ column, dropdownOptions }) => {
+    return (React.createElement(Menu, { as: "div", className: "relative" },
+        React.createElement(Menu.Button, { className: clsx('flex min-w-[10rem] flex-shrink-0 items-center justify-between px-6 py-3 text-sm font-semibold text-slate-800 dark:text-slate-200', { 'cursor-default': !dropdownOptions }) },
+            column.label,
+            dropdownOptions && React.createElement(ChevronDownIcon, { className: "ml-3", height: 16, width: 16 })),
+        dropdownOptions && (React.createElement(Transition, { as: React.Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },
+            React.createElement(Menu.Items, { className: "absolute right-4 z-50 mt-2 w-32 origin-top-right overflow-hidden rounded-md bg-slate-50 shadow-sm ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-700" }, dropdownOptions.map((option) => {
+                const Icon = option.icon;
+                return (React.createElement(Menu.Item, { as: "button", className: "flex w-full items-center text-ellipsis whitespace-nowrap px-3 py-2 hover:backdrop-brightness-95 dark:hover:backdrop-brightness-150", key: option.label, type: "button", onClick: () => {
+                        option.onSelection(column);
+                    } },
+                    Icon && React.createElement(Icon, { className: "mr-2", height: 16, width: 16 }),
+                    option.label));
+            }))))));
+};

package/dist/components/LineGraph/LineGraph.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type LineProps } from 'recharts';
+import type { ConditionalKeys } from 'type-fest';
+/** An array of arbitrary objects with data to graph  */
+type LineGraphData = readonly {
+    [key: string]: any;
+}[];
+/** Extract string keys from items in `T` where the value of `T[K]` extends `K` */
+type ExtractValidKeys<T extends LineGraphData, K> = Extract<ConditionalKeys<T[number], K>, string>;
+type LineGraphLine<T extends LineGraphData = {
+    [key: string]: any;
+}[]> = Pick<LineProps, 'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'> & {
+    err?: ExtractValidKeys<T, number>;
+    name: string;
+    val: ExtractValidKeys<T, number>;
+};
+declare function LineGraphComponent<const T extends LineGraphData>({ data, lines, xAxis }: {
+    /** An array of objects, where each object represents one point on the x-axis */
+    data: T;
+    lines: LineGraphLine<T>[];
+    xAxis?: {
+        key?: ExtractValidKeys<T, number>;
+        label?: string;
+    };
+}): React.JSX.Element;
+export declare const LineGraph: typeof LineGraphComponent;
+export type { LineGraphData, LineGraphLine };
+//# sourceMappingURL=LineGraph.d.ts.map

package/dist/components/LineGraph/LineGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAOL,KAAK,SAAS,EAKf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAIjD,wDAAwD;AAExD,KAAK,aAAa,GAAG,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,CAAC;AAEvD,kFAAkF;AAClF,KAAK,gBAAgB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,IAAI,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAGnG,KAAK,aAAa,CAAC,CAAC,SAAS,aAAa,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,IAAI,IAAI,CAC3E,SAAS,EACT,YAAY,GAAG,QAAQ,GAAG,iBAAiB,GAAG,aAAa,GAAG,MAAM,CACrE,GAAG;IACF,GAAG,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAqBF,iBAAS,kBAAkB,CAAC,KAAK,CAAC,CAAC,SAAS,aAAa,EAAE,EACzD,IAAI,EACJ,KAAK,EACL,KAAK,EACN,EAAE;IACD,gFAAgF;IAChF,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAClC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,qBA2DA;AAED,eAAO,MAAM,SAAS,2BAA8D,CAAC;AAErF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/LineGraph/LineGraph.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { toBasicISOString } from '@douglasneuroinformatics/libjs';
+import { useTranslation } from 'react-i18next';
+import { CartesianGrid, ErrorBar, Label, Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
+import { useTheme } from '../../hooks/useTheme.js';
+const strokeColors = {
+    dark: '#cbd5e1', // slate-300
+    light: '#475569' // slate-600
+};
+const tooltipStyles = {
+    dark: {
+        backgroundColor: '#0f172a', // slate-900
+        borderColor: strokeColors.light,
+        borderRadius: '2px'
+    },
+    light: {
+        backgroundColor: '#f1f5f9', // slate-100
+        borderColor: strokeColors.dark,
+        borderRadius: '2px'
+    }
+};
+// eslint-disable-next-line react/function-component-definition
+function LineGraphComponent({ data, lines, xAxis }) {
+    const { i18n } = useTranslation('libui');
+    const [theme] = useTheme();
+    return (React.createElement(ResponsiveContainer, { height: 400, width: "100%" },
+        React.createElement(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 } },
+            React.createElement(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
+            React.createElement(XAxis, { axisLine: { stroke: '#64748b' }, dataKey: xAxis?.key, domain: ['auto', 'auto'], height: 50, interval: "preserveStartEnd", padding: { left: 20, right: 20 }, stroke: strokeColors[theme], tickFormatter: (time) => toBasicISOString(new Date(time)), tickLine: { stroke: '#64748b' }, tickMargin: 8, tickSize: 8, type: 'number' },
+                React.createElement(Label, { fill: strokeColors[theme], offset: 0, position: "insideBottom", value: xAxis?.label })),
+            React.createElement(YAxis, { axisLine: { stroke: '#64748b' }, stroke: strokeColors[theme], tickLine: { stroke: '#64748b' }, tickMargin: 5, tickSize: 8, width: 40 }),
+            React.createElement(Tooltip, { contentStyle: tooltipStyles[theme], labelFormatter: (time) => {
+                    const date = new Date(time);
+                    return new Intl.DateTimeFormat(i18n.resolvedLanguage, {
+                        dateStyle: 'full',
+                        timeStyle: 'medium'
+                    }).format(date);
+                }, labelStyle: { color: strokeColors[theme], fontWeight: 500, whiteSpace: 'pre-wrap' } }),
+            lines.map(({ err, name, stroke, type, val, ...props }) => (React.createElement(Line, { ...props, dataKey: val, key: val, name: name, stroke: stroke ?? strokeColors[theme], type: type ?? 'linear' }, err && React.createElement(ErrorBar, { dataKey: err, stroke: "#64748b" })))),
+            React.createElement(Legend, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } }))));
+}
+export const LineGraph = React.memo(LineGraphComponent);

package/dist/components/MenuBar/MenuBar.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const MenuBar: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Menu: {
+        (props: import("@radix-ui/react-menubar").ScopedProps<import("@radix-ui/react-menubar").MenubarMenuProps>): JSX.Element;
+        displayName: string;
+    };
+    Portal: import("react").FC<import("@radix-ui/react-menubar").MenubarPortalProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Shortcut: ({ className, ...props }: import("react").HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
+    Sub: import("react").FC<import("@radix-ui/react-menubar").MenubarSubProps>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=MenuBar.d.ts.map

package/dist/components/MenuBar/MenuBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBar.tsx"],"names":[],"mappings":";AAcA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC"}

package/dist/components/MenuBar/MenuBar.js

@@ -0,0 +1,29 @@
+import { Group, Menu, Portal, RadioGroup, Sub } from '@radix-ui/react-menubar';
+import { MenuBarCheckboxItem } from './MenuBarCheckboxItem.js';
+import { MenuBarContent } from './MenuBarContent.js';
+import { MenuBarItem } from './MenuBarItem.js';
+import { MenuBarLabel } from './MenuBarLabel.js';
+import { MenuBarRadioItem } from './MenuBarRadioItem.js';
+import { MenuBarRoot } from './MenuBarRoot.js';
+import { MenuBarSeparator } from './MenuBarSeparator.js';
+import { MenuBarShortcut } from './MenuBarShortcut.js';
+import { MenuBarSubContent } from './MenuBarSubContent.js';
+import { MenuBarSubTrigger } from './MenuBarSubTrigger.js';
+import { MenuBarTrigger } from './MenuBarTrigger.js';
+export const MenuBar = Object.assign(MenuBarRoot, {
+    CheckboxItem: MenuBarCheckboxItem,
+    Content: MenuBarContent,
+    Group: Group,
+    Item: MenuBarItem,
+    Label: MenuBarLabel,
+    Menu: Menu,
+    Portal: Portal,
+    RadioGroup: RadioGroup,
+    RadioItem: MenuBarRadioItem,
+    Separator: MenuBarSeparator,
+    Shortcut: MenuBarShortcut,
+    Sub: Sub,
+    SubContent: MenuBarSubContent,
+    SubTrigger: MenuBarSubTrigger,
+    Trigger: MenuBarTrigger
+});

package/dist/components/MenuBar/MenuBarCheckboxItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MenuBarCheckboxItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBarCheckboxItem.d.ts.map

package/dist/components/MenuBar/MenuBarCheckboxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBarCheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,mBAAmB,sLAsB9B,CAAC"}

package/dist/components/MenuBar/MenuBarCheckboxItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CheckboxItem, ItemIndicator } from '@radix-ui/react-menubar';
+import { CheckIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+export const MenuBarCheckboxItem = React.forwardRef(function MenuBarCheckboxItem({ checked, children, className, ...props }, ref) {
+    return (React.createElement(CheckboxItem, { checked: checked, className: 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), ref: ref, ...props },
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(ItemIndicator, null,
+                React.createElement(CheckIcon, { className: "h-4 w-4" }))),
+        children));
+});

package/dist/components/MenuBar/MenuBarContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MenuBarContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBarContent.d.ts.map

package/dist/components/MenuBar/MenuBarContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarContent.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,iLAmBzB,CAAC"}

package/dist/components/MenuBar/MenuBarContent.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Content, Portal } from '@radix-ui/react-menubar';
+import { cn } from '../../utils.js';
+export const MenuBarContent = React.forwardRef(function MenuBarContent({ align = 'start', alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
+    return (React.createElement(Portal, null,
+        React.createElement(Content, { align: align, alignOffset: alignOffset, className: 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', className), ref: ref, sideOffset: sideOffset, ...props })));
+});

package/dist/components/MenuBar/MenuBarItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const MenuBarItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBarItem.d.ts.map

package/dist/components/MenuBar/MenuBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,WAAW;;wCAiBtB,CAAC"}

package/dist/components/MenuBar/MenuBarItem.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Item } from '@radix-ui/react-menubar';
+import { cn } from '../../utils.js';
+export const MenuBarItem = React.forwardRef(function MenuBarItem({ className, inset, ...props }, ref) {
+    return (React.createElement(Item, { className: 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), ref: ref, ...props }));
+});

package/dist/components/MenuBar/MenuBarLabel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const MenuBarLabel: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBarLabel.d.ts.map

package/dist/components/MenuBar/MenuBarLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarLabel.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBarLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,YAAY;;wCAOvB,CAAC"}

package/dist/components/MenuBar/MenuBarLabel.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Label } from '@radix-ui/react-menubar';
+import { cn } from '../../utils.js';
+export const MenuBarLabel = React.forwardRef(function MenuBarLabel({ className, inset, ...props }, ref) {
+    return React.createElement(Label, { className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className), ref: ref, ...props });
+});