@sybilion/uilib 1.0.20

package/dist/esm/components/ui/Chat/chat-preset-utils.js

@@ -0,0 +1,22 @@
+import { MessageRole } from './Chat.types.js';
+
+/** Full chat text for dashboard / downstream tools (role-prefixed lines). */
+function formatChatTranscript(messages) {
+    return messages.map(m => `${m.role}: ${m.text}`).join('\n');
+}
+/** Match button label (`preset.text`) to user message body; normalize to avoid trivial mismatches. */
+function normalizePresetMatchText(s) {
+    return s.trim().normalize('NFC');
+}
+function usedPresetIdsFromMessages(messages, presets) {
+    if (!messages?.length || !presets?.length)
+        return [];
+    const userTexts = new Set(messages
+        .filter(m => m.role === MessageRole.USER)
+        .map(m => normalizePresetMatchText(m.text)));
+    return presets
+        .filter(p => userTexts.has(normalizePresetMatchText(p.text)))
+        .map(p => p.id);
+}
+
+export { formatChatTranscript, normalizePresetMatchText, usedPresetIdsFromMessages };

package/dist/esm/components/ui/Checkbox/Checkbox.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { CheckIcon } from '@phosphor-icons/react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import S from './Checkbox.styl.js';
+
+function Checkbox({ className, ...props }) {
+    return (jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn(S.checkboxRoot, className), ...props, children: jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: S.checkboxIndicator, children: jsx(CheckIcon, { className: "size-3.5" }) }) }));
+}
+
+export { Checkbox };

package/dist/esm/components/ui/Checkbox/Checkbox.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Checkbox_checkboxRoot__r1zFW{background:transparent;border:1px solid var(--input);border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;flex-shrink:0;height:16px;outline:none;transition:box-shadow .15s ease-in-out;width:16px}.Checkbox_dark__l-gfs .Checkbox_checkboxRoot__r1zFW{background-color:var(--input-30)}.Checkbox_checkboxRoot__r1zFW[data-state=checked]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.Checkbox_dark__l-gfs .Checkbox_checkboxRoot__r1zFW[data-state=checked]{background-color:var(--primary)}.Checkbox_checkboxRoot__r1zFW:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-50)}.Checkbox_checkboxRoot__r1zFW[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px var(--destructive-200)}.Checkbox_dark__l-gfs .Checkbox_checkboxRoot__r1zFW[aria-invalid=true]{box-shadow:0 0 0 3px var(--destructive-400)}.Checkbox_checkboxRoot__r1zFW:disabled{cursor:not-allowed;opacity:.5}.Checkbox_checkboxIndicator__4fmLx{align-items:center;color:currentColor;display:flex;justify-content:center;transition:none}";
+var S = {"checkboxRoot":"Checkbox_checkboxRoot__r1zFW","dark":"Checkbox_dark__l-gfs","checkboxIndicator":"Checkbox_checkboxIndicator__4fmLx"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Dialog/Dialog.js

@@ -0,0 +1,126 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import React__default, { useState, useRef, useId, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { Card, CardHeader, CardContent, CardFooter } from '../Card/Card.js';
+import { XIcon } from '@phosphor-icons/react';
+import S from './Dialog.styl.js';
+
+function Dialog({ open, onOpenChange, disabled, trigger, title, subtitle, disableCloseButton, icon, content, contentClassName, footer, footerClassName, footerAlignment = 'center', size = 'default', className, noScroll, maxHeight, autoScrollBottom, width, }) {
+    const [isMounted, setIsMounted] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const dialogRef = useRef(null);
+    const triggerRef = useRef(null);
+    const previousActiveElementRef = useRef(null);
+    const titleId = useId();
+    const descriptionId = useId();
+    // Track mount state for portal
+    useEffect(() => {
+        setIsMounted(true);
+        return () => setIsMounted(false);
+    }, []);
+    // Handle open/close animations
+    useEffect(() => {
+        if (open) {
+            setIsAnimating(true);
+            // Trigger animation after mount
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    setIsAnimating(false);
+                });
+            });
+        }
+        else {
+            setIsAnimating(true);
+        }
+    }, [open]);
+    // Focus trap and keyboard handling
+    useEffect(() => {
+        if (!open || !dialogRef.current)
+            return;
+        // Store the element that had focus before dialog opened
+        previousActiveElementRef.current = document.activeElement;
+        // Focus the dialog
+        const focusableElements = dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        const firstFocusable = focusableElements[0];
+        const lastFocusable = focusableElements[focusableElements.length - 1];
+        // Focus first element or dialog itself
+        if (firstFocusable) {
+            firstFocusable.focus();
+        }
+        else {
+            dialogRef.current.focus();
+        }
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onOpenChange(false);
+                return;
+            }
+            // Trap focus with Tab key
+            if (e.key === 'Tab') {
+                if (e.shiftKey) {
+                    // Shift + Tab
+                    if (document.activeElement === firstFocusable) {
+                        e.preventDefault();
+                        lastFocusable?.focus();
+                    }
+                }
+                else {
+                    // Tab
+                    if (document.activeElement === lastFocusable) {
+                        e.preventDefault();
+                        firstFocusable?.focus();
+                    }
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+            // Restore focus to previous element
+            if (previousActiveElementRef.current) {
+                previousActiveElementRef.current.focus();
+            }
+        };
+    }, [open, onOpenChange]);
+    // Prevent body scroll when dialog is open
+    useEffect(() => {
+        if (open) {
+            const originalStyle = window.getComputedStyle(document.body).overflow;
+            document.body.style.overflow = 'hidden';
+            return () => {
+                document.body.style.overflow = originalStyle;
+            };
+        }
+    }, [open]);
+    const handleOverlayClick = (e) => {
+        if (e.target === e.currentTarget) {
+            onOpenChange(false);
+        }
+    };
+    const handleCloseClick = () => {
+        onOpenChange(false);
+    };
+    // Store trigger ref for focus restoration
+    useEffect(() => {
+        if (trigger && React__default.isValidElement(trigger)) {
+            // Try to get ref from trigger element
+            const triggerElement = document.activeElement;
+            if (triggerElement && triggerElement !== document.body) {
+                triggerRef.current = triggerElement;
+            }
+        }
+    }, [trigger]);
+    if (!isMounted)
+        return null;
+    const dialogContent = (jsxs(Fragment, { children: [jsx("div", { className: cn(S.dialogOverlay, open && !isAnimating && S.isOpen), onClick: handleOverlayClick, "aria-hidden": "true" }), jsxs(Card, { ref: dialogRef, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, "aria-describedby": subtitle ? descriptionId : undefined, className: cn(S.dialogContent, S[`size-${size}`], open && !isAnimating && S.isOpen, !open && isAnimating && S.isClosed, className), tabIndex: -1, style: {
+                    width,
+                    maxHeight: maxHeight
+                        ? `min(${maxHeight}, calc(100% - var(--p-4)))`
+                        : null,
+                }, children: [(title || subtitle || icon) && (jsx(CardHeader, { icon: icon, title: title, description: subtitle })), !disableCloseButton && (jsx("button", { className: S.dialogClose, onClick: handleCloseClick, "aria-label": "Close dialog", type: "button", children: jsx(XIcon, { size: 16 }) })), content && (jsx(CardContent, { className: contentClassName, noScroll: noScroll, autoScrollBottom: autoScrollBottom, children: content })), footer && (jsx(CardFooter, { className: cn(S[`align-${footerAlignment}`], footerClassName), children: footer }))] })] }));
+    const onTriggerClick = !disabled ? () => onOpenChange(true) : undefined;
+    return (jsxs(Fragment, { children: [trigger && jsx("div", { onClick: onTriggerClick, children: trigger }), open && !disabled && createPortal(dialogContent, document.body)] }));
+}
+
+export { Dialog, S as DialogStyles };

package/dist/esm/components/ui/Dialog/Dialog.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Dialog_dialogOverlay__DE-Lj{backdrop-filter:blur(4px);background-color:var(--background-alpha-700);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:50}.Dialog_dialogOverlay__DE-Lj.Dialog_isOpen__KU869{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialog_fadeIn__bMYrw;animation-timing-function:ease-out;opacity:1}.Dialog_dialogContent__9aiOO{border-radius:20px;box-shadow:0 0 0 1px var(--border),0 10px 15px -3px var(--border),0 4px 6px -2px var(--border);display:flex;left:50%;max-height:calc(100% - var(--p-4));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%) scale(.95);transition:all .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:50}.dark .Dialog_dialogContent__9aiOO{box-shadow:0 0 0 1px var(--border),0 10px 15px -3px oklch(0 0 0),0 4px 6px -2px oklch(0 0 0)}.Dialog_dialogContent__9aiOO.Dialog_isOpen__KU869{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialog_dialogIn__pAese;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialog_dialogContent__9aiOO.Dialog_isClosed__iUpMZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialog_dialogOut__U2hfZ;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:768px){.Dialog_dialogContent__9aiOO{max-width:calc(100% - var(--p-4));width:calc(100% - var(--p-4))}}.Dialog_size-wide__TgCOo{max-width:calc(100% - var(--p-4))}@media (min-width:768px){.Dialog_size-wide__TgCOo{max-width:80rem}}.Dialog_dialogDescription__vcdnx{color:var(--muted-foreground);font-size:.875rem}.Dialog_dialogClose__v3o4O{align-items:center;background-color:transparent;border:none;border-radius:.125rem;cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.7;outline:none;position:absolute;right:var(--p-2);top:var(--p-2);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialog_dialogClose__v3o4O:hover{opacity:1;transform:scale(1.1)}.Dialog_dialogClose__v3o4O:focus-visible{box-shadow:0 0 0 2px var(--ring)}.Dialog_dialogClose__v3o4O:disabled{pointer-events:none}.Dialog_dialogContent__9aiOO [data-slot=card-footer]{width:100%}.Dialog_dialogContent__9aiOO [data-slot=card-footer].Dialog_align-left__ml-lG{justify-content:flex-start}.Dialog_dialogContent__9aiOO [data-slot=card-footer].Dialog_align-center__3bzlB{justify-content:center}.Dialog_dialogContent__9aiOO [data-slot=card-footer].Dialog_align-right__uV3uE{justify-content:flex-end}.Dialog_dialogContent__9aiOO [data-slot=card-footer].Dialog_align-between__AFcCs{justify-content:space-between}@keyframes Dialog_fadeIn__bMYrw{0%{opacity:0}to{opacity:1}}@keyframes Dialog_fadeOut__gOjrp{0%{opacity:1}to{opacity:0}}@keyframes Dialog_dialogIn__pAese{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialog_dialogOut__U2hfZ{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
+var S = {"dialogOverlay":"Dialog_dialogOverlay__DE-Lj","isOpen":"Dialog_isOpen__KU869","fadeIn":"Dialog_fadeIn__bMYrw","dialogContent":"Dialog_dialogContent__9aiOO","dialogIn":"Dialog_dialogIn__pAese","isClosed":"Dialog_isClosed__iUpMZ","dialogOut":"Dialog_dialogOut__U2hfZ","size-wide":"Dialog_size-wide__TgCOo","dialogDescription":"Dialog_dialogDescription__vcdnx","dialogClose":"Dialog_dialogClose__v3o4O","align-left":"Dialog_align-left__ml-lG","align-center":"Dialog_align-center__3bzlB","align-right":"Dialog_align-right__uV3uE","align-between":"Dialog_align-between__AFcCs","fadeOut":"Dialog_fadeOut__gOjrp"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/DraggingButton/DraggingButton.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { forwardRef } from 'react';
+import S from './DraggingButton.styl.js';
+
+const DraggingButton = forwardRef(({ top = 0, left, className, icon, title, isDragging, size = 'md', ...props }, ref) => {
+    return (jsx("button", { ref: ref, className: cn(S.root, S[`size-${size}`], isDragging && S.dragging, className), title: title, style: { top, ...(left && { left }) }, ...props, children: icon }));
+});
+DraggingButton.displayName = 'DraggingButton';
+
+export { DraggingButton };

package/dist/esm/components/ui/DraggingButton/DraggingButton.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.DraggingButton_root__dEp3g{align-items:center;background:var(--background);border:1px solid var(--input);border-radius:9999px;cursor:grab;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:0;top:0;touch-action:none;transform:translate(50%,-50%);z-index:10}.DraggingButton_root__dEp3g:before{border-radius:inherit;content:\"\";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@media (max-width:768px){.DraggingButton_root__dEp3g{transform:translate(50%,-50%) scale(1.5)}}.DraggingButton_root__dEp3g:hover{background:var(--accent);border-color:var(--foreground)}.DraggingButton_root__dEp3g:active{border-color:initial!important;cursor:grabbing}.DraggingButton_size-md__ILl67{height:36px;width:36px}.DraggingButton_size-md__ILl67 svg{color:var(--foreground);height:16px;width:16px}.DraggingButton_size-sm__s2uh9{height:20px;width:20px}.DraggingButton_size-sm__s2uh9 svg{color:var(--foreground);height:10px;width:10px}.DraggingButton_size-lg__vnp-r{height:44px;width:44px}.DraggingButton_size-lg__vnp-r svg{color:var(--foreground);height:18px;width:18px}.DraggingButton_dragging__ghIEI{cursor:grabbing}";
+var S = {"root":"DraggingButton_root__dEp3g","size-md":"DraggingButton_size-md__ILl67","size-sm":"DraggingButton_size-sm__s2uh9","size-lg":"DraggingButton_size-lg__vnp-r","dragging":"DraggingButton_dragging__ghIEI"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Drawer/Drawer.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Drawer as Drawer$1 } from 'vaul';
+import S from './Drawer.styl.js';
+
+function Drawer({ ...props }) {
+    return jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+    return jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+    return jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+    return jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({ className, ...props }) {
+    return (jsx(Drawer$1.Overlay, { "data-slot": "drawer-overlay", className: cn(S.overlay, className), ...props }));
+}
+function DrawerContent({ className, children, ...props }) {
+    return (jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [jsx(DrawerOverlay, {}), jsxs(Drawer$1.Content, { "data-slot": "drawer-content", className: cn(S.content, className), ...props, children: [jsx("div", { className: S.handle }), children] })] }));
+}
+function DrawerHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": "drawer-header", className: cn(S.header, className), ...props }));
+}
+function DrawerFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": "drawer-footer", className: cn(S.footer, className), ...props }));
+}
+function DrawerTitle({ className, ...props }) {
+    return (jsx(Drawer$1.Title, { "data-slot": "drawer-title", className: cn(S.title, className), ...props }));
+}
+function DrawerDescription({ className, ...props }) {
+    return (jsx(Drawer$1.Description, { "data-slot": "drawer-description", className: cn(S.description, className), ...props }));
+}
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/esm/components/ui/Drawer/Drawer.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Drawer_overlay__kK6w-{backface-visibility:hidden;background-color:rgba(0,0,0,.5);inset:0;position:fixed;z-index:50}.Drawer_overlay__kK6w-[data-state=open]{animation:Drawer_drawerFadeIn__yJcDf .15s ease-out}.Drawer_overlay__kK6w-[data-state=closed]{animation:Drawer_drawerFadeOut__vjrfH .15s ease-in}.Drawer_content__16R-Y{background:var(--background);display:flex;flex-direction:column;height:auto;position:fixed;z-index:50}.Drawer_content__16R-Y[data-vaul-drawer-direction=top]{border-bottom:1px solid var(--border);border-radius:0 0 .5rem .5rem;left:0;margin-bottom:6rem;max-height:80vh;right:0;top:0}.Drawer_content__16R-Y[data-vaul-drawer-direction=bottom]{border-radius:.5rem .5rem 0 0;border-top:1px solid var(--border);bottom:0;left:0;margin-top:6rem;max-height:80vh;right:0}.Drawer_content__16R-Y[data-vaul-drawer-direction=right]{border-left:1px solid var(--border);bottom:0;right:0;top:0;width:75%}@media (min-width:640px){.Drawer_content__16R-Y[data-vaul-drawer-direction=right]{max-width:24rem}}.Drawer_content__16R-Y[data-vaul-drawer-direction=left]{border-right:1px solid var(--border);bottom:0;left:0;top:0;width:75%}@media (min-width:640px){.Drawer_content__16R-Y[data-vaul-drawer-direction=left]{max-width:24rem}}.Drawer_handle__lFWhq{background:var(--muted);border-radius:9999px;display:none;flex-shrink:0;height:.5rem;margin-left:auto;margin-right:auto;margin-top:var(--p-4);width:100px}.Drawer_content__16R-Y[data-vaul-drawer-direction=bottom] .Drawer_handle__lFWhq{display:block}.Drawer_header__a8Xh4{display:flex;flex-direction:column;gap:.125rem;padding:var(--p-4)}@media (min-width:768px){.Drawer_header__a8Xh4{gap:.375rem}.Drawer_content__16R-Y[data-vaul-drawer-direction=left] .Drawer_header__a8Xh4,.Drawer_content__16R-Y[data-vaul-drawer-direction=right] .Drawer_header__a8Xh4{text-align:left}}.Drawer_content__16R-Y[data-vaul-drawer-direction=bottom] .Drawer_header__a8Xh4,.Drawer_content__16R-Y[data-vaul-drawer-direction=top] .Drawer_header__a8Xh4{text-align:center}.Drawer_footer__ybutW{display:flex;flex-direction:column;gap:var(--p-2);margin-top:auto;padding:var(--p-4)}.Drawer_title__DOAmN{color:var(--foreground);font-weight:600}.Drawer_description__zupaQ{color:var(--muted-foreground);font-size:.875rem;line-height:1.25rem}@keyframes Drawer_drawerFadeIn__yJcDf{0%{opacity:0}to{opacity:1}}@keyframes Drawer_drawerFadeOut__vjrfH{0%{opacity:1}to{opacity:0}}";
+var S = {"overlay":"Drawer_overlay__kK6w-","drawerFadeIn":"Drawer_drawerFadeIn__yJcDf","drawerFadeOut":"Drawer_drawerFadeOut__vjrfH","content":"Drawer_content__16R-Y","handle":"Drawer_handle__lFWhq","header":"Drawer_header__a8Xh4","footer":"Drawer_footer__ybutW","title":"Drawer_title__DOAmN","description":"Drawer_description__zupaQ"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/DropZone/DropZone.js

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import S from './DropZone.styl.js';
+
+function matchesAcceptPart(file, part) {
+    const p = part.trim().toLowerCase();
+    if (!p)
+        return false;
+    if (p.startsWith('.')) {
+        return file.name.toLowerCase().endsWith(p);
+    }
+    if (p.includes('/')) {
+        const t = file.type.toLowerCase();
+        if (p.endsWith('/*')) {
+            const prefix = p.slice(0, -1);
+            return t.startsWith(prefix);
+        }
+        return t === p;
+    }
+    return false;
+}
+function matchesAccept(file, accept) {
+    const trimmed = accept.trim();
+    if (!trimmed)
+        return true;
+    const parts = trimmed
+        .split(',')
+        .map(s => s.trim())
+        .filter(Boolean);
+    if (parts.length === 0)
+        return true;
+    return parts.some(part => matchesAcceptPart(file, part));
+}
+function DropZone(props) {
+    const { accept, label, error, disabled = false, ghost = false, id, className, } = props;
+    const [isDragging, setIsDragging] = useState(false);
+    const dropAreaRef = useRef(null);
+    const inputId = id || `dropzone-file-input-${Math.random().toString(36).substr(2, 9)}`;
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (disabled)
+            return;
+        const list = Array.from(e.dataTransfer.files).filter(f => matchesAccept(f, accept));
+        if (props.multiple === true) {
+            if (list.length > 0) {
+                props.onFiles(list);
+            }
+        }
+        else {
+            const file = list[0];
+            if (file) {
+                props.onFile(file);
+            }
+        }
+    }, [accept, disabled, props]);
+    const handleFileInput = useCallback((e) => {
+        if (disabled)
+            return;
+        const raw = e.target.files;
+        if (!raw?.length)
+            return;
+        const list = Array.from(raw).filter(f => matchesAccept(f, accept));
+        if (props.multiple === true) {
+            if (list.length > 0) {
+                props.onFiles(list);
+            }
+        }
+        else {
+            const file = list[0];
+            if (file) {
+                props.onFile(file);
+            }
+        }
+        e.target.value = '';
+    }, [accept, disabled, props]);
+    useEffect(() => {
+        // Find closest dialog or fall back to body
+        const dialog = dropAreaRef.current?.closest('[role="dialog"]');
+        const targetElement = dialog || document.body;
+        const handleGlobalDragOver = (e) => {
+            e.preventDefault();
+            setIsDragging(true);
+        };
+        const handleGlobalDragLeave = (e) => {
+            // Only hide if we're leaving the target element itself (not a child)
+            // relatedTarget can be null when leaving the window
+            if (!e.relatedTarget ||
+                !targetElement.contains(e.relatedTarget)) {
+                setIsDragging(false);
+            }
+        };
+        const handleGlobalDrop = () => {
+            setIsDragging(false);
+        };
+        targetElement.addEventListener('dragover', handleGlobalDragOver);
+        targetElement.addEventListener('dragleave', handleGlobalDragLeave);
+        targetElement.addEventListener('drop', handleGlobalDrop);
+        return () => {
+            targetElement.removeEventListener('dragover', handleGlobalDragOver);
+            targetElement.removeEventListener('dragleave', handleGlobalDragLeave);
+            targetElement.removeEventListener('drop', handleGlobalDrop);
+        };
+    }, []);
+    const shouldShowDropArea = !ghost || isDragging;
+    const multiple = props.multiple === true;
+    return (jsxs("div", { className: `${S.root} ${className || ''}`, children: [shouldShowDropArea && (jsxs("div", { ref: dropAreaRef, className: `${S.dropArea} ${isDragging ? S.isDragging : ''} ${disabled ? S.disabled : ''}`, onDrop: handleDrop, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
+                            cursor: disabled ? 'not-allowed' : 'pointer',
+                        }, children: label })] })), error && jsx("div", { className: S.error, children: error })] }));
+}
+
+export { DropZone };

package/dist/esm/components/ui/DropZone/DropZone.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.DropZone_root__ct0cl{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__GIrZ-{background-color:var(--page-color);border:2px dashed var(--border);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__GIrZ- label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--page-color-alpha-800);border-color:var(--primary-color)}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){border:2px dashed var(--muted-border)}.dark .DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.dark .DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--background)}.DropZone_dropArea__GIrZ-.DropZone_disabled__nJAXj{cursor:not-allowed;opacity:.6}.DropZone_fileInput__K-7dx{display:none}.DropZone_label__FaOwC{color:var(--text-color-secondary);cursor:pointer}.DropZone_error__hwV4z{color:var(--error-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
+var S = {"root":"DropZone_root__ct0cl","dropArea":"DropZone_dropArea__GIrZ-","disabled":"DropZone_disabled__nJAXj","isDragging":"DropZone_isDragging__g7h0n","fileInput":"DropZone_fileInput__K-7dx","label":"DropZone_label__FaOwC","error":"DropZone_error__hwV4z"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Check, Circle, CaretRight } from '@phosphor-icons/react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import S from './DropdownMenu.styl.js';
+
+function DropdownMenu({ ...props }) {
+    return jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return (jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
+}
+function DropdownMenuTrigger({ ...props }) {
+    return (jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
+}
+function DropdownMenuContent({ className, sideOffset = 4, elevation = 'sm', ...props }) {
+    return (jsx(DropdownMenuPrimitive.Portal, { children: jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn(S.content, S[`elevation-${elevation}`], className), ...props }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return (jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
+}
+function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
+    return (jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn(S.item, className), ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn(S.checkboxItem, className), checked: checked, ...props, children: [jsx("span", { className: S.indicator, children: jsx(DropdownMenuPrimitive.ItemIndicator, { children: jsx(Check, { className: "size-4" }) }) }), children] }));
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return (jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn(S.radioItem, className), ...props, children: [jsx("span", { className: S.indicator, children: jsx(DropdownMenuPrimitive.ItemIndicator, { children: jsx(Circle, { className: "size-2 fill-current" }) }) }), children] }));
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn(S.label, className), ...props }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn(S.separator, className), ...props }));
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn(S.shortcut, className), ...props }));
+}
+function DropdownMenuSub({ ...props }) {
+    return jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn(S.subTrigger, className), ...props, children: [children, jsx(CaretRight, { className: "ml-auto size-4" })] }));
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return (jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn(S.subContent, className), ...props }));
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/esm/components/ui/DropdownMenu/DropdownMenu.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.DropdownMenu_content__OlE4W{background-color:var(--popover);border:1px solid var(--border);border-radius:var(--p-4);color:var(--popover-foreground);max-height:var(--radix-dropdown-menu-content-available-height);min-width:8rem;overflow-x:hidden;overflow-y:auto;padding:var(--p-1);transform-origin:var(--radix-dropdown-menu-content-transform-origin);z-index:50}.DropdownMenu_content__OlE4W.DropdownMenu_elevation-sm__YxqSi{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.DropdownMenu_content__OlE4W.DropdownMenu_elevation-lg__b-ucu,.DropdownMenu_content__OlE4W.DropdownMenu_elevation-md__-Bfe-{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.DropdownMenu_content__OlE4W[data-state=open]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out}.DropdownMenu_content__OlE4W[data-state=closed]{animation:DropdownMenu_fade-out__dQTVr .1s ease-in,DropdownMenu_zoom-out__O6NNb .1s ease-in}.DropdownMenu_content__OlE4W[data-state=open][data-side=bottom]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-top__S6fwM .15s ease-out}.DropdownMenu_content__OlE4W[data-state=open][data-side=left]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-right__x7eXI .15s ease-out}.DropdownMenu_content__OlE4W[data-state=open][data-side=right]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-left__JVDGh .15s ease-out}.DropdownMenu_content__OlE4W[data-state=open][data-side=top]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-bottom__HlK53 .15s ease-out}.DropdownMenu_content__OlE4W[data-state=closed][data-side=bottom],.DropdownMenu_content__OlE4W[data-state=closed][data-side=left],.DropdownMenu_content__OlE4W[data-state=closed][data-side=right],.DropdownMenu_content__OlE4W[data-state=closed][data-side=top]{animation:DropdownMenu_fade-out__dQTVr .1s ease-in,DropdownMenu_zoom-out__O6NNb .1s ease-in}.DropdownMenu_item__5U8Si{align-items:center;border-radius:var(--p-1);cursor:pointer;display:flex;font-size:.875rem;gap:var(--p-2);outline:2px solid transparent;outline-offset:2px;padding:6px var(--p-2);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.DropdownMenu_item__5U8Si{color:inherit;text-decoration:none}.DropdownMenu_item__5U8Si:focus{background-color:var(--accent);color:var(--accent-foreground)}.DropdownMenu_item__5U8Si:first-child{border-top-left-radius:var(--p-3);border-top-right-radius:var(--p-3)}.DropdownMenu_item__5U8Si:last-child{border-bottom-left-radius:var(--p-3);border-bottom-right-radius:var(--p-3)}[role=group] .DropdownMenu_item__5U8Si{border-radius:0}[role=group]:first-child .DropdownMenu_item__5U8Si:first-child{border-top-left-radius:var(--p-3);border-top-right-radius:var(--p-3)}[role=group]:last-child .DropdownMenu_item__5U8Si:last-child{border-bottom-left-radius:var(--p-3);border-bottom-right-radius:var(--p-3)}.DropdownMenu_item__5U8Si[data-variant=destructive]{color:var(--destructive)}.DropdownMenu_item__5U8Si[data-variant=destructive]:focus{background-color:var(--destructive-100);color:var(--destructive)}.DropdownMenu_item__5U8Si[data-variant=destructive] svg{color:var(--destructive)!important}.dark .DropdownMenu_item__5U8Si[data-variant=destructive]:focus{background-color:var(--destructive-200)}.DropdownMenu_item__5U8Si[data-disabled]{opacity:.5;pointer-events:none}.DropdownMenu_item__5U8Si[data-inset]{padding-left:var(--p-8)}.DropdownMenu_item__5U8Si svg:not([class*=text-]){color:var(--muted-foreground)}.DropdownMenu_item__5U8Si svg{flex-shrink:0;pointer-events:none}.DropdownMenu_item__5U8Si svg:not([class*=size-]){height:1rem;width:1rem}.DropdownMenu_checkboxItem__L3vB5{align-items:center;border-radius:.125rem;display:flex;font-size:.875rem;gap:var(--p-2);outline:2px solid transparent;outline-offset:2px;padding:6px var(--p-2) 6px var(--p-8);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DropdownMenu_checkboxItem__L3vB5:focus{background-color:var(--accent);color:var(--accent-foreground)}.DropdownMenu_checkboxItem__L3vB5[data-disabled]{opacity:.5;pointer-events:none}.DropdownMenu_checkboxItem__L3vB5 svg{flex-shrink:0;pointer-events:none}.DropdownMenu_checkboxItem__L3vB5 svg:not([class*=size-]){height:1rem;width:1rem}.DropdownMenu_radioItem__eSRBK{align-items:center;border-radius:.125rem;display:flex;font-size:.875rem;gap:var(--p-2);outline:2px solid transparent;outline-offset:2px;padding:6px var(--p-2) 6px var(--p-8);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DropdownMenu_radioItem__eSRBK:focus{background-color:var(--accent);color:var(--accent-foreground)}.DropdownMenu_radioItem__eSRBK[data-disabled]{opacity:.5;pointer-events:none}.DropdownMenu_radioItem__eSRBK svg{flex-shrink:0;pointer-events:none}.DropdownMenu_radioItem__eSRBK svg:not([class*=size-]){height:1rem;width:1rem}.DropdownMenu_label__IiIlF{font-size:.875rem;font-weight:500}.DropdownMenu_label__IiIlF[data-inset]{padding-left:var(--p-8)}.DropdownMenu_separator__Avmek{background-color:var(--border);height:1px;margin:var(--p-1) calc(var(--p-1)*-1)}.DropdownMenu_shortcut__nJhEM{color:var(--muted-foreground);font-size:.75rem;letter-spacing:.1em;margin-left:auto}.DropdownMenu_subTrigger__6bIVO{align-items:center;border-radius:.125rem;display:flex;font-size:.875rem;outline:2px solid transparent;outline-offset:2px;padding:6px var(--p-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.DropdownMenu_subTrigger__6bIVO:focus,.DropdownMenu_subTrigger__6bIVO[data-state=open]{background-color:var(--accent);color:var(--accent-foreground)}.DropdownMenu_subTrigger__6bIVO[data-inset]{padding-left:var(--p-8)}.DropdownMenu_subContent__svUx-{background-color:var(--popover);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:var(--popover-foreground);min-width:8rem;overflow:hidden;padding:var(--p-1);transform-origin:var(--radix-dropdown-menu-content-transform-origin);z-index:50}.DropdownMenu_subContent__svUx-[data-state=open]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out}.DropdownMenu_subContent__svUx-[data-state=closed]{animation:DropdownMenu_fade-out__dQTVr .1s ease-in,DropdownMenu_zoom-out__O6NNb .1s ease-in}.DropdownMenu_subContent__svUx-[data-state=open][data-side=bottom]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-top__S6fwM .15s ease-out}.DropdownMenu_subContent__svUx-[data-state=open][data-side=left]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-right__x7eXI .15s ease-out}.DropdownMenu_subContent__svUx-[data-state=open][data-side=right]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-left__JVDGh .15s ease-out}.DropdownMenu_subContent__svUx-[data-state=open][data-side=top]{animation:DropdownMenu_fade-in__cJFMk .15s ease-out,DropdownMenu_zoom-in__x7YdK .15s ease-out,DropdownMenu_slide-in-from-bottom__HlK53 .15s ease-out}.DropdownMenu_subContent__svUx-[data-state=closed][data-side=bottom],.DropdownMenu_subContent__svUx-[data-state=closed][data-side=left],.DropdownMenu_subContent__svUx-[data-state=closed][data-side=right],.DropdownMenu_subContent__svUx-[data-state=closed][data-side=top]{animation:DropdownMenu_fade-out__dQTVr .1s ease-in,DropdownMenu_zoom-out__O6NNb .1s ease-in}.DropdownMenu_indicator__TCByB{align-items:center;display:flex;height:.875rem;justify-content:center;left:var(--p-2);pointer-events:none;position:absolute;width:.875rem}@keyframes DropdownMenu_fade-in__cJFMk{0%{opacity:0}to{opacity:1}}@keyframes DropdownMenu_fade-out__dQTVr{0%{opacity:1}to{opacity:0}}@keyframes DropdownMenu_zoom-in__x7YdK{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes DropdownMenu_zoom-out__O6NNb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes DropdownMenu_slide-in-from-top__S6fwM{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes DropdownMenu_slide-in-from-right__x7eXI{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes DropdownMenu_slide-in-from-left__JVDGh{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes DropdownMenu_slide-in-from-bottom__HlK53{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}";
+var S = {"content":"DropdownMenu_content__OlE4W","elevation-sm":"DropdownMenu_elevation-sm__YxqSi","elevation-md":"DropdownMenu_elevation-md__-Bfe-","elevation-lg":"DropdownMenu_elevation-lg__b-ucu","fade-in":"DropdownMenu_fade-in__cJFMk","zoom-in":"DropdownMenu_zoom-in__x7YdK","fade-out":"DropdownMenu_fade-out__dQTVr","zoom-out":"DropdownMenu_zoom-out__O6NNb","slide-in-from-top":"DropdownMenu_slide-in-from-top__S6fwM","slide-in-from-right":"DropdownMenu_slide-in-from-right__x7eXI","slide-in-from-left":"DropdownMenu_slide-in-from-left__JVDGh","slide-in-from-bottom":"DropdownMenu_slide-in-from-bottom__HlK53","item":"DropdownMenu_item__5U8Si","checkboxItem":"DropdownMenu_checkboxItem__L3vB5","radioItem":"DropdownMenu_radioItem__eSRBK","label":"DropdownMenu_label__IiIlF","separator":"DropdownMenu_separator__Avmek","shortcut":"DropdownMenu_shortcut__nJhEM","subTrigger":"DropdownMenu_subTrigger__6bIVO","subContent":"DropdownMenu_subContent__svUx-","indicator":"DropdownMenu_indicator__TCByB"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/FlickeringGrid/FlickeringGrid.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import S from './FlickeringGrid.styl.js';
+
+const FlickeringGrid = ({ className, }) => {
+    return jsx("div", { className: `${S.container} ${className}` });
+};
+
+export { FlickeringGrid };

package/dist/esm/components/ui/FlickeringGrid/FlickeringGrid.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".FlickeringGrid_container__CN3Rx{background-image:url(bg.svg);background-position:4px 3px;background-repeat:repeat;background-size:150px;color:var(--color-muted);height:100%;opacity:.2;overflow:hidden;position:relative}";
+var S = {"container":"FlickeringGrid_container__CN3Rx"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Foldable/Foldable.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState } from 'react';
+import { CaretUpIcon, CaretDownIcon } from '@phosphor-icons/react';
+import S from './Foldable.styl.js';
+
+function Foldable({ header, content, contentClassName, defaultUnfolded = false, }) {
+    const [isUnfolded, setIsUnfolded] = useState(defaultUnfolded);
+    const toggleFold = () => {
+        setIsUnfolded(prev => !prev);
+    };
+    return (jsxs("div", { className: cn(S.root, isUnfolded && S.unfolded), children: [jsxs("div", { className: S.header, onClick: toggleFold, children: [jsx("div", { className: S.headerContent, children: header }), jsx("div", { className: S.toggle, children: isUnfolded ? (jsx(CaretUpIcon, { size: 20, className: S.icon })) : (jsx(CaretDownIcon, { size: 20, className: S.icon })) })] }), isUnfolded && (jsx("div", { className: cn(S.content, contentClassName), children: content }))] }));
+}
+
+export { Foldable };

package/dist/esm/components/ui/Foldable/Foldable.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Foldable_root__a-aH-{background-color:var(--background);border:1px solid var(--border);border-radius:var(--p-3);display:flex;flex-direction:column;overflow:hidden}.Foldable_root__a-aH-+.Foldable_root__a-aH-{margin-top:var(--p-1)}.Foldable_header__nagB6{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--p-2);transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Foldable_header__nagB6:hover,.Foldable_unfolded__9vrPw .Foldable_header__nagB6{background-color:var(--page-color-alpha-800)}.Foldable_headerContent__elQXO{align-items:center;display:flex;flex:1}.Foldable_toggle__9Mjwd{align-items:center;display:flex;margin-left:var(--p-2)}.Foldable_icon__NkmVx{color:var(--text-color-secondary);transition:transform .2s ease}.Foldable_content__OqJ-R{display:flex;flex-direction:column;gap:var(--p-3);padding:0 var(--p-4) var(--p-4) var(--p-4)}.Foldable_unfolded__9vrPw .Foldable_content__OqJ-R{background-color:var(--page-color-alpha-800)}";
+var S = {"root":"Foldable_root__a-aH-","header":"Foldable_header__nagB6","unfolded":"Foldable_unfolded__9vrPw","headerContent":"Foldable_headerContent__elQXO","toggle":"Foldable_toggle__9Mjwd","icon":"Foldable_icon__NkmVx","content":"Foldable_content__OqJ-R"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Gap/Gap.js

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import S from './Gap.styl.js';
+
+const Gap = () => jsx("div", { className: S.root });
+
+export { Gap };

package/dist/esm/components/ui/Gap/Gap.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Gap_root__6fJ8p{flex-grow:1}";
+var S = {"root":"Gap_root__6fJ8p"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Image/Image.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState, useEffect } from 'react';
+import S from './Image.styl.js';
+
+function Image({ url, fallback, className, ...props }) {
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        setIsLoading(true);
+    }, [url]);
+    const handleLoad = () => {
+        setIsLoading(false);
+    };
+    return (jsxs("div", { className: S.container, children: [isLoading && jsx("div", { className: S.fallback, children: fallback }), jsx("img", { src: url, className: cn(S.image, isLoading && S.loading, className), onLoad: handleLoad, ...props })] }));
+}
+
+export { Image };

package/dist/esm/components/ui/Image/Image.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Image_container__beG4N{display:inline-block;height:100%;position:relative;width:100%}.Image_image__Kkmwo{border-radius:inherit;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Image_image__Kkmwo.Image_loading__Hi33D{opacity:0}.Image_fallback__N1ndD{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}";
+var S = {"container":"Image_container__beG4N","image":"Image_image__Kkmwo","loading":"Image_loading__Hi33D","fallback":"Image_fallback__N1ndD"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/ImageWithFallback/ImageWithFallback.js

@@ -0,0 +1,19 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+function ImageWithFallback({ url, fallback, className, onError, ...props }) {
+    const [hasError, setHasError] = useState(false);
+    useEffect(() => {
+        setHasError(!url?.trim());
+    }, [url]);
+    const handleError = (e) => {
+        setHasError(true);
+        onError?.(e);
+    };
+    if (hasError) {
+        return jsx(Fragment, { children: fallback });
+    }
+    return (jsx("img", { src: url, className: className, onError: handleError, ...props }));
+}
+
+export { ImageWithFallback };

package/dist/esm/components/ui/Input/Input.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import * as React from 'react';
+import S from './Input.styl.js';
+
+const Input = React.forwardRef(({ className, type, size = 'md', variant = 'default', ...props }, ref) => {
+    if (type === 'textarea') {
+        return (jsx("textarea", { ref: ref, className: cn(S.root, S[`size-${size}`], S[`variant-${variant}`], className), ...props }));
+    }
+    return (jsx("input", { ref: ref, className: cn(S.root, S[`size-${size}`], S[`variant-${variant}`], className), type: type, ...props }));
+});
+Input.displayName = 'Input';
+
+export { Input };

package/dist/esm/components/ui/Input/Input.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Input_root__IY-8R{background-color:transparent;display:flex;min-width:0;outline:none;transition:color,box-shadow;transition-duration:.15s;width:100%}.Input_root__IY-8R.Input_variant-default__nISPW{border-radius:var(--p-4);box-shadow:0 0 0 1px var(--border);padding:4px 12px}.Input_root__IY-8R.Input_variant-default__nISPW:focus{box-shadow:inset 0 0 0 2px var(--brand-color-400)}.Input_root__IY-8R.Input_size-sm__mhl1Y{font-size:var(--text-xs);height:32px}.Input_root__IY-8R.Input_size-md__L5iKp{font-size:var(--text-sm);height:40px}.Input_root__IY-8R.Input_size-lg__0l--u{font-size:var(--text-base);height:48px}.Input_root__IY-8R:placeholder{color:var(--muted-foreground)}.Input_root__IY-8R::-moz-selection{background-color:var(--primary);color:var(--primary-foreground)}.Input_root__IY-8R::selection{background-color:var(--primary);color:var(--primary-foreground)}.Input_root__IY-8R.Input_variant-default__nISPW:focus-visible{border-color:var(--ring);ring:3px var(--ring)/.5}.Input_root__IY-8R.Input_variant-default__nISPW[aria-invalid=true]{border-color:var(--destructive);ring:3px var(--destructive)/.2}.Input_root__IY-8R:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.Input_root__IY-8R[type=file]::file-selector-button{background-color:transparent;border:0;color:var(--foreground);display:inline-flex;font-size:14px;font-weight:500;height:28px}.dark .Input_root__IY-8R{background-color:var(--input)/.3}.dark .Input_root__IY-8R[aria-invalid=true]{ring:3px var(--destructive)/.4}";
+var S = {"root":"Input_root__IY-8R","variant-default":"Input_variant-default__nISPW","size-sm":"Input_size-sm__mhl1Y","size-md":"Input_size-md__L5iKp","size-lg":"Input_size-lg__0l--u"};
+styleInject(css_248z);
+
+export { S as default };