@blankjs/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,738 @@
+import { FieldControlProps, UseFieldRootOptions, useFieldControlProps } from "@blankjs/core";
+import { ComponentProps, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode, Ref } from "react";
+
+//#region src/slot/slot.d.ts
+interface SlotProps extends HTMLAttributes<HTMLElement> {
+  children: ReactElement;
+  ref?: Ref<HTMLElement>;
+}
+//#endregion
+//#region src/field/root.d.ts
+type FieldRootProps = UseFieldRootOptions & ComponentProps<"div"> & {
+  name?: string;
+};
+declare const FieldRoot: {
+  ({
+    children,
+    invalid,
+    disabled,
+    required,
+    validationMode,
+    name,
+    ref,
+    validate,
+    ...props
+  }: FieldRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/field/label.d.ts
+type FieldLabelProps = ComponentProps<"label">;
+declare const FieldLabel: {
+  ({
+    children,
+    ...props
+  }: FieldLabelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/field/description.d.ts
+type FieldDescriptionProps = ComponentProps<"div">;
+declare const FieldDescription: {
+  ({
+    children,
+    ...props
+  }: FieldDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/field/error.d.ts
+type FieldErrorProps = ComponentProps<"div"> & {
+  match?: keyof ValidityState;
+};
+declare const FieldError: {
+  ({
+    children,
+    match,
+    ...props
+  }: FieldErrorProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/field/control.d.ts
+declare const FieldControl: {
+  ({
+    children
+  }: {
+    children: SlotProps["children"];
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/field/index.d.ts
+declare const Field: {
+  Control: {
+    ({
+      children
+    }: {
+      children: SlotProps["children"];
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Root: {
+    ({
+      children,
+      invalid,
+      disabled,
+      required,
+      validationMode,
+      name,
+      ref,
+      validate,
+      ...props
+    }: FieldRootProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Label: {
+    ({
+      children,
+      ...props
+    }: import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Description: {
+    ({
+      children,
+      ...props
+    }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>): import("react").JSX.Element;
+    displayName: string;
+  };
+  Error: {
+    ({
+      children,
+      match,
+      ...props
+    }: import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+      match?: keyof ValidityState;
+    }): import("react").JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/types.d.ts
+type Size = "sm" | "md" | "lg";
+//#endregion
+//#region src/text-input/text-input.d.ts
+interface TextInputProps extends Omit<ComponentProps<"input">, "size"> {
+  size?: Size;
+}
+declare const TextInput: {
+  ({
+    className,
+    size,
+    ...props
+  }: TextInputProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/textarea/textarea.d.ts
+interface TextareaProps extends ComponentProps<"textarea"> {
+  size?: Size;
+}
+declare const Textarea: {
+  ({
+    className,
+    size,
+    ...props
+  }: TextareaProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/password-field/password-field.d.ts
+type PasswordFieldProps = Omit<ComponentProps<"input">, "size"> & {
+  size?: Size;
+};
+declare const PasswordField: ({
+  className,
+  disabled,
+  size,
+  ...rest
+}: PasswordFieldProps) => import("react").JSX.Element;
+//#endregion
+//#region src/select/types.d.ts
+type UseSelectRootOptions = {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string | undefined) => void;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  disabled?: boolean;
+  required?: boolean;
+  name?: string;
+  size?: Size;
+};
+//#endregion
+//#region src/select/trigger.d.ts
+interface SelectTriggerProps extends ComponentProps<"button"> {
+  children: ReactNode;
+  asChild?: boolean;
+}
+declare const SelectTrigger: {
+  ({
+    asChild,
+    children,
+    className,
+    ...props
+  }: SelectTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/select/content.d.ts
+interface SelectContentProps extends ComponentProps<"div"> {
+  container?: HTMLElement;
+}
+declare const SelectContent: {
+  ({
+    children,
+    ...props
+  }: SelectContentProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/select/item.d.ts
+interface SelectItemProps extends ComponentProps<"div"> {
+  value: string;
+  textValue?: string;
+}
+declare const SelectItem: {
+  ({
+    value,
+    textValue,
+    children,
+    className,
+    ...props
+  }: SelectItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/select/value.d.ts
+interface SelectValueProps {
+  placeholder?: ReactNode;
+  children?: (value: string) => ReactNode;
+}
+declare const SelectValue: {
+  ({
+    placeholder,
+    children
+  }: SelectValueProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/select/clear.d.ts
+type SelectClearProps = ComponentProps<"button">;
+declare const SelectClear: {
+  ({
+    className,
+    children,
+    onClick,
+    ...props
+  }: SelectClearProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/select/root.d.ts
+type SelectRootProps = PropsWithChildren<UseSelectRootOptions>;
+declare const SelectRoot: {
+  ({
+    children,
+    required,
+    ...options
+  }: SelectRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/select/index.d.ts
+declare const Select: {
+  Root: {
+    ({
+      children,
+      required,
+      ...options
+    }: UseSelectRootOptions & {
+      children?: import("react").ReactNode | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Trigger: {
+    ({
+      asChild,
+      children,
+      className,
+      ...props
+    }: SelectTriggerProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Content: {
+    ({
+      children,
+      ...props
+    }: SelectContentProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+  Item: {
+    ({
+      value,
+      textValue,
+      children,
+      className,
+      ...props
+    }: SelectItemProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Value: {
+    ({
+      placeholder,
+      children
+    }: SelectValueProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Clear: {
+    ({
+      className,
+      children,
+      onClick,
+      ...props
+    }: SelectClearProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/button/button.d.ts
+interface ButtonProps extends ComponentProps<"button"> {
+  asChild?: boolean;
+  variant?: "solid" | "outline" | "ghost";
+  size?: Size;
+}
+declare const Button: ({
+  children,
+  className,
+  asChild,
+  variant,
+  size,
+  ...props
+}: ButtonProps) => import("react").JSX.Element;
+//#endregion
+//#region src/checkbox/checkbox.d.ts
+interface CheckboxProps extends Omit<ComponentProps<"input">, "type" | "checked" | "defaultChecked" | "onChange" | "size"> {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  indeterminate?: boolean;
+  onChange?: ComponentProps<"input">["onChange"];
+  size?: Size;
+}
+declare const Checkbox: ({
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  indeterminate,
+  onChange,
+  disabled,
+  className,
+  size,
+  ...props
+}: CheckboxProps) => import("react").JSX.Element;
+//#endregion
+//#region src/switch/switch.d.ts
+interface SwitchProps extends Omit<ComponentProps<"input">, "type" | "checked" | "defaultChecked" | "size"> {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  size?: Size;
+}
+declare const Switch: ({
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  disabled,
+  className,
+  style,
+  onChange,
+  size,
+  ...props
+}: SwitchProps) => import("react").JSX.Element;
+//#endregion
+//#region src/radio/types.d.ts
+type UseRadioGroupRootOptions = {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  disabled?: boolean;
+  name?: string;
+};
+//#endregion
+//#region src/radio/root.d.ts
+type RadioGroupRootProps = UseRadioGroupRootOptions & Omit<ComponentProps<"div">, "defaultValue" | "onChange"> & {
+  size?: Size;
+};
+declare const RadioGroupRoot: {
+  ({
+    children,
+    value,
+    defaultValue,
+    onValueChange,
+    disabled,
+    name,
+    className,
+    size,
+    ...props
+  }: RadioGroupRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/radio/item.d.ts
+interface RadioGroupItemProps extends Omit<ComponentProps<"input">, "type" | "name" | "checked" | "defaultChecked" | "value"> {
+  value: string;
+}
+declare const RadioGroupItem: {
+  ({
+    className,
+    style,
+    onChange,
+    children,
+    ...props
+  }: RadioGroupItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/radio/index.d.ts
+declare const RadioGroup: {
+  Root: {
+    ({
+      children,
+      value,
+      defaultValue,
+      onValueChange,
+      disabled,
+      name,
+      className,
+      size,
+      ...props
+    }: RadioGroupRootProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Item: {
+    ({
+      className,
+      style,
+      onChange,
+      children,
+      ...props
+    }: RadioGroupItemProps): import("react").JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/multi-select/types.d.ts
+type UseMultiSelectRootOptions = {
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  disabled?: boolean;
+  required?: boolean;
+  name?: string;
+  size?: Size;
+};
+//#endregion
+//#region src/multi-select/trigger.d.ts
+interface MultiSelectTriggerProps extends ComponentProps<"button"> {
+  children: ReactNode;
+  asChild?: boolean;
+}
+declare const MultiSelectTrigger: {
+  ({
+    asChild,
+    children,
+    className,
+    ...props
+  }: MultiSelectTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/content.d.ts
+interface MultiSelectContentProps extends ComponentProps<"div"> {
+  container?: HTMLElement;
+}
+declare const MultiSelectContent: {
+  ({
+    children,
+    ...props
+  }: MultiSelectContentProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/item.d.ts
+interface MultiSelectItemProps extends ComponentProps<"div"> {
+  value: string;
+  textValue?: string;
+}
+declare const MultiSelectItem: {
+  ({
+    value,
+    textValue,
+    children,
+    className,
+    ...props
+  }: MultiSelectItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/value.d.ts
+interface MultiSelectValueProps {
+  placeholder?: string;
+  children?: (value: string[]) => ReactNode;
+}
+declare const MultiSelectValue: {
+  ({
+    placeholder,
+    children
+  }: MultiSelectValueProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/clear.d.ts
+type MultiSelectClearProps = ComponentProps<"button">;
+declare const MultiSelectClear: {
+  ({
+    className,
+    children,
+    onClick,
+    ...props
+  }: MultiSelectClearProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/root.d.ts
+type MultiSelectRootProps = PropsWithChildren<UseMultiSelectRootOptions>;
+declare const MultiSelectRoot: {
+  ({
+    children,
+    required,
+    ...options
+  }: MultiSelectRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/multi-select/index.d.ts
+declare const MultiSelect: {
+  Root: {
+    ({
+      children,
+      required,
+      ...options
+    }: UseMultiSelectRootOptions & {
+      children?: import("react").ReactNode | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Trigger: {
+    ({
+      asChild,
+      children,
+      className,
+      ...props
+    }: MultiSelectTriggerProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Content: {
+    ({
+      children,
+      ...props
+    }: MultiSelectContentProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+  Item: {
+    ({
+      value,
+      textValue,
+      children,
+      className,
+      ...props
+    }: MultiSelectItemProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Value: {
+    ({
+      placeholder,
+      children
+    }: MultiSelectValueProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Clear: {
+    ({
+      className,
+      children,
+      onClick,
+      ...props
+    }: MultiSelectClearProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/combobox/types.d.ts
+type UseComboboxRootOptions = {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string | undefined) => void;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  inputValue?: string;
+  defaultInputValue?: string;
+  onInputValueChange?: (inputValue: string) => void;
+  disabled?: boolean;
+  required?: boolean;
+  name?: string;
+  size?: Size;
+};
+//#endregion
+//#region src/combobox/input.d.ts
+type ComboboxInputProps = Omit<ComponentProps<"input">, "value" | "defaultValue">;
+declare const ComboboxInput: {
+  ({
+    className,
+    ...props
+  }: ComboboxInputProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/combobox/content.d.ts
+interface ComboboxContentProps extends ComponentProps<"div"> {
+  container?: HTMLElement;
+}
+declare const ComboboxContent: {
+  ({
+    children,
+    ...props
+  }: ComboboxContentProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/combobox/item.d.ts
+interface ComboboxItemProps extends ComponentProps<"div"> {
+  value: string;
+  textValue?: string;
+}
+declare const ComboboxItem: {
+  ({
+    value,
+    textValue,
+    children,
+    className,
+    ...props
+  }: ComboboxItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/combobox/clear.d.ts
+type ComboboxClearProps = ComponentProps<"button">;
+declare const ComboboxClear: {
+  ({
+    children,
+    className,
+    onClick,
+    ...props
+  }: ComboboxClearProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/combobox/root.d.ts
+type ComboboxRootProps = PropsWithChildren<UseComboboxRootOptions>;
+declare const ComboboxRoot: {
+  ({
+    children,
+    required,
+    ...options
+  }: ComboboxRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/combobox/index.d.ts
+declare const Combobox: {
+  Root: {
+    ({
+      children,
+      required,
+      ...options
+    }: UseComboboxRootOptions & {
+      children?: import("react").ReactNode | undefined;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Input: {
+    ({
+      className,
+      ...props
+    }: ComboboxInputProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Content: {
+    ({
+      children,
+      ...props
+    }: ComboboxContentProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+  Item: {
+    ({
+      value,
+      textValue,
+      children,
+      className,
+      ...props
+    }: ComboboxItemProps): import("react").JSX.Element;
+    displayName: string;
+  };
+  Clear: {
+    ({
+      children,
+      className,
+      onClick,
+      ...props
+    }: ComboboxClearProps): import("react").JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/form/form.d.ts
+type FormSubmitEvent = Parameters<NonNullable<ComponentProps<"form">["onSubmit"]>>[0];
+interface FormProps extends Omit<ComponentProps<"form">, "onSubmit"> {
+  onSubmit?: (data: FormData, event: FormSubmitEvent) => void;
+  errors?: Record<string, string>;
+}
+declare const Form: {
+  ({
+    onSubmit,
+    errors,
+    ref,
+    children,
+    ...rest
+  }: FormProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/form/context.d.ts
+interface FormContextType {
+  errors?: Record<string, string>;
+}
+declare const FormContext: import("react").Context<FormContextType | null>;
+//#endregion
+//#region src/form/serialize.d.ts
+declare const serialize: (data: FormData) => Record<string, FormDataEntryValue | FormDataEntryValue[]>;
+//#endregion
+export { Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxClear, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxRoot, Field, FieldControl, type FieldControlProps, FieldDescription, FieldError, FieldLabel, FieldRoot, Form, FormContext, MultiSelect, MultiSelectClear, MultiSelectContent, type MultiSelectContentProps, MultiSelectItem, type MultiSelectItemProps, MultiSelectRoot, MultiSelectTrigger, type MultiSelectTriggerProps, MultiSelectValue, type MultiSelectValueProps, PasswordField, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, Select, SelectClear, SelectContent, type SelectContentProps, SelectItem, SelectRoot, SelectTrigger, type SelectTriggerProps, SelectValue, type Size, Switch, type SwitchProps, TextInput, Textarea, serialize, useFieldControlProps };
+//# sourceMappingURL=index.d.mts.map