@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/input-tag.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkVNDOT3NK_cjs = require('./chunk-VNDOT3NK.cjs');
+
+
+
+Object.defineProperty(exports, "InputTag", {
+  enumerable: true,
+  get: function () { return chunkVNDOT3NK_cjs.InputTag; }
+});
+Object.defineProperty(exports, "contentEditableAdapter", {
+  enumerable: true,
+  get: function () { return chunkVNDOT3NK_cjs.contentEditableAdapter; }
+});
+Object.defineProperty(exports, "controlledAdapter", {
+  enumerable: true,
+  get: function () { return chunkVNDOT3NK_cjs.controlledAdapter; }
+});
+Object.defineProperty(exports, "inputAdapter", {
+  enumerable: true,
+  get: function () { return chunkVNDOT3NK_cjs.inputAdapter; }
+});
+Object.defineProperty(exports, "textareaAdapter", {
+  enumerable: true,
+  get: function () { return chunkVNDOT3NK_cjs.textareaAdapter; }
+});
+//# sourceMappingURL=input-tag.cjs.map
+//# sourceMappingURL=input-tag.cjs.map

package/dist/input-tag.cjs.map

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

package/dist/input-tag.d.cts

@@ -0,0 +1,134 @@
+import * as react from 'react';
+import { ReactNode, CSSProperties, RefObject } from 'react';
+
+/**
+ * InputTag — attach a `/`-style or `@`-style autocomplete picker to *any*
+ * text surface (a `<textarea>`, an `<input>`, a `contenteditable`, a code
+ * editor, a sheet cell editor, a whiteboard sticky note…) via an adapter
+ * that abstracts the surface's read/write/caret API.
+ *
+ * The component is "headless" in the sense that it has no input of its
+ * own — it floats a small picker menu near the surface and writes back
+ * through the adapter when the user picks an item.
+ *
+ *   <textarea ref={ref} value={text} onChange={...} />
+ *   <InputTag
+ *     adapter={textareaAdapter(ref)}
+ *     triggers={{
+ *       "/": { items: commands, insert: (c) => `${c.name} ` },
+ *       "@": { items: mentions, insert: (m) => `@${m.name} ` },
+ *     }}
+ *   />
+ *
+ * For non-DOM surfaces, write a small adapter that conforms to
+ * {@link InputTagAdapter}. Adapters typically run 20–40 lines.
+ */
+/** What the surface tells the picker on every text/caret change. */
+type InputTagAdapterState = {
+    text: string;
+    caretIndex: number;
+};
+/**
+ * The contract every input surface implements. The picker subscribes to
+ * state changes, anchors itself using `getAnchorRect`, intercepts
+ * navigation keys via `onKey`, and writes the selected item back through
+ * `replaceRange`.
+ */
+type InputTagAdapter = {
+    /** Push current state whenever text or caret changes. Returns an unsubscribe. */
+    subscribe: (fn: (state: InputTagAdapterState) => void) => () => void;
+    /** Replace text in `[start, end)` with `replacement`. The adapter is
+     *  responsible for moving the caret to the end of the inserted text. */
+    replaceRange: (start: number, end: number, replacement: string) => void;
+    /** Screen-space rect to anchor the picker against. Usually the surface's
+     *  bounding rect; for editors that can compute caret-precise coordinates,
+     *  return a small rect there instead. */
+    getAnchorRect: () => DOMRect | null;
+    /** Subscribe to keydown events on the surface. The handler may return
+     *  `true` to consume the event (the adapter then calls
+     *  `preventDefault` / `stopPropagation`). Returns an unsubscribe. */
+    onKey: (handler: (e: KeyboardEvent) => boolean) => () => void;
+};
+/**
+ * Per-trigger configuration. `T` is the item shape — typically a
+ * `{ id, name, ... }` object, but any shape works as long as `keyOf` /
+ * `insert` know how to handle it.
+ */
+type InputTagTrigger<T> = {
+    /** The pool the picker filters against. */
+    items: T[];
+    /** Text inserted in place of `<triggerChar><query>`. */
+    insert: (item: T, query: string) => string;
+    /** Custom filter. Default: case-insensitive prefix match against
+     *  `String(keyOf(item))`. Pass `() => true` to disable filtering and
+     *  rely on `items` being pre-filtered (e.g. from an async source). */
+    filter?: (item: T, query: string) => boolean;
+    /** How to render each row. Default renders the result of `keyOf(item)`. */
+    render?: (item: T, active: boolean) => ReactNode;
+    /** How to derive a stable key + default label for each item. Default
+     *  reads `item.name` then `item.id` then `String(item)`. */
+    keyOf?: (item: T) => string;
+    /** Optional header label shown above the list. */
+    label?: string;
+};
+type InputTagTriggers = Record<string, InputTagTrigger<any>>;
+interface InputTagProps {
+    adapter: InputTagAdapter;
+    triggers: InputTagTriggers;
+    /** Max rows shown. Default 8. */
+    maxItems?: number;
+    /** Where the picker anchors relative to the surface. Default `"bottom-left"`. */
+    placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+    /** Custom class for the popover container. */
+    className?: string;
+    /** Inline style for the popover container. */
+    style?: CSSProperties;
+    /** Fires whenever an item is picked. */
+    onPick?: (info: {
+        triggerChar: string;
+        query: string;
+        item: unknown;
+    }) => void;
+}
+declare function InputTag({ adapter, triggers, maxItems, placement, className, style, onPick, }: InputTagProps): react.JSX.Element | null;
+
+/**
+ * Adapter for a DOM `<textarea>`. Works whether the consumer manages
+ * `value` via React state (controlled) or lets the DOM hold it
+ * (uncontrolled) — `replaceRange` uses React's native value setter and
+ * dispatches a native `input` event so the upstream onChange fires.
+ */
+declare function textareaAdapter(ref: RefObject<HTMLTextAreaElement | null>): InputTagAdapter;
+/** Adapter for a DOM `<input type="text|search|...">`. */
+declare function inputAdapter(ref: RefObject<HTMLInputElement | null>): InputTagAdapter;
+/**
+ * Adapter for any `contenteditable` element. Operates on the element's
+ * `textContent`; rich-text editors with their own internal model should
+ * write a custom adapter that talks to that model instead.
+ */
+declare function contentEditableAdapter(ref: RefObject<HTMLElement | null>): InputTagAdapter;
+/**
+ * Adapter for hosts that fully control the text state themselves. Use
+ * this when you can't (or don't want to) let the DOM be the source of
+ * truth — for code editors with internal state, sheet cell editors, or
+ * any host that already has `value` + `onChange` and wants to reach the
+ * picker programmatically.
+ *
+ * The host calls `notify({ text, caretIndex })` after every text or
+ * caret change. `<InputTag>` calls `onReplaceRange` to write back.
+ */
+type ControlledAdapterHandle = InputTagAdapter & {
+    /** Push the latest text + caret to the picker. */
+    notify: (state: {
+        text: string;
+        caretIndex: number;
+    }) => void;
+};
+declare function controlledAdapter(opts: {
+    /** Element used as anchor + key target. Usually the visible input. */
+    anchorRef: RefObject<HTMLElement | null>;
+    /** Called when the picker writes back an insertion. */
+    onReplaceRange: (start: number, end: number, replacement: string) => void;
+}): ControlledAdapterHandle;
+
+export { type ControlledAdapterHandle, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter };

package/dist/input-tag.d.ts

@@ -0,0 +1,134 @@
+import * as react from 'react';
+import { ReactNode, CSSProperties, RefObject } from 'react';
+
+/**
+ * InputTag — attach a `/`-style or `@`-style autocomplete picker to *any*
+ * text surface (a `<textarea>`, an `<input>`, a `contenteditable`, a code
+ * editor, a sheet cell editor, a whiteboard sticky note…) via an adapter
+ * that abstracts the surface's read/write/caret API.
+ *
+ * The component is "headless" in the sense that it has no input of its
+ * own — it floats a small picker menu near the surface and writes back
+ * through the adapter when the user picks an item.
+ *
+ *   <textarea ref={ref} value={text} onChange={...} />
+ *   <InputTag
+ *     adapter={textareaAdapter(ref)}
+ *     triggers={{
+ *       "/": { items: commands, insert: (c) => `${c.name} ` },
+ *       "@": { items: mentions, insert: (m) => `@${m.name} ` },
+ *     }}
+ *   />
+ *
+ * For non-DOM surfaces, write a small adapter that conforms to
+ * {@link InputTagAdapter}. Adapters typically run 20–40 lines.
+ */
+/** What the surface tells the picker on every text/caret change. */
+type InputTagAdapterState = {
+    text: string;
+    caretIndex: number;
+};
+/**
+ * The contract every input surface implements. The picker subscribes to
+ * state changes, anchors itself using `getAnchorRect`, intercepts
+ * navigation keys via `onKey`, and writes the selected item back through
+ * `replaceRange`.
+ */
+type InputTagAdapter = {
+    /** Push current state whenever text or caret changes. Returns an unsubscribe. */
+    subscribe: (fn: (state: InputTagAdapterState) => void) => () => void;
+    /** Replace text in `[start, end)` with `replacement`. The adapter is
+     *  responsible for moving the caret to the end of the inserted text. */
+    replaceRange: (start: number, end: number, replacement: string) => void;
+    /** Screen-space rect to anchor the picker against. Usually the surface's
+     *  bounding rect; for editors that can compute caret-precise coordinates,
+     *  return a small rect there instead. */
+    getAnchorRect: () => DOMRect | null;
+    /** Subscribe to keydown events on the surface. The handler may return
+     *  `true` to consume the event (the adapter then calls
+     *  `preventDefault` / `stopPropagation`). Returns an unsubscribe. */
+    onKey: (handler: (e: KeyboardEvent) => boolean) => () => void;
+};
+/**
+ * Per-trigger configuration. `T` is the item shape — typically a
+ * `{ id, name, ... }` object, but any shape works as long as `keyOf` /
+ * `insert` know how to handle it.
+ */
+type InputTagTrigger<T> = {
+    /** The pool the picker filters against. */
+    items: T[];
+    /** Text inserted in place of `<triggerChar><query>`. */
+    insert: (item: T, query: string) => string;
+    /** Custom filter. Default: case-insensitive prefix match against
+     *  `String(keyOf(item))`. Pass `() => true` to disable filtering and
+     *  rely on `items` being pre-filtered (e.g. from an async source). */
+    filter?: (item: T, query: string) => boolean;
+    /** How to render each row. Default renders the result of `keyOf(item)`. */
+    render?: (item: T, active: boolean) => ReactNode;
+    /** How to derive a stable key + default label for each item. Default
+     *  reads `item.name` then `item.id` then `String(item)`. */
+    keyOf?: (item: T) => string;
+    /** Optional header label shown above the list. */
+    label?: string;
+};
+type InputTagTriggers = Record<string, InputTagTrigger<any>>;
+interface InputTagProps {
+    adapter: InputTagAdapter;
+    triggers: InputTagTriggers;
+    /** Max rows shown. Default 8. */
+    maxItems?: number;
+    /** Where the picker anchors relative to the surface. Default `"bottom-left"`. */
+    placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+    /** Custom class for the popover container. */
+    className?: string;
+    /** Inline style for the popover container. */
+    style?: CSSProperties;
+    /** Fires whenever an item is picked. */
+    onPick?: (info: {
+        triggerChar: string;
+        query: string;
+        item: unknown;
+    }) => void;
+}
+declare function InputTag({ adapter, triggers, maxItems, placement, className, style, onPick, }: InputTagProps): react.JSX.Element | null;
+
+/**
+ * Adapter for a DOM `<textarea>`. Works whether the consumer manages
+ * `value` via React state (controlled) or lets the DOM hold it
+ * (uncontrolled) — `replaceRange` uses React's native value setter and
+ * dispatches a native `input` event so the upstream onChange fires.
+ */
+declare function textareaAdapter(ref: RefObject<HTMLTextAreaElement | null>): InputTagAdapter;
+/** Adapter for a DOM `<input type="text|search|...">`. */
+declare function inputAdapter(ref: RefObject<HTMLInputElement | null>): InputTagAdapter;
+/**
+ * Adapter for any `contenteditable` element. Operates on the element's
+ * `textContent`; rich-text editors with their own internal model should
+ * write a custom adapter that talks to that model instead.
+ */
+declare function contentEditableAdapter(ref: RefObject<HTMLElement | null>): InputTagAdapter;
+/**
+ * Adapter for hosts that fully control the text state themselves. Use
+ * this when you can't (or don't want to) let the DOM be the source of
+ * truth — for code editors with internal state, sheet cell editors, or
+ * any host that already has `value` + `onChange` and wants to reach the
+ * picker programmatically.
+ *
+ * The host calls `notify({ text, caretIndex })` after every text or
+ * caret change. `<InputTag>` calls `onReplaceRange` to write back.
+ */
+type ControlledAdapterHandle = InputTagAdapter & {
+    /** Push the latest text + caret to the picker. */
+    notify: (state: {
+        text: string;
+        caretIndex: number;
+    }) => void;
+};
+declare function controlledAdapter(opts: {
+    /** Element used as anchor + key target. Usually the visible input. */
+    anchorRef: RefObject<HTMLElement | null>;
+    /** Called when the picker writes back an insertion. */
+    onReplaceRange: (start: number, end: number, replacement: string) => void;
+}): ControlledAdapterHandle;
+
+export { type ControlledAdapterHandle, InputTag, type InputTagAdapter, type InputTagAdapterState, type InputTagProps, type InputTagTrigger, type InputTagTriggers, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter };

package/dist/input-tag.js

@@ -0,0 +1,3 @@
+export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-G2W7B3OG.js';
+//# sourceMappingURL=input-tag.js.map
+//# sourceMappingURL=input-tag.js.map

package/dist/input-tag.js.map

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

package/dist/input.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
+require('./chunk-7NLKXBZ2.cjs');
+require('./chunk-6BW5BQMN.cjs');
+require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk7C7VF4WY_cjs.Input; }
+});
+//# sourceMappingURL=input.cjs.map
+//# sourceMappingURL=input.cjs.map

package/dist/input.cjs.map

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

package/dist/input.d.cts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "prefix"> {
+    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+    onValueChange?: (value: string) => void;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /**
+     * Show a toggle that reveals the value, for `type="password"`.
+     *
+     * Ignored on other input types — a reveal on a field that is already visible
+     * is a button that does nothing.
+     *
+     * It occupies the trailing slot, so it replaces `trailing` when both are set:
+     * the two would otherwise stack in the same corner, and the reveal is the one
+     * a person needs to click.
+     */
+    reveal?: boolean;
+    /** Controlled reveal state. Omit to let the input own it. */
+    revealed?: boolean;
+    onRevealedChange?: (revealed: boolean) => void;
+    /** Accessible label for the toggle. Defaults to "Show password" / "Hide password". */
+    revealLabel?: string;
+    hideLabel?: string;
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/input.d.ts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "prefix"> {
+    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+    onValueChange?: (value: string) => void;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /**
+     * Show a toggle that reveals the value, for `type="password"`.
+     *
+     * Ignored on other input types — a reveal on a field that is already visible
+     * is a button that does nothing.
+     *
+     * It occupies the trailing slot, so it replaces `trailing` when both are set:
+     * the two would otherwise stack in the same corner, and the reveal is the one
+     * a person needs to click.
+     */
+    reveal?: boolean;
+    /** Controlled reveal state. Omit to let the input own it. */
+    revealed?: boolean;
+    onRevealedChange?: (revealed: boolean) => void;
+    /** Accessible label for the toggle. Defaults to "Show password" / "Hide password". */
+    revealLabel?: string;
+    hideLabel?: string;
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/input.js

@@ -0,0 +1,11 @@
+export { Input } from './chunk-C5AZNBVB.js';
+import './chunk-D7NAXQ2N.js';
+import './chunk-K7JGOQJG.js';
+import './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

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

package/dist/inputs.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+require('./chunk-O5IO7TCO.cjs');
+var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
+var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
+var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
+var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
+var chunkA22T6DKO_cjs = require('./chunk-A22T6DKO.cjs');
+var chunkUH2YXQ2B_cjs = require('./chunk-UH2YXQ2B.cjs');
+require('./chunk-5FV6GMFP.cjs');
+var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
+var chunkKICZTIZL_cjs = require('./chunk-KICZTIZL.cjs');
+var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
+var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
+var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
+require('./chunk-7NLKXBZ2.cjs');
+var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
+var chunkPPLR2DNC_cjs = require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-J2DI6RMR.cjs');
+var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
+var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk7C7VF4WY_cjs.Input; }
+});
+Object.defineProperty(exports, "MultiSwitch", {
+  enumerable: true,
+  get: function () { return chunkIGU5YXRV_cjs.MultiSwitch; }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkWXADO5TS_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkPZIAL4OP_cjs.Select; }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () { return chunkA22T6DKO_cjs.Slider; }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkUH2YXQ2B_cjs.Switch; }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.Form; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkKICZTIZL_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () { return chunk3SQ34IQC_cjs.CheckboxGroup; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunk5I4PR2KV_cjs.Textarea; }
+});
+Object.defineProperty(exports, "DisplayValue", {
+  enumerable: true,
+  get: function () { return chunk6BW5BQMN_cjs.DisplayValue; }
+});
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function () { return chunkPPLR2DNC_cjs.Field; }
+});
+Object.defineProperty(exports, "useInlineEdit", {
+  enumerable: true,
+  get: function () { return chunkKJ22KE56_cjs.useInlineEdit; }
+});
+Object.defineProperty(exports, "FieldModeContext", {
+  enumerable: true,
+  get: function () { return chunkL3V3BYVS_cjs.FieldModeContext; }
+});
+Object.defineProperty(exports, "useFieldMode", {
+  enumerable: true,
+  get: function () { return chunkL3V3BYVS_cjs.useFieldMode; }
+});
+//# sourceMappingURL=inputs.cjs.map
+//# sourceMappingURL=inputs.cjs.map

package/dist/inputs.cjs.map

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

package/dist/inputs.d.cts

@@ -0,0 +1,16 @@
+export { Field, FieldProps } from './field.cjs';
+export { Input, InputProps } from './input.cjs';
+export { Textarea, TextareaProps } from './textarea.cjs';
+export { Select, SelectProps } from './select.cjs';
+export { Checkbox, CheckboxProps } from './checkbox.cjs';
+export { CheckboxGroup, CheckboxGroupProps } from './checkbox-group.cjs';
+export { RadioGroup, RadioGroupProps } from './radio-group.cjs';
+export { Switch, SwitchProps } from './switch.cjs';
+export { Slider, SliderProps, SliderRangeProps, SliderSingleProps } from './slider.cjs';
+export { MultiSwitch, MultiSwitchProps } from './multi-switch.cjs';
+export { DatePicker, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps } from './date-picker.cjs';
+export { A as AffixPosition, F as FieldMode, I as InputAffixProps, a as InputBaseProps, b as InputOption, c as InputOptionGroup } from './inputs.types-CkWdvN-t.cjs';
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-C28RH8GR.cjs';
+export { InlineEdit, useInlineEdit } from './mode.cjs';
+import 'react';
+import './types-8Sv0rCjw.cjs';

package/dist/inputs.d.ts

@@ -0,0 +1,16 @@
+export { Field, FieldProps } from './field.js';
+export { Input, InputProps } from './input.js';
+export { Textarea, TextareaProps } from './textarea.js';
+export { Select, SelectProps } from './select.js';
+export { Checkbox, CheckboxProps } from './checkbox.js';
+export { CheckboxGroup, CheckboxGroupProps } from './checkbox-group.js';
+export { RadioGroup, RadioGroupProps } from './radio-group.js';
+export { Switch, SwitchProps } from './switch.js';
+export { Slider, SliderProps, SliderRangeProps, SliderSingleProps } from './slider.js';
+export { MultiSwitch, MultiSwitchProps } from './multi-switch.js';
+export { DatePicker, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps } from './date-picker.js';
+export { A as AffixPosition, F as FieldMode, I as InputAffixProps, a as InputBaseProps, b as InputOption, c as InputOptionGroup } from './inputs.types-DERzxpe1.js';
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-Bv_wuS8V.js';
+export { InlineEdit, useInlineEdit } from './mode.js';
+import 'react';
+import './types-8Sv0rCjw.js';

package/dist/inputs.js

@@ -0,0 +1,27 @@
+import './chunk-VXHFR5MV.js';
+export { Input } from './chunk-C5AZNBVB.js';
+export { MultiSwitch } from './chunk-ZT36VWIA.js';
+export { RadioGroup } from './chunk-JYKZKSZJ.js';
+export { Select } from './chunk-ECZ66DKF.js';
+export { Slider } from './chunk-X36ZGYTF.js';
+export { Switch } from './chunk-C4Z4S3CX.js';
+import './chunk-ORCXPDDG.js';
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+export { Checkbox } from './chunk-CS4GQXYY.js';
+export { CheckboxGroup } from './chunk-IE4CM2SN.js';
+export { DatePicker } from './chunk-MILTPAF6.js';
+export { Textarea } from './chunk-4UA45GB4.js';
+import './chunk-D7NAXQ2N.js';
+export { DisplayValue } from './chunk-K7JGOQJG.js';
+export { Field } from './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-MQ6VGG62.js';
+export { useInlineEdit } from './chunk-OL53XYHF.js';
+export { FieldModeContext, useFieldMode } from './chunk-NRXK42LO.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=inputs.js.map
+//# sourceMappingURL=inputs.js.map

package/dist/inputs.js.map

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

package/dist/inputs.types-CkWdvN-t.d.cts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { S as Size } from './types-8Sv0rCjw.cjs';
+
+type InputOption<V = string> = string | {
+    value: V;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+};
+type InputOptionGroup<V = string> = {
+    label: string;
+    options: InputOption<V>[];
+};
+/**
+ * Edit vs. read-only display. In `"view"` mode an input renders the bound value
+ * as static text instead of an interactive control — the React/Inertia analog of
+ * Livewire's public/bindable properties. Declared here (rather than in `mode/`)
+ * to keep `InputBaseProps` free of an import cycle. Resolved per input via
+ * {@link useFieldMode}: explicit prop → `<Form>`/`<FormProvider>` context → `"edit"`.
+ */
+type FieldMode = "edit" | "view";
+interface InputBaseProps {
+    size?: Size;
+    dirty?: boolean;
+    error?: string;
+    label?: string;
+    description?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    name?: string;
+    /** `"edit"` (default) renders the control; `"view"` renders the value as text. Overrides the `<Form mode>` context. */
+    mode?: FieldMode;
+}
+type AffixPosition = "inside" | "outside";
+interface InputAffixProps {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    prefixPosition?: AffixPosition;
+    suffixPosition?: AffixPosition;
+}
+
+export type { AffixPosition as A, FieldMode as F, InputAffixProps as I, InputBaseProps as a, InputOption as b, InputOptionGroup as c };