@examplary/ui 1.55.0 → 1.58.0

package/dist/components/ui/dropdown.js

@@ -1,81 +1,35 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "../../utils";
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
-    var className = _a.className, inset = _a.inset, children = _a.children, props = __rest(_a, ["className", "inset", "children"]);
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: cn("flex cursor-default select-none items-center rounded-base bg-white px-2 py-1.5 text-sm font-base outline-none gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0", inset && "pl-8", className) }, props, { children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] })));
-});
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-base bg-white px-2 py-1.5 text-sm font-base outline-none gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] })));
 DropdownMenuSubTrigger.displayName =
     DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(DropdownMenuPrimitive.SubContent, __assign({ ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-base border border-border-accent bg-white p-1 font-base text-text data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className) }, props)));
-});
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-base border border-border-accent bg-white p-1 font-base text-text data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
 DropdownMenuSubContent.displayName =
     DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
-    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, __assign({ ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-lg shadow-xl border border-border-accent bg-white p-1 font-base text-text data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className) }, props)) }));
-});
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-lg shadow-xl border border-border-accent bg-white p-1 font-base text-text data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
-    return (_jsx(DropdownMenuPrimitive.Item, __assign({ ref: ref, className: cn("relative gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 flex select-none items-center rounded-base px-2 py-1.5 text-sm hover:bg-zinc-100 cursor-pointer font-base outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className) }, props)));
-});
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 flex select-none items-center rounded-base px-2 py-1.5 text-sm hover:bg-zinc-100 cursor-pointer font-base outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: cn("relative flex cursor-pointer select-none items-center rounded-base py-1.5 pl-8 pr-2 text-sm font-base text-text outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props, { children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "h-4 w-4" }) }) }), children] })));
-});
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-pointer select-none items-center rounded-base py-1.5 pl-8 pr-2 text-sm font-base text-text outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "h-4 w-4" }) }) }), children] })));
 DropdownMenuCheckboxItem.displayName =
     DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, __assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-base outline-none transition-colors focus:bg-white focus:text-text data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props, { children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) }) }), children] })));
-});
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm font-base outline-none transition-colors focus:bg-white focus:text-text data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) }) }), children] })));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React.forwardRef(function (_a, ref) {
-    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
-    return (_jsx(DropdownMenuPrimitive.Label, __assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-heading font-semibold", inset && "pl-8", className) }, props)));
-});
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-heading font-semibold", inset && "pl-8", className), ...props })));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: cn("-mx-1 my-1 h-[1px] bg-border-accent", className) }, props)));
-});
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-[1px] bg-border-accent", className), ...props })));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-export var replaceShortCut = function (text) {
+export const replaceShortCut = (text) => {
     if (!text || typeof text !== "string")
         return text;
     if (navigator.userAgent.includes("Windows")) {
@@ -83,9 +37,8 @@ export var replaceShortCut = function (text) {
     }
     return text;
 };
-var DropdownMenuShortcut = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("span", __assign({ className: cn("ml-auto pl-1 text-xs font-medium text-zinc-400 tracking-widest opacity-100", className) }, props, { children: replaceShortCut(props.children) })));
+const DropdownMenuShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn("ml-auto pl-1 text-xs font-medium text-zinc-400 tracking-widest opacity-100", className), ...props, children: replaceShortCut(props.children) }));
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/floating-menu.js

@@ -1,28 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../utils";
-export var FloatingMenu = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, props = __rest(_a, ["children", "className"]);
-    return (_jsx("div", __assign({ className: cn("border border-zinc-600 p-0.5 bg-white rounded-lg shadow-md relative z-10 text-xs font-medium select-none", className) }, props, { children: children })));
+export const FloatingMenu = ({ children, className = "", ...props }) => {
+    return (_jsx("div", { className: cn("border border-zinc-600 p-0.5 bg-white rounded-lg shadow-md relative z-10 text-xs font-medium select-none", className), ...props, children: children }));
 };

package/dist/components/ui/floating-resizable.d.ts

@@ -0,0 +1,5 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+export declare const FloatingResizablePanel: ({ onResize, floatClassName, children, ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel> & {
+    floatClassName?: string;
+    onResize?: (size: number, prevSize: number | string | undefined) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/floating-resizable.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { cn } from "../../utils";
+export const FloatingResizablePanel = ({ onResize, floatClassName = "", children, ...props }) => {
+    const ref = useRef(null);
+    const [width, setWidth] = useState("auto");
+    const updateSize = () => {
+        if (ref.current) {
+            const rect = ref.current.getBoundingClientRect();
+            setWidth(rect.width);
+        }
+    };
+    useEffect(() => {
+        updateSize();
+        window.addEventListener("resize", updateSize);
+        return () => window.removeEventListener("resize", updateSize);
+    }, []);
+    return (_jsx(ResizablePrimitive.Panel, { onResize: (size, prevSize) => {
+            setTimeout(() => window.dispatchEvent(new Event("resize")), 1);
+            onResize?.(size.inPixels, prevSize);
+        }, ...props, children: _jsx("div", { ref: ref, className: "h-full", children: _jsx("div", { className: cn("fixed top-36 bottom-20 overflow-auto", floatClassName), style: { width }, children: children }) }) }));
+};

package/dist/components/ui/help-icon.js

@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageCircleQuestionIcon } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./tooltip";
 import { cn } from "../../utils";
-export var HelpIcon = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.align, align = _c === void 0 ? "center" : _c, _d = _a.side, side = _d === void 0 ? "bottom" : _d, _e = _a.expanded, expanded = _e === void 0 ? false : _e;
+export const HelpIcon = ({ children, className = "", align = "center", side = "bottom", expanded = false, }) => {
     return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 50, children: [_jsx(TooltipTrigger, { children: _jsx(MessageCircleQuestionIcon, { className: cn("size-5 text-zinc-600 hover:text-black transition cursor-help", className) }) }), _jsx(TooltipContent, { className: cn("max-w-sm py-2 font-normal text-sm", align === "start" && "text-left", align === "center" && "text-center", align === "end" && "text-right", expanded && "text-left rounded-lg"), side: side, align: align, sideOffset: 10, children: _jsx("p", { children: children }) })] }) }));
 };

package/dist/components/ui/icon-picker.js

@@ -1,62 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useState, useMemo, useCallback, useEffect } from "react";
@@ -67,79 +9,57 @@ import { Button } from "./button";
 import { Input } from "./input";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover";
 import { Skeleton } from "./skeleton";
-var IconsColumnSkeleton = function () {
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx(Skeleton, { className: "h-4 w-1/2 rounded-md" }), _jsx("div", { className: "grid grid-cols-5 gap-2 w-full", children: Array.from({ length: 40 }).map(function (_, i) { return (_jsx(Skeleton, { className: "h-10 w-10 rounded-md" }, i)); }) })] }));
+const IconsColumnSkeleton = () => {
+    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx(Skeleton, { className: "h-4 w-1/2 rounded-md" }), _jsx("div", { className: "grid grid-cols-5 gap-2 w-full", children: Array.from({ length: 40 }).map((_, i) => (_jsx(Skeleton, { className: "h-10 w-10 rounded-md" }, i))) })] }));
 };
-export var DynamicIcon = React.memo(function (_a) {
-    var name = _a.name, props = __rest(_a, ["name"]);
-    var _b = useState([]), node = _b[0], setNode = _b[1];
-    useEffect(function () {
-        var isMounted = true;
-        var loadIcon = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, import("lucide-static/icon-nodes.json")];
-                    case 1:
-                        response = _a.sent();
-                        if (isMounted) {
-                            setNode(response.default[name]);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); };
+export const DynamicIcon = React.memo(({ name, ...props }) => {
+    const [node, setNode] = useState([]);
+    useEffect(() => {
+        let isMounted = true;
+        const loadIcon = async () => {
+            const response = await import("lucide-static/icon-nodes.json");
+            if (isMounted) {
+                setNode(response.default[name]);
+            }
+        };
         loadIcon();
-        return function () {
+        return () => {
             isMounted = false;
         };
     }, [name]);
-    return _jsx(Icon, __assign({}, props, { iconNode: node }));
+    return _jsx(Icon, { ...props, iconNode: node });
 });
 DynamicIcon.displayName = "DynamicIcon";
-var useIconsData = function () {
-    var _a = useState([]), icons = _a[0], setIcons = _a[1];
-    var _b = useState(true), isLoading = _b[0], setIsLoading = _b[1];
-    useEffect(function () {
-        var isMounted = true;
-        var loadIcons = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setIsLoading(true);
-                        return [4 /*yield*/, import("lucide-static/tags.json")];
-                    case 1:
-                        response = _a.sent();
-                        if (isMounted) {
-                            setIcons(Object.entries(response).map(function (_a) {
-                                var name = _a[0], tags = _a[1];
-                                return ({
-                                    name: name,
-                                    tags: tags,
-                                });
-                            }));
-                            setIsLoading(false);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); };
+const useIconsData = () => {
+    const [icons, setIcons] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        let isMounted = true;
+        const loadIcons = async () => {
+            setIsLoading(true);
+            const response = await import("lucide-static/tags.json");
+            if (isMounted) {
+                setIcons(Object.entries(response).map(([name, tags]) => ({
+                    name: name,
+                    tags: tags,
+                })));
+                setIsLoading(false);
+            }
+        };
         loadIcons();
-        return function () {
+        return () => {
             isMounted = false;
         };
     }, []);
-    return { icons: icons, isLoading: isLoading };
+    return { icons, isLoading };
 };
-export var IconPicker = function (_a) {
-    var value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, children = _a.children, chooseIconLabel = _a.chooseIconLabel, _b = _a.searchable, searchable = _b === void 0 ? true : _b, _c = _a.searchPlaceholder, searchPlaceholder = _c === void 0 ? "Search for an icon..." : _c, iconsList = _a.iconsList, className = _a.className, props = __rest(_a, ["value", "defaultValue", "onValueChange", "children", "chooseIconLabel", "searchable", "searchPlaceholder", "iconsList", "className"]);
-    var _d = useState(defaultValue), selectedIcon = _d[0], setSelectedIcon = _d[1];
-    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = useDebounceValue("", 100), search = _f[0], setSearch = _f[1];
-    var _g = useIconsData(), icons = _g.icons, isLoading = _g.isLoading;
-    var iconsToUse = useMemo(function () { return iconsList || icons; }, [iconsList, icons]);
-    var fuseInstance = useMemo(function () {
+export const IconPicker = ({ value, defaultValue, onValueChange, children, chooseIconLabel, searchable = true, searchPlaceholder = "Search for an icon...", iconsList, className, ...props }) => {
+    const [selectedIcon, setSelectedIcon] = useState(defaultValue);
+    const [isOpen, setIsOpen] = useState(false);
+    const [search, setSearch] = useDebounceValue("", 100);
+    const { icons, isLoading } = useIconsData();
+    const iconsToUse = useMemo(() => iconsList || icons, [iconsList, icons]);
+    const fuseInstance = useMemo(() => {
         return new Fuse(iconsToUse, {
             keys: ["name", "tags"],
             threshold: 0.3,
@@ -147,37 +67,37 @@ export var IconPicker = function (_a) {
             includeScore: true,
         });
     }, [iconsToUse]);
-    var filteredIcons = useMemo(function () {
+    const filteredIcons = useMemo(() => {
         if (search.trim() === "") {
             return iconsToUse.slice(0, 50);
         }
-        var results = fuseInstance.search(search.toLowerCase().trim(), {
+        const results = fuseInstance.search(search.toLowerCase().trim(), {
             limit: 50,
         });
-        return results.map(function (result) { return result.item; });
+        return results.map((result) => result.item);
     }, [search, iconsToUse, fuseInstance]);
-    var parentRef = React.useRef(null);
-    var handleValueChange = useCallback(function (icon) {
+    const parentRef = React.useRef(null);
+    const handleValueChange = useCallback((icon) => {
         if (value === undefined) {
             setSelectedIcon(icon);
         }
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(icon);
+        onValueChange?.(icon);
     }, [value, onValueChange]);
-    var handleIconClick = useCallback(function (iconName) {
+    const handleIconClick = useCallback((iconName) => {
         handleValueChange(iconName);
         setIsOpen(false);
         setSearch("");
     }, [handleValueChange, setSearch]);
-    var handleSearchChange = useCallback(function (e) {
+    const handleSearchChange = useCallback((e) => {
         setSearch(e.target.value);
         if (parentRef.current) {
             parentRef.current.scrollTop = 0;
         }
     }, [setSearch]);
-    var renderIcon = useCallback(function (icon) { return (_jsx(Button, { variant: "roundedWhite", size: "icon", onClick: function () { return handleIconClick(icon.name); }, children: _jsx(DynamicIcon, { name: icon.name }) }, icon.name)); }, [handleIconClick]);
-    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, __assign({ asChild: true }, props, { children: children || (_jsxs(Button, { variant: "white", className: className, children: [value || selectedIcon ? (_jsx(DynamicIcon, { name: (value || selectedIcon) })) : null, chooseIconLabel || "Select icon"] })) })), _jsxs(PopoverContent, { className: "w-64 h-70 flex flex-col overflow-hidden p-0", children: [searchable && (_jsx("div", { className: "m-4 mb-2", children: _jsx(Input, { placeholder: searchPlaceholder, onChange: handleSearchChange }) })), _jsx("div", { ref: parentRef, className: "overflow-auto flex-1 p-4 pt-2", style: { scrollbarWidth: "thin" }, onWheel: function (e) {
+    const renderIcon = useCallback((icon) => (_jsx(Button, { variant: "roundedWhite", size: "icon", onClick: () => handleIconClick(icon.name), children: _jsx(DynamicIcon, { name: icon.name }) }, icon.name)), [handleIconClick]);
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, ...props, children: children || (_jsxs(Button, { variant: "white", className: className, children: [value || selectedIcon ? (_jsx(DynamicIcon, { name: (value || selectedIcon) })) : null, chooseIconLabel || "Select icon"] })) }), _jsxs(PopoverContent, { className: "w-64 h-70 flex flex-col overflow-hidden p-0", children: [searchable && (_jsx("div", { className: "m-4 mb-2", children: _jsx(Input, { placeholder: searchPlaceholder, onChange: handleSearchChange }) })), _jsx("div", { ref: parentRef, className: "overflow-auto flex-1 p-4 pt-2", style: { scrollbarWidth: "thin" }, onWheel: (e) => {
                             e.stopPropagation();
-                        }, onTouchMove: function (e) {
+                        }, onTouchMove: (e) => {
                             e.stopPropagation();
                         }, children: isLoading ? (_jsx(IconsColumnSkeleton, {})) : (_jsx("div", { className: "grid grid-cols-5 gap-2 w-full", children: filteredIcons.map(renderIcon) })) })] })] }));
 };

package/dist/components/ui/index.d.ts

@@ -30,4 +30,5 @@ export * from "./context-menu";
 export * from "./avatar";
 export * from "./text-selection-menu";
 export * from "./floating-menu";
+export * from "./floating-resizable";
 export * from "./comments";

package/dist/components/ui/index.js

@@ -30,4 +30,5 @@ export * from "./context-menu";
 export * from "./avatar";
 export * from "./text-selection-menu";
 export * from "./floating-menu";
+export * from "./floating-resizable";
 export * from "./comments";

package/dist/components/ui/input.js

@@ -1,31 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils";
-var Input = React.forwardRef(function (_a, ref) {
-    var className = _a.className, type = _a.type, props = __rest(_a, ["className", "type"]);
-    return (_jsx("input", __assign({ type: type, className: cn("flex h-10 w-full border rounded-4xl border-border focus:border-border-accent text-text placeholder:text-zinc-500 font-base selection:bg-main selection:text-text dark:border-darkBorder bg-white dark:bg-secondaryBlack px-4 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/10 disabled:cursor-not-allowed disabled:opacity-50 transition", className), ref: ref }, props)));
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn("flex h-10 w-full border rounded-4xl border-border focus:border-border-accent text-text placeholder:text-zinc-500 font-base selection:bg-main selection:text-text dark:border-darkBorder bg-white dark:bg-secondaryBlack px-4 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/10 disabled:cursor-not-allowed disabled:opacity-50 transition", className), ref: ref, ...props }));
 });
 Input.displayName = "Input";
 export { Input };

package/dist/components/ui/label.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { type VariantProps } from "class-variance-authority";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp) => string> & {
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
     helpText?: React.ReactNode;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/ui/label.js

@@ -1,35 +1,10 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import { HelpIcon } from "./help-icon";
 import { cn } from "../../utils";
-var labelVariants = cva("flex items-center gap-1 text-sm font-heading font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-3");
-var Label = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, helpText = _a.helpText, props = __rest(_a, ["className", "children", "helpText"]);
-    return (_jsxs(LabelPrimitive.Root, __assign({ ref: ref, className: cn(labelVariants(), className) }, props, { children: [children, helpText && _jsx(HelpIcon, { className: "size-3.5", children: helpText })] })));
-});
+const labelVariants = cva("flex items-center gap-1 text-sm font-heading font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-3");
+const Label = React.forwardRef(({ className, children, helpText, ...props }, ref) => (_jsxs(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props, children: [children, helpText && _jsx(HelpIcon, { className: "size-3.5", children: helpText })] })));
 Label.displayName = LabelPrimitive.Root.displayName;
 export { Label };

package/dist/components/ui/popover.d.ts

@@ -5,6 +5,6 @@ export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrim
 export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const PopoverItem: ({ className, inset, ...props }: {
     [x: string]: any;
-    className?: string;
-    inset?: boolean;
+    className?: string | undefined;
+    inset?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/popover.js

@@ -1,38 +1,10 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn } from "../../utils.js";
-export var Popover = PopoverPrimitive.Root;
-export var PopoverTrigger = PopoverPrimitive.Trigger;
-export var PopoverContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, __assign({ ref: ref, align: align, sideOffset: sideOffset, collisionPadding: 8, className: cn("z-50 min-w-64 max-w-80 rounded-xl border shadow-xl border-border-accent bg-white p-4 font-base text-text outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className) }, props)) }));
-});
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, collisionPadding: 8, className: cn("z-50 min-w-64 max-w-80 rounded-xl border shadow-xl border-border-accent bg-white p-4 font-base text-text outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export var PopoverItem = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.inset, inset = _c === void 0 ? false : _c, props = __rest(_a, ["className", "inset"]);
-    return (_jsx("div", __assign({ className: cn("relative gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 flex select-none items-center rounded-base border-2 border-transparent px-2 py-1.5 text-sm hover:bg-zinc-100 cursor-pointer font-base outline-none transition-colors focus:border-border data-[disabled]:pointer-events-none data-[disabled]:opacity-50 disabled:pointer-events-none disabled:opacity-50", inset && "pl-8", className) }, props)));
-};
+export const PopoverItem = ({ className = "", inset = false, ...props }) => (_jsx("div", { className: cn("relative gap-2 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 flex select-none items-center rounded-base border-2 border-transparent px-2 py-1.5 text-sm hover:bg-zinc-100 cursor-pointer font-base outline-none transition-colors focus:border-border data-[disabled]:pointer-events-none data-[disabled]:opacity-50 disabled:pointer-events-none disabled:opacity-50", inset && "pl-8", className), ...props }));

package/dist/components/ui/progress-bar.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../utils";
-export var ProgressBar = function (_a) {
-    var value = _a.value, className = _a.className;
-    return (_jsx("div", { role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100, className: cn("w-full bg-zinc-200 rounded-full h-2 overflow-hidden", className), children: _jsx("div", { className: "bg-emerald-500 h-full rounded-full transition-all duration-300", style: { width: "".concat(value, "%") } }) }));
+export const ProgressBar = ({ value, className, }) => {
+    return (_jsx("div", { role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100, className: cn("w-full bg-zinc-200 rounded-full h-2 overflow-hidden", className), children: _jsx("div", { className: "bg-emerald-500 h-full rounded-full transition-all duration-300", style: { width: `${value}%` } }) }));
 };