@douglasneuroinformatics/libui 2.0.3 → 2.0.5

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

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

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

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

package/dist/components/MenuBar/MenuBarRadioItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ItemIndicator, RadioItem } from '@radix-ui/react-menubar';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+export const MenuBarRadioItem = React.forwardRef(function MenuBarRadioItem({ children, className, ...props }, ref) {
+    return (React.createElement(RadioItem, { 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(CircleIcon, { className: "fill-current", style: { height: 8, width: 8 } }))),
+        children));
+});

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

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

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

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

package/dist/components/MenuBar/MenuBarRoot.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Root } from '@radix-ui/react-menubar';
+import { cn } from '../../utils.js';
+export const MenuBarRoot = React.forwardRef(function MenuBarRoot({ className, ...props }, ref) {
+    return (React.createElement(Root, { className: cn('flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm', className), ref: ref, ...props }));
+});

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

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

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

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

package/dist/components/MenuBar/MenuBarSeparator.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Separator } from '@radix-ui/react-menubar';
+import { cn } from '../../utils.js';
+export const MenuBarSeparator = React.forwardRef(function MenuBarSeparator({ className, ...props }, ref) {
+    return React.createElement(Separator, { className: cn('-mx-1 my-1 h-px bg-muted', className), ref: ref, ...props });
+});

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MenuBarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
+//# sourceMappingURL=MenuBarShortcut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBarShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/MenuBarShortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,4BAA6B,MAAM,cAAc,CAAC,eAAe,CAAC,sBAE7F,CAAC"}

package/dist/components/MenuBar/MenuBarShortcut.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { cn } from '../../utils.js';
+export const MenuBarShortcut = ({ className, ...props }) => {
+    return React.createElement("span", { className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className), ...props });
+};

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

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

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

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

package/dist/components/MenuBar/MenuBarSubContent.js

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

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

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

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

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

package/dist/components/MenuBar/MenuBarSubTrigger.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SubTrigger } from '@radix-ui/react-menubar';
+import { ChevronRightIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+export const MenuBarSubTrigger = React.forwardRef(function MenuBarSubTrigger({ children, className, inset, ...props }, ref) {
+    return (React.createElement(SubTrigger, { className: 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), ref: ref, ...props },
+        children,
+        React.createElement(ChevronRightIcon, { className: "ml-auto h-4 w-4" })));
+});

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

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

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

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

package/dist/components/MenuBar/MenuBarTrigger.js

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

package/dist/components/NotificationHub/NotificationHub.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationHub.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationHub/NotificationHub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,oBAAoB,GAAG;IAC1B,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,gBAAwB,oBAAoB,sBAoDhE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/components/NotificationHub/NotificationHub.js

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

package/dist/components/NotificationHub/NotificationIcon.d.ts

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

package/dist/components/NotificationHub/NotificationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationHub/NotificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,qBAAqB,sBAW/D,CAAC"}

package/dist/components/NotificationHub/NotificationIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CheckCircleIcon, ExclamationCircleIcon, InformationCircleIcon, XCircleIcon } from '@heroicons/react/24/solid';
+import {} from '../../hooks/useNotificationsStore.js';
+export const NotificationIcon = ({ type }) => {
+    switch (type) {
+        case 'info':
+            return React.createElement(InformationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-blue-500" });
+        case 'success':
+            return React.createElement(CheckCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-green-500" });
+        case 'warning':
+            return React.createElement(ExclamationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-yellow-500" });
+        case 'error':
+            return React.createElement(XCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-red-500" });
+    }
+};