@douglasneuroinformatics/libui 2.0.3 → 2.0.5

package/dist/components/ThemeToggle/ThemeToggle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type ButtonProps } from '../Button/Button.js';
+export type ThemeToggleProps = Omit<ButtonProps, 'children' | 'size'>;
+export declare const ThemeToggle: ({ onClick, variant, ...props }: ThemeToggleProps) => React.JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,WAAW,mCAAgD,gBAAgB,sBAqBvF,CAAC"}

package/dist/components/ThemeToggle/ThemeToggle.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MoonIcon, SunIcon } from 'lucide-react';
+import { useTheme } from '../../hooks/useTheme.js';
+import { Button } from '../Button/Button.js';
+export const ThemeToggle = ({ onClick, variant = 'outline', ...props }) => {
+    const [theme, setTheme] = useTheme();
+    const toggleTheme = () => {
+        setTheme(theme === 'dark' ? 'light' : 'dark');
+    };
+    return (React.createElement(Button, { size: "icon", variant: variant, onClick: (event) => {
+            toggleTheme();
+            onClick?.(event);
+        }, ...props },
+        React.createElement(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        React.createElement(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })));
+};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const Tooltip: (({ children, delayDuration, skipDelayDuration }: import("./TooltipRoot.js").TooltipRootProps) => import("react").JSX.Element) & {
+    Content: import("react").ForwardRefExoticComponent<import("./TooltipContent.js").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("./TooltipTrigger.js").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Tooltip.d.ts.map

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

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

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,7 @@
+import { TooltipContent } from './TooltipContent.js';
+import { TooltipRoot } from './TooltipRoot.js';
+import { TooltipTrigger } from './TooltipTrigger.js';
+export const Tooltip = Object.assign(TooltipRoot, {
+    Content: TooltipContent,
+    Trigger: TooltipTrigger
+});

package/dist/components/Tooltip/TooltipContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type TooltipContentProps = {
+    /** The preferred alignment against the trigger, which may change when collisions occur. */
+    align?: 'center' | 'end' | 'start';
+    /** The content to display when the user hovers over the tooltip trigger */
+    children: React.ReactNode;
+    /** Additional CSS classes to add to the component, potentially overriding default styling */
+    className?: string;
+    /** The distance in pixels from the viewport edges where collision detection should occur */
+    collisionPadding?: number;
+    /** The distance in pixels from the trigger */
+    sideOffset?: number;
+};
+export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TooltipContent.d.ts.map

package/dist/components/Tooltip/TooltipContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC,2EAA2E;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,4FAe1B,CAAC"}

package/dist/components/Tooltip/TooltipContent.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Content } from '@radix-ui/react-tooltip';
+import { cn } from '../../utils.js';
+export const TooltipContent = React.forwardRef(function TooltipContent({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
+    return (React.createElement(Content, { className: cn('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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), collisionPadding: collisionPadding, ref: ref, sideOffset: sideOffset, ...props }));
+});

package/dist/components/Tooltip/TooltipRoot.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type TooltipRootProps = {
+    /** The tooltip trigger and content */
+    children: React.ReactNode;
+    /** The duration from when the mouse enters a tooltip trigger until the tooltip opens. */
+    delayDuration?: number;
+    /** How much time a user has to enter another trigger without incurring a delay again. */
+    skipDelayDuration?: number;
+};
+export declare const TooltipRoot: ({ children, delayDuration, skipDelayDuration }: TooltipRootProps) => React.JSX.Element;
+//# sourceMappingURL=TooltipRoot.d.ts.map

package/dist/components/Tooltip/TooltipRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,mDAA8D,gBAAgB,sBAMrG,CAAC"}

package/dist/components/Tooltip/TooltipRoot.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Provider, Root } from '@radix-ui/react-tooltip';
+export const TooltipRoot = ({ children, delayDuration = 0, skipDelayDuration = 300 }) => {
+    return (React.createElement(Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration },
+        React.createElement(Root, null, children)));
+};

package/dist/components/Tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type ButtonProps } from '../Button/Button.js';
+export type TooltipTriggerProps = Omit<ButtonProps, 'asChild'>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TooltipTrigger.d.ts.map

package/dist/components/Tooltip/TooltipTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,cAAc,+FAQ1B,CAAC"}

package/dist/components/Tooltip/TooltipTrigger.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Trigger } from '@radix-ui/react-tooltip';
+import { Button } from '../Button/Button.js';
+export const TooltipTrigger = React.forwardRef(function TooltipTrigger({ variant = 'outline', ...props }, ref) {
+    return (React.createElement(Trigger, { asChild: true, ref: ref },
+        React.createElement(Button, { variant: variant, ...props })));
+});

package/dist/components.d.ts

@@ -0,0 +1,55 @@
+export * from './components/Accordion/Accordion.js';
+export * from './components/AlertDialog/AlertDialog.js';
+export * from './components/ArrowToggle/ArrowToggle.js';
+export * from './components/Avatar/Avatar.js';
+export * from './components/Badge/Badge.js';
+export * from './components/Breadcrumb/Breadcrumb.js';
+export * from './components/Button/Button.js';
+export * from './components/Card/Card.js';
+export * from './components/Checkbox/Checkbox.js';
+export * from './components/Collapsible/Collapsible.js';
+export * from './components/Command/Command.js';
+export * from './components/ContextMenu/ContextMenu.js';
+export * from './components/DatePicker/DatePicker.js';
+export * from './components/Dialog/Dialog.js';
+export * from './components/Drawer/Drawer.js';
+export * from './components/DropdownButton/DropdownButton.js';
+export * from './components/DropdownMenu/DropdownMenu.js';
+export * from './components/ErrorBoundary/ErrorBoundary.js';
+export * from './components/ErrorFallback/ErrorFallback.js';
+export * from './components/Form/Form.js';
+export * from './components/Heading/Heading.js';
+export * from './components/HoverCard/HoverCard.js';
+export * from './components/Input/Input.js';
+export * from './components/Label/Label.js';
+export * from './components/LanguageToggle/LanguageToggle.js';
+export * from './components/LegacyDropdown/LegacyDropdown.js';
+export * from './components/LegacyModal/LegacyModal.js';
+export * from './components/LegacySelectDropdown/LegacySelectDropdown.js';
+export * from './components/LegacySlider/LegacySlider.js';
+export * from './components/LegacyStepper/LegacyStepper.js';
+export * from './components/LegacyTable/LegacyClientTable.js';
+export * from './components/LegacyTable/LegacyTable.js';
+export * from './components/LineGraph/LineGraph.js';
+export * from './components/MenuBar/MenuBar.js';
+export * from './components/NotificationHub/NotificationHub.js';
+export * from './components/Pagination/Pagination.js';
+export * from './components/Popover/Popover.js';
+export * from './components/Progress/Progress.js';
+export * from './components/RadioGroup/RadioGroup.js';
+export * from './components/Resizable/Resizable.js';
+export * from './components/ScrollArea/ScrollArea.js';
+export * from './components/SearchBar/SearchBar.js';
+export * from './components/Select/Select.js';
+export * from './components/Separator/Separator.js';
+export * from './components/Sheet/Sheet.js';
+export * from './components/Slider/Slider.js';
+export * from './components/Spinner/Spinner.js';
+export * from './components/SpinnerIcon/SpinnerIcon.js';
+export * from './components/Switch/Switch.js';
+export * from './components/Table/Table.js';
+export * from './components/Tabs/Tabs.js';
+export * from './components/TextArea/TextArea.js';
+export * from './components/ThemeToggle/ThemeToggle.js';
+export * from './components/Tooltip/Tooltip.js';
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC"}

package/dist/components.js

@@ -0,0 +1,54 @@
+export * from './components/Accordion/Accordion.js';
+export * from './components/AlertDialog/AlertDialog.js';
+export * from './components/ArrowToggle/ArrowToggle.js';
+export * from './components/Avatar/Avatar.js';
+export * from './components/Badge/Badge.js';
+export * from './components/Breadcrumb/Breadcrumb.js';
+export * from './components/Button/Button.js';
+export * from './components/Card/Card.js';
+export * from './components/Checkbox/Checkbox.js';
+export * from './components/Collapsible/Collapsible.js';
+export * from './components/Command/Command.js';
+export * from './components/ContextMenu/ContextMenu.js';
+export * from './components/DatePicker/DatePicker.js';
+export * from './components/Dialog/Dialog.js';
+export * from './components/Drawer/Drawer.js';
+export * from './components/DropdownButton/DropdownButton.js';
+export * from './components/DropdownMenu/DropdownMenu.js';
+export * from './components/ErrorBoundary/ErrorBoundary.js';
+export * from './components/ErrorFallback/ErrorFallback.js';
+export * from './components/Form/Form.js';
+export * from './components/Heading/Heading.js';
+export * from './components/HoverCard/HoverCard.js';
+export * from './components/Input/Input.js';
+export * from './components/Label/Label.js';
+export * from './components/LanguageToggle/LanguageToggle.js';
+export * from './components/LegacyDropdown/LegacyDropdown.js';
+export * from './components/LegacyModal/LegacyModal.js';
+export * from './components/LegacySelectDropdown/LegacySelectDropdown.js';
+export * from './components/LegacySlider/LegacySlider.js';
+export * from './components/LegacyStepper/LegacyStepper.js';
+export * from './components/LegacyTable/LegacyClientTable.js';
+export * from './components/LegacyTable/LegacyTable.js';
+export * from './components/LineGraph/LineGraph.js';
+export * from './components/MenuBar/MenuBar.js';
+export * from './components/NotificationHub/NotificationHub.js';
+export * from './components/Pagination/Pagination.js';
+export * from './components/Popover/Popover.js';
+export * from './components/Progress/Progress.js';
+export * from './components/RadioGroup/RadioGroup.js';
+export * from './components/Resizable/Resizable.js';
+export * from './components/ScrollArea/ScrollArea.js';
+export * from './components/SearchBar/SearchBar.js';
+export * from './components/Select/Select.js';
+export * from './components/Separator/Separator.js';
+export * from './components/Sheet/Sheet.js';
+export * from './components/Slider/Slider.js';
+export * from './components/Spinner/Spinner.js';
+export * from './components/SpinnerIcon/SpinnerIcon.js';
+export * from './components/Switch/Switch.js';
+export * from './components/Table/Table.js';
+export * from './components/Tabs/Tabs.js';
+export * from './components/TextArea/TextArea.js';
+export * from './components/ThemeToggle/ThemeToggle.js';
+export * from './components/Tooltip/Tooltip.js';

package/dist/context/LegacyStepperContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/** @deprecated */
+export declare const LegacyStepperContext: React.Context<{
+    index: number;
+    updateIndex: React.Dispatch<'decrement' | 'increment'>;
+}>;
+//# sourceMappingURL=LegacyStepperContext.d.ts.map

package/dist/context/LegacyStepperContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStepperContext.d.ts","sourceRoot":"","sources":["../../src/context/LegacyStepperContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,eAAO,MAAM,oBAAoB;WACxB,MAAM;iBACA,MAAM,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;EAC/C,CAAC"}

package/dist/context/LegacyStepperContext.js

@@ -0,0 +1,3 @@
+import React, { createContext } from 'react';
+/** @deprecated */
+export const LegacyStepperContext = createContext(null);

package/dist/hooks/useDownload.d.ts

@@ -0,0 +1,13 @@
+import type { Promisable } from 'type-fest';
+type DownloadOptions<T extends Blob | string = Blob | string> = T extends Blob ? {
+    blobType: 'image/png';
+} : {
+    blobType: 'text/csv' | 'text/plain';
+};
+/**
+ * Used to trigger downloads of arbitrary data to the client
+ * @returns A function to invoke the download
+ */
+export declare function useDownload(): <T extends string | Blob>(filename: string, fetchData: () => Promisable<T>, options?: DownloadOptions<T>) => Promise<void>;
+export {};
+//# sourceMappingURL=useDownload.d.ts.map

package/dist/hooks/useDownload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDownload.d.ts","sourceRoot":"","sources":["../../src/hooks/useDownload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAI5C,KAAK,eAAe,CAAC,CAAC,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,IAAI,GAC1E;IAAE,QAAQ,EAAE,WAAW,CAAA;CAAE,GACzB;IAAE,QAAQ,EAAE,UAAU,GAAG,YAAY,CAAA;CAAE,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,WAAW,wCA2Bb,MAAM,aACL,MAAM,WAAW,CAAC,CAAC,YACpB,gBAAgB,CAAC,CAAC,mBAiB/B"}

package/dist/hooks/useDownload.js

@@ -0,0 +1,42 @@
+import { useEffect, useState } from 'react';
+import { useNotificationsStore } from './useNotificationsStore.js';
+/**
+ * Used to trigger downloads of arbitrary data to the client
+ * @returns A function to invoke the download
+ */
+export function useDownload() {
+    const notifications = useNotificationsStore();
+    const [state, setState] = useState(null);
+    useEffect(() => {
+        if (state) {
+            const { blobType, data, filename } = state;
+            const anchor = document.createElement('a');
+            document.body.appendChild(anchor);
+            const blob = new Blob([data], { type: blobType });
+            const url = URL.createObjectURL(blob);
+            anchor.href = url;
+            anchor.download = filename;
+            anchor.click();
+            URL.revokeObjectURL(url);
+            anchor.remove();
+            setState(null);
+        }
+    }, [state]);
+    return async (filename, fetchData, options) => {
+        try {
+            const data = await fetchData();
+            if (typeof data !== 'string' && !options?.blobType) {
+                throw new Error("argument 'blobType' must be defined when download is called with a Blob object");
+            }
+            setState({ blobType: options?.blobType ?? 'text/plain', data, filename });
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'An unknown error occurred';
+            notifications.addNotification({
+                message,
+                title: 'Error',
+                type: 'error'
+            });
+        }
+    };
+}

package/dist/hooks/useEventCallback.d.ts

@@ -0,0 +1,2 @@
+export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
+//# sourceMappingURL=useEventCallback.d.ts.map

package/dist/hooks/useEventCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventCallback.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,aASrD,IAAI,OAClC"}

package/dist/hooks/useEventCallback.js

@@ -0,0 +1,11 @@
+import { useCallback, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+export function useEventCallback(fn) {
+    const ref = useRef(() => {
+        throw new Error('Cannot call an event handler while rendering.');
+    });
+    useIsomorphicLayoutEffect(() => {
+        ref.current = fn;
+    }, [fn]);
+    return useCallback((...args) => ref.current(...args), [ref]);
+}

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: AddEventListenerOptions | boolean): void;
+export { useEventListener };
+//# sourceMappingURL=useEventListener.d.ts.map

package/dist/hooks/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAK1D,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EAC9D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAClC,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO,GAC1C,IAAI,CAAC;AAGR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EACtD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,OAAO,CAAC,EAAE,SAAS,EACnB,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO,GAC1C,IAAI,CAAC;AAGR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAAE,CAAC,SAAS,WAAW,GAAG,cAAc,EACnG,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAChD,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EACrB,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO,GAC1C,IAAI,CAAC;AAGR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACxD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,EAC5B,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO,GAC1C,IAAI,CAAC;AAsCR,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/hooks/useEventListener.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+function useEventListener(eventName, handler, element, options) {
+    // Create a ref that stores handler
+    const savedHandler = useRef(handler);
+    useIsomorphicLayoutEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(() => {
+        // Define the listening target
+        const targetElement = element?.current ?? window;
+        if (!(targetElement && targetElement.addEventListener))
+            return;
+        // Create event listener that calls handler function stored in ref
+        const listener = (event) => savedHandler.current(event);
+        targetElement.addEventListener(eventName, listener, options);
+        // Remove event listener on cleanup
+        return () => {
+            targetElement.removeEventListener(eventName, listener, options);
+        };
+    }, [eventName, element, options]);
+}
+export { useEventListener };

package/dist/hooks/useInterval.d.ts

@@ -0,0 +1,2 @@
+export declare function useInterval(callback: () => void, delay: null | number): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/hooks/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../src/hooks/useInterval.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,QAoBrE"}

package/dist/hooks/useInterval.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+export function useInterval(callback, delay) {
+    const savedCallback = useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+}

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/hooks/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,yBAAyB,kBAA4C,CAAC"}

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,3 @@
+import { useEffect, useLayoutEffect } from 'react';
+import { isBrowser } from '../utils.js';
+export const useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect;

package/dist/hooks/useLegacyStepper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+/** @deprecated */
+export declare function useLegacyStepper(): {
+    index: number;
+    updateIndex: import("react").Dispatch<"increment" | "decrement">;
+};
+//# sourceMappingURL=useLegacyStepper.d.ts.map

package/dist/hooks/useLegacyStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLegacyStepper.d.ts","sourceRoot":"","sources":["../../src/hooks/useLegacyStepper.ts"],"names":[],"mappings":";AAIA,kBAAkB;AAClB,wBAAgB,gBAAgB;;;EAE/B"}

package/dist/hooks/useLegacyStepper.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { LegacyStepperContext } from '../context/LegacyStepperContext.js';
+/** @deprecated */
+export function useLegacyStepper() {
+    return useContext(LegacyStepperContext);
+}

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Get the result of an arbitrary CSS media query
+ *
+ * @param query - the CSS media query
+ * @returns a boolean indicating the result of the query
+ * @example
+ * // true if the viewport is at least 768px wide
+ * const matches = useMediaQuery('(min-width: 768px)')
+ */
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CA6BpD"}

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,34 @@
+import { useEffect, useState } from 'react';
+import { isBrowser } from '../utils.js';
+/**
+ * Get the result of an arbitrary CSS media query
+ *
+ * @param query - the CSS media query
+ * @returns a boolean indicating the result of the query
+ * @example
+ * // true if the viewport is at least 768px wide
+ * const matches = useMediaQuery('(min-width: 768px)')
+ */
+export function useMediaQuery(query) {
+    const getMatches = (query) => {
+        // Prevents SSR issues
+        if (isBrowser()) {
+            return window.matchMedia(query).matches;
+        }
+        return false;
+    };
+    const [matches, setMatches] = useState(getMatches(query));
+    function handleChange() {
+        setMatches(getMatches(query));
+    }
+    useEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        // Triggered at the first client-side load and if query changes
+        handleChange();
+        matchMedia.addEventListener('change', handleChange);
+        return () => {
+            matchMedia.removeEventListener('change', handleChange);
+        };
+    }, [query]);
+    return matches;
+}

package/dist/hooks/useNotificationsStore.d.ts

@@ -0,0 +1,14 @@
+export type NotificationInterface = {
+    id: number;
+    message?: string;
+    title?: string;
+    type: 'error' | 'info' | 'success' | 'warning';
+    variant?: 'critical' | 'standard';
+};
+export type NotificationsStore = {
+    addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;
+    dismissNotification: (id: number) => void;
+    notifications: NotificationInterface[];
+};
+export declare const useNotificationsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<NotificationsStore>>;
+//# sourceMappingURL=useNotificationsStore.d.ts.map

package/dist/hooks/useNotificationsStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationsStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useNotificationsStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3E,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,qBAAqB,EAAE,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,iFAY/B,CAAC"}

package/dist/hooks/useNotificationsStore.js

@@ -0,0 +1,14 @@
+import { create } from 'zustand';
+export const useNotificationsStore = create((set) => ({
+    addNotification: (notification) => {
+        set((state) => ({
+            notifications: [...state.notifications, { id: Date.now(), ...notification }]
+        }));
+    },
+    dismissNotification: (id) => {
+        set((state) => ({
+            notifications: state.notifications.filter((notification) => notification.id !== id)
+        }));
+    },
+    notifications: []
+}));

package/dist/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,5 @@
+import { type RefObject } from 'react';
+type Handler = (event: MouseEvent) => void;
+export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
+export {};
+//# sourceMappingURL=useOnClickOutside.d.ts.map

package/dist/hooks/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;AAE3C,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,OAAO,EAChB,UAAU,GAAE,WAAW,GAAG,SAAuB,GAChD,IAAI,CAWN"}

package/dist/hooks/useOnClickOutside.js

@@ -0,0 +1,12 @@
+import {} from 'react';
+import { useEventListener } from './useEventListener.js';
+export function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
+    useEventListener(mouseEvent, (event) => {
+        const el = ref.current;
+        // Do nothing if clicking ref's element or descendent elements
+        if (!el || el.contains(event.target)) {
+            return;
+        }
+        handler(event);
+    });
+}

package/dist/hooks/useSessionStorage.d.ts

@@ -0,0 +1,38 @@
+import type { Dispatch, SetStateAction } from 'react';
+declare global {
+    interface WindowEventMap {
+        'session-storage': CustomEvent;
+    }
+}
+/**
+ * Represents the options for customizing the behavior of serialization and deserialization.
+ * @template T - The type of the state to be stored in session storage.
+ */
+type UseSessionStorageOptions<T> = {
+    /** A function to deserialize the stored value. */
+    deserializer?: (value: string) => T;
+    /**
+     * If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+    /** A function to serialize the value before storing it. */
+    serializer?: (value: T) => string;
+};
+/**
+ * Custom hook that uses session storage to persist state across page reloads.
+ * @template T - The type of the state to be stored in session storage.
+ * @param {string} key - The key under which the value will be stored in session storage.
+ * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
+ * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).
+ * @returns {[T, Dispatch<SetStateAction<T>>]} A tuple containing the stored value and a function to set the value.
+ * @public
+ * @example
+ * ```tsx
+ * const [count, setCount] = useSessionStorage('count', 0);
+ * // Access the `count` value and the `setCount` function to update it.
+ * ```
+ */
+export declare function useSessionStorage<T>(key: string, initialValue: (() => T) | T, options?: UseSessionStorageOptions<T>): [T, Dispatch<SetStateAction<T>>];
+export {};
+//# sourceMappingURL=useSessionStorage.d.ts.map

package/dist/hooks/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMtD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,cAAc;QACtB,iBAAiB,EAAE,WAAW,CAAC;KAChC;CACF;AAED;;;GAGG;AACH,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACpC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAC3B,OAAO,GAAE,wBAAwB,CAAC,CAAC,CAAM,GACxC,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CA0GlC"}