@douglasneuroinformatics/libui 2.0.2 → 2.0.4

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const ContextMenu: import("react").FC<import("@radix-ui/react-context-menu").ContextMenuProps> & {
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<import("@radix-ui/react-context-menu").ContextMenuPortalProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSeparatorProps & 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-context-menu").ContextMenuSubProps>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CAetB,CAAC"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,26 @@
+import { Group, Portal, RadioGroup, Root, Sub, Trigger } from '@radix-ui/react-context-menu';
+import { ContextMenuCheckboxItem } from './ContextMenuCheckboxItem.js';
+import { ContextMenuContent } from './ContextMenuContent.js';
+import { ContextMenuItem } from './ContextMenuItem.js';
+import { ContextMenuLabel } from './ContextMenuLabel.js';
+import { ContextMenuRadioItem } from './ContextMenuRadioItem.js';
+import { ContextMenuSeparator } from './ContextMenuSeparator.js';
+import { ContextMenuShortcut } from './ContextMenuShortcut.js';
+import { ContextMenuSubContent } from './ContextMenuSubContent.js';
+import { ContextMenuSubTrigger } from './ContextMenuSubTrigger.js';
+export const ContextMenu = Object.assign(Root.bind(null), {
+    CheckboxItem: ContextMenuCheckboxItem,
+    Content: ContextMenuContent,
+    Group,
+    Item: ContextMenuItem,
+    Label: ContextMenuLabel,
+    Portal,
+    RadioGroup,
+    RadioItem: ContextMenuRadioItem,
+    Separator: ContextMenuSeparator,
+    Shortcut: ContextMenuShortcut,
+    Sub,
+    SubContent: ContextMenuSubContent,
+    SubTrigger: ContextMenuSubTrigger,
+    Trigger
+});

package/dist/components/ContextMenu/ContextMenuCheckboxItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuCheckboxItem.d.ts.map

package/dist/components/ContextMenu/ContextMenuCheckboxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuCheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,eAAO,MAAM,uBAAuB,6KAsBlC,CAAC"}

package/dist/components/ContextMenu/ContextMenuCheckboxItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { CheckIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+export const ContextMenuCheckboxItem = React.forwardRef(function ContextMenuCheckboxItem({ checked, children, className, ...props }, ref) {
+    return (React.createElement(ContextMenuPrimitive.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(ContextMenuPrimitive.ItemIndicator, null,
+                React.createElement(CheckIcon, { className: "h-4 w-4" }))),
+        children));
+});

package/dist/components/ContextMenu/ContextMenuContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuContent.d.ts.map

package/dist/components/ContextMenu/ContextMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,kBAAkB,wKAgB7B,CAAC"}

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../utils.js';
+export const ContextMenuContent = React.forwardRef(function ContextMenuContent({ className, ...props }, ref) {
+    return (React.createElement(ContextMenuPrimitive.Portal, null,
+        React.createElement(ContextMenuPrimitive.Content, { className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuItem.d.ts.map

package/dist/components/ContextMenu/ContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,eAAe;;wCAiB1B,CAAC"}

package/dist/components/ContextMenu/ContextMenuItem.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../utils.js';
+export const ContextMenuItem = React.forwardRef(function ContextMenuItem({ className, inset, ...props }, ref) {
+    return (React.createElement(ContextMenuPrimitive.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/ContextMenu/ContextMenuLabel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuLabel.d.ts.map

package/dist/components/ContextMenu/ContextMenuLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuLabel.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,gBAAgB;;wCAa3B,CAAC"}

package/dist/components/ContextMenu/ContextMenuLabel.js

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

package/dist/components/ContextMenu/ContextMenuRadioItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuRadioItem.d.ts.map

package/dist/components/ContextMenu/ContextMenuRadioItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,eAAO,MAAM,oBAAoB,0KAqB/B,CAAC"}

package/dist/components/ContextMenu/ContextMenuRadioItem.js

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

package/dist/components/ContextMenu/ContextMenuSeparator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuSeparator.d.ts.map

package/dist/components/ContextMenu/ContextMenuSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,oBAAoB,0KAK/B,CAAC"}

package/dist/components/ContextMenu/ContextMenuSeparator.js

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

package/dist/components/ContextMenu/ContextMenuShortcut.d.ts

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

package/dist/components/ContextMenu/ContextMenuShortcut.d.ts.map

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

package/dist/components/ContextMenu/ContextMenuShortcut.js

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

package/dist/components/ContextMenu/ContextMenuSubContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuSubContent.d.ts.map

package/dist/components/ContextMenu/ContextMenuSubContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSubContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuSubContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,qBAAqB,2KAchC,CAAC"}

package/dist/components/ContextMenu/ContextMenuSubContent.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../utils.js';
+export const ContextMenuSubContent = React.forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
+    return (React.createElement(ContextMenuPrimitive.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/ContextMenu/ContextMenuSubTrigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuSubTrigger.d.ts.map

package/dist/components/ContextMenu/ContextMenuSubTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSubTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuSubTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,eAAO,MAAM,qBAAqB;;wCAoBhC,CAAC"}

package/dist/components/ContextMenu/ContextMenuSubTrigger.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ChevronRightIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+export const ContextMenuSubTrigger = React.forwardRef(function ContextMenuSubTrigger({ children, className, inset, ...props }, ref) {
+    return (React.createElement(ContextMenuPrimitive.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/DatePicker/Calendar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const CALENDAR_ANIMATION_DURATION = 0.2;
+export type CalendarProps = {
+    month: number;
+    onSelection: (date: Date) => void;
+    year: number;
+};
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/DatePicker/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,sFAiDnB,CAAC"}

package/dist/components/DatePicker/Calendar.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { range } from 'lodash-es';
+import { useTranslation } from 'react-i18next';
+export const CALENDAR_ANIMATION_DURATION = 0.2; // seconds
+export const Calendar = React.forwardRef(function Calendar(props, ref) {
+    const { t } = useTranslation('libui');
+    const firstDay = new Date(props.year, props.month).getDay();
+    const lastDay = new Date(props.year, props.month + 1, 0).getDate();
+    const days = range(1, lastDay + 1);
+    const daysOfWeek = [
+        t('days.sunday'),
+        t('days.monday'),
+        t('days.tuesday'),
+        t('days.wednesday'),
+        t('days.thursday'),
+        t('days.friday'),
+        t('days.saturday')
+    ];
+    return (React.createElement(AnimatePresence, { initial: false, mode: "wait" },
+        React.createElement(motion.div, { animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -20 }, initial: { opacity: 0, x: 20 }, key: `${props.year}-${props.month}`, transition: { duration: CALENDAR_ANIMATION_DURATION } },
+            React.createElement("div", { className: "grid h-56 w-56 grid-cols-7 text-sm", ref: ref },
+                daysOfWeek.map((label) => (React.createElement("div", { className: "flex h-8 w-8 items-center justify-center text-muted-foreground", key: label }, label.charAt(0).toUpperCase()))),
+                React.createElement("div", { style: { gridColumn: `span ${firstDay} / span ${firstDay}` } }),
+                days.map((day) => (React.createElement("button", { className: "dark:hover:bg-extra-muted flex h-8 w-8 items-center justify-center rounded-md hover:bg-slate-200 dark:hover:bg-slate-700", key: day, tabIndex: -1, type: "button", onClick: () => {
+                        props.onSelection(new Date(props.year, props.month, day));
+                    } }, day)))))));
+});

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DatePickerProps = {
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onSelection: (value: Date) => void;
+};
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAwDpD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,wFA6FrB,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,79 @@
+import React, { useReducer, useState } from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
+import { cn } from '../../utils.js';
+import { ArrowToggle } from '../ArrowToggle/ArrowToggle.js';
+import { Card } from '../Card/Card.js';
+import { CALENDAR_ANIMATION_DURATION, Calendar } from './Calendar.js';
+import { YearSelector } from './YearSelector.js';
+const MONTHS = [
+    'january',
+    'february',
+    'march',
+    'april',
+    'may',
+    'june',
+    'july',
+    'august',
+    'september',
+    'october',
+    'november',
+    'december'
+];
+const reducer = (previousDate, action) => {
+    const newDate = new Date(previousDate.valueOf());
+    switch (action.type) {
+        case 'increment':
+            newDate.setMonth(newDate.getMonth() + 1);
+            break;
+        case 'decrement':
+            newDate.setMonth(newDate.getMonth() - 1);
+            break;
+        case 'set-year':
+            newDate.setFullYear(action.value);
+    }
+    return newDate;
+};
+export const DatePicker = React.forwardRef(function DatePicker({ onSelection, ...props }, ref) {
+    const [date, dispatch] = useReducer(reducer, new Date());
+    const [showYearSelector, setShowYearSelector] = useState(false);
+    const { t } = useTranslation('libui');
+    // this is to prevent changing month before prev calendar is unmounted
+    // the duration is doubled because presumably it is to mount old and mount new
+    const [canSetMonth, setCanSetMonth] = useState(true);
+    const monthName = t(`months.${MONTHS[date.getMonth()]}`);
+    const handleYearSelection = (date) => {
+        dispatch({ type: 'set-year', value: date.getFullYear() });
+        setShowYearSelector(false);
+    };
+    return (React.createElement(Card, { className: "w-fit p-3", "data-testid": "datepicker", ref: ref, ...props },
+        React.createElement("div", { className: "mb-3 flex items-center justify-between px-1" },
+            React.createElement("div", { className: "flex items-center" },
+                React.createElement("span", { className: "mx-1 text-sm font-medium tracking-tight" }, `${monthName} ${date.getFullYear()}`),
+                React.createElement(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", isToggled: showYearSelector, position: "up", rotation: 180, tabIndex: -1, onClick: () => {
+                        setShowYearSelector(!showYearSelector);
+                    } })),
+            React.createElement("div", { className: cn('flex', { hidden: showYearSelector }) },
+                React.createElement(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", position: "left", tabIndex: -1, onClick: () => {
+                        if (canSetMonth) {
+                            setCanSetMonth(false);
+                            dispatch({ type: 'decrement' });
+                            setTimeout(() => {
+                                setCanSetMonth(true);
+                            }, CALENDAR_ANIMATION_DURATION * 2000);
+                        }
+                    } }),
+                React.createElement(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", position: "right", tabIndex: -1, onClick: () => {
+                        if (canSetMonth) {
+                            setCanSetMonth(false);
+                            dispatch({ type: 'increment' });
+                            setTimeout(() => {
+                                setCanSetMonth(true);
+                            }, CALENDAR_ANIMATION_DURATION * 2000);
+                        }
+                    } }))),
+        React.createElement("div", null,
+            React.createElement(AnimatePresence, { initial: false, mode: "wait" }, showYearSelector ? (React.createElement(motion.div, { animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, initial: { opacity: 0, y: 10 }, key: 0, transition: { duration: 0.2 } },
+                React.createElement(YearSelector, { selected: date, onSelection: handleYearSelection }))) : (React.createElement(motion.div, { animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, initial: { opacity: 0, y: -10 }, key: 1, transition: { duration: 0.2 } },
+                React.createElement(Calendar, { month: date.getMonth(), year: date.getFullYear(), onSelection: onSelection })))))));
+});

package/dist/components/DatePicker/YearSelector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type YearSelectorProps = {
+    onSelection: (date: Date) => void;
+    selected: Date;
+};
+export declare const YearSelector: (props: YearSelectorProps) => React.JSX.Element;
+//# sourceMappingURL=YearSelector.d.ts.map

package/dist/components/DatePicker/YearSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/YearSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,iBAAiB,sBAoCpD,CAAC"}

package/dist/components/DatePicker/YearSelector.js

@@ -0,0 +1,20 @@
+import React, { useEffect, useRef } from 'react';
+import { range } from 'lodash-es';
+import { cn } from '../../utils.js';
+import { ScrollArea } from '../ScrollArea/ScrollArea.js';
+export const YearSelector = (props) => {
+    const selectedRef = useRef(null);
+    const currentYear = new Date().getFullYear();
+    const years = Array.from(range(currentYear - 100, currentYear + 8)).reverse();
+    useEffect(() => {
+        if (selectedRef.current) {
+            selectedRef.current.scrollIntoView({ block: 'center' });
+        }
+    }, []);
+    return (React.createElement(ScrollArea, { className: "h-56 w-56" },
+        React.createElement("div", { className: "grid grid-cols-3 gap-x-2 gap-y-1 text-sm text-muted-foreground" }, years.map((year) => (React.createElement("div", { className: "flex h-7 items-center justify-center", key: year },
+            React.createElement("button", { className: cn('h-full w-full rounded-md hover:bg-slate-200 dark:hover:bg-slate-700', year === props.selected.getFullYear() &&
+                    'bg-primary text-primary-foreground hover:bg-primary dark:hover:bg-primary'), ref: year === props.selected.getFullYear() ? selectedRef : null, tabIndex: -1, type: "button", onClick: () => {
+                    props.onSelection(new Date(year, 0));
+                } }, year)))))));
+};

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const Dialog: import("react").FC<import("@radix-ui/react-dialog").DialogProps> & {
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    Footer: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Header: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Dialog.d.ts.map

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

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

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,14 @@
+import { Root, Trigger } from '@radix-ui/react-dialog';
+import { DialogContent } from './DialogContent.js';
+import { DialogDescription } from './DialogDescription.js';
+import { DialogFooter } from './DialogFooter.js';
+import { DialogHeader } from './DialogHeader.js';
+import { DialogTitle } from './DialogTitle.js';
+export const Dialog = Object.assign(Root.bind(null), {
+    Content: DialogContent,
+    Description: DialogDescription,
+    Footer: DialogFooter,
+    Header: DialogHeader,
+    Title: DialogTitle,
+    Trigger
+});

package/dist/components/Dialog/DialogContent.d.ts

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

package/dist/components/Dialog/DialogContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,aAAa,+KAsBxB,CAAC"}

package/dist/components/Dialog/DialogContent.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Close, Content, Portal } from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../../utils.js';
+import { DialogOverlay } from './DialogOverlay.js';
+export const DialogContent = React.forwardRef(function DialogContent({ children, className, ...props }, ref) {
+    return (React.createElement(Portal, null,
+        React.createElement(DialogOverlay, null),
+        React.createElement(Content, { className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), ref: ref, ...props },
+            children,
+            React.createElement(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" },
+                React.createElement(XIcon, { className: "h-4 w-4" })))));
+});

package/dist/components/Dialog/DialogDescription.d.ts

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

package/dist/components/Dialog/DialogDescription.d.ts.map

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

package/dist/components/Dialog/DialogDescription.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Description } from '@radix-ui/react-dialog';
+import { cn } from '../../utils.js';
+export const DialogDescription = React.forwardRef(function DialogDescription({ className, ...props }, ref) {
+    return React.createElement(Description, { className: cn('text-sm text-muted-foreground', className), ref: ref, ...props });
+});

package/dist/components/Dialog/DialogFooter.d.ts

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

package/dist/components/Dialog/DialogFooter.d.ts.map

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

package/dist/components/Dialog/DialogFooter.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { cn } from '../../utils.js';
+export const DialogFooter = ({ className, ...props }) => (React.createElement("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));

package/dist/components/Dialog/DialogHeader.d.ts

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

package/dist/components/Dialog/DialogHeader.d.ts.map

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

package/dist/components/Dialog/DialogHeader.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { cn } from '../../utils.js';
+export const DialogHeader = ({ className, ...props }) => (React.createElement("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));

package/dist/components/Dialog/DialogOverlay.d.ts

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

package/dist/components/Dialog/DialogOverlay.d.ts.map

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

package/dist/components/Dialog/DialogOverlay.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Overlay } from '@radix-ui/react-dialog';
+import { cn } from '../../utils.js';
+export const DialogOverlay = React.forwardRef(function DialogOverlay({ className, ...props }, ref) {
+    return (React.createElement(Overlay, { className: cn('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ref: ref, ...props }));
+});

package/dist/components/Dialog/DialogTitle.d.ts

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

package/dist/components/Dialog/DialogTitle.d.ts.map

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

package/dist/components/Dialog/DialogTitle.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Title } from '@radix-ui/react-dialog';
+import { cn } from '../../utils.js';
+export const DialogTitle = React.forwardRef(function DialogTitle({ className, ...props }, ref) {
+    return React.createElement(Title, { className: cn('text-lg font-semibold leading-none tracking-tight', className), ref: ref, ...props });
+});

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+export declare const Drawer: (({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => React.JSX.Element) & {
+    Close: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog", { with: { "resolution-mode": "require" } }).DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog", { with: { "resolution-mode": "require" } }).DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        onAnimationEnd?: ((open: boolean) => void) | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog", { with: { "resolution-mode": "require" } }).DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    Header: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    Title: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog", { with: { "resolution-mode": "require" } }).DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog", { with: { "resolution-mode": "require" } }).DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAYjD,eAAO,MAAM,MAAM,yCAJ6C,MAAM,cAAc,CAAC,OAAO,gBAAgB,IAAI,CAAC;;;;;;;;;;CAY/G,CAAC"}

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+import { DrawerContent } from './DrawerContent.js';
+import { DrawerDescription } from './DrawerDescription.js';
+import { DrawerFooter } from './DrawerFooter.js';
+import { DrawerHeader } from './DrawerHeader.js';
+import { DrawerTitle } from './DrawerTitle.js';
+const DrawerRoot = ({ shouldScaleBackground = true, ...props }) => (React.createElement(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
+export const Drawer = Object.assign(DrawerRoot, {
+    Close: DrawerPrimitive.Close,
+    Content: DrawerContent,
+    Description: DrawerDescription,
+    Footer: DrawerFooter,
+    Header: DrawerHeader,
+    Title: DrawerTitle,
+    Trigger: DrawerPrimitive.Trigger
+});