@asymmetric-effort/specifyjs 0.2.98 → 0.2.100

package/dist/types/components/feedback/spinner/src/Spinner.d.ts

@@ -0,0 +1,13 @@
+export interface SpinnerProps {
+    /** Spinner size: preset name or pixel number */
+    size?: 'sm' | 'md' | 'lg' | number;
+    /** Spinner color */
+    color?: string;
+    /** Stroke thickness in pixels */
+    thickness?: number;
+    /** Animation speed */
+    speed?: 'slow' | 'normal' | 'fast';
+    /** Accessible label for screen readers */
+    label?: string;
+}
+export declare function Spinner(props: SpinnerProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/feedback/spinner/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';

package/dist/types/components/form/button/src/Button.d.ts

@@ -0,0 +1,25 @@
+export interface ButtonProps {
+    /** Button label / children */
+    children?: unknown;
+    /** Click handler */
+    onClick?: (e: Event) => void;
+    /** Visual variant */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** HTML type attribute */
+    type?: 'button' | 'submit' | 'reset';
+    /** Custom className */
+    className?: string;
+    /** Custom inline style overrides */
+    style?: Record<string, string>;
+    /** Accessible label (when children is an icon) */
+    ariaLabel?: string;
+    /** Whether button is in active/toggled state */
+    active?: boolean;
+}
+export declare function Button(props: ButtonProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/button/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/types/components/form/checkbox/src/Checkbox.d.ts

@@ -0,0 +1,19 @@
+export interface CheckboxProps {
+    /** Whether checkbox is checked */
+    checked: boolean;
+    /** Change handler */
+    onChange: (checked: boolean) => void;
+    /** Label text */
+    label?: string;
+    /** Indeterminate state (overrides checkmark display) */
+    indeterminate?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function Checkbox(props: CheckboxProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/checkbox/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/types/components/form/color-picker/src/ColorPicker.d.ts

@@ -0,0 +1,19 @@
+export interface ColorPickerProps {
+    /** Current color value as hex string (e.g. '#ff0000') */
+    value: string;
+    /** Change handler, receives hex string */
+    onChange: (value: string) => void;
+    /** Preset color swatches */
+    presets?: string[];
+    /** Show hex text input */
+    showInput?: boolean;
+    /** Show alpha/opacity slider (future: reserved) */
+    showAlpha?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function ColorPicker(props: ColorPickerProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/color-picker/src/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker } from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';

package/dist/types/components/form/color-wheel/src/ColorWheel.d.ts

@@ -0,0 +1,17 @@
+export interface ColorWheelProps {
+    /** Current color value (hex string) */
+    value?: string;
+    /** Called when color changes */
+    onChange?: (color: string) => void;
+    /** Swatch size in pixels (default: 32) */
+    size?: number;
+    /** Whether to show hex label below swatch (default: true) */
+    showLabel?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function ColorWheel(props: ColorWheelProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/color-wheel/src/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorWheel } from './ColorWheel';
+export type { ColorWheelProps } from './ColorWheel';

package/dist/types/components/form/datepicker/src/DatePicker.d.ts

@@ -0,0 +1,23 @@
+export interface DatePickerProps {
+    /** Current value (Date object or 'YYYY-MM-DD' string) */
+    value: Date | string | null;
+    /** Change handler, receives ISO date string */
+    onChange: (value: string) => void;
+    /** Display format (default 'YYYY-MM-DD') */
+    format?: string;
+    /** Earliest selectable date */
+    minDate?: Date | string;
+    /** Latest selectable date */
+    maxDate?: Date | string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function DatePicker(props: DatePickerProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/datepicker/src/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/types/components/form/file-upload/src/FileUpload.d.ts

@@ -0,0 +1,19 @@
+export interface FileUploadProps {
+    /** Change handler, receives array of selected files */
+    onChange: (files: File[]) => void;
+    /** Accepted file types (e.g. 'image/*,.pdf') */
+    accept?: string;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** Help text */
+    helpText?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function FileUpload(props: FileUploadProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/file-upload/src/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUpload } from './FileUpload';
+export type { FileUploadProps } from './FileUpload';

package/dist/types/components/form/multiline/src/MultilineField.d.ts

@@ -0,0 +1,41 @@
+import type { FormFieldWrapperStyle, InputBaseStyle } from '../../wrapper/src/FormFieldWrapper';
+export interface MultilineFieldProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Blur handler */
+    onBlur?: (value: string) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** HTML name */
+    name?: string;
+    /** HTML id */
+    id?: string;
+    /** Number of visible rows (default: 4) */
+    rows?: number;
+    /** Max length */
+    maxLength?: number;
+    /** Auto-resize to fit content (default: false) */
+    autoResize?: boolean;
+    /** Min height when auto-resizing */
+    minHeight?: string;
+    /** Max height when auto-resizing */
+    maxHeight?: string;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Show character count (default: false) */
+    showCount?: boolean;
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+    inputStyle?: InputBaseStyle;
+    className?: string;
+}
+export declare function MultilineField(props: MultilineFieldProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/multiline/src/index.d.ts

@@ -0,0 +1,2 @@
+export { MultilineField } from './MultilineField';
+export type { MultilineFieldProps } from './MultilineField';

package/dist/types/components/form/number-spinner/src/NumberSpinner.d.ts

@@ -0,0 +1,25 @@
+export interface NumberSpinnerProps {
+    /** Current numeric value */
+    value: number;
+    /** Change handler */
+    onChange: (value: number) => void;
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Prefix text (e.g. '$') */
+    prefix?: string;
+    /** Suffix text (e.g. 'kg') */
+    suffix?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function NumberSpinner(props: NumberSpinnerProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/number-spinner/src/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberSpinner } from './NumberSpinner';
+export type { NumberSpinnerProps } from './NumberSpinner';

package/dist/types/components/form/radio/src/RadioGroup.d.ts

@@ -0,0 +1,26 @@
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Available options */
+    options: RadioOption[];
+    /** Currently selected value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Name attribute for the radio group */
+    name: string;
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Disabled state for entire group */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Label for the group */
+    label?: string;
+    /** HTML id for the radio group */
+    id?: string;
+}
+export declare function RadioGroup(props: RadioGroupProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/radio/src/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';

package/dist/types/components/form/select/src/Select.d.ts

@@ -0,0 +1,33 @@
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+export interface SelectProps {
+    /** Available options */
+    options: SelectOption[];
+    /** Current selected value (string for single, string[] for multiple) */
+    value: string | string[];
+    /** Change handler */
+    onChange: (value: string | string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Enable search/filter by typing */
+    searchable?: boolean;
+    /** Allow multiple selection */
+    multiple?: boolean;
+    /** Show clear button */
+    clearable?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Label text */
+    label?: string;
+    /** Help text */
+    helpText?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function Select(props: SelectProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/select/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';

package/dist/types/components/form/slider/src/Slider.d.ts

@@ -0,0 +1,33 @@
+export interface SliderMark {
+    value: number;
+    label: string;
+}
+export interface SliderProps {
+    /** Current value (number for single, [number, number] for range) */
+    value: number | [number, number];
+    /** Change handler */
+    onChange: (value: number | [number, number]) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Show current value label above thumb */
+    showValue?: boolean;
+    /** Show tick marks at each step */
+    showTicks?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Named marks along the track */
+    marks?: SliderMark[];
+    /** Enable range mode (dual handles) */
+    range?: boolean;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function Slider(props: SliderProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/slider/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export type { SliderProps, SliderMark } from './Slider';

package/dist/types/components/form/texteditor/src/TextEditor.d.ts

@@ -0,0 +1,46 @@
+import type { FormFieldWrapperStyle } from '../../wrapper/src/FormFieldWrapper';
+export interface TextEditorProps {
+    /** Initial HTML content */
+    value?: string;
+    /** Change handler — receives HTML string */
+    onChange?: (html: string) => void;
+    /** Blur handler */
+    onBlur?: (html: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Minimum height of editing area (default: '200px') */
+    minHeight?: string;
+    /** Maximum height (default: none — grows to fit) */
+    maxHeight?: string;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Which toolbar buttons to show (default: all) */
+    toolbar?: ToolbarButton[];
+    /** HTML id */
+    id?: string;
+    toolbarStyle?: {
+        backgroundColor?: string;
+        borderBottom?: string;
+        buttonColor?: string;
+        buttonHoverBackground?: string;
+        buttonActiveBackground?: string;
+        buttonSize?: string;
+    };
+    editorStyle?: {
+        padding?: string;
+        backgroundColor?: string;
+        color?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        lineHeight?: string;
+    };
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+}
+export type ToolbarButton = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'heading1' | 'heading2' | 'heading3' | 'bulletList' | 'orderedList' | 'blockquote' | 'link' | 'unlink' | 'insertHR' | 'removeFormat' | 'undo' | 'redo';
+export declare function TextEditor(props: TextEditorProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/texteditor/src/index.d.ts

@@ -0,0 +1,2 @@
+export { TextEditor } from './TextEditor';
+export type { TextEditorProps, ToolbarButton } from './TextEditor';

package/dist/types/components/form/textfield/src/TextField.d.ts

@@ -0,0 +1,48 @@
+import type { FormFieldWrapperStyle, InputBaseStyle } from '../../wrapper/src/FormFieldWrapper';
+export interface TextFieldProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Input event handler (fires on every keystroke) */
+    onInput?: (value: string) => void;
+    /** Blur handler */
+    onBlur?: (value: string) => void;
+    /** Enter key handler */
+    onEnter?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input type (default: 'text') */
+    type?: 'text' | 'password' | 'email' | 'url' | 'tel' | 'search' | 'number';
+    /** HTML name attribute */
+    name?: string;
+    /** HTML id */
+    id?: string;
+    /** Max length */
+    maxLength?: number;
+    /** Pattern for validation */
+    pattern?: string;
+    /** Auto-complete hint */
+    autoComplete?: string;
+    /** Autofocus on mount */
+    autoFocus?: boolean;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Prefix element (icon, text) */
+    prefix?: unknown;
+    /** Suffix element (icon, button) */
+    suffix?: unknown;
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+    inputStyle?: InputBaseStyle;
+    /** Extra class on the input */
+    className?: string;
+}
+export declare function TextField(props: TextFieldProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/textfield/src/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField } from './TextField';
+export type { TextFieldProps } from './TextField';

package/dist/types/components/form/timepicker/src/TimePicker.d.ts

@@ -0,0 +1,29 @@
+export interface TimePickerProps {
+    /** Current value in 'HH:MM' or 'HH:MM:SS' format (24h) */
+    value: string;
+    /** Change handler, receives 'HH:MM' or 'HH:MM:SS' string in 24h format */
+    onChange: (value: string) => void;
+    /** Display format */
+    format?: '12h' | '24h';
+    /** Minute increment step */
+    minuteStep?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** When true, show a seconds spinner (default false) */
+    showSeconds?: boolean;
+    /** If provided, display a timezone label next to the time */
+    timezone?: string;
+    /** When true, show a timezone dropdown selector (default false) */
+    showTimezone?: boolean;
+    /** List of timezone strings for the dropdown */
+    timezones?: string[];
+    /** Callback when timezone changes */
+    onTimezoneChange?: (tz: string) => void;
+    /** HTML id for the input element */
+    id?: string;
+}
+export declare function TimePicker(props: TimePickerProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/timepicker/src/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';

package/dist/types/components/form/toggle/src/Toggle.d.ts

@@ -0,0 +1,19 @@
+export interface ToggleProps {
+    /** Whether toggle is on */
+    checked: boolean;
+    /** Change handler */
+    onChange: (checked: boolean) => void;
+    /** Label text */
+    label?: string;
+    /** Label position relative to toggle */
+    labelPosition?: 'left' | 'right';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Track color when on */
+    onColor?: string;
+    /** Track color when off */
+    offColor?: string;
+}
+export declare function Toggle(props: ToggleProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/form/toggle/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';

package/dist/types/components/form/wrapper/src/FormFieldWrapper.d.ts

@@ -0,0 +1,67 @@
+export interface FormFieldWrapperStyle {
+    /** Container font family */
+    fontFamily?: string;
+    /** Container font size (default: '14px') */
+    fontSize?: string;
+    /** Label color (default: '#374151') */
+    labelColor?: string;
+    /** Label font weight (default: '500') */
+    labelFontWeight?: string;
+    /** Label font size (default: '14px') */
+    labelFontSize?: string;
+    /** Help text color (default: '#6b7280') */
+    helpColor?: string;
+    /** Error text color (default: '#ef4444') */
+    errorColor?: string;
+    /** Error border color applied to child (default: '#ef4444') */
+    errorBorderColor?: string;
+    /** Focus border color hint (default: '#3b82f6') */
+    focusBorderColor?: string;
+    /** Gap between label/field/help (default: '4px') */
+    gap?: string;
+    /** Width (default: '100%') */
+    width?: string | number;
+    /** Custom overrides */
+    custom?: Record<string, string>;
+}
+export interface FormFieldWrapperProps {
+    /** Label text */
+    label?: string;
+    /** HTML id to link label to input via htmlFor */
+    htmlFor?: string;
+    /** Help / description text shown below the field */
+    helpText?: string;
+    /** Error message — when set, field enters error state */
+    error?: string;
+    /** Show required asterisk (default: false) */
+    required?: boolean;
+    /** Disabled state (default: false) */
+    disabled?: boolean;
+    /** Styling */
+    styling?: FormFieldWrapperStyle;
+    /** Extra class */
+    className?: string;
+    /** The form control (children) */
+    children?: unknown;
+}
+export declare function FormFieldWrapper(props: FormFieldWrapperProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;
+/**
+ * Shared input styling builder used by textfield, multiline, texteditor.
+ */
+export interface InputBaseStyle {
+    padding?: string;
+    border?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    backgroundColor?: string;
+    color?: string;
+    focusBorderColor?: string;
+    errorBorderColor?: string;
+    transition?: string;
+    custom?: Record<string, string>;
+}
+export declare function buildInputStyle(s: InputBaseStyle, state: {
+    focused: boolean;
+    error: boolean;
+}): Record<string, string>;

package/dist/types/components/form/wrapper/src/index.d.ts

@@ -0,0 +1,2 @@
+export { FormFieldWrapper, buildInputStyle } from './FormFieldWrapper';
+export type { FormFieldWrapperProps, FormFieldWrapperStyle, InputBaseStyle, } from './FormFieldWrapper';

package/dist/types/components/layout/card/src/Card.d.ts

@@ -0,0 +1,31 @@
+export interface CardProps {
+    /** Card title displayed in the header */
+    title?: string;
+    /** Subtitle shown below the title */
+    subtitle?: string;
+    /** Slot rendered at the trailing edge of the header (e.g. action button) */
+    headerAction?: unknown;
+    /** Slot rendered as the card footer */
+    footer?: unknown;
+    /** URL for a top image */
+    image?: string;
+    /** Alt text for the top image */
+    imageAlt?: string;
+    /** Enable hover elevation effect (default: false) */
+    hoverable?: boolean;
+    /** Show border (default: true) */
+    bordered?: boolean;
+    /** Shadow level: 'none' | 'sm' | 'md' | 'lg' (default: 'sm') */
+    shadow?: 'none' | 'sm' | 'md' | 'lg';
+    /** Inner padding (CSS value, default: '16px') */
+    padding?: string;
+    /** Border radius (CSS value, default: '8px') */
+    borderRadius?: string;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Body content */
+    children?: unknown;
+}
+export declare function Card(props: CardProps): import("specifyjs/shared/types").SpecElement<import("specifyjs/shared/types").Props>;

package/dist/types/components/layout/card/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';