@douglasneuroinformatics/libui 5.0.1 → 6.0.0

package/dist/components/Heading/Heading.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '#utils';
+export const Heading = ({ children, className, variant }) => {
+    switch (variant) {
+        case 'h1':
+            return _jsx("h1", { className: cn('text-3xl font-bold tracking-tight', className), children: children });
+        case 'h2':
+            return _jsx("h2", { className: cn('text-2xl font-semibold tracking-tight', className), children: children });
+        case 'h3':
+            return _jsx("h3", { className: cn('text-xl font-semibold tracking-tight', className), children: children });
+        case 'h4':
+            return _jsx("h4", { className: cn('text-lg font-semibold tracking-tight', className), children: children });
+        case 'h5':
+            return _jsx("h5", { className: cn('text-base font-semibold tracking-tight', className), children: children });
+        default:
+            throw new Error(`Unhandled heading variant: ${variant}`);
+    }
+};
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAQ5B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAgB,EAAE,EAAE;IACxE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;QAC5F,KAAK,IAAI;YACP,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;QAChG,KAAK,IAAI;YACP,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;QAC/F,KAAK,IAAI;YACP,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;QAC/F,KAAK,IAAI;YACP,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;QACjG;YACE,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAuB,EAAE,CAAC,CAAC;IAC7E,CAAC;AACH,CAAC,CAAC"}

package/dist/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,5 @@
+export declare const HoverCard: import("react").FC<import("@radix-ui/react-hover-card").HoverCardProps> & {
+    Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-hover-card").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-hover-card").HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+//# sourceMappingURL=HoverCard.d.ts.map

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

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

package/dist/components/HoverCard/HoverCard.js

@@ -0,0 +1,7 @@
+import { Root, Trigger } from '@radix-ui/react-hover-card';
+import { HoverCardContent } from "./HoverCardContent.js";
+export const HoverCard = Object.assign(Root.bind(null), {
+    Content: HoverCardContent,
+    Trigger
+});
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IACtD,OAAO,EAAE,gBAAgB;IACzB,OAAO;CACR,CAAC,CAAC"}

package/dist/components/HoverCard/HoverCardContent.d.ts

@@ -0,0 +1,2 @@
+export declare const HoverCardContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-hover-card").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HoverCardContent.d.ts.map

package/dist/components/HoverCard/HoverCardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCardContent.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,oNAgB3B,CAAC"}

package/dist/components/HoverCard/HoverCardContent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Content } from '@radix-ui/react-hover-card';
+import { cn } from '#utils';
+export const HoverCardContent = forwardRef(function HoverCardContent({ align = 'center', className, sideOffset = 4, ...props }, ref) {
+    return (_jsx(Content, { align: align, className: cn('bg-popover text-popover-foreground 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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden', className), ref: ref, sideOffset: sideOffset, ...props }));
+});
+//# sourceMappingURL=HoverCardContent.js.map

package/dist/components/HoverCard/HoverCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.js","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxF,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,8aAA8a,EAC9a,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,qFAchB,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '#utils';
+export const Input = React.forwardRef(function Input({ className, type, ...props }, ref) {
+    return (_jsx("input", { autoComplete: "off", className: cn('border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-80 focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className), "data-testid": "input", ref: ref, type: type, ...props }));
+});
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAI5B,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnH,OAAO,CACL,gBACE,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,EAAE,CACX,gWAAgW,EAChW,SAAS,CACV,iBACW,OAAO,EACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KACN,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import type { VariantProps } from 'class-variance-authority';
+export declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,eAAO,MAAM,aAAa,oFAEzB,CAAC;AAEF,eAAO,MAAM,KAAK,0RAKhB,CAAC"}

package/dist/components/Label/Label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '#utils';
+export const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70');
+export const Label = forwardRef(function Label({ className, ...props }, ref) {
+    return _jsx(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref: ref, ...props });
+});
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,sJAAsJ,CACvJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3C,OAAO,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACjG,CAAC,CAAC,CAAC"}

package/dist/components/LanguageToggle/LanguageToggle.d.ts

@@ -0,0 +1,14 @@
+import type { Language } from '#i18n';
+import type { ButtonProps } from '../Button/Button.tsx';
+export type LanguageToggleProps = {
+    align?: 'center' | 'end' | 'start';
+    contentClassName?: string;
+    itemClassName?: string;
+    options: {
+        [L in Language]?: string;
+    };
+    triggerClassName?: string;
+    variant?: ButtonProps['variant'];
+};
+export declare const LanguageToggle: ({ align, contentClassName, itemClassName, options, triggerClassName, variant }: LanguageToggleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LanguageToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE;SACN,CAAC,IAAI,QAAQ,CAAC,CAAC,EAAE,MAAM;KACzB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gFAO5B,mBAAmB,4CAsBrB,CAAC"}

package/dist/components/LanguageToggle/LanguageToggle.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LanguagesIcon } from 'lucide-react';
+import { useTranslation } from '#hooks';
+import { Button } from "../Button/Button.js";
+import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+export const LanguageToggle = ({ align = 'start', contentClassName, itemClassName, options = {}, triggerClassName, variant = 'outline' }) => {
+    const { changeLanguage } = useTranslation('libui');
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(Button, { className: triggerClassName, size: "icon", variant: variant, children: _jsx(LanguagesIcon, {}) }) }), _jsx(DropdownMenu.Content, { align: align, className: contentClassName, children: Object.keys(options).map((option) => (_jsx(DropdownMenu.Item, { className: itemClassName, onClick: () => void changeLanguage(option), children: options[option] }, option))) })] }));
+};
+//# sourceMappingURL=LanguageToggle.js.map

package/dist/components/LanguageToggle/LanguageToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageToggle.js","sourceRoot":"","sources":["../../../src/components/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAkC,CAAC;AAehE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,aAAa,EACb,OAAO,GAAG,EAAE,EACZ,gBAAgB,EAChB,OAAO,GAAG,SAAS,EACC,EAAE,EAAE;IACxB,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACnD,OAAO,CACL,MAAC,YAAY,eACX,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBAC3B,KAAC,MAAM,IAAC,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,YAC/D,KAAC,aAAa,KAAG,GACV,GACY,EACvB,KAAC,YAAY,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,YAC5D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,KAAC,YAAY,CAAC,IAAI,IAChB,SAAS,EAAE,aAAa,EAExB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC,MAAkB,CAAC,YAErD,OAAO,CAAC,MAAkB,CAAC,IAHvB,MAAM,CAIO,CACrB,CAAC,GACmB,IACV,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ListboxDropdown/ListboxDropdown.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { ButtonProps } from '../Button/Button.tsx';
+export type ListboxDropdownOption = {
+    key: string;
+    label: string;
+};
+export type ListboxDropdownProps<T extends ListboxDropdownOption> = {
+    checkPosition?: 'left' | 'right';
+    className?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+    options: T[];
+    selected: T[];
+    setSelected: React.Dispatch<React.SetStateAction<T[]>>;
+    title: string;
+    triggerClassName?: string;
+    variant?: ButtonProps['variant'];
+    widthFull?: boolean;
+};
+export declare const ListboxDropdown: <T extends ListboxDropdownOption>({ contentClassName, disabled, options, selected, setSelected, title, triggerClassName, widthFull }: ListboxDropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListboxDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListboxDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ListboxDropdown/ListboxDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,qBAAqB,IAAI;IAClE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,qBAAqB,EAAE,oGAS9D,oBAAoB,CAAC,CAAC,CAAC,4CAiCzB,CAAC"}

package/dist/components/ListboxDropdown/ListboxDropdown.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '#utils';
+import { DropdownButton } from "../DropdownButton/DropdownButton.js";
+import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+export const ListboxDropdown = ({ contentClassName, disabled, options, selected, setSelected, title, triggerClassName, widthFull }) => {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, className: cn('w-full', triggerClassName), disabled: disabled, children: _jsx(DropdownButton, { children: title }) }), _jsx(DropdownMenu.Content, { align: "start", className: contentClassName, widthFull: widthFull, children: options.map((option) => {
+                    const checked = Boolean(selected.find((selectedOption) => selectedOption.key === option.key));
+                    return (_jsx(DropdownMenu.CheckboxItem, { checked: checked, className: "flex w-full items-center bg-slate-50 p-2 text-sm whitespace-nowrap hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700", "data-testid": "select-dropdown-option", onSelect: (event) => {
+                            event.preventDefault();
+                            if (checked) {
+                                setSelected((prevSelected) => {
+                                    return prevSelected.filter((selectedOption) => selectedOption.key !== option.key);
+                                });
+                            }
+                            else {
+                                setSelected((prevSelected) => [...prevSelected, option]);
+                            }
+                        }, children: option.label }, option.key));
+                }) })] }));
+};
+//# sourceMappingURL=ListboxDropdown.js.map

package/dist/components/ListboxDropdown/ListboxDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListboxDropdown.js","sourceRoot":"","sources":["../../../src/components/ListboxDropdown/ListboxDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAsC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAkC,CAAC;AAuBhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAkC,EAC/D,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACX,KAAK,EACL,gBAAgB,EAChB,SAAS,EACe,EAAE,EAAE;IAC5B,OAAO,CACL,MAAC,YAAY,eACX,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,QAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,YACzF,KAAC,cAAc,cAAE,KAAK,GAAkB,GACnB,EACvB,KAAC,YAAY,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,YAClF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC9F,OAAO,CACL,KAAC,YAAY,CAAC,YAAY,IACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iIAAiI,iBAC/H,wBAAwB,EAEpC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,IAAI,OAAO,EAAE,CAAC;gCACZ,WAAW,CAAC,CAAC,YAAY,EAAE,EAAE;oCAC3B,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;gCACpF,CAAC,CAAC,CAAC;4BACL,CAAC;iCAAM,CAAC;gCACN,WAAW,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;4BAC3D,CAAC;wBACH,CAAC,YAEA,MAAM,CAAC,KAAK,IAZR,MAAM,CAAC,GAAG,CAaW,CAC7B,CAAC;gBACJ,CAAC,CAAC,GACmB,IACV,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/OneTimePasswordInput/OneTimePasswordInput.d.ts

@@ -0,0 +1,9 @@
+import type { Promisable } from 'type-fest';
+type OneTimePasswordInputProps = {
+    [key: `data-${string}`]: unknown;
+    className?: string;
+    onComplete: (code: number) => Promisable<void>;
+};
+export declare const OneTimePasswordInput: ({ className, onComplete, ...props }: OneTimePasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OneTimePasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OneTimePasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/OneTimePasswordInput/OneTimePasswordInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAS5C,KAAK,yBAAyB,GAAG;IAC/B,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC;CAChD,CAAC;AAQF,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,yBAAyB,4CAoFlG,CAAC"}

package/dist/components/OneTimePasswordInput/OneTimePasswordInput.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useNotificationsStore, useTranslation } from '#hooks';
+import { cn } from '#utils';
+const CODE_LENGTH = 6;
+const EMPTY_CODE = Object.freeze(Array(CODE_LENGTH).fill(null));
+function getUpdatedDigits(digits, index, value) {
+    const updatedDigits = [...digits];
+    updatedDigits[index] = value;
+    return updatedDigits;
+}
+export const OneTimePasswordInput = ({ className, onComplete, ...props }) => {
+    const notifications = useNotificationsStore();
+    const { t } = useTranslation('libui');
+    const [digits, setDigits] = useState([...EMPTY_CODE]);
+    const inputRefs = digits.map(() => useRef(null));
+    useEffect(() => {
+        const isComplete = digits.every((value) => Number.isInteger(value));
+        if (isComplete) {
+            void onComplete(parseInt(digits.join('')));
+            setDigits([...EMPTY_CODE]);
+        }
+    }, [digits]);
+    const focusNext = (index) => inputRefs[index + 1 === digits.length ? 0 : index + 1]?.current?.focus();
+    const focusPrev = (index) => inputRefs[index - 1 >= 0 ? index - 1 : digits.length - 1]?.current?.focus();
+    const handleChange = (e, index) => {
+        let value;
+        if (e.target.value === '') {
+            value = null;
+        }
+        else if (Number.isInteger(parseInt(e.target.value))) {
+            value = parseInt(e.target.value);
+        }
+        else {
+            return;
+        }
+        setDigits((prevDigits) => getUpdatedDigits(prevDigits, index, value));
+        focusNext(index);
+    };
+    const handleKeyDown = (e, index) => {
+        switch (e.key) {
+            case 'ArrowLeft':
+                focusPrev(index);
+                break;
+            case 'ArrowRight':
+                focusNext(index);
+                break;
+            case 'Backspace':
+                setDigits((prevDigits) => getUpdatedDigits(prevDigits, index - 1, null));
+                focusPrev(index);
+        }
+    };
+    const handlePaste = (e) => {
+        e.preventDefault();
+        const pastedDigits = e.clipboardData
+            .getData('text/plain')
+            .split('')
+            .slice(0, CODE_LENGTH)
+            .map((value) => parseInt(value));
+        const isValid = pastedDigits.length === CODE_LENGTH && pastedDigits.every((value) => Number.isInteger(value));
+        if (isValid) {
+            setDigits(pastedDigits);
+        }
+        else {
+            notifications.addNotification({
+                message: t('oneTimePasswordInput.invalidCodeFormat'),
+                type: 'warning'
+            });
+        }
+    };
+    return (_jsx("div", { className: cn('flex gap-2', className), ...props, children: digits.map((_, index) => (_jsx("input", { className: "w-1/6 rounded-md border border-slate-300 bg-transparent p-2 text-center shadow-xs hover:border-slate-300 focus:border-sky-800 focus:outline-hidden dark:border-slate-600 dark:hover:border-slate-400 dark:focus:border-sky-500", maxLength: 1, ref: inputRefs[index], type: "text", value: digits[index] ?? '', onChange: (e) => {
+                handleChange(e, index);
+            }, onKeyDown: (e) => {
+                handleKeyDown(e, index);
+            }, onPaste: handlePaste }, index))) }));
+};
+//# sourceMappingURL=OneTimePasswordInput.js.map

package/dist/components/OneTimePasswordInput/OneTimePasswordInput.js.map

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

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+export declare const Popover: import("react").FC<import("@radix-ui/react-popover").PopoverProps> & {
+    Content: import("react").ForwardRefExoticComponent<import("./PopoverContent.tsx").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Popover.d.ts.map

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

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

package/dist/components/Popover/Popover.js

@@ -0,0 +1,7 @@
+import { Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
+import { PopoverContent } from "./PopoverContent.js";
+export const Popover = Object.assign(PopoverRoot.bind(null), {
+    Content: PopoverContent,
+    Trigger: PopoverTrigger
+});
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IAC3D,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC"}

package/dist/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type PopoverContentProps = {
+    /** The preferred alignment against the anchor, which may change when collisions occur */
+    align?: 'center' | 'end' | 'start';
+    /** Change the default rendered element for the one passed as a child, merging their props and behavior */
+    asChild?: boolean;
+    /** Whether the content should be automatically focused when opened (default = true) */
+    autofocus?: boolean;
+    /** The content to display when the user opens the popover */
+    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 anchor */
+    sideOffset?: number;
+};
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PopoverContent.d.ts.map

package/dist/components/Popover/PopoverContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,yFAAyF;IACzF,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;IACnC,0GAA0G;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,4FAuB1B,CAAC"}

package/dist/components/Popover/PopoverContent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Content, Portal } from '@radix-ui/react-popover';
+import { cn } from '#utils';
+export const PopoverContent = React.forwardRef(function PopoverContent({ align = 'center', asChild, autofocus = true, className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
+    return (_jsx(Portal, { children: _jsx(Content, { align: align, asChild: asChild, className: cn('bg-popover text-popover-foreground 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 z-50 w-72 rounded-md border px-3 py-1.5 shadow-md outline-hidden', className), collisionPadding: collisionPadding, ref: ref, sideOffset: sideOffset, onOpenAutoFocus: autofocus === false ? (event) => event.preventDefault() : undefined, ...props }) }));
+});
+//# sourceMappingURL=PopoverContent.js.map

package/dist/components/Popover/PopoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAmB5B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CACrB,EAAE,KAAK,GAAG,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,gBAAgB,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAC1G,GAAG;IAEH,OAAO,CACL,KAAC,MAAM,cACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,sbAAsb,EACtb,SAAS,CACV,EACD,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,KAChF,KAAK,GACT,GACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { RadioGroupProps };
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAWvF,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { cn } from '#utils';
+import { RadioGroupItem } from "./RadioGroupItem.js";
+const RadioGroupRoot = React.forwardRef(function RadioGroup({ className, ...props }, ref) {
+    return (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-2', className), "data-testid": "radio-group", ...props, ref: ref }));
+});
+export const RadioGroup = Object.assign(RadioGroupRoot, {
+    Item: RadioGroupItem
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAItD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAChD,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,iBAAc,aAAa,KAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACpH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC"}

package/dist/components/RadioGroup/RadioGroupItem.d.ts

@@ -0,0 +1,3 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=RadioGroupItem.d.ts.map

package/dist/components/RadioGroup/RadioGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,eAAO,MAAM,cAAc,uMAqBzB,CAAC"}

package/dist/components/RadioGroup/RadioGroupItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '#utils';
+export const RadioGroupItem = forwardRef(function RadioGroupItem({ className, ...props }, ref) {
+    return (_jsx(RadioGroupPrimitive.Item, { className: cn('border-primary text-primary focus-visible:ring-ring flex aspect-square h-4 w-4 items-center justify-center rounded-full border shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props, children: _jsx(RadioGroupPrimitive.Indicator, { asChild: true, children: _jsx(CircleIcon, { className: "fill-current text-current", style: { height: '0.625rem', strokeWidth: '2px', width: '0.625rem' } }) }) }));
+});
+//# sourceMappingURL=RadioGroupItem.js.map

package/dist/components/RadioGroup/RadioGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpD,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CACX,oOAAoO,EACpO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,OAAO,kBACpC,KAAC,UAAU,IACT,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GACpE,GAC4B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,3 @@
+import { Root } from '@radix-ui/react-scroll-area';
+export declare const ScrollArea: ({ children, className, ...props }: React.ComponentProps<typeof Root>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAA8B,MAAM,6BAA6B,CAAC;AAIvF,eAAO,MAAM,UAAU,GAAI,mCAAmC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,4CAa9F,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Corner, Root, Scrollbar, Thumb, Viewport } from '@radix-ui/react-scroll-area';
+import { cn } from '#utils';
+export const ScrollArea = ({ children, className, ...props }) => {
+    return (_jsxs(Root, { className: cn('relative overflow-hidden', className), "data-testid": "scroll-area", ...props, children: [_jsx(Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(Scrollbar, { className: "flex h-full w-2.5 touch-none border-l border-l-transparent p-[1px] transition-colors select-none", orientation: "vertical", children: _jsx(Thumb, { className: "bg-border relative flex-1 rounded-full" }) }), _jsx(Corner, {})] }));
+};
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvF,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqC,EAAE,EAAE;IACjG,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,iBAAc,aAAa,KAAK,KAAK,aAC7F,KAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAY,EAC3E,KAAC,SAAS,IACR,SAAS,EAAC,kGAAkG,EAC5G,WAAW,EAAC,UAAU,YAEtB,KAAC,KAAK,IAAC,SAAS,EAAC,wCAAwC,GAAG,GAClD,EACZ,KAAC,MAAM,KAAG,IACL,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,27 @@
+type BaseSearchBarProps = {
+    [key: `data-${string}`]: unknown;
+    /** Additional CSS classes to add to the wrapper form component, potentially overriding default styling */
+    className?: string;
+    /** The ID to pass to the HTMLFormElement  */
+    id?: string;
+    /** An optional callback invoked when the user clicks the search bar */
+    onClick?: () => void;
+    /** Custom placeholder to use instead of the default */
+    placeholder?: string;
+    /** Whether the input element should be readonly */
+    readOnly?: boolean;
+};
+type ControlledSearchBarProps = BaseSearchBarProps & {
+    /** Event handler called when the value changes */
+    onValueChange: (value: string) => void;
+    /** The controlled value of the search bar, which should be used in conjunction with onValueChange */
+    value: string;
+};
+type UncontrolledSearchBarProps = BaseSearchBarProps & {
+    onValueChange?: never;
+    value?: never;
+};
+export type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
+export declare const SearchBar: ({ className, onClick, onValueChange, placeholder, readOnly, value, ...props }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export type { BaseSearchBarProps };
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAOA,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,0GAA0G;IAC1G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,kBAAkB,GAAG;IACnD,kDAAkD;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,0BAA0B,CAAC;AAEnF,eAAO,MAAM,SAAS,GAAI,+EAQvB,cAAc,4CAkBhB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/SearchBar/SearchBar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from 'lucide-react';
+import { useTranslation } from '#hooks';
+import { cn } from '#utils';
+import { Input } from "../Input/Input.js";
+export const SearchBar = ({ className, onClick, onValueChange, placeholder, readOnly, value, ...props }) => {
+    const { t } = useTranslation('libui');
+    return (_jsxs("form", { className: cn('relative', className), ...props, children: [_jsx(SearchIcon, { className: "text-muted-foreground absolute top-2.5 left-2 h-4 w-4" }), _jsx(Input, { className: "pl-8", placeholder: placeholder ?? t('searchBar.placeholder'), readOnly: readOnly, type: "search", value: value, onChange: (event) => {
+                    onValueChange?.(event.target.value);
+                }, onClick: () => onClick?.() })] }));
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AA8B3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,aACnD,KAAC,UAAU,IAAC,SAAS,EAAC,uDAAuD,GAAG,EAChF,KAAC,KAAK,IACJ,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,uBAAuB,CAAC,EACtD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,aAAa,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,GAC1B,IACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,13 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+export declare const Select: import("react").FC<SelectPrimitive.SelectProps> & {
+    Content: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ScrollUpButton: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Value: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAU1D,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}

package/dist/components/Select/Select.js

@@ -0,0 +1,20 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { SelectContent } from "./SelectContent.js";
+import { SelectItem } from "./SelectItem.js";
+import { SelectLabel } from "./SelectLabel.js";
+import { SelectScrollDownButton } from "./SelectScrollDownButton.js";
+import { SelectScrollUpButton } from "./SelectScrollUpButton.js";
+import { SelectSeparator } from "./SelectSeparator.js";
+import { SelectTrigger } from "./SelectTrigger.js";
+export const Select = Object.assign(SelectPrimitive.Root.bind(null), {
+    Content: SelectContent,
+    Group: SelectPrimitive.Group,
+    Item: SelectItem,
+    Label: SelectLabel,
+    ScrollDownButton: SelectScrollDownButton,
+    ScrollUpButton: SelectScrollUpButton,
+    Separator: SelectSeparator,
+    Trigger: SelectTrigger,
+    Value: SelectPrimitive.Value
+});
+//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA8B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IACnE,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,gBAAgB,EAAE,sBAAsB;IACxC,cAAc,EAAE,oBAAoB;IACpC,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,eAAe,CAAC,KAAK;CAC7B,CAAC,CAAC"}

package/dist/components/Select/SelectContent.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectContent.d.ts.map

package/dist/components/Select/SelectContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,aAAa,4LA+BxB,CAAC"}

package/dist/components/Select/SelectContent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cn } from '#utils';
+import { SelectScrollDownButton } from "./SelectScrollDownButton.js";
+import { SelectScrollUpButton } from "./SelectScrollUpButton.js";
+export const SelectContent = forwardRef(function SelectContent({ children, className, position = 'popper', ...props }, ref) {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { className: cn('bg-popover text-popover-foreground 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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md', position === 'popper' &&
+                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ref: ref, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                        'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+});
+//# sourceMappingURL=SelectContent.js.map