@vertesia/ui 0.78.0-dev-28b447d → 0.79.0

package/lib/esm/core/components/Avatar.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function getRealSize(size) {
+    switch (size) {
+        case 'xs': return 'size-4';
+        case 'sm': return 'size-6';
+        case 'md': return 'size-8';
+        case 'lg': return 'size-10';
+        case 'xl': return 'size-12';
+        case '2xl': return 'size-14';
+        default: throw new Error('Unexpected size: ' + size);
+    }
+}
+export function Avatar({ size, src, name, shape = "circle", color = 'bg-gray-500', className }) {
+    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
+    const sizeClass = getRealSize(size || 'md');
+    if (src) {
+        return (_jsx("img", { className: `inline-block ${sizeClass} ${rounded} ${color} ${className}`, src: src, alt: name || src, title: name }));
+    }
+    if (name) {
+        const [first, second] = name.split(' ');
+        let text = second ? `${first[0]}${second[0]}` : `${first[0]}${first[1]}`;
+        return (_jsx("span", { className: `inline-flex ${sizeClass} items-center justify-center ${rounded} ${color} ${className}`, title: name, children: _jsx("span", { className: `${(size != 'xs') ? 'text-xs' : 'text-[0.6rem]'} font-medium leading-none text-white`, children: text }) }));
+    }
+    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color}`, children: _jsx("svg", { className: "h-full w-full text-gray-300", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" }) }) }));
+}
+export function SvgAvatar({ size, shape = "circle", color = 'bg-gray-500', className, children }) {
+    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
+    const sizeClass = getRealSize(size || 'md');
+    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color} ${className}`, children: children }));
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/esm/core/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/core/components/Avatar.tsx"],"names":[],"mappings":";AACA,SAAS,WAAW,CAAC,IAA8C;IAC/D,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS,CAAC;QAC7B,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAe;IACvG,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAE5C,IAAI,GAAG,EAAE,CAAC;QACN,OAAO,CACH,cACI,SAAS,EAAE,gBAAgB,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EACvE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,IAAI,GAAG,EAChB,KAAK,EAAE,IAAI,GACb,CACL,CAAA;IACL,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,OAAO,CACH,eAAM,SAAS,EAAE,eAAe,SAAS,gCAAgC,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,YACjH,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,sCAAsC,YAAG,IAAI,GAAQ,GAClH,CACV,CAAA;IACL,CAAC;IAED,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,EAAE,YAC5E,cAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YAChF,eAAM,CAAC,EAAC,4HAA4H,GAAG,GACrI,GACH,CACV,CAAA;AACL,CAAC;AAKD,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAkB;IAC5G,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5C,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,YACxF,QAAQ,GACN,CACV,CAAA;AACL,CAAC"}

package/lib/esm/core/components/Badge.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "./libs/utils";
+// Base badge variants
+const badgeVariants = cva("inline-flex items-center rounded-md px-2 py-1 text-xs font-medium", {
+    variants: {
+        variant: {
+            default: "text-foreground bg-muted",
+            secondary: "bg-secondary text-primary",
+            destructive: "bg-destructive text-destructive",
+            attention: "bg-attention text-attention",
+            success: "bg-success text-success",
+            info: "bg-info text-info",
+            done: "bg-done text-done",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+// Base Badge component
+export function Badge({ className, variant, children, onClick, ...props }) {
+    return (_jsx("span", { className: cn(badgeVariants({ variant }), className), onClick: onClick, ...props, children: children }));
+}
+const dotBadgeVariants = cva(
+// Base styles
+"inline-flex items-center gap-x-1.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-border", {
+    variants: {
+        variant: {
+            default: "",
+            success: "",
+            destructive: "",
+            attention: "",
+            done: "",
+            info: "",
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+// Separate dot variants to allow className overrides
+const dotVariants = cva("h-1.5 w-1.5", {
+    variants: {
+        variant: {
+            default: "fill-foreground",
+            success: "fill-success",
+            destructive: "fill-destructive",
+            attention: "fill-attention",
+            done: "fill-done",
+            info: "fill-info",
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+export function DotBadge({ variant, className, dotClassName, // New prop for dot-specific classes
+children, ...props }) {
+    return (_jsxs("span", { className: cn(dotBadgeVariants({ variant }), className), ...props, children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: cn(dotVariants({ variant }), dotClassName), viewBox: "0 0 6 6", "aria-hidden": "true", children: _jsx("circle", { cx: 3, cy: 3, r: 3 }) }) }), _jsx("span", { className: "truncate", children: children })] }));
+}
+//# sourceMappingURL=Badge.js.map

package/lib/esm/core/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,sBAAsB;AACtB,MAAM,aAAa,GAAG,GAAG,CACvB,mEAAmE,EACnE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,iCAAiC;YAC9C,SAAS,EAAE,6BAA6B;YACxC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAUD,uBAAuB;AACvB,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAkB;IACvF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EACpD,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG;AAC1B,cAAc;AACd,2GAA2G,EAC3G;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,qDAAqD;AACrD,MAAM,WAAW,GAAG,GAAG,CAAC,aAAa,EAAE;IACrC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,kBAAkB;YAC/B,SAAS,EAAE,gBAAgB;YAC3B,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAUH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,YAAY,EAAE,oCAAoC;AAClD,QAAQ,EACR,GAAG,KAAK,EACM;IACd,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,aAET,cAAK,SAAS,EAAC,eAAe,YAC5B,cACE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,CAAC,EACrD,OAAO,EAAC,SAAS,iBACL,MAAM,YAElB,iBAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,GAC1B,GACF,EACN,eAAM,SAAS,EAAC,UAAU,YACvB,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/core/components/Button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Spinner } from "./Spinner.js";
+function getRealSize(size) {
+    switch (size) {
+        case 'xs': return 'rounded-xs px-2 py-1 text-xs gap-x-1';
+        case 'sm': return 'rounded-xs px-2 py-1 text-sm gap-x-1';
+        case 'md': return 'rounded-md px-2.5 py-1.5 text-sm gap-x-1.5';
+        case 'lg': return 'rounded-md px-3 py-2 text-sm gap-x-1.5';
+        case 'xl': return 'rounded-md px-3.5 py-2.5 text-sm gap-x-2';
+        default: throw new Error('Unexpected size: ' + size);
+    }
+}
+const Variants = {
+    primary: "shadow-2xs bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600",
+    secondary: "shadow-2xs bg-white text-gray-900 hover:bg-gray-50 ring-1 ring-inset ring-gray-300",
+    soft: "shadow-2xs bg-indigo-50 text-indigo-600 hover:bg-indigo-100",
+    ghost: "text-indigo-600 hover:bg-indigo-100 dark:text-indigo-400 dark:hover:bg-indigo-900",
+    unstyled: ""
+};
+const SpinnerVariants = {
+    primary: "text-white",
+    secondary: "text-indigo-500",
+    soft: "text-indigo-600",
+    ghost: "text-indigo-600",
+    unstyled: "text-gray-600"
+};
+export function Button({ title, className, type = 'button', children, size, onClick, variant = "primary", isLoading = false, isDisabled = false }) {
+    const sizeClass = getRealSize(size || 'md');
+    return (_jsxs("button", { title: title, disabled: isDisabled || isLoading, onClick: onClick, type: type, className: clsx("whitespace-nowrap inline-flex items-center justify-center font-semibold hover:cursor-pointer", Variants[variant], sizeClass, isDisabled && "cursor-not-allowed text-gray-300!", className), children: [isLoading && _jsx(Spinner, { className: SpinnerVariants[variant], size: size }), children] }));
+}
+//# sourceMappingURL=Button.js.map

package/lib/esm/core/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,SAAS,WAAW,CAAC,IAAsC;IACvD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,OAAO,sCAAsC,CAAC;QACzD,KAAK,IAAI,CAAC,CAAC,OAAO,sCAAsC,CAAC;QACzD,KAAK,IAAI,CAAC,CAAC,OAAO,4CAA4C,CAAC;QAC/D,KAAK,IAAI,CAAC,CAAC,OAAO,wCAAwC,CAAC;QAC3D,KAAK,IAAI,CAAC,CAAC,OAAO,0CAA0C,CAAC;QAC7D,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;AACL,CAAC;AAED,MAAM,QAAQ,GAAG;IACb,OAAO,EAAE,uKAAuK;IAChL,SAAS,EAAE,oFAAoF;IAC/F,IAAI,EAAE,6DAA6D;IACnE,KAAK,EAAE,mFAAmF;IAC1F,QAAQ,EAAE,EAAE;CACf,CAAA;AAED,MAAM,eAAe,GAAG;IACpB,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,eAAe;CAC5B,CAAA;AAaD,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAe;IAC1J,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5C,OAAO,CACH,kBACI,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EACL,IAAI,CAAC,8FAA8F,EAC/F,QAAQ,CAAC,OAAO,CAAC,EACjB,SAAS,EACT,UAAU,IAAI,mCAAmC,EACjD,SAAS,CACZ,aAEJ,SAAS,IAAI,KAAC,OAAO,IAAC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,EACzE,QAAQ,IACJ,CACZ,CAAA;AACL,CAAC"}

package/lib/esm/core/components/Center.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export function Center({ className, children }) {
+    return (_jsx("div", { className: clsx('flex items-center justify-center', className), children: children }));
+}
+//# sourceMappingURL=Center.js.map

package/lib/esm/core/components/Center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/core/components/Center.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAe;IACvD,OAAO,CACH,cAAK,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CACxF,CAAA;AACL,CAAC"}

package/lib/esm/core/components/ComboBox.js

@@ -0,0 +1,356 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import clsx from 'clsx';
+import React, { useEffect, useRef, useState } from 'react';
+import { Popup } from "./popup/index";
+const INPUT_UNSTYLED = "block m-0 p-0 border-0 focus:outline-none focus:ring-0 bg-transparent";
+const INPUT_NO_PADDING = "block sm:text-sm sm:leading-6 rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-slate-600 dark:text-slate-50 dark:bg-slate-800 placeholder:text-gray-400 dark:placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:focus:ring-indigo-800";
+const INPUT = INPUT_NO_PADDING + " py-1.5";
+const COMBOBOX_POPUP = "combobox-popup";
+function genComboboxPopupId() {
+    return `combobox-popup-${Math.floor(Math.random() * 1000000)}`;
+}
+export class OptionAdapter {
+    filter(items, text) {
+        const lcText = text.toLowerCase();
+        return items.filter((item) => this.valueOf(item).toLowerCase().includes(lcText));
+    }
+    renderOption(item) {
+        return this.valueOf(item);
+    }
+    findById(items, id) {
+        return items.find(item => this.idOf(item) === id);
+    }
+    // override to support creating new items
+    createItem(_value) {
+        return null; // default is no new item
+    }
+}
+export class StringOptionAdapter extends OptionAdapter {
+    valueOf(item) {
+        return String(item);
+    }
+    idOf(item) {
+        return String(item);
+    }
+    static instance = new StringOptionAdapter();
+}
+export class StringOptionAdapterWithCreate extends StringOptionAdapter {
+    createItem(value) {
+        return value;
+    }
+    static instance = new StringOptionAdapterWithCreate();
+}
+export function getDefaultComboBoxLayout(fullWidth, unstyledInput) {
+    return {
+        buttonRight: 4,
+        buttonWidth: 24,
+        maxMenuHeight: 240,
+        menuClass: "w-72 bg-white mt-1 shadow-md border border-gray-200 overflow-auto p-0 z-10",
+        inputClass: clsx(unstyledInput ? INPUT_UNSTYLED : INPUT, fullWidth ? "w-full" : "!w-auto"),
+        optionClass: "py-2 px-3 shadow-sm flex flex-col [&.option-selected]:font-semibold [&.option-highlighted]:bg-blue-300",
+        Input: (ComboInput),
+        Menu: (ComboMenu),
+        Toggle: (ComboToggle),
+    };
+}
+export function ComboBox({ menuAlign = "fill", menuGap, focusOnMount, onSelect, value, zIndex, unstyledInput, fullWidth, api, layout: layoutOpts, adapter, items, placeholder }) {
+    const [popupId] = useState(genComboboxPopupId());
+    const popupCtrl = useRef(undefined);
+    const inputRef = useRef(null);
+    const layout = layoutOpts ? Object.assign(getDefaultComboBoxLayout(fullWidth, unstyledInput), layoutOpts) : getDefaultComboBoxLayout(fullWidth, unstyledInput);
+    const inputBoxRef = React.useRef(null);
+    const ctrl = useComboboxCtrl({
+        adapter,
+        items,
+        value,
+        popupId
+    });
+    useEffect(() => {
+        if (inputRef.current) {
+            focusOnMount && inputRef.current.focus();
+        }
+    }, [inputRef.current]);
+    // the onSelect callback may change so we need to refresh it.
+    useEffect(() => {
+        ctrl.onSelect = onSelect;
+        ctrl.popupCtrl = popupCtrl.current;
+    }, [onSelect, popupCtrl.current]);
+    useEffect(() => {
+        if (api && ctrl && inputRef.current) {
+            api.current = {
+                open: () => ctrl.openMenu(),
+                close: () => ctrl.closeMenu(),
+                toggle: () => ctrl.toggleMenu(),
+                setInputValue: (value) => ctrl.inputText = value,
+                inputValue: ctrl.inputText || '',
+                selectedItem: ctrl.selectedItem,
+                focus: () => inputRef.current?.focus()
+            };
+            return () => {
+                api.current = null;
+            };
+        }
+    }, [api, ctrl, inputRef.current]);
+    const showMenu = ctrl.isMenuOpen && ctrl.filteredItems.length > 0;
+    return (_jsxs(_Fragment, { children: [_jsx(layout.Input, { boxRef: inputBoxRef, inputRef: inputRef, ctrl: ctrl, layout: layout, placeholder: placeholder }), _jsx(Popup, { id: popupId, ctrlRef: popupCtrl, className: COMBOBOX_POPUP, closeOnClick: true, closeOnEsc: true, onClose: () => ctrl.closeMenu(), isOpen: showMenu, anchor: inputBoxRef, zIndex: zIndex, constraints: {
+                    position: "bottom",
+                    align: menuAlign,
+                    gap: menuGap != null ? menuGap : 4
+                }, children: _jsx(layout.Menu, { fillWidth: menuAlign === "fill", items: ctrl.filteredItems, ctrl: ctrl, layout: layout, adapter: adapter }) })] }));
+}
+function ComboInput({ inputRef, placeholder, boxRef, ctrl, layout }) {
+    const buttonWidth = layout.buttonWidth;
+    const style = buttonWidth > 0 ? { paddingRight: `${buttonWidth}px` } : undefined;
+    const Toggle = layout.Toggle;
+    return (_jsxs("div", { className: "relative", ref: boxRef, children: [_jsx("input", { ref: inputRef, placeholder: placeholder, ...ctrl.getInputProps(), style: style, className: layout.inputClass }), Toggle &&
+                _jsx("button", { style: {
+                        top: 0, bottom: 0, right: `${layout.buttonRight}px`, width: `${buttonWidth}px`,
+                        position: "absolute",
+                        border: "none",
+                        padding: 0,
+                        margin: 0,
+                        backgroundColor: "transparent",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center"
+                    }, ...ctrl.getToggleButtonProps(), children: _jsx(Toggle, { ctrl: ctrl, layout: layout }) })] }));
+}
+function ComboToggle({ ctrl }) {
+    return ctrl.isMenuOpen ? _jsx(ChevronUpIcon, { className: "w-4 h-4" }) : _jsx(ChevronDownIcon, { className: "w-4 h-4" });
+}
+function ComboMenu({ fillWidth, items, layout, ctrl, adapter }) {
+    const { highlightedIndex, selectedItem } = ctrl;
+    return (_jsx("ul", { style: { width: fillWidth ? "100%" : undefined, maxHeight: layout.maxMenuHeight ? `${layout.maxMenuHeight}px` : '240px' }, className: layout.menuClass, ...ctrl.getMenuProps(), children: items.map((item, index) => (_jsx("li", { "data-index": index, className: clsx(layout.optionClass, highlightedIndex === index && "option-highlighted", selectedItem === item && "option-selected"), ...ctrl.getItemProps(item, index), children: adapter.renderOption(item) }, adapter.idOf(item)))) }));
+}
+export function useComboboxCtrl(props) {
+    const [ctrl, setCtrl] = useState(new ComboboxController(props));
+    useEffect(() => {
+        ctrl?.withState(setCtrl);
+    }, []);
+    return ctrl;
+}
+class ComboboxController {
+    popupId;
+    items;
+    adapter;
+    onSelect;
+    setState;
+    _selectedItem = null;
+    _filteredItems;
+    _inputText = "";
+    _highlightedIndex = null;
+    _isMenuOpen = false;
+    popupCtrl;
+    constructor({ adapter, items, value, popupId }) {
+        this.adapter = adapter;
+        this.items = items;
+        this.popupId = popupId;
+        if (typeof value === "string") {
+            this._inputText = value;
+        }
+        else if (value) {
+            this._selectedItem = adapter.findById(items, adapter.idOf(value)) || null;
+            if (this._selectedItem) {
+                this._inputText = adapter.valueOf(value);
+            }
+        }
+        if (this._inputText) {
+            this._filteredItems = this.adapter.filter(this.items, this._inputText);
+        }
+        else {
+            this._filteredItems = this.items;
+        }
+    }
+    withState(setState) {
+        this.setState = setState;
+        return this;
+    }
+    clone() {
+        const clone = new ComboboxController({ adapter: this.adapter, items: this.items, popupId: this.popupId });
+        clone.setState = this.setState;
+        clone.onSelect = this.onSelect;
+        clone._inputText = this._inputText;
+        clone._highlightedIndex = this._highlightedIndex;
+        clone._selectedItem = this._selectedItem;
+        clone._isMenuOpen = this._isMenuOpen;
+        clone._filteredItems = this._filteredItems;
+        clone.popupCtrl = this.popupCtrl;
+        return clone;
+    }
+    updateState() {
+        this.setState?.(this.clone());
+    }
+    get filteredItems() {
+        if (this._inputText) {
+            return this.adapter.filter(this.items, this._inputText);
+        }
+        else {
+            return this.items;
+        }
+    }
+    get selectedItem() {
+        return this._selectedItem;
+    }
+    set selectedItem(item) {
+        this._selectedItem = item;
+        this._inputText = item ? this.adapter.valueOf(item) : "";
+        this._filteredItems = this._inputText ?
+            this.adapter.filter(this.items, this._inputText)
+            : this.items;
+        this.updateState();
+        this.onSelect?.(item);
+    }
+    get isMenuOpen() {
+        return this._isMenuOpen;
+    }
+    set inputText(inputText) {
+        this._inputText = inputText;
+        if (inputText) {
+            this._filteredItems = this.adapter.filter(this.items, inputText);
+        }
+        else {
+            this._filteredItems = this.items;
+        }
+        this._highlightedIndex = null;
+        this._selectedItem = null;
+        this.updateState();
+        // TODO -- experimental - it works but it's not perfect
+        // we need to update if the popup is on top and the filtered items changed
+        if (this.isMenuOpen && this.popupCtrl) {
+            const popupCtrl = this.popupCtrl;
+            const popupPosition = popupCtrl.context?.position?.position;
+            if (popupPosition && popupPosition === "top") {
+                window.setTimeout(() => {
+                    popupCtrl.update();
+                }, 100);
+            }
+        }
+    }
+    get inputText() {
+        return this._inputText;
+    }
+    set highlightedIndex(index) {
+        this._highlightedIndex = index;
+        this.updateState();
+    }
+    get highlightedIndex() {
+        return this._highlightedIndex;
+    }
+    openMenu() {
+        if (this._filteredItems.length > 0) {
+            this._isMenuOpen = true;
+            //this._highlightedIndex = 0;
+            this.updateState();
+        }
+        else {
+            // TODO nothing to show.
+            // display a create value option?
+        }
+    }
+    closeMenu(_item) {
+        if (this._isMenuOpen) {
+            this._highlightedIndex = null;
+            this._isMenuOpen = false;
+            this.updateState();
+        }
+    }
+    toggleMenu() {
+        if (this._isMenuOpen) {
+            this.closeMenu();
+        }
+        else {
+            this.openMenu();
+        }
+    }
+    highlightIndex(index, navigateToTop = false) {
+        this.highlightedIndex = index;
+        const popup = document.getElementById(this.popupId);
+        if (popup) {
+            popup.querySelector(`li[data-index="${index}"]`)?.scrollIntoView(navigateToTop);
+        }
+    }
+    getMenuProps() {
+        return {};
+    }
+    getToggleButtonProps() {
+        return {
+            onClick: () => {
+                this._isMenuOpen = !this._isMenuOpen;
+                this.updateState();
+            }
+        };
+    }
+    getItemProps(item, index) {
+        return {
+            "aria-selected": this._highlightedIndex === index,
+            onClick: () => {
+                this.selectedItem = item;
+                this.closeMenu();
+            },
+            onMouseEnter: () => {
+                if (this.highlightedIndex !== index) {
+                    this.highlightedIndex = index;
+                }
+            },
+            onMouseLeave: () => {
+                if (this.highlightedIndex === index) {
+                    this.highlightedIndex = null;
+                }
+            }
+        };
+    }
+    getInputProps() {
+        const items = this._filteredItems;
+        return {
+            onClick: () => {
+                this.openMenu();
+            },
+            onChange: (ev) => {
+                const value = ev.target.value;
+                this.inputText = value;
+                this.openMenu();
+            },
+            value: this.inputText,
+            onKeyDown: (ev) => {
+                const key = ev.key;
+                if (key === "Enter") {
+                    if (this.highlightedIndex != null) {
+                        this.selectedItem = items[this.highlightedIndex || 0];
+                    }
+                    else {
+                        // create new value?
+                        if (this.inputText) {
+                            const item = this.adapter.createItem(this.inputText);
+                            if (item) {
+                                this.items.push(item);
+                                this.selectedItem = item;
+                            }
+                        }
+                    }
+                    this.closeMenu();
+                }
+                else if (key === "ArrowDown") {
+                    if (this.isMenuOpen) {
+                        this.highlightIndex(this.highlightedIndex === null ? 0 : incrModulo(this.highlightedIndex, items.length), false);
+                    }
+                    else {
+                        this.openMenu();
+                    }
+                }
+                else if (key === "ArrowUp") {
+                    if (this.isMenuOpen) {
+                        this.highlightIndex(this.highlightedIndex === null ? 0 : decrModulo(this.highlightedIndex, items.length), true);
+                    }
+                }
+            }
+        };
+    }
+}
+function incrModulo(value, max) {
+    return (value + 1) % max;
+}
+function decrModulo(value, max) {
+    return (value - 1 + max) % max;
+}
+//# sourceMappingURL=ComboBox.js.map

package/lib/esm/core/components/ComboBox.js.map

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

package/lib/esm/core/components/ConfirmModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TriangleAlert } from "lucide-react";
+import { useRef } from "react";
+import { VModal, VModalTitle, VModalFooter } from "./shadcn";
+import { Button } from "./shadcn/button";
+export function ConfirmModal({ title, content, onConfirm, onCancel, isOpen }) {
+    const cancelButtonRef = useRef(null);
+    return (_jsxs(VModal, { isOpen: isOpen, onClose: onCancel, description: "Confirm Modal", children: [_jsxs("div", { className: "sm:flex sm:items-start p-2", children: [_jsx("div", { className: "mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10", children: _jsx(TriangleAlert, { className: "size-6 text-red-600", "aria-hidden": "true" }) }), _jsxs("div", { className: "mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left", children: [_jsx(VModalTitle, { className: "leading-6", show: true, children: title }), _jsx("div", { className: "mt-2", children: _jsx("div", { className: "prose text-sm text-gray-500", children: content }) })] })] }), _jsxs(VModalFooter, { align: "right", children: [_jsx(Button, { variant: "destructive", onClick: onConfirm, children: "Confirm" }), _jsx(Button, { variant: "outline", onClick: onCancel, ref: cancelButtonRef, children: "Cancel" })] })] }));
+}
+//# sourceMappingURL=ConfirmModal.js.map

package/lib/esm/core/components/ConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/core/components/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAUxC,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAqB;IAC3F,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpC,OAAO,CACH,MAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAC,eAAe,aAClE,eAAK,SAAS,EAAC,4BAA4B,aACvC,cAAK,SAAS,EAAC,6GAA6G,YACxH,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,iBAAa,MAAM,GAAG,GAClE,EACN,eAAK,SAAS,EAAC,+CAA+C,aAC1D,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,kBAClC,KAAK,GACI,EACd,cAAK,SAAS,EAAC,MAAM,YACjB,cAAK,SAAS,EAAC,6BAA6B,YACvC,OAAO,GACN,GACJ,IACJ,IACJ,EACN,MAAC,YAAY,IAAC,KAAK,EAAC,OAAO,aACvB,KAAC,MAAM,IACH,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,SAAS,wBAGb,EACT,KAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,eAAe,uBAGf,IACE,IACV,CACZ,CAAA;AACL,CAAC"}

package/lib/esm/core/components/DeleteModal.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfirmModal } from "./ConfirmModal.js";
+import { useToast } from "./toast/index.js";
+export function DeleteModal({ idToDelete, title, content, setIdToDelete, deleteApi }) {
+    const toast = useToast();
+    const doDelete = async () => {
+        if (!idToDelete) {
+            return;
+        }
+        return deleteApi(idToDelete)
+            .then(() => {
+            toast({
+                title: 'Delete succeeded',
+                status: 'success'
+            });
+        }).catch((err) => {
+            toast({
+                title: 'Failed to delete',
+                description: err.message ?? 'An error occurred while deleting the object',
+                status: 'error'
+            });
+        }).finally(() => {
+            setIdToDelete(undefined);
+        });
+    };
+    return (_jsx(ConfirmModal, { title: title, content: content, isOpen: !!idToDelete, onConfirm: doDelete, onCancel: () => { setIdToDelete(undefined); } }));
+}
+//# sourceMappingURL=DeleteModal.js.map

package/lib/esm/core/components/DeleteModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../src/core/components/DeleteModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAS5C,MAAM,UAAU,WAAW,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAoB;IAClG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAExB,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QACD,OAAO,SAAS,CAAC,UAAU,CAAC;aACvB,IAAI,CAAC,GAAG,EAAE;YACP,KAAK,CAAC;gBACF,KAAK,EAAE,kBAAkB;gBACzB,MAAM,EAAE,SAAS;aACpB,CAAC,CAAC;QACP,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE;YAClB,KAAK,CAAC;gBACF,KAAK,EAAE,kBAAkB;gBACzB,WAAW,EAAE,GAAG,CAAC,OAAO,IAAI,6CAA6C;gBACzE,MAAM,EAAE,OAAO;aAClB,CAAC,CAAC;QACP,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YACZ,aAAa,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,CAAC,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,GAAG,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAI,CACxD,CAAC;AACN,CAAC"}

package/lib/esm/core/components/Divider.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export function Divider({ className }) {
+    return (_jsx("hr", { className: clsx("w-full h-0.5 border-t-0 bg-border", className) }));
+}
+//# sourceMappingURL=Divider.js.map

package/lib/esm/core/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/core/components/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAgB;IAC/C,OAAO,CACH,aAAI,SAAS,EAAE,IAAI,CAAC,mCAAmC,EAAE,SAAS,CAAC,GAAI,CAC1E,CAAA;AACL,CAAC"}

package/lib/esm/core/components/Dropdown.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu, MenuButton, MenuItems, MenuItem as _MenuItem, Transition } from '@headlessui/react';
+import clsx from 'clsx';
+import { Fragment } from 'react';
+export function Dropdown({ trigger, children }) {
+    return (_jsxs(Menu, { as: "div", className: "relative", children: [_jsx(MenuButton, { as: "span", className: "-m-1.5 flex items-center p-1.5", children: trigger }), _jsx(Transition, { as: Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95", children: _jsx(MenuItems, { className: "absolute right-0 z-10 mt-2.5 w-48 origin-top-right rounded-md bg-white dark:bg-slate-900 dark:border-slate-800 dark:border py-2 shadow-lg ring-1 ring-gray-900/5 dark:ring-slate-200/5 focus:outline-hidden", children: children }) })] }));
+}
+export function MenuItem({ children, href = '#', onClick, closeOnClick = true, isDisabled = false }) {
+    return (_jsx(_MenuItem, { disabled: isDisabled, children: ({ active, close }) => (_jsx("a", { href: href, onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onClick && onClick(e);
+                closeOnClick && close();
+            }, className: clsx(active ? 'bg-gray-50 dark:bg-slate-800' : '', isDisabled ? 'opacity-50 cursor-not-allowed' : '', 'block px-3 py-1 text-sm leading-6 text-gray-900 dark:text-gray-200'), children: children })) }));
+}
+//# sourceMappingURL=Dropdown.js.map

package/lib/esm/core/components/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/core/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAiB;IACzD,OAAO,CACH,MAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,aAC/B,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,gCAAgC,YAC3D,OAAO,GACC,EACb,KAAC,UAAU,IACP,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B,YAEtC,KAAC,SAAS,IAAC,SAAS,EAAC,6MAA6M,YAC7N,QAAQ,GACD,GACH,IACV,CACV,CAAA;AACL,CAAC;AASD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,KAAK,EAAiB;IAC9G,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAE,UAAU,YAEvB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnB,YACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;gBACtB,YAAY,IAAI,KAAK,EAAE,CAAC;YAC5B,CAAC,EACD,SAAS,EAAE,IAAI,CACX,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAC5C,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,EACjD,oEAAoE,CACvE,YAEA,QAAQ,GACT,CACP,GACG,CACf,CAAA;AACL,CAAC"}

package/lib/esm/core/components/DropdownList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition } from "@headlessui/react";
+import { Check, ChevronDown } from "lucide-react";
+import clsx from "clsx";
+import { Fragment } from "react";
+export function DropdownList({ items, value, onChange }) {
+    return (_jsx(Listbox, { value: value, onChange: onChange, children: ({ open }) => (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "inline-flex divide-x divide-indigo-700 rounded-md shadow-2xs", children: [_jsxs("div", { className: "inline-flex items-center gap-x-1.5 rounded-l-md bg-indigo-600 px-3 py-2 text-white shadow-2xs", children: [value.name && _jsx(Check, { className: "-ml-0.5 size-5", "aria-hidden": "true" }), _jsx("p", { className: "text-sm font-semibold", children: value.name || "" })] }), _jsxs(ListboxButton, { className: "inline-flex items-center rounded-l-none rounded-r-md bg-indigo-600 p-2 hover:bg-indigo-700 focus:outline-hidden focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2 focus:ring-offset-gray-50", children: [_jsx("span", { className: "sr-only", children: "Change selection" }), _jsx(ChevronDown, { className: "size-5 text-white", "aria-hidden": "true" })] })] }), _jsx(Transition, { show: open, as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(ListboxOptions, { className: "absolute right-0 z-10 mt-2 w-72 origin-top-right divide-y divide-gray-200 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-hidden", children: items.map((option) => (_jsx(ListboxOption, { className: ({ active }) => clsx(active ? 'bg-indigo-600 text-white' : 'text-gray-900', 'cursor-default select-none p-4 text-sm'), value: option, children: ({ selected, active }) => (_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("p", { className: selected ? 'font-semibold' : 'font-normal', children: option.name }), selected ? (_jsx("span", { className: active ? 'text-white' : 'text-indigo-600', children: _jsx(Check, { className: "size-5", "aria-hidden": "true" }) })) : null] }), _jsx("p", { className: clsx(active ? 'text-indigo-200' : 'text-gray-500', 'mt-2'), children: option.description })] })) }, option.id))) }) })] })) }));
+}
+//# sourceMappingURL=DropdownList.js.map