@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/editor.d.ts

@@ -0,0 +1,153 @@
+import * as react from 'react';
+import { ReactNode, RefObject } from 'react';
+import { R as RenderExtension } from './extensions-6PVd3-vB.js';
+import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface EditorAction {
+    icon: ReactNode;
+    label: string;
+    command: string;
+    commandArg?: string;
+    active?: boolean;
+}
+interface EditorToolbarProps {
+    actions?: EditorAction[];
+    onAction?: (command: string) => void;
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Append a "Source" toggle (reveals the raw HTML/Markdown behind the editor)
+     * to the right of the default toolbar. Ignored when `children` are supplied —
+     * custom toolbars compose their own `<Editor.SourceToggle />`.
+     * @default true
+     */
+    showSourceToggle?: boolean;
+}
+interface EditorContentProps {
+    className?: string;
+    /** Max height in px before scrolling. When set, content area becomes scrollable. */
+    maxHeight?: number;
+    /** Class names applied to the raw-source `<textarea>` shown while source mode is on. */
+    sourceClassName?: string;
+}
+interface EditorSourceToggleProps {
+    className?: string;
+    /** Toggle glyph/label. @default `</>` */
+    icon?: ReactNode;
+    /** Accessible title when in rich-text mode (click → source). @default "Source" */
+    title?: string;
+    /** Accessible title when in source mode (click → rich text). @default "Rich text" */
+    activeTitle?: string;
+}
+interface EditorProps {
+    children: ReactNode;
+    className?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    outputFormat?: "html" | "markdown";
+    /**
+     * The format of the INCOMING `value` / `defaultValue`. Default `"auto"`
+     * keeps the historical sniff (`detectFormat`) — but real-world markdown that
+     * merely mentions HTML-ish snippets (`<code>`, `<table`, …) flips the sniff
+     * to html and renders as a wall of text. Callers with a KNOWN format
+     * (file-typed content, values previously emitted with
+     * `outputFormat="markdown"`) should declare it; explicit values bypass the
+     * sniff entirely — in edit mode AND view mode.
+     * @default "auto"
+     */
+    valueFormat?: "markdown" | "html" | "auto";
+    lineSpacing?: number;
+    placeholder?: string;
+    /**
+     * View/edit mode — like the react-fancy inputs. Resolution: this prop →
+     * nearest `<Form>` / `<FormProvider>` context → `"edit"`. In `"view"` mode the
+     * editor renders its value read-only through `<ContentRenderer>` (matching
+     * `outputFormat` — markdown/html) instead of the editable toolbar + content.
+     * @default "edit"
+     */
+    mode?: FieldMode;
+    /** Per-instance render extensions. Merged with any globally-registered extensions. */
+    extensions?: RenderExtension[];
+    /**
+     * Controlled source-view flag. When `true` the content area shows the raw
+     * HTML/Markdown (`value`, in `outputFormat`) in an editable `<textarea>`
+     * instead of the rich-text surface. Pair with `onShowSourceChange`, or leave
+     * uncontrolled and drive it with the toolbar's Source toggle.
+     */
+    showSource?: boolean;
+    /** Initial source-view flag when uncontrolled. @default false */
+    defaultShowSource?: boolean;
+    /** Fired when the Source toggle (or an agent) flips source view on/off. */
+    onShowSourceChange?: (showSource: boolean) => void;
+    /**
+     * Skip HTML sanitization of the initial value. By default the initial markdown/HTML
+     * is sanitized to remove `<script>`, `<iframe>`, event handlers, and `javascript:`
+     * URIs before being placed into contentEditable. Pass `unsafe` only when the
+     * initial value is fully trusted.
+     * @default false
+     */
+    unsafe?: boolean;
+}
+
+declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, }: EditorToolbarProps): react.JSX.Element;
+declare namespace EditorToolbar {
+    var displayName: string;
+}
+
+declare function EditorToolbarSeparator(): react.JSX.Element;
+declare namespace EditorToolbarSeparator {
+    var displayName: string;
+}
+
+/**
+ * Toolbar button that reveals the raw HTML/Markdown behind the editor. Reads
+ * `showSource` / `setShowSource` from context, so it works in the default
+ * toolbar and in any custom toolbar composed with `useEditor()`.
+ */
+declare function EditorSourceToggle({ className, icon, title, activeTitle, }: EditorSourceToggleProps): react.JSX.Element;
+declare namespace EditorSourceToggle {
+    var displayName: string;
+}
+
+declare function EditorContent({ className, maxHeight, sourceClassName }: EditorContentProps): react.JSX.Element;
+declare namespace EditorContent {
+    var displayName: string;
+}
+
+declare function EditorRoot({ children, className, value: controlledValue, defaultValue, onChange, outputFormat, valueFormat, lineSpacing, placeholder, mode: modeProp, extensions: instanceExtensions, unsafe, showSource: showSourceProp, defaultShowSource, onShowSourceChange, }: EditorProps): react.JSX.Element;
+declare const Editor: typeof EditorRoot & {
+    Toolbar: typeof EditorToolbar & {
+        Separator: typeof EditorToolbarSeparator;
+    };
+    Content: typeof EditorContent;
+    SourceToggle: typeof EditorSourceToggle;
+};
+
+interface EditorContextValue {
+    contentRef: RefObject<HTMLDivElement | null>;
+    exec: (command: string, arg?: string) => void;
+    insertText: (text: string) => void;
+    wrapSelection: (before: string, after: string) => void;
+    outputFormat: "html" | "markdown";
+    lineSpacing: number;
+    placeholder?: string;
+    /** Merged render extensions (global + instance). */
+    extensions: RenderExtension[];
+    /** Whether the raw-source view (textarea) is showing instead of the rich-text surface. */
+    showSource: boolean;
+    /** Toggle/set the raw-source view. */
+    setShowSource: (showSource: boolean) => void;
+    /** Initial HTML content to load into the editor on mount */
+    _initialHtml: string;
+    /** @internal Called by EditorContent on input events */
+    _onInput: () => void;
+    /** @internal Raw source value (`value` in `outputFormat`), for the source textarea. */
+    _sourceValue: string;
+    /** @internal Commit an edit made directly in the source textarea. */
+    _onSourceInput: (value: string) => void;
+}
+declare function useEditor(): EditorContextValue;
+
+export { Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorSourceToggleProps, type EditorToolbarProps, useEditor };

package/dist/editor.js

@@ -0,0 +1,16 @@
+export { Editor, useEditor } from './chunk-RID7CYGD.js';
+import './chunk-RNPFSVFN.js';
+import './chunk-CPY7NHXM.js';
+import './chunk-FVV76TRF.js';
+import './chunk-5U2DZ7AV.js';
+import './chunk-ZLCVKYHY.js';
+import './chunk-CHADHN6M.js';
+import './chunk-XJXQG34J.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-NRXK42LO.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=editor.js.map
+//# sourceMappingURL=editor.js.map

package/dist/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"editor.js"}

package/dist/emoji-select.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk6FBFE66M_cjs = require('./chunk-6FBFE66M.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "EmojiSelect", {
+  enumerable: true,
+  get: function () { return chunk6FBFE66M_cjs.EmojiSelect; }
+});
+//# sourceMappingURL=emoji-select.cjs.map
+//# sourceMappingURL=emoji-select.cjs.map

package/dist/emoji-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"emoji-select.cjs"}

package/dist/emoji-select.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+
+interface EmojiSelectProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (emoji: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+
+declare function EmojiSelect({ value, defaultValue, onChange, placeholder, className }: EmojiSelectProps): react.JSX.Element;
+
+export { EmojiSelect, type EmojiSelectProps };

package/dist/emoji-select.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+
+interface EmojiSelectProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (emoji: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+
+declare function EmojiSelect({ value, defaultValue, onChange, placeholder, className }: EmojiSelectProps): react.JSX.Element;
+
+export { EmojiSelect, type EmojiSelectProps };

package/dist/emoji-select.js

@@ -0,0 +1,6 @@
+export { EmojiSelect } from './chunk-GKGL7F36.js';
+import './chunk-45BBNJQD.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=emoji-select.js.map
+//# sourceMappingURL=emoji-select.js.map

package/dist/emoji-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"emoji-select.js"}

package/dist/emoji.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkMDUSUJWY_cjs = require('./chunk-MDUSUJWY.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Emoji", {
+  enumerable: true,
+  get: function () { return chunkMDUSUJWY_cjs.Emoji; }
+});
+//# sourceMappingURL=emoji.cjs.map
+//# sourceMappingURL=emoji.cjs.map

package/dist/emoji.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"emoji.cjs"}

package/dist/emoji.d.cts

@@ -0,0 +1,2 @@
+export { c as Emoji, h as EmojiProps } from './index-BktWpyRH.cjs';
+import 'react';

package/dist/emoji.d.ts

@@ -0,0 +1,2 @@
+export { c as Emoji, h as EmojiProps } from './index-BktWpyRH.js';
+import 'react';

package/dist/emoji.js

@@ -0,0 +1,5 @@
+export { Emoji } from './chunk-O4MKOSU2.js';
+import './chunk-45BBNJQD.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=emoji.js.map
+//# sourceMappingURL=emoji.js.map

package/dist/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"emoji.js"}

package/dist/extensions-6PVd3-vB.d.cts

@@ -0,0 +1,38 @@
+import { ComponentType } from 'react';
+
+/** Props passed to every render-extension component. */
+interface RenderExtensionProps {
+    /** The inner content of the custom tag (raw string). */
+    content: string;
+    /** Parsed HTML attributes from the opening tag. */
+    attributes: Record<string, string>;
+}
+/** Registers a custom tag with a React component for rendering. */
+interface RenderExtension {
+    /** Tag name to match, e.g. "questions", "thinking". Case-insensitive. */
+    tag: string;
+    /** React component that renders the matched tag. */
+    component: ComponentType<RenderExtensionProps>;
+    /**
+     * Whether this is a block-level element.
+     * Block extensions are wrapped in a `<div>`, inline in a `<span>`.
+     * @default true
+     */
+    block?: boolean;
+}
+/** A parsed segment — either raw HTML or a matched extension tag. */
+type ContentSegment = {
+    type: "html";
+    content: string;
+} | {
+    type: "extension";
+    tag: string;
+    content: string;
+    attributes: Record<string, string>;
+};
+/** Register a single render extension globally (available to all ContentRenderer and Editor instances). */
+declare function registerExtension(extension: RenderExtension): void;
+/** Register multiple render extensions globally. */
+declare function registerExtensions(extensions: RenderExtension[]): void;
+
+export { type ContentSegment as C, type RenderExtension as R, type RenderExtensionProps as a, registerExtensions as b, registerExtension as r };

package/dist/extensions-6PVd3-vB.d.ts

@@ -0,0 +1,38 @@
+import { ComponentType } from 'react';
+
+/** Props passed to every render-extension component. */
+interface RenderExtensionProps {
+    /** The inner content of the custom tag (raw string). */
+    content: string;
+    /** Parsed HTML attributes from the opening tag. */
+    attributes: Record<string, string>;
+}
+/** Registers a custom tag with a React component for rendering. */
+interface RenderExtension {
+    /** Tag name to match, e.g. "questions", "thinking". Case-insensitive. */
+    tag: string;
+    /** React component that renders the matched tag. */
+    component: ComponentType<RenderExtensionProps>;
+    /**
+     * Whether this is a block-level element.
+     * Block extensions are wrapped in a `<div>`, inline in a `<span>`.
+     * @default true
+     */
+    block?: boolean;
+}
+/** A parsed segment — either raw HTML or a matched extension tag. */
+type ContentSegment = {
+    type: "html";
+    content: string;
+} | {
+    type: "extension";
+    tag: string;
+    content: string;
+    attributes: Record<string, string>;
+};
+/** Register a single render extension globally (available to all ContentRenderer and Editor instances). */
+declare function registerExtension(extension: RenderExtension): void;
+/** Register multiple render extensions globally. */
+declare function registerExtensions(extensions: RenderExtension[]): void;
+
+export { type ContentSegment as C, type RenderExtension as R, type RenderExtensionProps as a, registerExtensions as b, registerExtension as r };

package/dist/eyebrow.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkIJ4I55QQ_cjs = require('./chunk-IJ4I55QQ.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Eyebrow", {
+  enumerable: true,
+  get: function () { return chunkIJ4I55QQ_cjs.Eyebrow; }
+});
+//# sourceMappingURL=eyebrow.cjs.map
+//# sourceMappingURL=eyebrow.cjs.map

package/dist/eyebrow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"eyebrow.cjs"}

package/dist/eyebrow.d.cts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface EyebrowProps extends HTMLAttributes<HTMLDivElement> {
+    /** The section marker — `"01"`, `"00"`, a roman numeral. Emphasised. */
+    num?: ReactNode;
+    /** The section name. Rendered after `num` and an em dash. */
+    label?: ReactNode;
+    /** A second item pushed to the far end of the line. */
+    aside?: ReactNode;
+    /** Draw the hairline rule under the head. Default `false`. */
+    rule?: boolean;
+    /** Full control — replaces the `num`/`label` pair, keeping the arrangement. */
+    children?: ReactNode;
+}
+
+/**
+ * The mono running head that opens a section — `01 — SELECTED WORK`, optionally
+ * over a hairline rule, with a second item pushed to the far end.
+ *
+ * Thirty-six surfaces in the Inspiration Gallery carry some version of this. It
+ * is a small component for a reason: what they share is the STRUCTURE (a
+ * numbered marker, a label, an optional trailing aside, an optional rule) while
+ * every one of them restyles the type. So this owns the arrangement and the
+ * uppercase mono default, and gets out of the way of `className`.
+ *
+ * `num` is emphasised rather than styled a fixed colour, because in half the
+ * designs it is the only part of the line that is not muted — and expressing
+ * that with a `<b>` keeps it meaningful when the styling is replaced wholesale.
+ */
+declare const Eyebrow: react.ForwardRefExoticComponent<EyebrowProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Eyebrow, type EyebrowProps };

package/dist/eyebrow.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface EyebrowProps extends HTMLAttributes<HTMLDivElement> {
+    /** The section marker — `"01"`, `"00"`, a roman numeral. Emphasised. */
+    num?: ReactNode;
+    /** The section name. Rendered after `num` and an em dash. */
+    label?: ReactNode;
+    /** A second item pushed to the far end of the line. */
+    aside?: ReactNode;
+    /** Draw the hairline rule under the head. Default `false`. */
+    rule?: boolean;
+    /** Full control — replaces the `num`/`label` pair, keeping the arrangement. */
+    children?: ReactNode;
+}
+
+/**
+ * The mono running head that opens a section — `01 — SELECTED WORK`, optionally
+ * over a hairline rule, with a second item pushed to the far end.
+ *
+ * Thirty-six surfaces in the Inspiration Gallery carry some version of this. It
+ * is a small component for a reason: what they share is the STRUCTURE (a
+ * numbered marker, a label, an optional trailing aside, an optional rule) while
+ * every one of them restyles the type. So this owns the arrangement and the
+ * uppercase mono default, and gets out of the way of `className`.
+ *
+ * `num` is emphasised rather than styled a fixed colour, because in half the
+ * designs it is the only part of the line that is not muted — and expressing
+ * that with a `<b>` keeps it meaningful when the styling is replaced wholesale.
+ */
+declare const Eyebrow: react.ForwardRefExoticComponent<EyebrowProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Eyebrow, type EyebrowProps };

package/dist/eyebrow.js

@@ -0,0 +1,4 @@
+export { Eyebrow } from './chunk-LPQVXTKV.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=eyebrow.js.map
+//# sourceMappingURL=eyebrow.js.map

package/dist/eyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"eyebrow.js"}

package/dist/faux-client.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkHBFVOHQC_cjs = require('./chunk-HBFVOHQC.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "FauxClient", {
+  enumerable: true,
+  get: function () { return chunkHBFVOHQC_cjs.FauxClient; }
+});
+//# sourceMappingURL=faux-client.cjs.map
+//# sourceMappingURL=faux-client.cjs.map

package/dist/faux-client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"faux-client.cjs"}

package/dist/faux-client.d.cts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Chrome style: a browser window, a device bezel, or no chrome. */
+    variant?: "browser" | "device" | "bare";
+    /** Address-bar / title text (browser variant). */
+    url?: ReactNode;
+    /** Right-aligned meta text in the bar (browser variant). */
+    meta?: ReactNode;
+    /** Show the macOS traffic-light dots (browser variant). */
+    dots?: boolean;
+    /**
+     * Logical content width in px. When set, children render at this width and are
+     * scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
+     * of full pages/apps. Omit to render children at natural size (chrome only).
+     */
+    width?: number;
+    /** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
+    scale?: number | "fit";
+    className?: string;
+    /** Class for the browser bar. */
+    barClassName?: string;
+    /** Class for the content viewport. */
+    bodyClassName?: string;
+    children?: ReactNode;
+}
+
+/**
+ * A frame that mimics a browser window or device, rendering **real UI** inside.
+ * With a logical `width` + `scale="fit"` it renders a full-size page/app and
+ * scales it down to fit any container (live thumbnails, device mockups) — the
+ * content is real and interactive, just zoomed.
+ *
+ * Omit `width` for chrome around natural-size content (e.g. a code/preview card).
+ */
+declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
+
+export { FauxClient, type FauxClientProps };

package/dist/faux-client.d.ts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Chrome style: a browser window, a device bezel, or no chrome. */
+    variant?: "browser" | "device" | "bare";
+    /** Address-bar / title text (browser variant). */
+    url?: ReactNode;
+    /** Right-aligned meta text in the bar (browser variant). */
+    meta?: ReactNode;
+    /** Show the macOS traffic-light dots (browser variant). */
+    dots?: boolean;
+    /**
+     * Logical content width in px. When set, children render at this width and are
+     * scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
+     * of full pages/apps. Omit to render children at natural size (chrome only).
+     */
+    width?: number;
+    /** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
+    scale?: number | "fit";
+    className?: string;
+    /** Class for the browser bar. */
+    barClassName?: string;
+    /** Class for the content viewport. */
+    bodyClassName?: string;
+    children?: ReactNode;
+}
+
+/**
+ * A frame that mimics a browser window or device, rendering **real UI** inside.
+ * With a logical `width` + `scale="fit"` it renders a full-size page/app and
+ * scales it down to fit any container (live thumbnails, device mockups) — the
+ * content is real and interactive, just zoomed.
+ *
+ * Omit `width` for chrome around natural-size content (e.g. a code/preview card).
+ */
+declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
+
+export { FauxClient, type FauxClientProps };

package/dist/faux-client.js

@@ -0,0 +1,4 @@
+export { FauxClient } from './chunk-DV4IMAQW.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=faux-client.js.map
+//# sourceMappingURL=faux-client.js.map

package/dist/faux-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"faux-client.js"}

package/dist/field.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkPPLR2DNC_cjs = require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function () { return chunkPPLR2DNC_cjs.Field; }
+});
+//# sourceMappingURL=field.cjs.map
+//# sourceMappingURL=field.cjs.map

package/dist/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field.cjs"}

package/dist/field.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { S as Size } from './types-8Sv0rCjw.cjs';
+
+interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    label?: string;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    htmlFor?: string;
+    size?: Size;
+    children: ReactNode;
+    className?: string;
+}
+
+declare function Field({ label, description, error, required, htmlFor, size, children, className, ...rest }: FieldProps): react.JSX.Element;
+
+export { Field, type FieldProps };

package/dist/field.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { S as Size } from './types-8Sv0rCjw.js';
+
+interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    label?: string;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    htmlFor?: string;
+    size?: Size;
+    children: ReactNode;
+    className?: string;
+}
+
+declare function Field({ label, description, error, required, htmlFor, size, children, className, ...rest }: FieldProps): react.JSX.Element;
+
+export { Field, type FieldProps };

package/dist/field.js

@@ -0,0 +1,5 @@
+export { Field } from './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=field.js.map
+//# sourceMappingURL=field.js.map

package/dist/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field.js"}

package/dist/file-browser.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunk5UOQVGZC_cjs = require('./chunk-5UOQVGZC.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "FileBrowser", {
+  enumerable: true,
+  get: function () { return chunk5UOQVGZC_cjs.FileBrowser; }
+});
+Object.defineProperty(exports, "useFileBrowser", {
+  enumerable: true,
+  get: function () { return chunk5UOQVGZC_cjs.useFileBrowser; }
+});
+//# sourceMappingURL=file-browser.cjs.map
+//# sourceMappingURL=file-browser.cjs.map

package/dist/file-browser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"file-browser.cjs"}