@vertesia/ui 0.24.0-dev.202601221707

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

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 "@vertesia/ui/core";
+export function EmptyCollection({ buttonLabel, title, children, onClick }) {
+    return (_jsx("div", { className: "flex items-center justify-center h-full text-center", children: _jsxs("div", { className: "py-12", children: [_jsx("svg", { className: "mx-auto size-12", 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", children: title }), _jsx("p", { className: "mt-1 text-sm text-muted", children: children }), _jsx("div", { className: "mt-6", children: _jsxs(Button, { onClick: onClick, 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,mBAAmB,CAAC;AAS3C,MAAM,UAAU,eAAe,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAA0B;IAC7F,OAAO,CACH,cAAK,SAAS,EAAC,qDAAqD,YAChE,eAAK,SAAS,EAAC,OAAO,aAClB,cACI,SAAS,EAAC,iBAAiB,EAC3B,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,4BAA4B,YAAE,KAAK,GAAM,EACvD,YAAG,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAK,EACrD,cAAK,SAAS,EAAC,MAAM,YACjB,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,aACpB,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,WAAW,IACP,GACP,IACJ,GACJ,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/FormItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { VTooltip } from './shadcn/tooltip';
+import { Info } from 'lucide-react';
+export function FormItem({ description, required, label, className, direction = "column", children, disabled = false }) {
+    return (_jsxs("div", { className: clsx("flex w-full space-y-1", className, direction === "row" ? "flex-row justify-between items-center gap-2" : "flex-col"), children: [_jsxs("div", { className: 'flex items-center gap-1', children: [_jsxs("label", { className: `text-sm font-medium mb-1 ${disabled ? "text-muted" : ""}`, children: [label, required ? _jsx("span", { className: 'text-destructive -mt-4 ml-1', children: "*" }) : ""] }), description &&
+                        _jsx("div", { className: 'mx-2 flex w-4 items-center', children: _jsx(VTooltip, { description: description, children: _jsx(Info, { className: "size-3 text-muted" }) }) })] }), children] }));
+}
+//# sourceMappingURL=FormItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sourceRoot":"","sources":["../../../../src/core/components/FormItem.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAWpC,MAAM,UAAU,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAiB;IACjI,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,UAAU,CAAC,aACtI,eAAK,SAAS,EAAC,yBAAyB,aACpC,iBAAO,SAAS,EAAE,4BAA4B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,aACvE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,6BAA6B,kBAAS,CAAC,CAAC,CAAC,EAAE,IAC1E,EAEJ,WAAW;wBACX,cAAK,SAAS,EAAC,4BAA4B,YACvC,KAAC,QAAQ,IACL,WAAW,EAAE,WAAW,YACxB,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,GAAG,GAC/B,GACT,IAER,EACL,QAAQ,IACP,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useState } from 'react';
+import { Badge } from './Badge';
+import { Input } from './shadcn/input';
+import { VTooltip } from '@vertesia/ui/core';
+export function InputList({ value = [], onChange, className, delimiters = ", ", placeholder, autoFocus }) {
+    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 onPaste = (ev) => {
+        const pastedText = ev.clipboardData.getData('text');
+        if (pastedText) {
+            ev.preventDefault();
+            // Create a regex pattern from delimiters
+            const delimiterPattern = delimiters.split('').map((char) => char === ' ' ? '\\s' : char.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|');
+            const regex = new RegExp(`[${delimiterPattern}]+`);
+            // Split the pasted text by delimiters and filter out empty values
+            const newValues = pastedText
+                .split(regex)
+                .map((item) => item.trim())
+                .filter((item) => item.length > 0);
+            if (newValues.length > 0) {
+                onChange([...value, ...newValues]);
+            }
+            setText('');
+        }
+    };
+    const _onClick = (index) => {
+        if (value && value.length > 0) {
+            value.splice(index, 1);
+            onChange([...value]);
+        }
+    };
+    return (_jsxs("div", { className: clsx(className, 'w-full flex flex-wrap items-center gap-1 p-2 py-1.5', 'rounded-md text-sm rounded-md border border-input bg-background ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted focus-visible:outline-none focus-visible:ring-1 ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50'), children: [value && value.length > 0 &&
+                (value.map((v, index) => _jsx(VTooltip, { description: 'click to remove', children: _jsx(Badge, { variant: "secondary", onClick: () => _onClick(index), className: 'cursor-pointer flex-shrink-0 hover:bg-destructive hover:text-destructive transition-colors', title: v, children: _jsx("span", { className: 'break-all', children: v }) }, index) }, index))), _jsx(Input, { clearable: false, className: 'placeholder:text-muted px-1 flex-1 min-w-[120px]', variant: 'unstyled', type: 'text', value: text, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPaste, onChange: setText, placeholder: !value || value.length === 0 ? placeholder : '', autoFocus: autoFocus })] }));
+}
+//# 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,20 @@
+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`, 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-muted' : '', 'w-full p-2 pl-3 text-sm leading-6 font-semibold hover:bg-muted'), 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,sCAAsC,YAC5D,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,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACpD,gEAAgE,CAAC,YACjE,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", { className: "whitespace-pre-wrap break-words", 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/Overlay.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { X } from "lucide-react";
+import { useState } from "react";
+import { Button } from "./Button";
+export function Overlay({ children, overlayContent, className = "", overlayClassName = "", position = 'right', width, height, showCloseButton = true, onOpen, onClose, triggerClassName = "", backdropClassName = "", animationConfig = { type: "spring", stiffness: 300, damping: 30 } }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleOpen = () => {
+        setIsOpen(true);
+        onOpen?.();
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        onClose?.();
+    };
+    const animationProps = getAnimationProps(position);
+    const positionClasses = getPositionClasses(position, width, height);
+    return (_jsxs("div", { className: `flex items-center justify-center w-full ${className}`, children: [_jsx("div", { onClick: handleOpen, className: `w-full align-left cursor-pointer ${triggerClassName}`, children: children }), isOpen && (_jsx("div", { className: `z-45 fixed inset-0 bg-black bg-opacity-50 ${backdropClassName}`, children: _jsxs(motion.div, { ...animationProps, transition: animationConfig, className: `${positionClasses} ${overlayClassName}`, children: [showCloseButton && (_jsx("div", { className: "absolute top-2 right-2 z-10", children: _jsx(Button, { onClick: handleClose, variant: "primary", children: _jsx(X, {}) }) })), _jsx("div", { className: showCloseButton ? "mt-8" : "", children: overlayContent })] }) }))] }));
+}
+function getAnimationProps(position) {
+    switch (position) {
+        case 'left':
+            return { initial: { x: "-100%" }, animate: { x: 0 }, exit: { x: "-100%" } };
+        case 'right':
+            return { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" } };
+        case 'top':
+            return { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } };
+        case 'bottom':
+            return { initial: { y: "100%" }, animate: { y: 0 }, exit: { y: "100%" } };
+        case 'center':
+            return {
+                initial: { opacity: 0, scale: 0.8 },
+                animate: { opacity: 1, scale: 1 },
+                exit: { opacity: 0, scale: 0.8 }
+            };
+        default:
+            return { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" } };
+    }
+}
+function getPositionClasses(position, width, height) {
+    const baseClasses = "fixed bg-white shadow-lg p-4 relative";
+    switch (position) {
+        case 'left':
+            return `${baseClasses} left-0 top-[var(--header-height)] h-full ${width || 'w-80'}`;
+        case 'right':
+            return `${baseClasses} right-0 top-[var(--header-height)] h-full ${width || 'w-80'}`;
+        case 'top':
+            return `${baseClasses} top-[var(--header-height)] left-0 right-0 ${height || 'h-80'}`;
+        case 'bottom':
+            return `${baseClasses} bottom-0 left-0 right-0 ${height || 'h-80'}`;
+        case 'center':
+            return `${baseClasses} top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 ${width || 'w-96'} ${height || 'max-h-96'}`;
+        default:
+            return `${baseClasses} right-0 top-[var(--header-height)] h-full ${width || 'w-80'}`;
+    }
+}
+//# sourceMappingURL=Overlay.js.map