ixia-ui-react 1.7.0 → 2.0.0

package/dist/field-DTL7eA5y.js

@@ -0,0 +1,254 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { t as Select } from "./select-DncJXYim.js";
+import { t as Checkbox } from "./checkbox-BuUZ1Lly.js";
+import { r as InputGroupInput, t as InputGroup } from "./input-group-CgdazGrY.js";
+import { t as Input } from "./input-Laj6dwtK.js";
+import { n as Radio, t as RadioGroup } from "./radio-group-Dj43u35Z.js";
+import { t as Slider } from "./slider-D_XlV4OW.js";
+import { t as Switch } from "./switch-DXHixGHe.js";
+import { t as TextArea } from "./text-area-H6HjKnv_.js";
+import { t as Toggle } from "./toggle-ZT9thVmz.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createFormHookContexts } from "@tanstack/react-form";
+// src/components/field/field.tsx
+function Field$1({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2xs", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/form/form-contexts.ts
+const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+// src/components/field/field-checkbox.tsx
+function FieldCheckbox({ children, ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Checkbox, {
+		checked: field.state.value,
+		id: field.name,
+		name: field.name,
+		onCheckedChange: (checked) => field.handleChange(checked),
+		...props,
+		children
+	});
+}
+// src/components/field/field-description.tsx
+function FieldDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("style-text-prose--1 text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/field/field-errors.tsx
+const NO_ERRORS$5 = 0;
+function FieldErrors({ className, children, ref, ...props }) {
+	const field = useFieldContext();
+	if (field.state.meta.errors.length === NO_ERRORS$5) return;
+	return /* @__PURE__ */ jsxs("ul", {
+		className: cn("space-y-3xs", className),
+		ref,
+		...props,
+		children: [field.state.meta.errors.map((error) => /* @__PURE__ */ jsx("li", {
+			className: "flex items-center gap-2xs style-text-strong--1 text-error-default",
+			children: error.message
+		}, error.message)), children]
+	});
+}
+// src/components/field/field-input.tsx
+const NO_ERRORS$4 = 0;
+function FieldInput({ className, ref, ...props }) {
+	const field = useFieldContext(), isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > NO_ERRORS$4 && !field.state.meta.isValid;
+	return /* @__PURE__ */ jsx(Input, {
+		"aria-invalid": isInvalid,
+		className: cn("", className),
+		id: field.name,
+		name: field.name,
+		onChange: (event) => field.handleChange(event.target.value),
+		ref,
+		value: field.state.value,
+		...props
+	});
+}
+// src/components/field/field-input-group.tsx
+const NO_ERRORS$3 = 0;
+function FieldInputGroup({ className, ref, ...props }) {
+	const field = useFieldContext(), isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > NO_ERRORS$3 && !field.state.meta.isValid;
+	return /* @__PURE__ */ jsx(InputGroup, {
+		"aria-invalid": isInvalid,
+		className: cn("", className),
+		id: field.name,
+		ref,
+		...props
+	});
+}
+// src/components/field/field-input-group-input.tsx
+const NO_ERRORS$2 = 0;
+function FieldInputGroupInput({ className, ref, ...props }) {
+	const field = useFieldContext(), isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > NO_ERRORS$2 && !field.state.meta.isValid;
+	return /* @__PURE__ */ jsx(InputGroupInput, {
+		"aria-invalid": isInvalid,
+		className: cn("", className),
+		id: field.name,
+		name: field.name,
+		onChange: (event) => field.handleChange(event.target.value),
+		ref,
+		value: field.state.value,
+		...props
+	});
+}
+// src/components/field/field.types.ts
+const fieldLabelVariants = cva("whitespace-nowrap", {
+	defaultVariants: {
+		size: "medium",
+		variant: "primary"
+	},
+	variants: {
+		size: {
+			large: "style-text-default-1",
+			medium: "style-text-default-0",
+			small: "style-text-default--1"
+		},
+		variant: {
+			primary: "text-on-surface",
+			secondary: "text-on-surface-variant"
+		}
+	}
+});
+// src/components/field/field-label.tsx
+const NO_ERRORS$1 = 0;
+function FieldLabel({ size, variant, showRequired = false, className, children, ref, ...props }) {
+	const field = useFieldContext(), fieldName = field.name.replace(/(?<letter>[A-Z])/g, " $<letter>").replace(/^./, (str) => str.toUpperCase()), isInvalid = field.state.meta.errors.length > NO_ERRORS$1;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(fieldLabelVariants({
+			size,
+			variant
+		}), className, isInvalid && "text-error-default"),
+		ref,
+		...props,
+		children: [children || fieldName, showRequired && /* @__PURE__ */ jsx("span", {
+			className: "ml-3xs text-error-default",
+			children: "*"
+		})]
+	});
+}
+// src/components/field/field-radio.tsx
+function FieldRadio({ ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Radio, {
+		...props,
+		onChange: (event) => {
+			if (event.target instanceof HTMLInputElement) field.handleChange(event.target.value);
+		},
+		value: field.state.value
+	});
+}
+// src/components/field/field-radio-group.tsx
+function FieldRadioGroup({ ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		name: field.name,
+		onValueChange: (value) => field.handleChange(String(value)),
+		value: field.state.value,
+		...props
+	});
+}
+// src/components/field/field-row.tsx
+function FieldRow({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-between gap-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/field/field-select.tsx
+function FieldSelect({ children, ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Select, {
+		value: field.state.value,
+		onValueChange: (value) => field.setValue(value),
+		...props,
+		children
+	});
+}
+// src/components/field/field-set.tsx
+function FieldSet({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-col gap-2xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/field/field-slider.tsx
+function FieldSlider({ className, ref, ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Slider, {
+		className: cn("", className),
+		onValueChange: (value) => field.setValue(value),
+		ref,
+		value: field.state.value,
+		...props
+	});
+}
+// src/components/field/field-switch.tsx
+function FieldSwitch({ children, ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Switch, {
+		checked: field.state.value,
+		id: field.name,
+		name: field.name,
+		onCheckedChange: (checked) => field.handleChange(checked),
+		...props,
+		children
+	});
+}
+// src/components/field/field-text-area.tsx
+const NO_ERRORS = 0;
+function FieldTextArea({ className, ref, ...props }) {
+	const field = useFieldContext(), isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > NO_ERRORS && !field.state.meta.isValid;
+	return /* @__PURE__ */ jsx(TextArea, {
+		"aria-invalid": isInvalid,
+		className: cn("", className),
+		id: field.name,
+		name: field.name,
+		onChange: (event) => field.handleChange(event.target.value),
+		ref,
+		value: field.state.value,
+		...props
+	});
+}
+// src/components/field/field-toggle.tsx
+function FieldToggle({ ...props }) {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(Toggle, {
+		id: field.name,
+		name: field.name,
+		onChange: (_e) => field.handleChange(!field.state.value),
+		pressed: field.state.value,
+		...props
+	});
+}
+// src/components/field/index.ts
+const Field = Object.assign(Field$1, {
+	Checkbox: FieldCheckbox,
+	Description: FieldDescription,
+	Errors: FieldErrors,
+	Input: FieldInput,
+	InputGroup: FieldInputGroup,
+	InputGroupInput: FieldInputGroupInput,
+	Label: FieldLabel,
+	Radio: FieldRadio,
+	RadioGroup: FieldRadioGroup,
+	Row: FieldRow,
+	Select: FieldSelect,
+	Set: FieldSet,
+	Slider: FieldSlider,
+	Switch: FieldSwitch,
+	TextArea: FieldTextArea,
+	Toggle: FieldToggle
+});
+export { FieldCheckbox as _, FieldSlider as a, useFieldContext as b, FieldRow as c, FieldLabel as d, FieldInputGroupInput as f, FieldDescription as g, FieldErrors as h, FieldSwitch as i, FieldRadioGroup as l, FieldInput as m, FieldToggle as n, FieldSet as o, FieldInputGroup as p, FieldTextArea as r, FieldSelect as s, Field as t, FieldRadio as u, fieldContext as v, useFormContext as x, formContext as y };
+
+//# sourceMappingURL=field-DTL7eA5y.js.map

package/dist/field-DTL7eA5y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-DTL7eA5y.js","names":["Field","NO_ERRORS","NO_ERRORS","NO_ERRORS","NO_ERRORS","NO_ERRORS","FieldRoot"],"sources":["../src/components/field/field.tsx","../src/components/form/form-contexts.ts","../src/components/field/field-checkbox.tsx","../src/components/field/field-description.tsx","../src/components/field/field-errors.tsx","../src/components/field/field-input.tsx","../src/components/field/field-input-group.tsx","../src/components/field/field-input-group-input.tsx","../src/components/field/field.types.ts","../src/components/field/field-label.tsx","../src/components/field/field-radio.tsx","../src/components/field/field-radio-group.tsx","../src/components/field/field-row.tsx","../src/components/field/field-select.tsx","../src/components/field/field-set.tsx","../src/components/field/field-slider.tsx","../src/components/field/field-switch.tsx","../src/components/field/field-text-area.tsx","../src/components/field/field-toggle.tsx","../src/components/field/index.ts"],"sourcesContent":["import { cn } from '@/utils/cn'\n\nimport type { FieldProps } from './field.types'\n\nexport function Field({ className, children, ref, ...props }: FieldProps) {\n  return (\n    <div className={cn('flex flex-col gap-2xs', className)} ref={ref} {...props}>\n      {children}\n    </div>\n  )\n}\n","import { createFormHookContexts } from '@tanstack/react-form'\n\nexport const { fieldContext, useFieldContext, formContext, useFormContext } =\n  createFormHookContexts()\n","import { Checkbox } from '../checkbox'\nimport { useFieldContext } from '../form/form-contexts'\nimport type { FieldCheckboxProps } from './field.types'\n\nexport function FieldCheckbox({ children, ...props }: FieldCheckboxProps) {\n  const field = useFieldContext<boolean>()\n\n  return (\n    <Checkbox\n      checked={field.state.value}\n      id={field.name}\n      name={field.name}\n      onCheckedChange={(checked) => field.handleChange(checked)}\n      {...props}\n    >\n      {children}\n    </Checkbox>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FieldDescriptionProps } from './field.types'\n\nexport function FieldDescription({ className, ref, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      className={cn('style-text-prose--1 text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport type { FieldErrorProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldErrors({ className, children, ref, ...props }: FieldErrorProps) {\n  const field = useFieldContext()\n\n  if (field.state.meta.errors.length === NO_ERRORS) {\n    return undefined\n  }\n\n  return (\n    <ul className={cn('space-y-3xs', className)} ref={ref} {...props}>\n      {field.state.meta.errors.map((error) => (\n        <li\n          className=\"flex items-center gap-2xs style-text-strong--1 text-error-default\"\n          key={error.message}\n        >\n          {error.message}\n        </li>\n      ))}\n      {children}\n    </ul>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { Input } from '../input'\nimport type { FieldInputProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldInput({ className, ref, ...props }: FieldInputProps) {\n  const field = useFieldContext<string>(),\n    isInvalid =\n      field.state.meta.isTouched &&\n      field.state.meta.errors.length > NO_ERRORS &&\n      !field.state.meta.isValid\n\n  return (\n    <Input\n      aria-invalid={isInvalid}\n      className={cn('', className)}\n      id={field.name}\n      name={field.name}\n      onChange={(event) => field.handleChange(event.target.value)}\n      ref={ref}\n      value={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { InputGroup } from '../input-group'\nimport type { FieldInputGroupProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldInputGroup({ className, ref, ...props }: FieldInputGroupProps) {\n  const field = useFieldContext<string>(),\n    isInvalid =\n      field.state.meta.isTouched &&\n      field.state.meta.errors.length > NO_ERRORS &&\n      !field.state.meta.isValid\n\n  return (\n    <InputGroup\n      aria-invalid={isInvalid}\n      className={cn('', className)}\n      id={field.name}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { InputGroupInput } from '../input-group'\nimport type { FieldInputGroupInputProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldInputGroupInput({ className, ref, ...props }: FieldInputGroupInputProps) {\n  const field = useFieldContext<string>(),\n    isInvalid =\n      field.state.meta.isTouched &&\n      field.state.meta.errors.length > NO_ERRORS &&\n      !field.state.meta.isValid\n\n  return (\n    <InputGroupInput\n      aria-invalid={isInvalid}\n      className={cn('', className)}\n      id={field.name}\n      name={field.name}\n      onChange={(event) => field.handleChange(event.target.value)}\n      ref={ref}\n      value={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport type { Checkbox } from '../checkbox'\nimport type { Input } from '../input'\nimport type { InputGroup, InputGroupInput } from '../input-group'\nimport type { Radio, RadioGroup } from '../radio-group'\nimport type { Select } from '../select'\nimport type { Slider } from '../slider'\nimport type { Switch } from '../switch'\nimport type { TextArea } from '../text-area'\nimport type { Toggle } from '../toggle'\n\ntype FieldDescriptionProps = React.ComponentProps<'p'>\ntype FieldErrorProps = React.ComponentProps<'ul'>\ntype FieldInputGroupProps = React.ComponentProps<typeof InputGroup>\ntype FieldInputGroupInputProps = React.ComponentProps<typeof InputGroupInput>\ntype FieldInputProps = React.ComponentProps<typeof Input>\ntype FieldLabelProps = React.ComponentProps<'div'> &\n  VariantProps<typeof fieldLabelVariants> & {\n    showRequired?: boolean\n  }\ntype FieldSelectProps = React.ComponentProps<typeof Select>\ntype FieldSliderProps = React.ComponentProps<typeof Slider>\ntype FieldTextAreaProps = React.ComponentProps<typeof TextArea>\ntype FieldCheckboxProps = React.ComponentProps<typeof Checkbox>\ntype FieldRadioProps = React.ComponentProps<typeof Radio>\ntype FieldRadioGroupProps = React.ComponentProps<typeof RadioGroup>\ntype FieldSwitchProps = React.ComponentProps<typeof Switch>\ntype FieldToggleProps = React.ComponentProps<typeof Toggle>\ntype FieldProps = React.ComponentProps<'div'>\ntype FieldSetProps = React.ComponentProps<'div'>\ntype FieldRowProps = React.ComponentProps<'div'>\n\nexport const fieldLabelVariants = cva('whitespace-nowrap', {\n  defaultVariants: {\n    size: 'medium',\n    variant: 'primary',\n  },\n  variants: {\n    size: {\n      large: 'style-text-default-1',\n      medium: 'style-text-default-0',\n      small: 'style-text-default--1',\n    },\n    variant: {\n      primary: 'text-on-surface',\n      secondary: 'text-on-surface-variant',\n    },\n  },\n})\n\nexport type {\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldInputGroupProps,\n  FieldInputGroupInputProps,\n  FieldInputProps,\n  FieldLabelProps,\n  FieldSelectProps,\n  FieldSliderProps,\n  FieldTextAreaProps,\n  FieldCheckboxProps,\n  FieldRadioProps,\n  FieldRadioGroupProps,\n  FieldSwitchProps,\n  FieldToggleProps,\n  FieldProps,\n  FieldSetProps,\n  FieldRowProps,\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { fieldLabelVariants } from './field.types'\nimport type { FieldLabelProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldLabel({\n  size,\n  variant,\n  showRequired = false,\n  className,\n  children,\n  ref,\n  ...props\n}: FieldLabelProps) {\n  const field = useFieldContext(),\n    fieldName = field.name\n      .replace(/(?<letter>[A-Z])/g, ' $<letter>')\n      .replace(/^./, (str) => str.toUpperCase()),\n    isInvalid = field.state.meta.errors.length > NO_ERRORS\n\n  return (\n    <div\n      className={cn(\n        fieldLabelVariants({ size, variant }),\n        className,\n        isInvalid && 'text-error-default',\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children || fieldName}\n      {showRequired && <span className=\"ml-3xs text-error-default\">*</span>}\n    </div>\n  )\n}\n","import { useFieldContext } from '../form/form-contexts'\nimport { Radio } from '../radio-group'\nimport type { FieldRadioProps } from './field.types'\n\nexport function FieldRadio({ ...props }: FieldRadioProps) {\n  const field = useFieldContext<string>()\n\n  return (\n    <Radio\n      {...props}\n      onChange={(event) => {\n        if (event.target instanceof HTMLInputElement) {\n          field.handleChange(event.target.value)\n        }\n      }}\n      value={field.state.value}\n    />\n  )\n}\n","import { useFieldContext } from '../form/form-contexts'\nimport { RadioGroup } from '../radio-group'\nimport type { FieldRadioGroupProps } from './field.types'\n\nexport function FieldRadioGroup({ ...props }: FieldRadioGroupProps) {\n  const field = useFieldContext<string>()\n\n  return (\n    <RadioGroup\n      name={field.name}\n      onValueChange={(value) => field.handleChange(String(value))}\n      value={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FieldRowProps } from './field.types'\n\nexport function FieldRow({ className, ref, ...props }: FieldRowProps) {\n  return (\n    <div\n      className={cn('flex items-center justify-between gap-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { useFieldContext } from '../form/form-contexts'\nimport { Select } from '../select'\nimport type { FieldSelectProps } from './field.types'\n\nexport function FieldSelect({ children, ...props }: FieldSelectProps) {\n  const field = useFieldContext()\n\n  return (\n    <Select value={field.state.value} onValueChange={(value) => field.setValue(value)} {...props}>\n      {children}\n    </Select>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FieldSetProps } from './field.types'\n\nexport function FieldSet({ className, ref, ...props }: FieldSetProps) {\n  return <div className={cn('flex w-full flex-col gap-2xs', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { Slider } from '../slider'\nimport type { FieldSliderProps } from './field.types'\n\nexport function FieldSlider({ className, ref, ...props }: FieldSliderProps) {\n  const field = useFieldContext<number | readonly number[]>()\n\n  return (\n    <Slider\n      className={cn('', className)}\n      onValueChange={(value) => field.setValue(value)}\n      ref={ref}\n      value={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { useFieldContext } from '../form/form-contexts'\nimport { Switch } from '../switch'\nimport type { FieldSwitchProps } from './field.types'\n\nexport function FieldSwitch({ children, ...props }: FieldSwitchProps) {\n  const field = useFieldContext<boolean>()\n\n  return (\n    <Switch\n      checked={field.state.value}\n      id={field.name}\n      name={field.name}\n      onCheckedChange={(checked) => field.handleChange(checked)}\n      {...props}\n    >\n      {children}\n    </Switch>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useFieldContext } from '../form/form-contexts'\nimport { TextArea } from '../text-area'\nimport type { FieldTextAreaProps } from './field.types'\n\nconst NO_ERRORS = 0\n\nexport function FieldTextArea({ className, ref, ...props }: FieldTextAreaProps) {\n  const field = useFieldContext<string>(),\n    isInvalid =\n      field.state.meta.isTouched &&\n      field.state.meta.errors.length > NO_ERRORS &&\n      !field.state.meta.isValid\n\n  return (\n    <TextArea\n      aria-invalid={isInvalid}\n      className={cn('', className)}\n      id={field.name}\n      name={field.name}\n      onChange={(event) => field.handleChange(event.target.value)}\n      ref={ref}\n      value={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { useFieldContext } from '../form/form-contexts'\nimport { Toggle } from '../toggle'\nimport type { FieldToggleProps } from './field.types'\n\nexport function FieldToggle({ ...props }: FieldToggleProps) {\n  const field = useFieldContext<boolean>()\n\n  return (\n    <Toggle\n      id={field.name}\n      name={field.name}\n      onChange={(_e) => field.handleChange(!field.state.value)}\n      pressed={field.state.value}\n      {...props}\n    />\n  )\n}\n","import { Field as FieldRoot } from './field'\nimport { FieldCheckbox } from './field-checkbox'\nimport { FieldDescription } from './field-description'\nimport { FieldErrors } from './field-errors'\nimport { FieldInput } from './field-input'\nimport { FieldInputGroup } from './field-input-group'\nimport { FieldInputGroupInput } from './field-input-group-input'\nimport { FieldLabel } from './field-label'\nimport { FieldRadio } from './field-radio'\nimport { FieldRadioGroup } from './field-radio-group'\nimport { FieldRow } from './field-row'\nimport { FieldSelect } from './field-select'\nimport { FieldSet } from './field-set'\nimport { FieldSlider } from './field-slider'\nimport { FieldSwitch } from './field-switch'\nimport { FieldTextArea } from './field-text-area'\nimport { FieldToggle } from './field-toggle'\n\nconst Field = Object.assign(FieldRoot, {\n  Checkbox: FieldCheckbox,\n  Description: FieldDescription,\n  Errors: FieldErrors,\n  Input: FieldInput,\n  InputGroup: FieldInputGroup,\n  InputGroupInput: FieldInputGroupInput,\n  Label: FieldLabel,\n  Radio: FieldRadio,\n  RadioGroup: FieldRadioGroup,\n  Row: FieldRow,\n  Select: FieldSelect,\n  Set: FieldSet,\n  Slider: FieldSlider,\n  Switch: FieldSwitch,\n  TextArea: FieldTextArea,\n  Toggle: FieldToggle,\n})\n\nexport type {\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldInputProps,\n  FieldLabelProps,\n  FieldProps,\n  FieldSelectProps,\n  FieldSliderProps,\n  FieldTextAreaProps,\n  FieldCheckboxProps,\n  FieldRadioProps,\n  FieldRadioGroupProps,\n  FieldSwitchProps,\n  FieldToggleProps,\n  FieldInputGroupInputProps,\n  FieldInputGroupProps,\n  FieldSetProps,\n  FieldRowProps,\n} from './field.types'\nexport { FieldDescription } from './field-description'\nexport { FieldErrors } from './field-errors'\nexport { FieldInput } from './field-input'\nexport { FieldLabel } from './field-label'\nexport { FieldSlider } from './field-slider'\nexport { FieldSelect } from './field-select'\nexport { FieldTextArea } from './field-text-area'\nexport { FieldCheckbox } from './field-checkbox'\nexport { FieldRadio } from './field-radio'\nexport { FieldRadioGroup } from './field-radio-group'\nexport { FieldSwitch } from './field-switch'\nexport { FieldToggle } from './field-toggle'\nexport { FieldInputGroup } from './field-input-group'\nexport { FieldInputGroupInput } from './field-input-group-input'\nexport { FieldSet } from './field-set'\nexport { FieldRow } from './field-row'\n\nexport { Field }\n"],"mappings":"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"}

package/dist/form/index.d.ts

@@ -0,0 +1,220 @@
+import { t as Button } from "../index-bVyqfhJS.js";
+import { _ as FieldCheckbox, a as FieldSlider, c as FieldRow, d as FieldLabel, f as FieldInputGroupInput, g as FieldDescription, h as FieldErrors, i as FieldSwitch, l as FieldRadioGroup, m as FieldInput, n as FieldToggle, o as FieldSet, p as FieldInputGroup, r as FieldTextArea, s as FieldSelect, u as FieldRadio } from "../index-CiE-Rqit.js";
+import { VariantProps } from "class-variance-authority";
+type FormProps$1 = React.ComponentProps<'form'>;
+declare function Form$1({ className, ref, ...props }: FormProps$1): import("react").JSX.Element;
+type FormProps = React.ComponentProps<'form'>;
+type FormSubmitProps = React.ComponentProps<typeof Button>;
+type FormResetProps = React.ComponentProps<typeof Button>;
+type FormErrorsProps = React.ComponentProps<'div'> & {
+  headerLabel?: string;
+};
+type FormSetProps = React.ComponentProps<'div'>;
+type FormSetHeadingProps = React.ComponentProps<'span'> & VariantProps<typeof formSetHeadingVariants>;
+type FormSetContentProps = React.ComponentProps<'div'>;
+type FormFooterProps = React.ComponentProps<'div'> & {
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const formSetHeadingVariants: (props?: ({
+  size?: "large" | "medium" | "small" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function FormErrors({ className, children, ref, ...props }: FormErrorsProps): import("react").JSX.Element;
+export declare function FormFooter({ orientation, className, ref, ...props }: FormFooterProps): import("react").JSX.Element;
+export declare function FormReset({ className, ref, ...props }: FormResetProps): import("react").JSX.Element;
+export declare function FormSet({ className, ref, ...props }: FormSetProps): import("react").JSX.Element;
+export declare function FormSetContent({ className, ref, ...props }: FormSetContentProps): import("react").JSX.Element;
+export declare function FormSetHeading({ size, className, ref, ...props }: FormSetHeadingProps): import("react").JSX.Element;
+export declare function FormSubmit({ className, children, ref, ...props }: FormSubmitProps): import("react").JSX.Element;
+export declare const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+export declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  readonly Checkbox: typeof FieldCheckbox;
+  readonly Description: typeof FieldDescription;
+  readonly Errors: typeof FieldErrors;
+  readonly Input: typeof FieldInput;
+  readonly InputGroup: typeof FieldInputGroup;
+  readonly InputGroupInput: typeof FieldInputGroupInput;
+  readonly Label: typeof FieldLabel;
+  readonly Radio: typeof FieldRadio;
+  readonly RadioGroup: typeof FieldRadioGroup;
+  readonly Row: typeof FieldRow;
+  readonly Select: typeof FieldSelect;
+  readonly Set: typeof FieldSet;
+  readonly Slider: typeof FieldSlider;
+  readonly Switch: typeof FieldSwitch;
+  readonly TextArea: typeof FieldTextArea;
+  readonly Toggle: typeof FieldToggle;
+}, {
+  readonly Errors: typeof FormErrors;
+  readonly Footer: typeof FormFooter;
+  readonly Reset: typeof FormReset;
+  readonly Set: typeof FormSet;
+  readonly SetContent: typeof FormSetContent;
+  readonly SetHeading: typeof FormSetHeading;
+  readonly Submit: typeof FormSubmit;
+}>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues }: import("@tanstack/react-form").WithFieldGroupProps<TFieldGroupData, {
+  readonly Checkbox: typeof FieldCheckbox;
+  readonly Description: typeof FieldDescription;
+  readonly Errors: typeof FieldErrors;
+  readonly Input: typeof FieldInput;
+  readonly InputGroup: typeof FieldInputGroup;
+  readonly InputGroupInput: typeof FieldInputGroupInput;
+  readonly Label: typeof FieldLabel;
+  readonly Radio: typeof FieldRadio;
+  readonly RadioGroup: typeof FieldRadioGroup;
+  readonly Row: typeof FieldRow;
+  readonly Select: typeof FieldSelect;
+  readonly Set: typeof FieldSet;
+  readonly Slider: typeof FieldSlider;
+  readonly Switch: typeof FieldSwitch;
+  readonly TextArea: typeof FieldTextArea;
+  readonly Toggle: typeof FieldToggle;
+}, {
+  readonly Errors: typeof FormErrors;
+  readonly Footer: typeof FormFooter;
+  readonly Reset: typeof FormReset;
+  readonly Set: typeof FormSet;
+  readonly SetContent: typeof FormSetContent;
+  readonly SetHeading: typeof FormSetHeading;
+  readonly Submit: typeof FormSubmit;
+}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import("@tanstack/react-form").DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import("@tanstack/react-form").FieldsMap<TFormData, TFieldGroupData>, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TFormSubmitMeta>(params: import("react").PropsWithChildren<NoInfer<TRenderProps> & {
+  form: import("@tanstack/react-form").AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import("@tanstack/react-form").FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+    readonly Checkbox: typeof FieldCheckbox;
+    readonly Description: typeof FieldDescription;
+    readonly Errors: typeof FieldErrors;
+    readonly Input: typeof FieldInput;
+    readonly InputGroup: typeof FieldInputGroup;
+    readonly InputGroupInput: typeof FieldInputGroupInput;
+    readonly Label: typeof FieldLabel;
+    readonly Radio: typeof FieldRadio;
+    readonly RadioGroup: typeof FieldRadioGroup;
+    readonly Row: typeof FieldRow;
+    readonly Select: typeof FieldSelect;
+    readonly Set: typeof FieldSet;
+    readonly Slider: typeof FieldSlider;
+    readonly Switch: typeof FieldSwitch;
+    readonly TextArea: typeof FieldTextArea;
+    readonly Toggle: typeof FieldToggle;
+  }, {
+    readonly Errors: typeof FormErrors;
+    readonly Footer: typeof FormFooter;
+    readonly Reset: typeof FormReset;
+    readonly Set: typeof FormSet;
+    readonly SetContent: typeof FormSetContent;
+    readonly SetHeading: typeof FormSetHeading;
+    readonly Submit: typeof FormSubmit;
+  }> | import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+    readonly Checkbox: typeof FieldCheckbox;
+    readonly Description: typeof FieldDescription;
+    readonly Errors: typeof FieldErrors;
+    readonly Input: typeof FieldInput;
+    readonly InputGroup: typeof FieldInputGroup;
+    readonly InputGroupInput: typeof FieldInputGroupInput;
+    readonly Label: typeof FieldLabel;
+    readonly Radio: typeof FieldRadio;
+    readonly RadioGroup: typeof FieldRadioGroup;
+    readonly Row: typeof FieldRow;
+    readonly Select: typeof FieldSelect;
+    readonly Set: typeof FieldSet;
+    readonly Slider: typeof FieldSlider;
+    readonly Switch: typeof FieldSwitch;
+    readonly TextArea: typeof FieldTextArea;
+    readonly Toggle: typeof FieldToggle;
+  }, {
+    readonly Errors: typeof FormErrors;
+    readonly Footer: typeof FormFooter;
+    readonly Reset: typeof FormReset;
+    readonly Set: typeof FormSet;
+    readonly SetContent: typeof FormSetContent;
+    readonly SetHeading: typeof FormSetHeading;
+    readonly Submit: typeof FormSubmit;
+  }>;
+  fields: TFields;
+}>) => ReturnType<import("react").FunctionComponent>, withForm: <TFormData, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TRenderProps extends object = {}>({ render, props }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  readonly Checkbox: typeof FieldCheckbox;
+  readonly Description: typeof FieldDescription;
+  readonly Errors: typeof FieldErrors;
+  readonly Input: typeof FieldInput;
+  readonly InputGroup: typeof FieldInputGroup;
+  readonly InputGroupInput: typeof FieldInputGroupInput;
+  readonly Label: typeof FieldLabel;
+  readonly Radio: typeof FieldRadio;
+  readonly RadioGroup: typeof FieldRadioGroup;
+  readonly Row: typeof FieldRow;
+  readonly Select: typeof FieldSelect;
+  readonly Set: typeof FieldSet;
+  readonly Slider: typeof FieldSlider;
+  readonly Switch: typeof FieldSwitch;
+  readonly TextArea: typeof FieldTextArea;
+  readonly Toggle: typeof FieldToggle;
+}, {
+  readonly Errors: typeof FormErrors;
+  readonly Footer: typeof FormFooter;
+  readonly Reset: typeof FormReset;
+  readonly Set: typeof FormSet;
+  readonly SetContent: typeof FormSetContent;
+  readonly SetHeading: typeof FormSetHeading;
+  readonly Submit: typeof FormSubmit;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+    readonly Checkbox: typeof FieldCheckbox;
+    readonly Description: typeof FieldDescription;
+    readonly Errors: typeof FieldErrors;
+    readonly Input: typeof FieldInput;
+    readonly InputGroup: typeof FieldInputGroup;
+    readonly InputGroupInput: typeof FieldInputGroupInput;
+    readonly Label: typeof FieldLabel;
+    readonly Radio: typeof FieldRadio;
+    readonly RadioGroup: typeof FieldRadioGroup;
+    readonly Row: typeof FieldRow;
+    readonly Select: typeof FieldSelect;
+    readonly Set: typeof FieldSet;
+    readonly Slider: typeof FieldSlider;
+    readonly Switch: typeof FieldSwitch;
+    readonly TextArea: typeof FieldTextArea;
+    readonly Toggle: typeof FieldToggle;
+  }, {
+    readonly Errors: typeof FormErrors;
+    readonly Footer: typeof FormFooter;
+    readonly Reset: typeof FormReset;
+    readonly Set: typeof FormSet;
+    readonly SetContent: typeof FormSetContent;
+    readonly SetHeading: typeof FormSetHeading;
+    readonly Submit: typeof FormSubmit;
+  }>;
+}>>, useTypedAppFormContext: <TFormData, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(_props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  readonly Checkbox: typeof FieldCheckbox;
+  readonly Description: typeof FieldDescription;
+  readonly Errors: typeof FieldErrors;
+  readonly Input: typeof FieldInput;
+  readonly InputGroup: typeof FieldInputGroup;
+  readonly InputGroupInput: typeof FieldInputGroupInput;
+  readonly Label: typeof FieldLabel;
+  readonly Radio: typeof FieldRadio;
+  readonly RadioGroup: typeof FieldRadioGroup;
+  readonly Row: typeof FieldRow;
+  readonly Select: typeof FieldSelect;
+  readonly Set: typeof FieldSet;
+  readonly Slider: typeof FieldSlider;
+  readonly Switch: typeof FieldSwitch;
+  readonly TextArea: typeof FieldTextArea;
+  readonly Toggle: typeof FieldToggle;
+}, {
+  readonly Errors: typeof FormErrors;
+  readonly Footer: typeof FormFooter;
+  readonly Reset: typeof FormReset;
+  readonly Set: typeof FormSet;
+  readonly SetContent: typeof FormSetContent;
+  readonly SetHeading: typeof FormSetHeading;
+  readonly Submit: typeof FormSubmit;
+}>;
+declare const Form: typeof Form$1 & {
+  Errors: typeof FormErrors;
+  Footer: typeof FormFooter;
+  Reset: typeof FormReset;
+  Set: typeof FormSet;
+  SetContent: typeof FormSetContent;
+  SetHeading: typeof FormSetHeading;
+  Submit: typeof FormSubmit;
+};
+export { Form, type FormErrorsProps, type FormProps, type FormResetProps, type FormSubmitProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/form/index.js

@@ -0,0 +1,3 @@
+import { b as useFieldContext, v as fieldContext, x as useFormContext, y as formContext } from "../field-DTL7eA5y.js";
+import { a as withForm, c as FormSetContent, d as FormFooter, f as FormErrors, i as withFieldGroup, l as FormSet, n as useAppForm, o as FormSubmit, r as useTypedAppFormContext, s as FormSetHeading, t as Form, u as FormReset } from "../form-BxMg796f.js";
+export { Form, FormErrors, FormFooter, FormReset, FormSet, FormSetContent, FormSetHeading, FormSubmit, fieldContext, formContext, useAppForm, useFieldContext, useFormContext, useTypedAppFormContext, withFieldGroup, withForm };