@vertesia/ui 0.59.0 → 0.61.0

package/src/widgets/popover/slots.ts

@@ -0,0 +1,24 @@
+import { Children, FunctionComponent, ReactElement, ReactNode, isValidElement } from "react";
+
+const __SLOT_NAME = Symbol('__SLOT_NAME')
+
+export function processOneSlot(child: ReactNode, out: ReactNode[], slots: Record<string, ReactElement>) {
+    let slotName: string | undefined;
+    if (isValidElement(child) && (slotName = (child as any).type[__SLOT_NAME])) {
+        slots[slotName] = child;
+    } else {
+        out.push(child);
+    }
+}
+export function processSlots(children: ReactNode | Iterable<ReactNode>, slots: Record<string, ReactElement>): ReactNode | ReactNode[] {
+    const out: ReactNode[] = [];
+
+    Children.forEach(children, child => {
+        processOneSlot(child, out, slots);
+    })
+    return out.length > 1 ? out : out[0];
+}
+
+export function defineSlot(name: string, component: FunctionComponent<any>) {
+    (component as any)[__SLOT_NAME] = name;
+}

package/src/widgets/properties/PropertiesView.tsx

@@ -0,0 +1,26 @@
+import { Table } from "@vertesia/ui/core";
+
+
+interface PropertiesViewProps {
+    className?: string,
+    properties: { name: string, value: React.ReactNode, description?: string }[]
+}
+export function PropertiesView({ className, properties }: PropertiesViewProps) {
+    return (
+        <Table className={className}>
+            <tbody>
+                {
+                    properties.map((property) => (
+                        <tr key={property.name}>
+                            <td className='w-1/3 font-semibold' >
+                                <span>{property.name}</span>
+                            </td>
+                            <td className='w-2/3'>{property.value ?? 'undefined'}</td>
+                        </tr>
+                    ))
+                }
+            </tbody>
+
+        </Table>
+    )
+}

package/src/widgets/properties/index.ts

@@ -0,0 +1 @@
+export * from "./PropertiesView"

package/src/widgets/schema-editor/JSONSchemaEditorModal.tsx

@@ -1,7 +1,6 @@
 import { json } from "@codemirror/lang-json";
 import { CodeMirrorEditor, EditorApi } from "../codemirror";
-import { Button, VModal, VModalBody, VModalFooter, VModalTitle } from "@vertesia/ui/core";
-import { useToast } from "@vertesia/ui/core";
+import { Button, VModal, VModalBody, VModalFooter, VModalTitle, useToast } from "@vertesia/ui/core";
 import { basicSetup } from "codemirror";
 import { useMemo, useRef } from "react";
 import { ManagedSchema } from "./ManagedSchema.js";

package/src/widgets/schema-editor/editor/Editable.tsx

@@ -1,13 +1,12 @@
 import clsx from 'clsx';
 import { ChangeEvent, ComponentType, KeyboardEvent, useEffect, useRef, useState } from 'react';
 
-import { Pencil, Trash2 } from 'lucide-react';
-import { Styles } from '@vertesia/ui/core';
-import { useClickOutside, useFlag } from '@vertesia/ui/core';
+import { SquarePen, Trash2 } from 'lucide-react';
+import { Button, Styles, useClickOutside, useFlag } from '@vertesia/ui/core';
 
-const VIEW_BOX = "block sm:text-sm sm:leading-6 rounded-md border-0 py-1.5 px-2 text-gray-900 dark:text-slate-50"
-const VIEW_BOX_HOVER = `${VIEW_BOX} hover:shadow-xs hover:ring-1 hover:ring-inset hover:ring-gray-300 dark:hover:ring-slate-600`
-const EDIT_BOX = `${VIEW_BOX} shadow-xs ring-1 ring-inset ring-gray-300 dark:ring-slate-600`
+const VIEW_BOX = "block text-sm sm:leading-6 rounded-md border-0 py-1.5 px-4"
+const VIEW_BOX_HOVER = `${VIEW_BOX} hover:shadow-xs hover:ring-1 hover:ring-inset hover:ring-ring`
+const EDIT_BOX = `${VIEW_BOX} shadow-xs ring-1 ring-inset ring-ring`
 
 export interface DataViewerProps<T> {
     value: T | undefined;
@@ -78,7 +77,7 @@ export function Editable<T>({ value, onChange, onDelete,
     };
 
     return (
-        <div>
+        <div className="">
             {
                 isOn && !readonly ?
                     <DataEdit
@@ -125,7 +124,7 @@ function DataView<T>({ viewer: Viewer, value, onEdit, editOnClick, outlineOnHove
         }
     };
 
-    const btnStyle = 'hidden group-hover:block text-gray-400 hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400';
+    const btnStyle = 'invisible group-hover:visible';
 
     return (
         <div tabIndex={0} onKeyUp={onKeyUp} onClick={onClick} className={clsx("flex justify-start items-center group", outlineOnHover ? VIEW_BOX_HOVER : VIEW_BOX, { 'cursor-pointer': editOnClick })}>
@@ -133,15 +132,15 @@ function DataView<T>({ viewer: Viewer, value, onEdit, editOnClick, outlineOnHove
             <div className='ml-auto flex space-x-2'>
                 {
                     !readonly && onDelete &&
-                    <button className={btnStyle} onClick={onDelete}>
+                    <Button variant="ghost" size="sm" className={btnStyle} onClick={onDelete}>
                         <Trash2 className="size-4" />
-                    </button>
+                    </Button>
                 }
                 {
                     !readonly ?
-                        <button className={btnStyle} onClick={onEdit}>
-                            <Pencil className="size-4" />
-                        </button>
+                        <Button variant="ghost" size="sm" className={btnStyle} onClick={onEdit}>
+                            <SquarePen className="size-4" />
+                        </Button>
                         : null
                 }
             </div>

package/src/widgets/schema-editor/editor/PropertyViewer.tsx

@@ -9,7 +9,7 @@ export function PropertyViewer({ value }: DataViewerProps<EditableSchemaProperty
             <div>
                 {value.name || ''}
             </div>
-            <div className='ml-2 text-sm text-gray-400'>{value.type || ''}</div>
+            <div className='ml-2 text-sm text-muted'>{value.type || ''}</div>
         </div>
     )
 }

package/src/widgets/schema-editor/editor/SchemaEditor.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 
 import { ChevronDown, ChevronRight, Plus } from 'lucide-react';
-import { useToast } from '@vertesia/ui/core';
+import { Button, useToast } from '@vertesia/ui/core';
 
 import { ManagedSchema, SchemaNode } from '../ManagedSchema.js';
 import { TypeNames } from '../type-signature.js';
@@ -154,8 +154,8 @@ function AddPropertyButton({ parent }: AddPropertyButtonProps) {
         parent.reloadTree();
     }
     return (
-        <button className="ml-1 py-2 flex items-center text-gray-400 hover:text-indigo-600" onClick={add}>
-            <Plus className='size-5' /><div className='ml-2'>Add property</div>
-        </button>
+        <Button variant="outline" onClick={add}>
+            <Plus className='size-4' />Add property
+        </Button>
     )
 }

package/src/widgets/upload/DropZone.tsx

@@ -0,0 +1,257 @@
+import { useState, useRef } from "react";
+import { UploadIcon } from "lucide-react";
+import { Button } from "@vertesia/ui/core";
+
+/**
+ * Props for the DropZone component
+ */
+export interface DropZoneProps {
+    /**
+     * Callback when files are dropped or selected
+     */
+    onDrop: (files: File[], customMessage?: { count: number; message: string }) => void;
+
+    /**
+     * Message to display in the drop zone
+     */
+    message: string;
+
+    /**
+     * Label for the upload button
+     */
+    buttonLabel?: string;
+
+    /**
+     * Allow selection of folders
+     * @default true
+     */
+    allowFolders?: boolean;
+
+    /**
+     * CSS class to apply to the container
+     */
+    className?: string;
+}
+
+/**
+ * A reusable drop zone component for file uploads
+ *
+ * @example
+ * <DropZone
+ *   onDrop={handleFileSelect}
+ *   message="Drag and drop files here"
+ *   buttonLabel="Select Files"
+ * />
+ */
+export function DropZone({
+    onDrop,
+    message,
+    buttonLabel = "Upload Files",
+    allowFolders = true,
+    className = ""
+}: DropZoneProps) {
+    const [isDragging, setIsDragging] = useState(false);
+    const inputRef = useRef<HTMLInputElement>(null);
+    const dropZoneRef = useRef<HTMLDivElement>(null);
+
+    const handleDragOver = (e: React.DragEvent) => {
+        e.preventDefault();
+        if (e.dataTransfer.types.includes('Files')) {
+            setIsDragging(true);
+        }
+    };
+
+    const handleDragLeave = (e: React.DragEvent) => {
+        e.preventDefault();
+
+        // Only set dragging to false if leaving the container (not entering a child)
+        if (dropZoneRef.current && !dropZoneRef.current.contains(e.relatedTarget as Node)) {
+            setIsDragging(false);
+        }
+    };
+
+    const handleDrop = async (e: React.DragEvent) => {
+        e.preventDefault();
+        setIsDragging(false);
+
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            // Handle folders using the DataTransferItemList API which supports directory reading
+            const items = Array.from(e.dataTransfer.items);
+            const files: File[] = [];
+            const folders = new Set<string>();
+
+            const processEntry = async (entry: any) => {
+                if (entry.isFile) {
+                    // Get file
+                    const file = await new Promise<File>((resolve) => {
+                        entry.file((file: File) => {
+                            // Store full path in the file object for location use
+                            Object.defineProperty(file, "webkitRelativePath", {
+                                writable: true,
+                                value: entry.fullPath.substring(1), // Remove leading slash
+                            });
+                            resolve(file);
+                        });
+                    });
+
+                    // Skip hidden files
+                    if (!file.name.startsWith(".") && file.size > 0) {
+                        files.push(file);
+                    }
+
+                    // Add folder path to tracking
+                    const folderPath = entry.fullPath.substring(1).split("/").slice(0, -1).join("/");
+                    if (folderPath) {
+                        folders.add(folderPath);
+                    }
+                } else if (entry.isDirectory) {
+                    // Get folder reader
+                    const reader = entry.createReader();
+                    const entries = await new Promise<any[]>((resolve) => {
+                        reader.readEntries((entries: any[]) => {
+                            resolve(entries);
+                        });
+                    });
+
+                    // Process all entries
+                    await Promise.all(entries.map(processEntry));
+
+                    // Add this folder to tracking
+                    const folderPath = entry.fullPath.substring(1);
+                    if (folderPath) {
+                        folders.add(folderPath);
+                    }
+                }
+            };
+
+            try {
+                // Process all dropped items
+                await Promise.all(
+                    items.map((item) => {
+                        const entry = item.webkitGetAsEntry ? item.webkitGetAsEntry() : item;
+                        if (entry) {
+                            return processEntry(entry);
+                        }
+                        return Promise.resolve();
+                    }),
+                );
+
+                if (files.length > 0) {
+                    const topLevelFolders = new Set(
+                        Array.from(folders)
+                            .map((path) => path.split("/")[0])
+                            .filter(Boolean),
+                    );
+
+                    const folderCount = topLevelFolders.size;
+                    const fileCount = files.length;
+
+                    let message = "";
+                    if (folderCount > 0) {
+                        message =
+                            folderCount === 1
+                                ? `Preparing to upload 1 folder with ${fileCount} files...`
+                                : `Preparing to upload ${folderCount} folders with ${fileCount} files...`;
+                    } else {
+                        message = `Preparing to upload ${fileCount} file${fileCount === 1 ? "" : "s"}...`;
+                    }
+
+                    onDrop(files, { count: files.length, message });
+                }
+            } catch (error) {
+                console.error("Error processing dropped files:", error);
+                // Fallback to simple file array if folder processing fails
+                const fileArray = Array.from(e.dataTransfer.files);
+                if (fileArray.length > 0) {
+                    onDrop(fileArray);
+                }
+            }
+        } else if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            // Fallback for browsers that don't support items API
+            const fileArray = Array.from(e.dataTransfer.files);
+            onDrop(fileArray);
+        }
+    };
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        if (e.target.files && e.target.files.length > 0) {
+            const fileArray = Array.from(e.target.files);
+
+            // Check if there are directories (with webkitRelativePath)
+            const hasDirectories = fileArray.some(
+                (file) => (file as any).webkitRelativePath && (file as any).webkitRelativePath.includes("/"),
+            );
+
+            if (hasDirectories) {
+                // Count the unique top-level directories
+                const topLevelDirs = new Set(
+                    fileArray.map((file) => (file as any).webkitRelativePath?.split("/")[0]).filter(Boolean),
+                );
+
+                const folderCount = topLevelDirs.size;
+                const fileCount = fileArray.length;
+
+                // Create custom message with folder info
+                const formattedMessage =
+                    folderCount === 1
+                        ? `Preparing to upload 1 folder with ${fileCount} files...`
+                        : `Preparing to upload ${folderCount} folders with ${fileCount} files...`;
+
+                const customMessage = {
+                    count: fileArray.length,
+                    message: formattedMessage,
+                };
+
+                onDrop(fileArray, customMessage);
+            } else {
+                // Regular file upload
+                const feedback = {
+                    count: fileArray.length,
+                    message: `Preparing to upload ${fileArray.length} file${fileArray.length === 1 ? "" : "s"}...`,
+                };
+                onDrop(fileArray, feedback);
+            }
+        }
+    };
+
+    const openFileSelector = () => {
+        if (inputRef.current) {
+            inputRef.current.click();
+        }
+    };
+
+    return (
+        <div
+            className={`flex flex-col items-center justify-center py-12 border-2 rounded-lg transition-colors ${isDragging ? "border-color-primary bg-color-primary/10" : "border-dashed border-color-border"
+                } ${className}`}
+            onDragOver={handleDragOver}
+            onDragLeave={handleDragLeave}
+            onDrop={handleDrop}
+        >
+            <UploadIcon
+                className={`h-12 w-12 mb-3 transition-colors ${isDragging ? "text-primary" : "text-muted/50"}`}
+            />
+            <p className="text-color-muted-foreground">{message}</p>
+
+            <div className="mt-4 text-center">
+                <div className="text-sm text-muted mb-2">Drag and drop files{allowFolders ? " or folders" : ""} here, or</div>
+                <Button onClick={openFileSelector}>
+                    <UploadIcon className="h-4 w-4 mr-2" />
+                    {buttonLabel}
+                </Button>
+
+                {/* Hidden file input that accepts both files and folders */}
+                <input
+                    type="file"
+                    ref={inputRef}
+                    onChange={handleChange}
+                    multiple
+                    // @ts-expect-error: webkitdirectory is a non-standard attribute
+                    webkitdirectory={allowFolders ? "" : undefined}
+                    directory={allowFolders ? "" : undefined}
+                    className="hidden"
+                />
+            </div>
+        </div>
+    );
+}

package/src/widgets/upload/UploadResultCategory.tsx

@@ -0,0 +1,81 @@
+import { CheckCircleIcon } from "lucide-react";
+import { useState } from "react";
+
+/**
+ * Props for the UploadResultCategory component
+ */
+export interface UploadResultCategoryProps {
+    /** Category title */
+    title: string;
+    /** Number of items in this category */
+    count: number;
+    /** Icon to display next to the title */
+    icon?: React.ReactNode;
+    /** List of items to display */
+    items: string[];
+}
+
+/**
+ * Displays a collapsible category of upload results
+ *
+ * @example
+ * <UploadResultCategory
+ *   title="Successfully Uploaded"
+ *   count={3}
+ *   icon={<CheckCircleIcon className="h-4 w-4 text-green-500" />}
+ *   items={["document1.pdf", "document2.pdf", "document3.pdf"]}
+ * />
+ */
+export function UploadResultCategory({
+    title,
+    count,
+    icon = <CheckCircleIcon className="h-4 w-4 text-green-500" />,
+    items
+}: UploadResultCategoryProps) {
+    const [isExpanded, setIsExpanded] = useState(false);
+
+    return (
+        <div className="border border-color-border rounded-md overflow-hidden">
+            <div
+                className="flex items-center justify-between p-3 bg-color-muted/10 cursor-pointer"
+                onClick={() => setIsExpanded(!isExpanded)}
+            >
+                <div className="flex items-center">
+                    <span className="mr-2">{icon}</span>
+                    <span className="font-medium">{title}</span>
+                    <span className="ml-2 px-2 py-0.5 bg-color-muted/20 rounded-full text-xs">
+                        {count}
+                    </span>
+                </div>
+                <button className="text-muted">
+                    <svg
+                        className={`h-5 w-5 transition-transform ${isExpanded ? 'transform rotate-180' : ''}`}
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke="currentColor"
+                    >
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
+                    </svg>
+                </button>
+            </div>
+
+            {isExpanded && (
+                <div className="p-3 border-t border-color-border max-h-48 overflow-y-auto">
+                    {items.length > 0 ? (
+                        <ul className="space-y-1">
+                            {items.map((item, index) => (
+                                <li key={index} className="text-sm py-1 px-2 rounded hover:bg-color-muted/10">
+                                    {item}
+                                </li>
+                            ))}
+                        </ul>
+                    ) : (
+                        <div className="text-sm text-muted py-2">
+                            No items to display
+                        </div>
+                    )}
+                </div>
+            )}
+        </div>
+    );
+}

package/src/widgets/upload/UploadSummary.tsx

@@ -0,0 +1,116 @@
+import { CheckCircleIcon, AlertCircleIcon, XCircleIcon } from "lucide-react";
+import { UploadResultCategory } from "./UploadResultCategory";
+
+/**
+ * Processed file information
+ */
+export interface ProcessedFile {
+    /** The name of the file */
+    name: string;
+    /** The status of the file upload */
+    status: 'success' | 'updated' | 'skipped' | 'failed';
+    /** Error message if status is 'failed' */
+    error?: string;
+}
+
+/**
+ * Props for the UploadSummary component
+ */
+export interface UploadSummaryProps {
+    /** List of processed files */
+    files: ProcessedFile[];
+    /** Optional class name for styling */
+    className?: string;
+    /** Optional folder location where files were uploaded */
+    location?: string;
+    /** Optional collection name where files were uploaded */
+    collection?: string;
+}
+
+/**
+ * Displays a summary of upload results with collapsible categories
+ * 
+ * @example
+ * <UploadSummary 
+ *   files={[
+ *     { name: "document1.pdf", status: "success" },
+ *     { name: "document2.pdf", status: "skipped" }
+ *   ]}
+ *   location="/reports/2023"
+ * />
+ */
+export function UploadSummary({ files, className = "", location, collection }: UploadSummaryProps) {
+    // Group files by status
+    const successFiles = files.filter(f => f.status === 'success');
+    const updatedFiles = files.filter(f => f.status === 'updated');
+    const skippedFiles = files.filter(f => f.status === 'skipped');
+    const failedFiles = files.filter(f => f.status === 'failed');
+    
+    // Calculate counts
+    const successCount = successFiles.length;
+    const updatedCount = updatedFiles.length;
+    const skippedCount = skippedFiles.length;
+    const failedCount = failedFiles.length;
+    const totalCount = files.length;
+    
+    return (
+        <div className={`flex flex-col py-6 ${className}`}>
+            <div className="flex items-center mb-4">
+                <div className="w-12 h-12 mr-4 rounded-full bg-color-success/10 flex items-center justify-center">
+                    <CheckCircleIcon className="h-6 w-6 text-color-success" />
+                </div>
+                <div>
+                    <p className="text-lg font-medium text-color-success">Upload Complete</p>
+                    <p className="text-muted">
+                        {totalCount} file{totalCount !== 1 ? "s" : ""} processed
+                        {collection ? ` in collection '${collection}'` : ""}
+                        {location ? ` in folder '${location}'` : ""}
+                    </p>
+                </div>
+            </div>
+            
+            {/* Upload results categories */}
+            <div className="space-y-3 mt-2">
+                {/* Successful uploads */}
+                {successCount > 0 && (
+                    <UploadResultCategory 
+                        title="Successfully Uploaded"
+                        count={successCount}
+                        icon={<CheckCircleIcon className="h-4 w-4 text-green-500" />}
+                        items={successFiles.map(f => f.name)}
+                    />
+                )}
+                
+                {/* Updated files */}
+                {updatedCount > 0 && (
+                    <UploadResultCategory 
+                        title="Successfully Updated"
+                        count={updatedCount}
+                        icon={<CheckCircleIcon className="h-4 w-4 text-blue-500" />}
+                        items={updatedFiles.map(f => f.name)}
+                    />
+                )}
+                
+                {/* Skipped files */}
+                {skippedCount > 0 && (
+                    <UploadResultCategory 
+                        title="Skipped (Already Existed)"
+                        count={skippedCount}
+                        icon={<AlertCircleIcon className="h-4 w-4 text-amber-500" />}
+                        items={skippedFiles.map(f => f.name)}
+                    />
+                )}
+                
+                {/* Failed uploads */}
+                {failedCount > 0 && (
+                    <UploadResultCategory 
+                        title="Failed to Upload"
+                        count={failedCount}
+                        icon={<XCircleIcon className="h-4 w-4 text-red-500" />}
+                        items={failedFiles.map(f => f.name)}
+                    />
+                )}
+            </div>
+        </div>
+    );
+}

package/src/widgets/upload/index.ts

@@ -0,0 +1,3 @@
+export * from './DropZone';
+export * from './UploadResultCategory';
+export * from './UploadSummary';

package/lib/esm/code/index.js

@@ -1,3 +0,0 @@
-"use strict";
-// code components impl
-//# sourceMappingURL=index.js.map

package/lib/esm/code/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code/index.ts"],"names":[],"mappings":";AAAA,uBAAuB"}

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

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

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

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

package/lib/esm/form/index.js

@@ -1,3 +0,0 @@
-"use strict";
-// form engine impl
-//# sourceMappingURL=index.js.map

package/lib/esm/form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/index.ts"],"names":[],"mappings":";AAAA,mBAAmB"}

package/lib/types/core/components/Input.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface InputProps extends Omit<React.HTMLProps<HTMLInputElement>, 'ref' | 'onChange' | 'value'> {
-    value?: string;
-    onChange?: (value: string) => void;
-    unstyled?: boolean;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input };