@douglasneuroinformatics/libui 5.0.2 → 6.1.0

package/dist/providers/CoreProvider/DestructiveActionDialog.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Button, Dialog } from '#components';
+import { useTranslation } from '#hooks';
+import { useDestructiveActionStore } from "../../hooks/useDestructiveAction/useDestructiveActionStore.js";
+export const DestructiveActionDialog = () => {
+    const deletePendingDestructiveAction = useDestructiveActionStore((store) => store.deletePendingDestructiveAction);
+    const pendingDestructiveActions = useDestructiveActionStore((store) => store.pendingDestructiveActions);
+    const { resolvedLanguage, t } = useTranslation();
+    const current = useMemo(() => {
+        if (pendingDestructiveActions[0]) {
+            return pendingDestructiveActions[0];
+        }
+        return null;
+    }, [pendingDestructiveActions]);
+    const getDisplay = useCallback((def) => {
+        const defaultDescription = t({
+            en: 'This action cannot be reversed. Please confirm that you would like to continue.',
+            fr: 'Cette action ne peut être inversée. Veuillez confirmer que vous souhaitez poursuivre.'
+        });
+        const defaultTitle = t({
+            en: 'Confirm Action',
+            fr: "Confirmer l'action"
+        });
+        return {
+            description: def?.description ?? defaultDescription,
+            title: def?.title ?? defaultTitle
+        };
+    }, [resolvedLanguage]);
+    const [display, setDisplay] = useState(getDisplay(current));
+    useEffect(() => {
+        if (current) {
+            setDisplay(getDisplay(current));
+        }
+    }, [current]);
+    const handleConfirm = async () => {
+        if (!current) {
+            return;
+        }
+        try {
+            await current.action();
+        }
+        finally {
+            deletePendingDestructiveAction(current.id);
+        }
+    };
+    const handleCancel = () => {
+        if (current) {
+            deletePendingDestructiveAction(current.id);
+        }
+    };
+    const handleOpenChange = (isOpen) => {
+        if (!isOpen && current) {
+            deletePendingDestructiveAction(current.id);
+        }
+    };
+    return (_jsx(Dialog, { open: current !== null, onOpenChange: handleOpenChange, children: _jsxs(Dialog.Content, { "data-testid": "destructive-action-dialog", onOpenAutoFocus: (event) => event.preventDefault(), children: [_jsxs(Dialog.Header, { children: [_jsx(Dialog.Title, { children: display.title }), _jsx(Dialog.Description, { children: display.description })] }), _jsxs(Dialog.Footer, { children: [_jsx(Button, { className: "min-w-16", type: "button", variant: "danger", onClick: () => void handleConfirm(), children: t('libui.yes') }), _jsx(Button, { className: "min-w-16", type: "button", variant: "primary", onClick: handleCancel, children: t('libui.no') })] })] }) }));
+};
+//# sourceMappingURL=DestructiveActionDialog.js.map

package/dist/providers/CoreProvider/DestructiveActionDialog.js.map

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

package/dist/providers/CoreProvider/NotificationHub.d.ts

@@ -0,0 +1,7 @@
+type NotificationHubProps = {
+    /** The number of milliseconds before the notification is automatically cleared */
+    timeout?: number;
+};
+declare const NotificationHub: ({ timeout }: NotificationHubProps) => import("react/jsx-runtime").JSX.Element;
+export { NotificationHub, type NotificationHubProps };
+//# sourceMappingURL=NotificationHub.d.ts.map

package/dist/providers/CoreProvider/NotificationHub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHub.d.ts","sourceRoot":"","sources":["../../../src/providers/CoreProvider/NotificationHub.tsx"],"names":[],"mappings":"AAQA,KAAK,oBAAoB,GAAG;IAC1B,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,aAAoB,oBAAoB,4CAoDhE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/providers/CoreProvider/NotificationHub.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
+import { Card } from '#components';
+import { useNotificationsStore, useTranslation } from '#hooks';
+import { NotificationIcon } from "./NotificationIcon.js";
+const NotificationHub = ({ timeout = 5000 }) => {
+    const { t } = useTranslation('libui');
+    const { dismissNotification, notifications } = useNotificationsStore();
+    return (_jsx("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: _jsx(AnimatePresence, { children: notifications.map((item) => (_jsx(motion.div, { animate: { height: 'auto', opacity: 1 }, className: "relative max-w-sm", exit: { height: 0, opacity: 0 }, initial: { height: 0, opacity: 0 }, transition: { bounce: 0.1, type: 'spring' }, children: _jsx("div", { className: "w-full p-2", children: _jsxs(Card, { className: "w-full rounded-lg p-0", children: [_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "mb-2 flex items-center", children: [_jsx(NotificationIcon, { type: item.type }), _jsx("h5", { className: "ml-3 grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }), _jsx("button", { className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600", type: "button", onClick: () => {
+                                                    dismissNotification(item.id);
+                                                }, children: _jsx(XIcon, { "aria-hidden": "true", className: "h-5 w-5" }) })] }), _jsx("p", { className: "text-muted-foreground my-2", children: item.message })] }), _jsx(motion.div, { animate: { width: '100%' }, className: "h-1 bg-slate-500", initial: { width: '0%' }, transition: { duration: timeout / 1000, ease: 'linear' }, onAnimationComplete: () => {
+                                    dismissNotification(item.id);
+                                } })] }) }) }, item.id))) }) }));
+};
+export { NotificationHub };
+//# sourceMappingURL=NotificationHub.js.map

package/dist/providers/CoreProvider/NotificationHub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHub.js","sourceRoot":"","sources":["../../../src/providers/CoreProvider/NotificationHub.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAO1D,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAwB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEvE,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,eAAe,cACb,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,EACvC,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC/B,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAElC,UAAU,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,YAE3C,cAAK,SAAS,EAAC,YAAY,YACzB,MAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,aACrC,eAAK,SAAS,EAAC,KAAK,aAClB,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACrC,aAAI,SAAS,EAAC,0DAA0D,YACrE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,uBAAuB,IAAI,CAAC,IAAI,EAAE,CAAC,GACjD,EACL,iBACE,SAAS,EAAC,yIAAyI,EACnJ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oDACZ,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gDAC/B,CAAC,YAED,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,GACzC,IACL,EACN,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,OAAO,GAAK,IACxD,EACN,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1B,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACxB,UAAU,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EACxD,mBAAmB,EAAE,GAAG,EAAE;oCACxB,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCAC/B,CAAC,GACD,IACG,GACH,IAjCD,IAAI,CAAC,EAAE,CAkCD,CACd,CAAC,GACc,GACd,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAA6B,CAAC"}

package/dist/providers/CoreProvider/NotificationIcon.d.ts

@@ -0,0 +1,6 @@
+import type { NotificationInterface } from '#hooks';
+export type NotificationIconProps = {
+    type: NotificationInterface['type'];
+};
+export declare const NotificationIcon: ({ type }: NotificationIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationIcon.d.ts.map

package/dist/providers/CoreProvider/NotificationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.d.ts","sourceRoot":"","sources":["../../../src/providers/CoreProvider/NotificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,qBAAqB,4CAuE/D,CAAC"}

package/dist/providers/CoreProvider/NotificationIcon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const NotificationIcon = ({ type }) => {
+    switch (type) {
+        case 'error':
+            return (_jsx("svg", { "aria-hidden": "true", className: "h-6 w-6 text-red-500", "data-slot": "icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z", fillRule: "evenodd" }) }));
+        case 'info':
+            return (_jsx("svg", { "aria-hidden": "true", className: "h-6 w-6 text-blue-500", "data-slot": "icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", fillRule: "evenodd" }) }));
+        case 'success':
+            return (_jsx("svg", { "aria-hidden": "true", className: "h-6 w-6 text-green-500", "data-slot": "icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", fillRule: "evenodd" }) }));
+        case 'warning':
+            return (_jsx("svg", { "aria-hidden": "true", className: "h-6 w-6 text-yellow-500", "data-slot": "icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", fillRule: "evenodd" }) }));
+    }
+};
+//# sourceMappingURL=NotificationIcon.js.map

package/dist/providers/CoreProvider/NotificationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.js","sourceRoot":"","sources":["../../../src/providers/CoreProvider/NotificationIcon.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAyB,EAAE,EAAE;IAClE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,sBAAsB,eACtB,MAAM,EAChB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6RAA6R,EAC/R,QAAQ,EAAC,SAAS,GACZ,GACJ,CACP,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,uBAAuB,eACvB,MAAM,EAChB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uUAAuU,EACzU,QAAQ,EAAC,SAAS,GACZ,GACJ,CACP,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,wBAAwB,eACxB,MAAM,EAChB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,EACrO,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,yBAAyB,eACzB,MAAM,EAChB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+NAA+N,EACjO,QAAQ,EAAC,SAAS,GACZ,GACJ,CACP,CAAC;IACN,CAAC;AACH,CAAC,CAAC"}

package/dist/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CoreProvider/CoreProvider.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

package/dist/providers/index.js

@@ -0,0 +1,2 @@
+export * from "./CoreProvider/CoreProvider.js";
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAiC,CAAC"}

package/dist/tailwind/globals.css

@@ -4,8 +4,6 @@
 @custom-variant dark (&:is([data-mode="dark"] *));
 
 @theme {
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
   --animate-spinner: spinner-spin 1.7s infinite ease, round 1.7s infinite ease;
 
   --radius-lg: var(--radius);
@@ -43,22 +41,6 @@
 
   --breakpoint-2xl: 1400px;
 
-  @keyframes accordion-down {
-    from {
-      height: 0;
-    }
-    to {
-      height: var(--radix-accordion-content-height);
-    }
-  }
-  @keyframes accordion-up {
-    from {
-      height: var(--radix-accordion-content-height);
-    }
-    to {
-      height: 0;
-    }
-  }
   @keyframes round {
     0% {
       transform: rotate(0deg);
@@ -67,6 +49,7 @@
       transform: rotate(360deg);
     }
   }
+
   @keyframes spinner-spin {
     0%,
     5%,

package/dist/testing/mocks.d.ts

@@ -0,0 +1,14 @@
+import type { StorageName } from '#hooks';
+/**
+ * Mocks the matchMedia API
+ * @param {boolean} matches - whether the media query matches
+ * @example
+ * mockMatchMedia(false)
+ */
+export declare const mockMatchMedia: (matches: ((query: string) => boolean) | boolean) => void;
+/**
+ * Mocks the Storage API
+ * @param name - The name of the storage to mock
+ */
+export declare const mockStorage: (name: StorageName) => void;
+//# sourceMappingURL=mocks.d.ts.map

package/dist/testing/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../src/testing/mocks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,OAAO,KAAG,IAWhF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,IAwB/C,CAAC"}

package/dist/testing/mocks.js

@@ -0,0 +1,44 @@
+import { vi } from 'vitest';
+/**
+ * Mocks the matchMedia API
+ * @param {boolean} matches - whether the media query matches
+ * @example
+ * mockMatchMedia(false)
+ */
+export const mockMatchMedia = (matches) => {
+    vi.spyOn(window, 'matchMedia').mockImplementation((query) => ({
+        addEventListener: vi.fn(),
+        addListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+        matches: typeof matches === 'boolean' ? matches : matches(query),
+        media: query,
+        onchange: null,
+        removeEventListener: vi.fn(),
+        removeListener: vi.fn()
+    }));
+};
+/**
+ * Mocks the Storage API
+ * @param name - The name of the storage to mock
+ */
+export const mockStorage = (name) => {
+    class StorageMock {
+        store = {};
+        clear() {
+            this.store = {};
+        }
+        getItem(key) {
+            return this.store[key] ?? null;
+        }
+        removeItem(key) {
+            delete this.store[key];
+        }
+        setItem(key, value) {
+            this.store[key] = String(value) + '';
+        }
+    }
+    Object.defineProperty(window, name, {
+        value: new StorageMock()
+    });
+};
+//# sourceMappingURL=mocks.js.map

package/dist/testing/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../src/testing/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAI5B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA+C,EAAQ,EAAE;IACtF,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5D,gBAAgB,EAAE,EAAE,CAAC,EAAE,EAAE;QACzB,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE;QACpB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,EAAE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QAChE,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;QACd,mBAAmB,EAAE,EAAE,CAAC,EAAE,EAAE;QAC5B,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE;KACxB,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAQ,EAAE;IACrD,MAAM,WAAW;QACf,KAAK,GAA8B,EAAE,CAAC;QAEtC,KAAK;YACH,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,CAAC;QAED,OAAO,CAAC,GAAW;YACjB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;QACjC,CAAC;QAED,UAAU,CAAC,GAAW;YACpB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,CAAC,GAAW,EAAE,KAAc;YACjC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QACvC,CAAC;KACF;IAED,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE;QAClC,KAAK,EAAE,IAAI,WAAW,EAAE;KACzB,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/testing/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=setup-tests.d.ts.map

package/dist/testing/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/testing/setup-tests.ts"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC"}

package/dist/testing/setup-tests.js

@@ -0,0 +1,10 @@
+import { cleanup } from '@testing-library/react';
+import { afterEach } from 'vitest';
+import { i18n } from '#i18n';
+import '@testing-library/jest-dom/vitest';
+i18n.init({ translations: {} });
+// Since we're not using vitest globals, we need to explicitly call cleanup()
+// for testing-library. See:
+// https://testing-library.com/docs/react-testing-library/api/#cleanup
+afterEach(cleanup);
+//# sourceMappingURL=setup-tests.js.map

package/dist/testing/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.js","sourceRoot":"","sources":["../../src/testing/setup-tests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,kCAAkC,CAAC;AAE1C,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhC,6EAA6E;AAC7E,4BAA4B;AAC5B,sEAAsE;AACtE,SAAS,CAAC,OAAO,CAAC,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import type { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function isBrowser(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,SAAS,YAExB"}

package/dist/utils/index.js

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function isBrowser() {
+    return typeof window !== 'undefined';
+}
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC;AACvC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "5.0.2",
+  "version": "6.1.0",
   "packageManager": "pnpm@10.7.1",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",
@@ -18,28 +18,53 @@
     "React",
     "TailwindCSS"
   ],
+  "imports": {
+    "#components": {
+      "libui-dev": "./src/components/index.js",
+      "default": "./dist/components/index.js"
+    },
+    "#hooks": {
+      "libui-dev": "./src/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "#i18n": {
+      "libui-dev": "./src/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "#providers": {
+      "libui-dev": "./src/providers/index.js",
+      "default": "./dist/providers/index.js"
+    },
+    "#testing:mocks": {
+      "libui-dev": "./src/testing/mocks.js"
+    },
+    "#utils": {
+      "libui-dev": "./src/utils/index.js",
+      "default": "./dist/utils/index.js"
+    }
+  },
   "exports": {
     "./components": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
     },
     "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.js"
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
     },
     "./i18n": {
-      "types": "./dist/i18n.d.ts",
-      "import": "./dist/i18n.js"
+      "types": "./dist/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js"
     },
     "./package.json": "./package.json",
     "./providers": {
-      "types": "./dist/providers.d.ts",
-      "import": "./dist/providers.js"
+      "types": "./dist/providers/index.d.ts",
+      "import": "./dist/providers/index.js"
     },
     "./tailwind/globals.css": "./dist/tailwind/globals.css",
     "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.js"
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     }
   },
   "files": [
@@ -55,7 +80,7 @@
     "node": "22.x"
   },
   "scripts": {
-    "build": "rm -rf dist && tsup --config tsup.config.mts",
+    "build": "rm -rf dist && tsc -b tsconfig.build.json && cp -r src/tailwind dist/tailwind",
     "format": "prettier --write src",
     "format:translations": "find src/i18n/translations -name '*.json' -exec pnpm exec sort-json {} \\;",
     "lint": "tsc && eslint --fix src",
@@ -100,7 +125,6 @@
     "@tanstack/table-core": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.486.0",
     "motion": "^11.18.2",
@@ -116,10 +140,10 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@douglasneuroinformatics/eslint-config": "^5.3.2",
-    "@douglasneuroinformatics/prettier-config": "^0.0.2",
+    "@douglasneuroinformatics/eslint-config": "^5.3.7",
+    "@douglasneuroinformatics/prettier-config": "^0.3.0",
     "@douglasneuroinformatics/semantic-release": "^0.2.1",
-    "@douglasneuroinformatics/tsconfig": "^1.0.3",
+    "@douglasneuroinformatics/tsconfig": "^1.0.5",
     "@faker-js/faker": "^9.6.0",
     "@storybook/addon-docs": "^9.0.6",
     "@storybook/addon-links": "^9.0.6",
@@ -147,7 +171,7 @@
     "sort-json": "^2.0.1",
     "storybook": "^9.0.6",
     "tsup": "^8.4.0",
-    "typescript": "5.6.x",
+    "typescript": "5.9.x",
     "vite": "^6.3.5",
     "vitest": "^3.1.1"
   },

package/src/components/ActionDropdown/ActionDropdown.spec.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-import { ActionDropdown } from './ActionDropdown';
+import { ActionDropdown } from './ActionDropdown.tsx';
 
 type Props = React.ComponentPropsWithoutRef<typeof ActionDropdown>;
 

package/src/components/ActionDropdown/ActionDropdown.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { ActionDropdown } from './ActionDropdown';
+import { ActionDropdown } from './ActionDropdown.tsx';
 
 type Story = StoryObj<typeof ActionDropdown>;
 

package/src/components/ActionDropdown/ActionDropdown.tsx

@@ -1,9 +1,9 @@
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
-import { DropdownButton } from '../DropdownButton';
-import { DropdownMenu } from '../DropdownMenu';
+import { DropdownButton } from '../DropdownButton/DropdownButton.tsx';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.tsx';
 
-import type { DropdownMenuContentProps } from '../DropdownMenu/DropdownMenuContent';
+import type { DropdownMenuContentProps } from '../DropdownMenu/DropdownMenuContent.tsx';
 
 type ActionDropdownOptions = readonly string[] | { [key: string]: string };
 

package/src/components/ArrowToggle/ArrowToggle.spec.tsx

@@ -3,9 +3,9 @@ import { useState } from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
-import { ArrowToggle } from './ArrowToggle';
+import { ArrowToggle } from './ArrowToggle.tsx';
 
-import type { ArrowToggleProps } from './ArrowToggle';
+import type { ArrowToggleProps } from './ArrowToggle.tsx';
 
 const TestArrowToggle = ({ onClick, ...props }: Omit<ArrowToggleProps, 'isToggled'>) => {
   const [isToggled, setIsToggled] = useState(false);

package/src/components/ArrowToggle/ArrowToggle.stories.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { ArrowToggle } from './ArrowToggle';
+import { ArrowToggle } from './ArrowToggle.tsx';
 
 type Story = StoryObj<typeof ArrowToggle>;
 

package/src/components/ArrowToggle/ArrowToggle.tsx

@@ -4,11 +4,11 @@ import * as React from 'react';
 import { ChevronUpIcon } from 'lucide-react';
 import type { Simplify } from 'type-fest';
 
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
-import { Button } from '../Button';
+import { Button } from '../Button/Button.tsx';
 
-import type { ButtonProps } from '../Button';
+import type { ButtonProps } from '../Button/Button.tsx';
 
 export type ArrowToggleProps = Simplify<
   React.HTMLAttributes<HTMLButtonElement> & {

package/src/components/Badge/Badge.spec.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
 
-import { Badge } from './Badge';
+import { Badge } from './Badge.tsx';
 
 const TEST_ID = 'badge';
 

package/src/components/Badge/Badge.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Badge } from './Badge';
+import { Badge } from './Badge.tsx';
 
 type Story = StoryObj<typeof Badge>;
 

package/src/components/Badge/Badge.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import type { VariantProps } from 'class-variance-authority';
 
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
 const badgeVariants = cva(
   'inline-flex items-center rounded-xs border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2',

package/src/components/Button/Button.spec.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
 
-import { Button } from './Button';
+import { Button } from './Button.tsx';
 
 describe('Button', () => {
   it('should render', () => {

package/src/components/Button/Button.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { DownloadIcon } from 'lucide-react';
 
-import { Button } from './Button';
+import { Button } from './Button.tsx';
 
 type Story = StoryObj<typeof Button>;
 

package/src/components/Button/Button.tsx

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import type { VariantProps } from 'class-variance-authority';
 import type { Simplify } from 'type-fest';
 
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
 export const BUTTON_ICON_SIZE = {
   lg: 18,

package/src/components/Card/Card.spec.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
 
-import { Card } from './Card';
+import { Card } from './Card.tsx';
 
 const TEST_ID = 'card';
 

package/src/components/Card/Card.stories.tsx

@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Button } from '../Button';
-import { Input } from '../Input';
-import { Label } from '../Label';
-import { Select } from '../Select';
-import { Card } from './Card';
+import { Button } from '../Button/Button.tsx';
+import { Input } from '../Input/Input.tsx';
+import { Label } from '../Label/Label.tsx';
+import { Select } from '../Select/Select.tsx';
+import { Card } from './Card.tsx';
 
 type Story = StoryObj<typeof Card>;
 

package/src/components/Card/Card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
 const CardRoot = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(function CardRoot(
   { className, ...props },

package/src/components/Checkbox/Checkbox.spec.tsx

@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { Checkbox } from './Checkbox';
+import { Checkbox } from './Checkbox.tsx';
 
 const TEST_ID = 'checkbox';
 

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Checkbox } from './Checkbox';
+import { Checkbox } from './Checkbox.tsx';
 
 type Story = StoryObj<typeof Checkbox>;
 

package/src/components/Checkbox/Checkbox.tsx

@@ -3,7 +3,7 @@ import { forwardRef } from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
 
-import { cn } from '@/utils';
+import { cn } from '#utils';
 
 export const Checkbox = forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,