@k2b/ui 0.1.0-rc.0 → 0.1.0

package/dist/types/inputs/FileInputs.d.ts

@@ -0,0 +1,31 @@
+import { type JSX } from "solid-js";
+import type { FieldProps, ValueFieldProps } from "./field-contract";
+import { type ImageCropAspect, type ImageCropSource, type ImageCropState } from "./image-crop";
+export type FileDropzoneProps = FieldProps & {
+    accept?: string;
+    multiple?: boolean;
+    busy?: boolean;
+    icon?: string;
+    title?: JSX.Element;
+    subtitle?: JSX.Element;
+    hint?: JSX.Element;
+    onDrop: (files: File[]) => void | Promise<void>;
+};
+export declare function FileDropzone(props: FileDropzoneProps): JSX.Element;
+export type ImageInputProps = ValueFieldProps<string | null> & {
+    round?: boolean;
+    variant?: "default" | "small";
+    transform?: (file: File) => Promise<string>;
+    accept?: string;
+    fallbackMarker?: string;
+};
+export declare function ImageInput(props: ImageInputProps): JSX.Element;
+export type ImageCropperProps = {
+    source: ImageCropSource;
+    aspect?: ImageCropAspect;
+    previewShape?: "rect" | "circle";
+    disabled?: boolean;
+    onValueChange?: (state: ImageCropState | null) => void;
+    class?: string;
+};
+export declare function ImageCropper(props: ImageCropperProps): JSX.Element;

package/dist/types/inputs/MultiSelectInput.d.ts

@@ -0,0 +1,41 @@
+import { type JSX } from "solid-js";
+import { type ChoiceOption } from "./choice";
+import type { ValueFieldProps } from "./field-contract";
+import type { SelectGroup } from "./Select";
+export type MultiSelectOption = string | {
+    id: string;
+    label?: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    groups?: readonly string[];
+} | ChoiceOption<string>;
+export type MultiSelectFetchDataFn = (query: string, signal: AbortSignal, group: string | null) => Promise<MultiSelectOption[]>;
+export type MultiSelectInputProps = ValueFieldProps<string[]> & {
+    options?: MultiSelectOption[];
+    fetchData?: MultiSelectFetchDataFn;
+    selectedOptions?: () => MultiSelectOption[];
+    placeholder?: string;
+    icon?: string;
+    activeIcon?: string;
+    fetchDebounceMs?: number;
+    debounceMs?: number;
+    loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;
+    groups?: readonly SelectGroup[];
+    defaultGroup?: string;
+    groupsAriaLabel?: string;
+    allGroupLabel?: string;
+    searchable?: boolean;
+    clearable?: boolean;
+    name?: string;
+    renderOption?: (option: ChoiceOption<string>) => JSX.Element;
+    renderValue?: (option: ChoiceOption<string>) => JSX.Element;
+    searchPlaceholder?: string;
+    loadingLabel?: string;
+    noResultsLabel?: string;
+    emptyLabel?: string;
+    retryLabel?: string;
+    clearLabel?: string;
+};
+export declare function MultiSelectInput(props: MultiSelectInputProps): JSX.Element;
+export default MultiSelectInput;

package/dist/types/inputs/NumberInput.d.ts

@@ -0,0 +1,24 @@
+import { type JSX } from "solid-js";
+import type { ValueFieldProps } from "./field-contract";
+export type NumberInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "max" | "min" | "onChange" | "onInput" | "prefix" | "step" | "type" | "value" | keyof ValueFieldProps<number | null>> & ValueFieldProps<number | null> & {
+    max?: number;
+    min?: number;
+    step?: number;
+    decimalPlaces?: number;
+    allowNegative?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearLabel?: string;
+    increaseLabel?: string;
+    decreaseLabel?: string;
+    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */
+    locale?: string;
+    showSteppers?: boolean;
+    disableSteppers?: boolean;
+    icon?: string;
+    activeIcon?: string;
+    prefix?: JSX.Element;
+    suffix?: JSX.Element;
+};
+export declare function NumberInput(props: NumberInputProps): JSX.Element;
+export default NumberInput;

package/dist/types/inputs/Select.d.ts

@@ -0,0 +1,50 @@
+import { type JSX } from "solid-js";
+import { type ChoiceOption } from "./choice";
+import type { ValueFieldProps } from "./field-contract";
+export type SelectOption = ChoiceOption<string>;
+export type SelectGroup = {
+    value: string;
+    label: string;
+};
+export type SelectView = "list" | "grid";
+export type SelectGridSize = "sm" | "md" | "lg";
+export type SelectSourceOption = string | {
+    id: string;
+    label?: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    groups?: readonly string[];
+} | SelectOption;
+export type SelectProps = ValueFieldProps<string | null> & {
+    placeholder?: string;
+    icon?: string;
+    activeIcon?: string;
+    options?: SelectSourceOption[];
+    fetchData?: (query: string, signal: AbortSignal, group: string | null) => Promise<SelectSourceOption[]>;
+    loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;
+    selectedOption?: ChoiceOption<string>;
+    selectedLabel?: () => string | undefined;
+    fetchDebounceMs?: number;
+    debounceMs?: number;
+    searchable?: boolean;
+    /** Optional synchronous filter for static options. */
+    filterOptions?: (options: readonly SelectOption[], query: string) => readonly SelectOption[];
+    /** Optional filters. An option may belong to more than one group. */
+    groups?: readonly SelectGroup[];
+    /** Group selected when the component is created. Omit to start with all options. */
+    defaultGroup?: string;
+    groupsAriaLabel?: string;
+    allGroupLabel?: string;
+    /** Show a local list/grid layout toggle in the dropdown. */
+    viewToggle?: boolean;
+    /** Initial dropdown layout when `viewToggle` is enabled. */
+    defaultView?: SelectView;
+    /** Tile density for the grid layout. */
+    gridSize?: SelectGridSize;
+    searchPlaceholder?: string;
+    clearable?: boolean;
+    name?: string;
+};
+export declare function Select(props: SelectProps): JSX.Element;
+export default Select;

package/dist/types/inputs/SelectChip.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import type { ButtonSize } from "../actions/Button";
+import { type DropdownPosition } from "../actions/Dropdown";
+import type { MaybeAccessor, ValueFieldProps } from "./field-contract";
+export type SelectChipOption<T extends string | number = string> = {
+    value: T;
+    label: string;
+    description?: string;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+};
+export type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {
+    value: MaybeAccessor<T>;
+    options: SelectChipOption<T>[];
+    icon?: string;
+    iconOnly?: boolean;
+    size?: ButtonSize;
+    placeholder?: string;
+    position?: DropdownPosition;
+    menuWidth?: string;
+    name?: string;
+};
+export declare function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element;
+export default SelectChip;

package/dist/types/inputs/SpecialInputs.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+import type { ValueFieldProps } from "./field-contract";
+import { type SelectGridSize, type SelectGroup, type SelectOption, type SelectView } from "./Select";
+export type IconOption = SelectOption & {
+    keywords?: readonly string[];
+};
+export type IconInputProps = ValueFieldProps<string | null> & {
+    options?: readonly IconOption[];
+    placeholder?: string;
+    clearable?: boolean;
+    searchLimit?: number;
+    groups?: readonly SelectGroup[];
+    defaultGroup?: string;
+    groupsAriaLabel?: string;
+    allGroupLabel?: string;
+    viewToggle?: boolean;
+    defaultView?: SelectView;
+    gridSize?: SelectGridSize;
+    name?: string;
+};
+export declare function IconInput(props: IconInputProps): JSX.Element;

package/dist/types/inputs/Switch.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { ValueFieldProps } from "./field-contract";
+export type SwitchProps = ValueFieldProps<boolean> & {
+    name?: string;
+};
+export declare function Switch(props: SwitchProps): JSX.Element;
+export default Switch;

package/dist/types/inputs/TagEditor.d.ts

@@ -0,0 +1,35 @@
+import { type JSX } from "solid-js";
+export type TagEditorItem = {
+    id: string;
+    name: string;
+    color?: string | null;
+};
+export type TagEditorValue = {
+    name: string;
+    color: string;
+};
+export type TagEditorLabels = {
+    create: string;
+    empty: string;
+    name: string;
+    namePlaceholder: string;
+    color: string;
+    save: string;
+    cancel: string;
+    edit: string;
+    remove: string;
+};
+export type TagEditorProps<T extends TagEditorItem = TagEditorItem> = {
+    items: readonly T[];
+    onCreate?: (value: TagEditorValue) => void | Promise<void>;
+    onUpdate?: (item: T, value: TagEditorValue) => void | Promise<void>;
+    onDelete?: (item: T) => void | Promise<void>;
+    labels?: Partial<TagEditorLabels>;
+    defaultColor?: string;
+    disabled?: boolean;
+    onDirtyChange?: (dirty: boolean) => void;
+    class?: string;
+};
+/** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */
+export declare function TagEditor<T extends TagEditorItem = TagEditorItem>(props: TagEditorProps<T>): JSX.Element;
+export default TagEditor;

package/dist/types/inputs/TagsInput.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { ValueFieldProps } from "./field-contract";
+export type TagsInputProps = ValueFieldProps<string[]> & {
+    placeholder?: string;
+    icon?: string;
+    activeIcon?: string;
+    maxTags?: number;
+    name?: string;
+};
+export declare function TagsInput(props: TagsInputProps): JSX.Element;
+export default TagsInput;

package/dist/types/inputs/TemplateEditor.d.ts

@@ -0,0 +1,28 @@
+import { type JSX } from "solid-js";
+import { type PanesLayout } from "../layout/panes-layout";
+import { type AutocompleteEditorProps } from "./AutocompleteEditor";
+export type TemplateVariableKind = "string" | "email" | "url" | "number" | "boolean" | "array" | "object";
+export type TemplateVariable = {
+    name: string;
+    kind?: TemplateVariableKind;
+    description?: string;
+};
+export type TemplateEditorProps = Omit<AutocompleteEditorProps, "completions" | "highlight"> & {
+    variables: readonly TemplateVariable[];
+};
+export type TemplatePreviewProps = {
+    html: string;
+    title?: string;
+    class?: string;
+};
+export type TemplateSampleDataProps = {
+    variables: readonly TemplateVariable[];
+    values: Readonly<Record<string, string>>;
+    onValueChange: (name: string, value: string) => void;
+    class?: string;
+};
+export type TemplateEditorLayout = PanesLayout;
+export declare const createTemplateEditorPanesLayout: () => TemplateEditorLayout;
+export declare function TemplateEditor(props: TemplateEditorProps): JSX.Element;
+export declare function TemplatePreview(props: TemplatePreviewProps): JSX.Element;
+export declare function TemplateSampleData(props: TemplateSampleDataProps): JSX.Element;

package/dist/types/inputs/TextInput.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import type { Completion } from "./completion";
+import type { ValueFieldProps } from "./field-contract";
+export type TextInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "onChange" | "onInput" | "prefix" | "suffix" | "type" | "value" | keyof ValueFieldProps<string>> & ValueFieldProps<string> & {
+    minLength?: number;
+    maxLength?: number;
+    type?: "text" | "search" | "email" | "url" | "tel";
+    variant?: "default" | "ai";
+    icon?: string;
+    activeIcon?: string;
+    prefix?: JSX.Element;
+    suffix?: JSX.Element;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearLabel?: string;
+    multiline?: boolean;
+    monospace?: boolean;
+    password?: boolean;
+    markdown?: boolean;
+    onSubmit?: () => void;
+    lines?: number;
+    abbreviations?: Record<string, string>;
+    completions?: readonly Completion[];
+};
+export declare function TextInput(props: TextInputProps): JSX.Element;
+export default TextInput;

package/dist/types/inputs/choice.d.ts

@@ -0,0 +1,32 @@
+import { type Setter } from "solid-js";
+export type ChoiceOption<T extends string = string> = {
+    value: T;
+    label: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    disabled?: boolean;
+    /** Optional overlapping groups used by choice controls that expose group filtering. */
+    groups?: readonly string[];
+};
+export type ChoiceOptionsLoader<T extends string = string> = (query: string, signal: AbortSignal) => Promise<readonly ChoiceOption<T>[]>;
+export declare const filterChoiceOptions: <T extends string>(options: readonly ChoiceOption<T>[], query: string) => readonly ChoiceOption<T>[];
+export declare const nextEnabledChoiceIndex: <T extends string>(options: readonly ChoiceOption<T>[], current: number, direction: 1 | -1) => number;
+export declare function createChoiceLoader<T extends string>(loader: () => ChoiceOptionsLoader<T> | undefined, debounceMs: () => number): {
+    options: () => readonly ChoiceOption<T>[];
+    loading: () => boolean;
+    error: () => string | undefined;
+    load: (query: string, immediate?: boolean) => void;
+    retry: () => void;
+    cancel: () => void;
+};
+export declare const placeChoicePopover: (trigger: HTMLElement, popover: HTMLElement) => void;
+export declare function createChoicePopover(disabled: () => boolean): {
+    open: () => boolean;
+    setTrigger: Setter<HTMLElement | undefined>;
+    setPopover: Setter<HTMLElement | undefined>;
+    show: () => void;
+    hide: (restoreFocus?: boolean) => void;
+    toggle: () => void;
+    trigger: () => HTMLElement | undefined;
+};

package/dist/types/inputs/completion/behaviors.d.ts

@@ -0,0 +1,13 @@
+import { type Completion, type QueryContext, type Suggestion } from "./engine";
+export type TryExpandOptions = {
+    isExcluded?: (text: string, position: number) => boolean;
+};
+/** Keeps abbreviation restoration isolated to one editor instance. */
+export declare const createCompletionBehaviorState: () => {
+    applySuggestion: (textarea: HTMLTextAreaElement, context: QueryContext, suggestion: Suggestion, options?: {
+        trackExpansion?: boolean;
+    }) => boolean;
+    reset: () => void;
+    tryExpand: (textarea: HTMLTextAreaElement, completions: readonly Completion[] | undefined, options?: TryExpandOptions) => boolean;
+    tryRestore: (textarea: HTMLTextAreaElement) => boolean;
+};

package/dist/types/inputs/completion/engine.d.ts

@@ -0,0 +1,54 @@
+export type Suggestion = {
+    text: string;
+    label?: string;
+    expansion?: string;
+    appendSpace?: boolean;
+    hint?: string;
+    textEdit?: {
+        start: number;
+        end: number;
+        text: string;
+    };
+};
+export type SuggestContext = {
+    fullText: string;
+    caret: number;
+    tokenStart: number;
+};
+export type Completion = {
+    trigger?: string;
+    suggest: (query: string, context: SuggestContext, signal: AbortSignal) => readonly Suggestion[] | Promise<readonly Suggestion[]>;
+    /** Static labels used by editor highlighting. Providers are never invoked to derive metadata. */
+    knownLabels?: readonly string[];
+    debounceMs?: number;
+    dropdown?: boolean;
+    allowAfterWord?: boolean;
+};
+export type QueryContext = {
+    start: number;
+    end: number;
+    text: string;
+    query: string;
+    completion: Completion;
+};
+export type DetectOptions = {
+    isExcluded?: (text: string, position: number) => boolean;
+};
+export type ResolveResult = {
+    kind: "sync";
+    data: readonly Suggestion[];
+} | {
+    kind: "async";
+    promise: Promise<readonly Suggestion[]>;
+};
+export declare const TRIGGER_CHARS: Set<string>;
+export declare const WORD_CHAR: RegExp;
+export declare const GHOST_SENTINEL: string;
+export declare const abbreviations: (dictionary: Record<string, string>) => Completion;
+export declare const detectQuery: (textarea: HTMLTextAreaElement, completions: readonly Completion[] | undefined, options?: DetectOptions) => QueryContext | null;
+export declare const resolveSuggestions: (completion: Completion, query: string, context: SuggestContext, signal: AbortSignal) => ResolveResult;
+export declare const suggestSync: (completion: Completion, query: string, context: SuggestContext) => readonly Suggestion[] | null;
+export declare const pickGhost: (suggestions: readonly Suggestion[], typed: string) => Suggestion | null;
+export declare const collectKnownLabels: (completions: readonly Completion[] | undefined) => Set<string>;
+export declare const displayLabel: (suggestion: Suggestion, completion: Completion) => string;
+export declare const buildSuggestContext: (textarea: HTMLTextAreaElement, context: QueryContext) => SuggestContext;

package/dist/types/inputs/completion/index.d.ts

@@ -0,0 +1,3 @@
+export { createCompletionBehaviorState, type TryExpandOptions, } from "./behaviors";
+export { abbreviations, buildSuggestContext, type Completion, collectKnownLabels, type DetectOptions, detectQuery, displayLabel, GHOST_SENTINEL, pickGhost, type QueryContext, type ResolveResult, resolveSuggestions, type SuggestContext, type Suggestion, suggestSync, TRIGGER_CHARS, WORD_CHAR, } from "./engine";
+export { plainTextHighlight, type RenderOptions, renderWithOverlay, } from "./overlay";

package/dist/types/inputs/completion/overlay.d.ts

@@ -0,0 +1,11 @@
+export declare const plainTextHighlight: (value: string) => string;
+export type RenderOptions = {
+    ghost?: {
+        at: number;
+        text: string;
+    };
+    anchor?: {
+        at: number;
+    };
+};
+export declare const renderWithOverlay: (text: string, highlighter: (text: string) => string, options?: RenderOptions) => string;

package/dist/types/inputs/date-picker.d.ts

@@ -0,0 +1,42 @@
+import { type DateContext } from "@k2b/stdlib";
+export type DateRangeValue = {
+    start: string | null;
+    end: string | null;
+};
+export declare const pickerContext: (context?: DateContext) => DateContext;
+export declare const hasInstantOffset: (value: string) => boolean;
+export declare const dateKey: (date: Date | string, context?: DateContext) => string;
+/**
+ * Short month names for the month panel. `dates.months()` only returns the long
+ * form ("September"), which overflows the three-column month grid, so the short
+ * form is derived here while staying locale aware.
+ */
+export declare const monthNames: (context?: DateContext) => string[];
+/**
+ * Picks the roving-tabindex day for a rendered month grid. The preferred day is
+ * used when the grid actually contains it, otherwise the first day of the
+ * visible month keeps exactly one cell reachable by Tab.
+ */
+export declare const resolveFocusDay: (monthDayKeys: readonly string[], preferred: string | null | undefined) => string | undefined;
+export declare const yearMonth: (date: Date, context?: DateContext) => {
+    year: number;
+    month: number;
+};
+export declare const monthDate: (year: number, month: number, context?: DateContext) => Date;
+export declare const parseDateValue: (value: string | null | undefined, context?: DateContext) => Date;
+export declare const displayDate: (value: string | null | undefined, context?: DateContext) => string;
+export declare const dateTimeInput: (value: string | null | undefined, context?: DateContext) => string;
+export declare const splitDateTime: (value: string | null | undefined, context?: DateContext) => {
+    date: string;
+    time: string;
+};
+export declare const isCompleteTime: (value: string) => boolean;
+export declare const toDateTimeValue: (date: string, time: string, context?: DateContext) => string | null;
+export declare const formatDateTimeValue: (value: string | null | undefined, context?: DateContext) => string;
+export declare const normalizeTimeInput: (value: string) => string;
+export declare const filterTimeInput: (value: string) => string;
+export declare const orderedRange: (start: string, end: string) => DateRangeValue;
+export declare const previewRange: (range: DateRangeValue, preview: string | null) => DateRangeValue;
+export declare const inRange: (day: string, range: DateRangeValue) => boolean;
+export declare const isRangeEdge: (day: string, range: DateRangeValue) => boolean;
+export declare const formatDateOnlyRangeDuration: (range: DateRangeValue, context?: DateContext) => string;

package/dist/types/inputs/editor-dom.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Replaces one textarea range while preserving the browser's native undo path
+ * where possible. The fallback emits the input event that the editing command
+ * would have emitted, so callers never need a second dispatch.
+ */
+export declare const replaceTextareaRange: (textarea: HTMLTextAreaElement, start: number, end: number, replacement: string) => boolean;

package/dist/types/inputs/field-contract.d.ts

@@ -0,0 +1,24 @@
+import type { DateContext as StdlibDateContext } from "@k2b/stdlib";
+import type { JSX } from "solid-js";
+export type DateContext = StdlibDateContext;
+export type MaybeAccessor<T> = T | (() => T);
+export type FieldProps = {
+    id?: string;
+    class?: string;
+    label?: JSX.Element;
+    description?: JSX.Element;
+    error?: MaybeAccessor<JSX.Element | undefined>;
+    required?: boolean;
+    disabled?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+};
+export type ValueFieldProps<T> = FieldProps & {
+    value: MaybeAccessor<T>;
+    onValueChange?: (value: T) => void;
+    onValueCommit?: (value: T) => void;
+};
+/** Reports one atomic edit as both the current and committed field value. */
+export declare const commitFieldValue: <T>(owner: Pick<ValueFieldProps<T>, "onValueChange" | "onValueCommit">, value: T) => void;
+export declare function resolveMaybeAccessor<T>(value: MaybeAccessor<T>): T;
+export declare function resolveMaybeAccessor<T>(value: MaybeAccessor<T> | undefined): T | undefined;

package/dist/types/inputs/icon-options.d.ts

@@ -0,0 +1,37 @@
+import type { IconOption } from "./SpecialInputs";
+export declare const DEFAULT_ICON_GROUPS: readonly [{
+    readonly value: "recommended";
+    readonly label: "Recommended";
+}, {
+    readonly value: "people";
+    readonly label: "People";
+}, {
+    readonly value: "work";
+    readonly label: "Work";
+}, {
+    readonly value: "communication";
+    readonly label: "Communication";
+}, {
+    readonly value: "files";
+    readonly label: "Files";
+}, {
+    readonly value: "data";
+    readonly label: "Data & tech";
+}, {
+    readonly value: "commerce";
+    readonly label: "Commerce";
+}, {
+    readonly value: "places";
+    readonly label: "Places";
+}, {
+    readonly value: "food";
+    readonly label: "Food";
+}, {
+    readonly value: "media";
+    readonly label: "Media";
+}, {
+    readonly value: "devices";
+    readonly label: "Devices";
+}];
+/** A curated, application-neutral Tabler catalogue for IconInput. */
+export declare const DEFAULT_ICON_OPTIONS: readonly IconOption[];

package/dist/types/inputs/image-crop.d.ts

@@ -0,0 +1,44 @@
+export type ImageCropAspect = "free" | {
+    width: number;
+    height: number;
+};
+export type ImageCropRotation = 0 | 90 | 180 | 270;
+export type ImageCropRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type ImageCropState = {
+    crop: ImageCropRect;
+    rotation: ImageCropRotation;
+};
+export type ImageCropSource = File | Blob | HTMLImageElement | HTMLCanvasElement | string;
+export type ImageCropOutput = {
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    format?: "webp" | "jpeg" | "png";
+    quality?: number;
+};
+export type ImageCropSize = {
+    width: number;
+    height: number;
+};
+export type ImageCropResizeHandle = "nw" | "ne" | "sw" | "se";
+export declare const normalizeImageCropRotation: (rotation: number) => ImageCropRotation;
+export declare const rotateImageCropRight: (rotation: ImageCropRotation) => ImageCropRotation;
+export declare const getInitialImageCropRect: (imageSize: ImageCropSize, aspect?: ImageCropAspect) => ImageCropRect;
+export declare const clampImageCropRect: (rect: ImageCropRect, imageSize: ImageCropSize, aspect?: ImageCropAspect) => ImageCropRect;
+export declare const resizeImageCropAroundCenter: (rect: ImageCropRect, imageSize: ImageCropSize, aspect: ImageCropAspect, scale: number) => ImageCropRect;
+/** Resizes a crop from one corner while keeping the opposite corner anchored. */
+export declare const resizeImageCropFromCorner: (rect: ImageCropRect, imageSize: ImageCropSize, aspect: ImageCropAspect, handle: ImageCropResizeHandle, dx: number, dy: number) => ImageCropRect;
+export declare const imageCropRectToPixels: (rect: ImageCropRect, imageSize: ImageCropSize) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const createCroppedImageCanvas: (source: ImageCropSource, state: ImageCropState, output?: ImageCropOutput) => Promise<HTMLCanvasElement>;
+export declare const createCroppedImageDataUrl: (source: ImageCropSource, state: ImageCropState, output?: ImageCropOutput) => Promise<string>;

package/dist/types/inputs/index.d.ts

@@ -0,0 +1,45 @@
+export type { AutocompleteEditorProps } from "./AutocompleteEditor";
+export { AutocompleteEditor } from "./AutocompleteEditor";
+export type { AutocompleteSelectOption, AutocompleteSelectProps, AutocompleteSelectSearchResult, } from "./AutocompleteSelect";
+export { AutocompleteSelect } from "./AutocompleteSelect";
+export type { CheckboxProps } from "./Checkbox";
+export { Checkbox } from "./Checkbox";
+export type { CheckboxCardProps } from "./CheckboxCard";
+export { CheckboxCard } from "./CheckboxCard";
+export type { ColorInputProps, PinInputProps, SliderProps, } from "./ChoiceInputs";
+export { ColorInput, PinInput, Slider } from "./ChoiceInputs";
+export type { ComboboxOption, ComboboxProps } from "./Combobox";
+export { Combobox } from "./Combobox";
+export type { ChoiceOption, ChoiceOptionsLoader } from "./choice";
+export type { Completion, QueryContext, SuggestContext, Suggestion, } from "./completion";
+export { abbreviations } from "./completion";
+export type { DatePickerBaseProps, DatePickerProps, DatePreset, DateRangePickerProps, DateRangeValue, DateTimePickerProps, DurationPreset, } from "./DatePicker";
+export { DatePicker, DateRangePicker, DateTimePicker } from "./DatePicker";
+export type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from "./FileInputs";
+export { FileDropzone, ImageCropper, ImageInput } from "./FileInputs";
+export type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from "./field-contract";
+export { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
+export type { ImageCropAspect, ImageCropOutput, ImageCropRect, ImageCropRotation, ImageCropSize, ImageCropSource, ImageCropState, } from "./image-crop";
+export { clampImageCropRect, createCroppedImageCanvas, createCroppedImageDataUrl, getInitialImageCropRect, imageCropRectToPixels, normalizeImageCropRotation, resizeImageCropAroundCenter, rotateImageCropRight, } from "./image-crop";
+export type { MultiSelectFetchDataFn, MultiSelectInputProps, MultiSelectOption, } from "./MultiSelectInput";
+export { MultiSelectInput } from "./MultiSelectInput";
+export type { MarkdownEditorProps } from "./markdown/MarkdownEditor";
+export { MarkdownEditor } from "./markdown/MarkdownEditor";
+export type { NumberInputProps } from "./NumberInput";
+export { NumberInput } from "./NumberInput";
+export type { SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from "./Select";
+export { Select } from "./Select";
+export type { SelectChipOption, SelectChipProps } from "./SelectChip";
+export { SelectChip } from "./SelectChip";
+export type { IconInputProps, IconOption } from "./SpecialInputs";
+export { IconInput } from "./SpecialInputs";
+export type { SwitchProps } from "./Switch";
+export { Switch } from "./Switch";
+export type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from "./TagEditor";
+export { TagEditor } from "./TagEditor";
+export type { TagsInputProps } from "./TagsInput";
+export { TagsInput } from "./TagsInput";
+export type { TemplateEditorLayout, TemplateEditorProps, TemplatePreviewProps, TemplateSampleDataProps, TemplateVariable, TemplateVariableKind, } from "./TemplateEditor";
+export { createTemplateEditorPanesLayout, TemplateEditor, TemplatePreview, TemplateSampleData, } from "./TemplateEditor";
+export type { TextInputProps } from "./TextInput";
+export { TextInput } from "./TextInput";