@vertesia/ui 0.55.0 → 0.57.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../../../src/core/components/DropdownList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAqB;IACtE,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACpC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACX,eAAK,SAAS,EAAC,UAAU,aACrB,eAAK,SAAS,EAAC,8DAA8D,aACzE,eAAK,SAAS,EAAC,+FAA+F,aACzG,KAAK,CAAC,IAAI,IAAI,KAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,iBAAa,MAAM,GAAG,EACtE,YAAG,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,IAAI,IAAI,EAAE,GAAK,IACzD,EACN,MAAC,aAAa,IAAC,SAAS,EAAC,kMAAkM,aACvN,eAAM,SAAS,EAAC,SAAS,iCAAwB,EACjD,KAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,IACpD,IACd,EAEN,KAAC,UAAU,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,KAAC,cAAc,IAAC,SAAS,EAAC,+KAA+K,YACpM,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnB,KAAC,aAAa,IAEV,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,IAAI,CACA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,eAAe,EACrD,wCAAwC,CAC3C,EAEL,KAAK,EAAE,MAAM,YAEZ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACvB,eAAK,SAAS,EAAC,eAAe,aAC1B,eAAK,SAAS,EAAC,sBAAsB,aACjC,YAAG,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,YAAG,MAAM,CAAC,IAAI,GAAK,EAC1E,QAAQ,CAAC,CAAC,CAAC,CACR,eAAM,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,YACtD,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,GAC5C,CACV,CAAC,CAAC,CAAC,IAAI,IACN,EACN,YAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,YACnE,MAAM,CAAC,WAAW,GACnB,IACF,CACT,IAvBI,MAAM,CAAC,EAAE,CAwBF,CACnB,CAAC,GACW,GACR,IACX,CACT,GACK,CACb,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { Button } from "./Button.js";
+export function EmptyCollection({ buttonLabel, title, children, onClick }) {
+    return (_jsxs("div", { className: "text-center py-12", children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: _jsx("path", { vectorEffect: "non-scaling-stroke", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z" }) }), _jsx("h3", { className: "mt-2 text-sm font-semibold text-gray-500", children: title }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: children }), _jsx("div", { className: "mt-6", children: _jsxs(Button, { onClick: onClick, size: 'lg', children: [_jsx(Plus, { className: "-ml-0.5 mr-1.5 size-5", "aria-hidden": "true" }), buttonLabel] }) })] }));
+}
+//# sourceMappingURL=EmptyCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCollection.js","sourceRoot":"","sources":["../../../../src/core/components/EmptyCollection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,MAAM,UAAU,eAAe,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAA0B;IAC7F,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,cACI,SAAS,EAAC,oDAAoD,EAC9D,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,iBACT,MAAM,YAElB,eACI,YAAY,EAAC,oBAAoB,EACjC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sFAAsF,GAC1F,GACA,EACN,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EACrE,YAAG,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAK,EACxD,cAAK,SAAS,EAAC,MAAM,YACjB,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,aAC/B,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,WAAW,IACP,GACP,IACJ,CACT,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+/**
+ * TODO: TS complains that:
+ * Type 'FileList' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher.
+ * So as a quick fix aI use a for loop to convert FileList to File[]
+ * @param files
+ * @returns
+ */
+function fileListToArray(files) {
+    const ar = [];
+    for (let i = 0, l = files.length; i < l; i++) {
+        ar.push(files[i]);
+    }
+    return ar;
+}
+export function FileUploadInput({ children, onUpload }) {
+    const inputRef = useRef(null);
+    const _onUpload = () => {
+        if (inputRef.current?.files) {
+            onUpload(fileListToArray(inputRef.current.files));
+        }
+    };
+    return (_jsxs("label", { style: { cursor: "pointer" }, children: [children, _jsx("input", { ref: inputRef, type: "file", style: { display: "none" }, onChange: _onUpload })] }));
+}
+//TODO implement using tailwind
+export function DropZone({ onUpload }) {
+    const dropZoneProps = useDropZone({ onUpload });
+    return (_jsx("div", { ...dropZoneProps, className: "flex items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600", children: _jsxs("label", { htmlFor: "dropzone-file", className: "flex flex-col items-center justify-center w-full h-full", children: [_jsxs("div", { className: "flex flex-col items-center justify-center pt-5 pb-6", children: [_jsx("svg", { className: "w-8 h-8 mb-4 text-gray-500 dark:text-gray-400", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", children: _jsx("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2" }) }), _jsxs("p", { className: "mb-2 text-sm text-gray-500 dark:text-gray-400", children: [_jsx("span", { className: "font-semibold", children: "Click to upload" }), " or drag and drop"] }), _jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "SVG, PNG, JPG or GIF (MAX. 800x400px)" })] }), _jsx("input", { id: "dropzone-file", type: "file", className: "hidden" })] }) }));
+}
+function _onDragEnter(el) {
+    let cnt = el.__dragOver_cnt__ || 0;
+    el.__dragOver_cnt__ = cnt + 1;
+    return !cnt; // true if first drag o ver false if dragover already recorded
+}
+function _onDragLeave(el) {
+    let cnt = el.__dragOver_cnt__;
+    if (!cnt)
+        return false;
+    el.__dragOver_cnt__ = cnt - 1;
+    return cnt === 1; // true if leave false if not
+}
+function _onDrop(el) {
+    delete el.__dragOver_cnt__;
+}
+export function useDropZone({ onUpload, dragOverClass = "is-drag-over-on", dropEffect = "copy", }) {
+    const ref = useRef(null);
+    const onDrop = (ev) => {
+        ev.preventDefault();
+        _onDrop(ref.current);
+        ref.current?.classList.remove(dragOverClass);
+        const items = ev.dataTransfer.items;
+        if (items) {
+            const promises = [];
+            const traverseFileTree = (item, path = "") => {
+                return new Promise((resolve) => {
+                    if (item.isFile) {
+                        item.file((file) => {
+                            Object.defineProperty(file, "webkitRelativePath", { value: path + file.name });
+                            resolve([file]);
+                        });
+                    }
+                    else if (item.isDirectory) {
+                        const dirReader = item.createReader();
+                        const entries = [];
+                        const readEntries = () => {
+                            dirReader.readEntries((results) => {
+                                if (!results.length) {
+                                    Promise.all(entries).then((filesArrays) => resolve(filesArrays.flat()));
+                                }
+                                else {
+                                    for (const entry of results) {
+                                        entries.push(traverseFileTree(entry, path + item.name + "/"));
+                                    }
+                                    readEntries();
+                                }
+                            });
+                        };
+                        readEntries();
+                    }
+                });
+            };
+            for (let i = 0; i < items.length; i++) {
+                const entry = items[i].webkitGetAsEntry();
+                if (entry) {
+                    promises.push(traverseFileTree(entry));
+                }
+            }
+            Promise.all(promises).then((filesArrays) => {
+                const allFiles = filesArrays.flat();
+                if (allFiles.length) {
+                    onUpload(allFiles);
+                }
+            });
+        }
+    };
+    const onDragOver = (ev) => {
+        ev.preventDefault();
+        ev.dataTransfer.dropEffect = dropEffect;
+    };
+    const onDragEnter = () => {
+        if (_onDragEnter(ref.current)) {
+            ref.current?.classList.add(dragOverClass);
+        }
+    };
+    const onDragLeave = () => {
+        if (_onDragLeave(ref.current)) {
+            ref.current?.classList.remove(dragOverClass);
+        }
+    };
+    return {
+        onDrop,
+        onDragOver,
+        onDragEnter,
+        onDragLeave,
+        ref,
+    };
+}
+//# sourceMappingURL=FileUpload.js.map

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import React from 'react';
+import { X } from 'lucide-react';
+import { Styles } from './styles.js';
+const Input = React.forwardRef(({ unstyled, value, onChange, className, type, ...others }, ref) => {
+    const _onChange = (ev) => {
+        onChange && onChange(ev.target.value);
+    };
+    const _onClear = () => {
+        onChange && onChange('');
+    };
+    return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, className: clsx("w-full", className), children: [_jsx("input", { type: type || 'text', value: value == null ? '' : value, onChange: _onChange, className: clsx('w-full', unstyled ? Styles.INPUT_UNSTYLED : Styles.INPUT, className), ref: ref, ...others }), value && (_jsx("button", { onClick: _onClear, className: `absolute ${type !== 'number' ? 'right-2' : 'right-7'} top-1/2 -translate-y-1/2 size-7 text-gray-400 hover:text-red-500 cursor-pointer`, children: _jsx(X, {}) }))] }));
+});
+export { Input };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,MAAM,EAAc,EAAE,GAAG,EAAE,EAAE;IACxI,MAAM,SAAS,GAAG,CAAC,EAAiC,EAAE,EAAE;QACpD,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,aAC/F,gBACI,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACjC,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACrF,GAAG,EAAE,GAAG,KACJ,MAAM,GACZ,EAEE,KAAK,IAAI,CACL,iBAAQ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,kFAAkF,YACzK,KAAC,CAAC,KAAG,GACA,CACZ,IAEH,CACT,CAAC;AACN,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useState } from 'react';
+import { Badge } from './Badge';
+import { VInput } from './shadcn/input';
+export function InputList({ value = [], onChange, className, delimiters = ", ", placeholder }) {
+    const [text, setText] = useState('');
+    const onBlur = (ev) => {
+        const v = ev.target.value;
+        if (v && v.trim()) {
+            onChange([...value, v.trim()]);
+            setText('');
+        }
+    };
+    const onKeyDown = (ev) => {
+        const v = ev.target.value;
+        const isEmpty = !v.trim();
+        const key = ev.key;
+        if (key === 'Enter' || delimiters.indexOf(key) > -1) {
+            ev.preventDefault();
+            if (value && !isEmpty) {
+                onChange([...value, v.trim()]);
+                setText('');
+            }
+        }
+        else if (key === 'Backspace' && isEmpty) {
+            if (value && value.length > 0) {
+                value.pop();
+                onChange([...value]);
+            }
+        }
+    };
+    const _onClick = (index) => {
+        if (value && value.length > 0) {
+            value.splice(index, 1);
+            onChange([...value]);
+        }
+    };
+    return (_jsxs("div", { className: clsx(className, 'w-full space-x-1 space-y-1 flex flex-wrap w-full rounded-md py-2 px-1 text-sm border border-input bg-background dark:bg-slate-800 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'), children: [value && value.length > 0 &&
+                (value.map((v, index) => _jsx(Badge, { variant: "secondary", onClick: () => _onClick(index), style: { whiteSpace: 'nowrap' }, className: 'cursor-pointer', children: v }, index))), _jsx("div", { children: _jsx(VInput, { clearable: false, className: 'placeholder:text-muted-foreground px-1', variant: 'unstyled', type: 'text', value: text, onBlur: onBlur, onKeyDown: onKeyDown, onChange: setText, placeholder: !value || value.length === 0 ? placeholder : '' }) })] }));
+}
+//# sourceMappingURL=InputList.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export function Link({ underline = 'always', className, children, ...others }) {
+    let underlineClass;
+    if (underline === 'always') {
+        underlineClass = 'underline';
+    }
+    else if (underline === 'hover') {
+        underlineClass = 'hover:underline';
+    }
+    return _jsx("a", { className: clsx("text-indigo-800 dark:text-indigo-300", className, underlineClass), ...others, children: children });
+}
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/core/components/Link.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAKxB,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa;IAEpF,IAAI,cAAkC,CAAC;IACvC,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QACzB,cAAc,GAAG,WAAW,CAAC;IACjC,CAAC;SAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC/B,cAAc,GAAG,iBAAiB,CAAC;IACvC,CAAC;IACD,OAAO,YAAG,SAAS,EAAE,IAAI,CAAC,sCAAsC,EAAE,SAAS,EAAE,cAAc,CAAC,KAAM,MAAM,YAAG,QAAQ,GAAK,CAAA;AAC5H,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+export function MenuList({ className, children }) {
+    return (_jsx("ul", { className: `${className} space-y-1 flex flex-col items-start dark:px-2`, children: children }));
+}
+const MenuListItem = forwardRef(function _MenuListItem(props, ref) {
+    const { current, children, className, href = '#', onClick, ...others } = props;
+    return (_jsx("li", { className: clsx(className, current ?
+            'bg-gray-50 text-indigo-600'
+            :
+                'text-gray-700 dark:dark:text-slate-300  hover:text-indigo-600 hover:bg-gray-50  dark:hover:bg-slate-800 dark:hover:text-slate-50 dark:border dark:border-transparent dark:hover:border-slate-50', 'w-full rounded-md p-2 pl-3 text-sm leading-6 font-semibold'), children: _jsx("a", { ref: ref, href: href, onClick: (e) => {
+                if (onClick) {
+                    e.preventDefault();
+                    onClick(e);
+                }
+                else if (href === '#') {
+                    e.preventDefault();
+                }
+            }, className: 'w-full flex items-center gap-x-3', ...others, children: children }) }));
+});
+MenuList.Item = MenuListItem;
+//# sourceMappingURL=MenuList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../src/core/components/MenuList.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAC;AAMzD,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAiB;IAC3D,OAAO,CACH,aAAI,SAAS,EAAE,GAAG,SAAS,gDAAgD,YACtE,QAAQ,GACR,CACR,CAAA;AACL,CAAC;AAOD,MAAM,YAAY,GAAG,UAAU,CAAuC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IACnG,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/E,OAAO,CACH,aAAI,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACpC,4BAA4B;YAC5B,CAAC;gBACD,iMAAiM,EACjM,4DAA4D,CAAC,YAC7D,YAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpC,IAAI,OAAO,EAAE,CAAC;oBACV,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,CAAC,CAAC,CAAC;gBACf,CAAC;qBAAM,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACvB,CAAC;YACL,CAAC,EACG,SAAS,EAAC,kCAAkC,KACxC,MAAM,YACZ,QAAQ,GAAK,GACd,CACR,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleX, CircleCheck, AlertTriangle, Info } from 'lucide-react';
+export function MessageBox({ icon, status, title, children, className }) {
+    let defaultIcon, titleColor, textColor, bgColor;
+    switch (status) {
+        case 'error': {
+            defaultIcon = _jsx(CircleX, { className: "size-5 text-destructive", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-destructive border border-destructive";
+            break;
+        }
+        case 'warning': {
+            defaultIcon = _jsx(AlertTriangle, { className: "size-5 text-attention", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-attention border border-attention";
+            break;
+        }
+        case 'success': {
+            defaultIcon = _jsx(CircleCheck, { className: "size-5 text-success", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-success border border-success";
+            break;
+        }
+        case 'info': {
+            defaultIcon = _jsx(Info, { className: "size-5 text-info", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-info border border-info";
+            break;
+        }
+        case 'default': {
+            defaultIcon = _jsx(Info, { className: "size-5 text-muted", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-muted border border-muted";
+            break;
+        }
+        case 'done': {
+            defaultIcon = _jsx(Info, { className: "size-5 text-done", "aria-hidden": "true" });
+            titleColor = "";
+            textColor = "text-foreground";
+            bgColor = "bg-done border border-done";
+            break;
+        }
+    }
+    return (_jsx("div", { className: `rounded-md p-4 ${bgColor} ${className}`, children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "shrink-0", children: icon ?? defaultIcon }), _jsxs("div", { className: "w-full ml-2 px-1", children: [title && _jsx("h3", { className: `text-sm font-medium mb-2 ${titleColor}`, children: title }), _jsx("div", { className: `text-sm ${textColor} break-words`, children: children })] })] }) }));
+}
+export function ErrorBox({ title, className, children }) {
+    return _jsx(MessageBox, { status: "error", title: title, className: className, children: _jsx("pre", { children: children }) });
+}
+export function InfoBox({ title, className, children }) {
+    return _jsx(MessageBox, { status: "info", title: title, className: className, children: children });
+}
+export function WarningBox({ title, className, children }) {
+    return _jsx(MessageBox, { status: "warning", title: title, className: className, children: children });
+}
+export function SuccessBox({ title, className, children }) {
+    return _jsx(MessageBox, { status: "success", title: title, className: className, children: children });
+}
+export function DefaultBox({ title, className, children }) {
+    return _jsx(MessageBox, { status: "default", title: title, className: className, children: children });
+}
+//# sourceMappingURL=MessageBox.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Fragment } from "react";
+import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from "@headlessui/react";
+import { X } from "lucide-react";
+export function Modal({ className, children, isOpen, onClose, noCloseButton = false, allowOverflow = false, disableCloseOnClickOutside = false, }) {
+    const setOpen = (open) => {
+        if (!open) {
+            onClose();
+        }
+    };
+    return (_jsx(Transition, { show: isOpen, as: Fragment, children: _jsxs(Dialog, { style: { zIndex: 50 }, as: "div", className: "relative", onClose: disableCloseOnClickOutside ? () => { } : setOpen, children: [_jsx(TransitionChild, { as: Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", unmount: true, children: _jsx("div", { className: "fixed inset-0 bg-gray-500  dark:bg-slate-800 dark:opacity-75 opacity-75 transition-opacity" }) }), _jsx("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto", children: _jsx("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0", children: _jsx(TransitionChild, { as: Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", children: _jsxs(DialogPanel, { className: clsx("p-0! relative transform rounded-lg bg-white dark:bg-slate-900 text-left dark:text-slate-100 shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-md sm:p-6", allowOverflow ? "overflow-visible" : "overflow-hidden", className), children: [!noCloseButton && _jsx(ModalCloseButton, { onClose: onClose }), children] }) }) }) })] }) }));
+}
+function ModalCloseButton({ onClose }) {
+    return (_jsx("div", { className: "absolute right-0 top-0 hidden pr-4 pt-4 sm:block", children: _jsxs("button", { tabIndex: -1, type: "button", className: "rounded-md bg-white text-gray-400 dark:text-slate-200 dark:bg-slate-800 hover:brightness-95 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 hover:cursor-pointer", onClick: onClose, children: [_jsx("span", { className: "sr-only", children: "Close" }), _jsx(X, { className: "size-6", "aria-hidden": "true" })] }) }));
+}
+export function ModalTitle({ children, showDivider = false }) {
+    return (_jsx("div", { className: showDivider ? "border-b-solid border-b border-b-1" : "", children: _jsx(DialogTitle, { as: "h3", className: "py-4 pl-4 pr-8 text-base font-semibold leading-6 text-gray-900 dark:text-slate-50", children: children }) }));
+}
+export function ModalFooter({ children, className = "justify-end", fill = false }) {
+    return (_jsx("div", { className: clsx("w-full flex space-x-2 p-4 border-t-solid border-t-gray-100 dark:border-t-gray-800 border-t", className || "justify-end", fill ? "bg-gray-100 dark:bg-slate-800" : ""), children: children }));
+}
+export function ModalBody({ children, className = "" }) {
+    return _jsx("div", { className: clsx("p-4", className), children: children });
+}
+//# sourceMappingURL=Modal.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useEffect } from "react";
+import { Styles } from "./styles.js";
+function numberToString(value) {
+    if (value == null || isNaN(value)) {
+        return '';
+    }
+    else {
+        return value.toString();
+    }
+}
+/**
+ * The value of this input is always a number. It can be undefined or NaN. If NaN the input value will not be updated with the NaN one.
+ * If undefined the input will be updated to be empty.
+ * The onChange callback is called whenever the value changes. If the input cannot be parsed as a number
+ * it will be returned as NaN.
+ */
+const NumberInput = React.forwardRef(({ value, onChange, className, noScroll = false, noSpinners = false, ...others }, ref) => {
+    // we need to store the state here in string
+    const [textValue, setTextValue] = React.useState(numberToString(value));
+    const _onChange = (ev) => {
+        const value = ev.target.value;
+        setTextValue(value);
+        if (value === '') {
+            onChange && onChange(undefined, value);
+        }
+        else {
+            const num = parseFloat(value);
+            onChange && onChange(num, value);
+        }
+    };
+    useEffect(() => {
+        // we do not update if not empty and NaN
+        if (value == null || !isNaN(value)) {
+            const text = numberToString(value);
+            setTextValue(text);
+        }
+    }, [value]);
+    return (_jsx("input", { onWheel: noScroll ? event => { event.target.blur(); } : others.onWheel, type: 'number', value: textValue, onChange: _onChange, className: clsx(className, Styles.INPUT, { "no-spinners": noSpinners }, noSpinners && "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"), ref: ref, ...others }));
+});
+export { NumberInput };
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/core/components/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,SAAS,cAAc,CAAC,KAAyB;IAC7C,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,EAAE,CAAC;IACd,CAAC;SAAM,CAAC;QACJ,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC;AACL,CAAC;AASD;;;;;GAKG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAE,GAAG,EAAE,EAAE;IAChL,4CAA4C;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/E,MAAM,SAAS,GAAG,CAAC,EAAiC,EAAE,EAAE;QACpD,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YACf,QAAQ,IAAI,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;QAC1C,CAAC;aAAM,CAAC;YACJ,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAC9B,QAAQ,IAAI,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC;IACL,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,wCAAwC;QACxC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACH,gBACI,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAI,KAAK,CAAC,MAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC/E,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,EAClE,UAAU,IAAI,sHAAsH,CACvI,EACD,GAAG,EAAE,GAAG,KACJ,MAAM,GACZ,CAEL,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+const PORTAL_ID = '--tailwind-portal';
+export function Portal({ children }) {
+    const tempNode = useRef(null);
+    const [portalEl, setPortalEl] = useState(null);
+    // hack to have the Portal not generating hydration errors (content mismatch) on SSR / CSR
+    useEffect(() => {
+        if (tempNode.current) { // we are on the browser -> we an use the portal
+            const doc = tempNode.current.ownerDocument;
+            let portalEl = doc.getElementById(PORTAL_ID);
+            if (!portalEl) {
+                portalEl = doc.createElement('DIV');
+                portalEl.id = PORTAL_ID;
+                doc.body.appendChild(portalEl);
+            }
+            setPortalEl(portalEl);
+        }
+    }, [tempNode.current]);
+    if (portalEl) {
+        return createPortal(children, portalEl);
+    }
+    else {
+        return _jsx("span", { ref: tempNode });
+    }
+}
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/core/components/Portal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAKtC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAe;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAEtE,0FAA0F;IAC1F,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,gDAAgD;YACpE,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC;YAC3C,IAAI,QAAQ,GAAG,GAAG,CAAC,cAAc,CAAC,SAAS,CAAmB,CAAC;YAC/D,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAmB,CAAC;gBACtD,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC;gBACxB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACD,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvB,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACJ,OAAO,eAAM,GAAG,EAAE,QAAQ,GAAI,CAAA;IAClC,CAAC;AAEL,CAAC"}

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+export class RadioOptionAdapter {
+    renderOption(item) {
+        return this.labelOf(item);
+    }
+    findById(items, id) {
+        return items.find(item => this.idOf(item) === id);
+    }
+}
+export function RadioGroup({ checkColor, cols = "grid-cols-1", gap = "gap-2", value, onChange, options, checkIcon: CheckIcon = DefaultCheckIcon, adapter }) {
+    const [selected, setSelected] = useState(value);
+    const onSelect = (option) => {
+        setSelected(option);
+        onChange(option);
+    };
+    const selectedId = selected ? adapter.idOf(selected) : undefined;
+    return (_jsx("div", { className: clsx("grid", cols, gap), children: options.map(option => {
+            const key = adapter.idOf(option);
+            return (_jsx(RadioOption, { checkColor: checkColor, isSelected: key === selectedId, option: option, adapter: adapter, onSelect: onSelect, CheckIcon: CheckIcon }, key));
+        }) }));
+}
+function RadioOption({ checkColor, CheckIcon, adapter, isSelected, option, onSelect }) {
+    const [isHighlighted, setIsHighlighted] = useState(false);
+    return (_jsxs("div", { className: "flex gap-1 cursor-pointer items-center", onClick: () => onSelect(option), onMouseEnter: () => setIsHighlighted(true), onMouseLeave: () => setIsHighlighted(false), children: [_jsx("div", { className: "", children: _jsx(CheckIcon, { size: 24, isChecked: isSelected, isHighlighted: isHighlighted, color: checkColor }) }), _jsx("div", { children: adapter.renderOption(option) })] }));
+}
+function DefaultCheckIcon({ size, isChecked, isHighlighted, color = "currentColor" }) {
+    //https://www.svgrepo.com/svg/309414/checkbox-checked
+    //https://www.svgrepo.com/svg/309415/checkbox-unchecked
+    const opacity = isHighlighted ? 1 : 0.6;
+    return isChecked ? (_jsx("svg", { width: `${size}px`, height: `${size}px`, viewBox: "0 0 24 24", version: "1.1", children: _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsx("g", { id: "ic_fluent_checkbox_checked_24_regular", fill: color, fillRule: "nonzero", opacity: opacity, children: _jsx("path", { d: "M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z" }) }) }) })) : (_jsx("svg", { width: `${size}px`, height: `${size}px`, viewBox: "0 0 24 24", version: "1.1", children: _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsx("g", { id: "ic_fluent_checkbox_unchecked_24_regular", fill: color, fillRule: "nonzero", opacity: opacity, children: _jsx("path", { d: "M5.75,3 L18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 Z M5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 L5.75,4.5 Z" }) }) }) }));
+}
+//# sourceMappingURL=RadioGroup.js.map

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

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

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from "@headlessui/react";
+import { X } from "lucide-react";
+import { Check, ChevronsUpDownIcon } from "lucide-react";
+import clsx from "clsx";
+import { useState, useEffect, useRef } from "react";
+import { Button } from "./Button";
+import { Center } from "./Center";
+function getFilterByFn(filterBy) {
+    if (!filterBy) {
+        return (o) => String(o).toLowerCase();
+    }
+    else if (typeof filterBy === 'string') {
+        return (o) => String(o[filterBy]).toLowerCase();
+    }
+    else {
+        return filterBy;
+    }
+}
+export function SelectBox({ clearTitle, ClearIcon = X, showFilter, filterBy, isClearable, disabled, by, options, value, onChange, className, addNew, addNewLabel, placeholder, optionLabel = (option) => String(option), label }) {
+    const [filter, setFilter] = useState();
+    const buttonRef = useRef(null);
+    const [buttonWidth, setButtonWidth] = useState();
+    useEffect(() => {
+        if (buttonRef.current) {
+            const resizeObserver = new ResizeObserver((entries) => {
+                setButtonWidth(entries[0].contentRect.width);
+            });
+            resizeObserver.observe(buttonRef.current);
+            return () => resizeObserver.disconnect();
+        }
+    }, []);
+    const onClear = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (isClearable) {
+            onChange(undefined);
+        }
+    };
+    const onFilterChange = (e) => {
+        setFilter(e.target.value);
+    };
+    let filteredOptions = options || [];
+    if (showFilter === undefined) {
+        showFilter = filteredOptions?.length >= 10;
+    }
+    if (showFilter && filter) {
+        const filterLc = filter.toLowerCase();
+        const filterFn = getFilterByFn(filterBy);
+        filteredOptions = filteredOptions.filter(o => filterFn(o).includes(filterLc));
+    }
+    const onFilterKeyDown = (e) => {
+        if (e.key !== "Escape"
+            && e.key !== "Enter"
+            && e.key !== "ArrowDown"
+            && e.key !== "ArrowUp") {
+            e.stopPropagation();
+        }
+    };
+    return (_jsx(Listbox, { value: value || null, onChange: onChange, by: by, disabled: disabled, children: () => (_jsx("div", { className: 'overflow-y-visible ' + className, children: _jsxs("div", { className: "relative", children: [_jsxs(ListboxButton, { ref: buttonRef, className: "relative w-full cursor-default rounded-md bg-white py-1.5 text-left text-gray-900 shadow-2xs ring-1 ring-inset ring-gray-300 focus:outline-hidden focus:ring-2 focus:ring-indigo-600 dark:ring-slate-600 dark:text-slate-50 dark:bg-slate-800 sm:text-sm sm:leading-6 hover:cursor-pointer", children: [label && _jsx("div", { className: 'w-full text-gray-500 text-left px-2', children: label }), _jsx("span", { className: "block truncate pl-3 pr-14", children: value ? optionLabel(value) : placeholder }), isClearable && value != null && _jsx("span", { className: "absolute inset-y-0 right-0 mr-5 flex items-center pr-2", onClick: onClear, children: _jsx(ClearIcon, { title: clearTitle, className: "size-5 text-gray-400 hover:text-red-500 cursor-pointer", "aria-hidden": "true" }) }), !disabled &&
+                                _jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: _jsx(ChevronsUpDownIcon, { className: "size-5 text-gray-400", "aria-hidden": "true" }) })] }), _jsxs(ListboxOptions, { anchor: "bottom", style: { width: buttonWidth, zIndex: 100000000 }, className: "absolute z-10 mt-1 overflow-auto rounded-md bg-white dark:ring-slate-600 dark:text-slate-50 dark:bg-slate-800 py-1 text-base shadow-lg ring-1 ring-gray-300 ring-opacity-5 focus:outline-hidden sm:text-sm", children: [showFilter &&
+                                _jsx("div", { className: "p-1", children: _jsx("input", { type: "text", value: filter || '', onKeyDown: onFilterKeyDown, onChange: onFilterChange, className: "w-full p-1 border border-gray-300 rounded-md dark:bg-slate-700 dark:text-slate-50", placeholder: "Filter..." }) }), _jsx("div", { className: "overflow-y-auto max-h-60", children: filteredOptions.map((option, i) => _jsx(ListOption, { option: option, optionLabel: optionLabel, className: "hover:cursor-pointer" }, i)) }), addNew &&
+                                _jsx(Center, { className: "font-semibold py-2 border-t", children: _jsx(Button, { variant: 'secondary', onClick: addNew, children: addNewLabel }) })] })] }) })) }));
+}
+export function ListOption({ option, optionLabel, onClick, className }) {
+    return (_jsx(ListboxOption, { className: ({ active }) => clsx(active ? 'bg-indigo-600 text-white dark:bg-indigo-800 dark:text-white' : 'text-gray-900 dark:text-slate-50', 'relative cursor-default select-none py-2 pl-3 pr-9', className), value: option, onClick: onClick, children: ({ selected, active }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: clsx(selected ? 'font-semibold' : 'font-inherit', 'block truncate'), children: optionLabel(option) }), selected ? (_jsx("div", { className: clsx(active ? 'text-white' : 'text-indigo-600', 'absolute inset-y-0 right-0 flex items-center pr-4'), children: _jsx(Check, { className: "size-5", "aria-hidden": "true" }) })) : null] })) }));
+}
+//# sourceMappingURL=SelectBox.js.map