@ultraviolet/form 6.0.16 → 6.1.1

package/dist/components/ToggleGroupField/index.js

@@ -1,66 +1,54 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { useErrors } from "../../providers/ErrorContext/index.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { ToggleGroup } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const ToggleGroupFieldComponent = ({
-  legend = "",
-  control,
-  onChange,
-  error: customError,
-  name,
-  required = false,
-  shouldUnregister = false,
-  validate,
-  ...props
-}) => {
-  const { getError } = useErrors();
-  const {
-    field,
-    fieldState: { error }
-  } = useController({
-    control,
-    name,
-    rules: {
-      validate: {
-        ...required ? { required: (value2) => value2.length > 0 } : void 0,
-        ...validate
-      }
-    },
-    shouldUnregister
-  });
-  const value = field.value;
-  return /* @__PURE__ */ jsx(
-    ToggleGroup,
-    {
-      ...props,
-      error: customError ?? getError({ label: legend }, error),
-      legend,
-      name: field.name,
-      onChange: (event) => {
-        if (value.includes(event.currentTarget.value)) {
-          const newValue = value.filter(
-            (currentValue) => currentValue !== event.currentTarget.value
-          );
-          field.onChange(newValue);
-          onChange?.(newValue);
-        } else {
-          const newValue = [...value, event.currentTarget.value];
-          field.onChange(newValue);
-          onChange?.(newValue);
-        }
-      },
-      required,
-      value
-    }
-  );
-};
-const ToggleGroupField = Object.assign(
-  ToggleGroupFieldComponent,
-  {
-    Toggle: ToggleGroup.Toggle
-  }
-);
-export {
-  ToggleGroupField
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ToggleGroupField/index.tsx
+const _excluded = [
+	"legend",
+	"control",
+	"onChange",
+	"error",
+	"name",
+	"required",
+	"shouldUnregister",
+	"validate"
+];
+const ToggleGroupFieldComponent = (_ref) => {
+	let { legend = "", control, onChange, error: customError, name, required = false, shouldUnregister = false, validate } = _ref;
+	let props = _objectWithoutProperties(_ref, _excluded);
+	const { getError } = useErrors();
+	const { field, fieldState: { error } } = useController({
+		control,
+		name,
+		rules: { validate: _objectSpread2(_objectSpread2({}, required ? { required: (value) => value.length > 0 } : void 0), validate) },
+		shouldUnregister
+	});
+	const value = field.value;
+	return /* @__PURE__ */ jsx(ToggleGroup, _objectSpread2(_objectSpread2({}, props), {}, {
+		error: customError !== null && customError !== void 0 ? customError : getError({ label: legend }, error),
+		legend,
+		name: field.name,
+		onChange: (event) => {
+			if (value.includes(event.currentTarget.value)) {
+				const newValue = value.filter((currentValue) => currentValue !== event.currentTarget.value);
+				field.onChange(newValue);
+				onChange === null || onChange === void 0 || onChange(newValue);
+			} else {
+				const newValue = [...value, event.currentTarget.value];
+				field.onChange(newValue);
+				onChange === null || onChange === void 0 || onChange(newValue);
+			}
+		},
+		required,
+		value
+	}));
 };
+const ToggleGroupField = Object.assign(ToggleGroupFieldComponent, { Toggle: ToggleGroup.Toggle });
+
+//#endregion
+export { ToggleGroupField };

package/dist/components/UnitInputField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAEH,eAAO,MAAM,cAAc,GACzB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,6HAaC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,4CA4C/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAEH,eAAO,MAAM,cAAc,GACzB,YAAY,sBACZ,UAAU,kRA0DX,CAAA"}

package/dist/components/UnitInputField/index.js

@@ -1,62 +1,65 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { useErrors } from "../../providers/ErrorContext/index.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { UnitInput } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const UnitInputField = ({
-  name,
-  max = Number.MAX_SAFE_INTEGER,
-  min = 0,
-  onChange,
-  onChangeUnitValue,
-  label = "",
-  required,
-  shouldUnregister = false,
-  validate,
-  control,
-  optionName,
-  ...props
-}) => {
-  const { getError } = useErrors();
-  const { field: unitField } = useController({
-    name: optionName ?? `${name}-unit`,
-    rules: { required },
-    shouldUnregister
-  });
-  const { field: valueField, fieldState: valueFieldState } = useController({
-    control,
-    name,
-    rules: {
-      max,
-      min,
-      required,
-      validate
-    },
-    shouldUnregister
-  });
-  return /* @__PURE__ */ jsx(
-    UnitInput,
-    {
-      ...props,
-      error: getError({ label }, valueFieldState.error),
-      label,
-      max,
-      min,
-      name,
-      onChange: (event) => {
-        valueField.onChange(event);
-        onChange?.(event);
-      },
-      onChangeUnitValue: (event) => {
-        unitField.onChange(event);
-        onChangeUnitValue?.(event);
-      },
-      required,
-      unitValue: unitField.value,
-      value: valueField.value
-    }
-  );
-};
-export {
-  UnitInputField
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/UnitInputField/index.tsx
+const _excluded = [
+	"name",
+	"max",
+	"min",
+	"onChange",
+	"onChangeUnitValue",
+	"label",
+	"required",
+	"shouldUnregister",
+	"validate",
+	"control",
+	"optionName"
+];
+const UnitInputField = (_ref) => {
+	let { name, max = Number.MAX_SAFE_INTEGER, min = 0, onChange, onChangeUnitValue, label = "", required, shouldUnregister = false, validate, control, optionName } = _ref;
+	let props = _objectWithoutProperties(_ref, _excluded);
+	const { getError } = useErrors();
+	const { field: unitField } = useController({
+		name: optionName !== null && optionName !== void 0 ? optionName : `${name}-unit`,
+		rules: { required },
+		shouldUnregister
+	});
+	const { field: valueField, fieldState: valueFieldState } = useController({
+		control,
+		name,
+		rules: {
+			max,
+			min,
+			required,
+			validate
+		},
+		shouldUnregister
+	});
+	return /* @__PURE__ */ jsx(UnitInput, _objectSpread2(_objectSpread2({}, props), {}, {
+		error: getError({ label }, valueFieldState.error),
+		label,
+		max,
+		min,
+		name,
+		onChange: (event) => {
+			valueField.onChange(event);
+			onChange === null || onChange === void 0 || onChange(event);
+		},
+		onChangeUnitValue: (event) => {
+			unitField.onChange(event);
+			onChangeUnitValue === null || onChangeUnitValue === void 0 || onChangeUnitValue(event);
+		},
+		required,
+		unitValue: unitField.value,
+		value: valueField.value
+	}));
 };
+
+//#endregion
+export { UnitInputField };

package/dist/components/VerificationCodeField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCodeField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,0BAA0B,CAC7B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAExD,eAAO,MAAM,qBAAqB,GAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,0EASC,0BAA0B,CAAC,YAAY,EAAE,KAAK,CAAC,4CAqCjD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCodeField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,0BAA0B,CAC7B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAExD,eAAO,MAAM,qBAAqB,GAChC,YAAY,sBACZ,KAAK,iOA+CN,CAAA"}

package/dist/components/VerificationCodeField/index.js

@@ -1,53 +1,48 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { useErrors } from "../../providers/ErrorContext/index.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { VerificationCode } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const VerificationCodeField = ({
-  fields,
-  inputId = "verification-code-input",
-  label,
-  name,
-  onChange,
-  required,
-  validate,
-  ...props
-}) => {
-  const { getError } = useErrors();
-  const {
-    field,
-    fieldState: { error }
-  } = useController({
-    name,
-    rules: {
-      required,
-      validate: {
-        required: (localValue) => {
-          if (required && localValue.length !== (fields ?? 4)) {
-            return false;
-          }
-          return true;
-        },
-        ...validate
-      }
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    VerificationCode,
-    {
-      ...props,
-      error: getError({ label: label ?? "verification-code-field" }, error),
-      fields,
-      inputId,
-      label,
-      onChange: (event) => {
-        onChange?.(event);
-        field.onChange(event);
-      },
-      required
-    }
-  );
-};
-export {
-  VerificationCodeField
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/VerificationCodeField/index.tsx
+const _excluded = [
+	"fields",
+	"inputId",
+	"label",
+	"name",
+	"onChange",
+	"required",
+	"validate"
+];
+const VerificationCodeField = (_ref) => {
+	let { fields, inputId = "verification-code-input", label, name, onChange, required, validate } = _ref;
+	let props = _objectWithoutProperties(_ref, _excluded);
+	const { getError } = useErrors();
+	const { field, fieldState: { error } } = useController({
+		name,
+		rules: {
+			required,
+			validate: _objectSpread2({ required: (localValue) => {
+				if (required && localValue.length !== (fields !== null && fields !== void 0 ? fields : 4)) return false;
+				return true;
+			} }, validate)
+		}
+	});
+	return /* @__PURE__ */ jsx(VerificationCode, _objectSpread2(_objectSpread2({}, props), {}, {
+		error: getError({ label: label !== null && label !== void 0 ? label : "verification-code-field" }, error),
+		fields,
+		inputId,
+		label,
+		onChange: (event) => {
+			onChange === null || onChange === void 0 || onChange(event);
+			field.onChange(event);
+		},
+		required
+	}));
 };
+
+//#endregion
+export { VerificationCodeField };

package/dist/components/compositions/OfferListField/index.d.ts

@@ -0,0 +1,54 @@
+import type { BaseFieldProps, FieldPath, FieldValues } from '@ultraviolet/form';
+import { OfferList } from '@ultraviolet/ui/compositions/OfferList';
+import type { ComponentProps, ReactNode } from 'react';
+type OfferListFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof OfferList>, 'selected' | 'onChangeSelect'> & {
+    className?: string;
+    id?: string;
+    name: string;
+    label?: string | ReactNode;
+    required?: boolean;
+};
+declare function OfferListField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ expandable, type, columns, control, children, loading, autoCollapse, className, id, name, label, required, value, onChange, shouldUnregister }: OfferListFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+declare namespace OfferListField {
+    var Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, }: {
+        children: ReactNode;
+        id: string;
+        expandable?: ReactNode;
+        selectDisabled?: string | boolean | undefined;
+        disabled?: boolean | undefined;
+        sentiment?: "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        expanded?: boolean | undefined;
+        className?: string | undefined;
+        expandablePadding?: "0" | "0.25" | "0.5" | "1" | "1.5" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        highlightAnimation?: boolean | undefined;
+        'data-testid'?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        'data-dragging'?: boolean | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+        onClick?: ((id: string) => void) | undefined;
+    } & import("react").RefAttributes<HTMLTableRowElement> & {
+        banner?: {
+            text: ReactNode;
+            sentiment?: "danger" | "neutral" | "primary" | "warning" | undefined;
+        } | undefined;
+        offerName: string;
+        badge?: {
+            text: string;
+            sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+            prominence?: "default" | "strong" | undefined;
+        } | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace OfferListField {
+    var Cell: ({ children, className, 'data-testid': dataTestId, colSpan, style, }: {
+        children?: ReactNode;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        colSpan?: number | undefined;
+        style?: import("react").CSSProperties | undefined;
+    } & import("react").RefAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
+}
+export { OfferListField };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/OfferListField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OfferListField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,WAAW,EAGZ,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,GAAG;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;gCAGD,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EACA,UAAU,EACV,IAAc,EACd,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EACjB,EAAE,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmD3C,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/compositions/OfferListField/index.js

@@ -0,0 +1,57 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { useErrors } from "../../../providers/ErrorContext/index.js";
+import { Label, Stack, Text } from "@ultraviolet/ui";
+import { OfferList } from "@ultraviolet/ui/compositions/OfferList";
+import { useController } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/OfferListField/index.tsx
+const OfferListField = ({ expandable, type = "radio", columns, control, children, loading, autoCollapse, className, id, name, label, required, value, onChange, shouldUnregister }) => {
+	const { getError } = useErrors();
+	const { field, fieldState: { error } } = useController({
+		control,
+		defaultValue: value,
+		name,
+		rules: { required },
+		shouldUnregister
+	});
+	return /* @__PURE__ */ jsxs(Stack, {
+		className,
+		gap: 1,
+		id,
+		children: [
+			label ? /* @__PURE__ */ jsx(Label, {
+				required,
+				children: label
+			}) : null,
+			/* @__PURE__ */ jsx(OfferList, {
+				autoCollapse,
+				columns,
+				expandable,
+				loading,
+				onChangeSelect: (val) => {
+					field.onChange(val);
+					onChange === null || onChange === void 0 || onChange(val);
+				},
+				selected: field.value,
+				type,
+				children
+			}),
+			error ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				prominence: "default",
+				sentiment: "danger",
+				variant: "caption",
+				children: getError({
+					label: label !== null && label !== void 0 ? label : name,
+					value: field.value
+				}, error)
+			}) : null
+		]
+	});
+};
+OfferListField.Row = OfferList.Row;
+OfferListField.Cell = OfferList.Cell;
+
+//#endregion
+export { OfferListField };

package/dist/components/compositions/OptionSelectorField/index.d.ts

@@ -3,6 +3,6 @@ import type { ComponentProps } from 'react';
 import type { FieldPath, FieldValues } from 'react-hook-form';
 import type { BaseFieldProps } from '../../../types';
 type OptionSelectorFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof OptionSelector>, 'value'>;
-export declare const OptionSelectorField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, ...props }: OptionSelectorFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
+export declare const OptionSelectorField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, required, name, 'aria-label': ariaLabel, shouldUnregister, control, validate, onChange, ...props }: OptionSelectorFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/OptionSelectorField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelectorField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,KAAK,wBAAwB,CAC3B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,OAAO,CAAC,CAAA;AAEtD,eAAO,MAAM,mBAAmB,GAC9B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,6GAUC,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,4CAuCpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelectorField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,KAAK,wBAAwB,CAC3B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,OAAO,CAAC,CAAA;AAEtD,eAAO,MAAM,mBAAmB,GAC9B,YAAY,sBACZ,UAAU,uQAwDX,CAAA"}

package/dist/components/compositions/OptionSelectorField/index.js

@@ -1,56 +1,55 @@
-"use client";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { useErrors } from "../../../providers/ErrorContext/index.js";
+import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { useController } from "react-hook-form";
 import { jsx } from "react/jsx-runtime";
 import { OptionSelector } from "@ultraviolet/ui/compositions/OptionSelector";
-import { useController } from "react-hook-form";
-import { useErrors } from "../../../providers/ErrorContext/index.js";
-const OptionSelectorField = ({
-  label = "",
-  required,
-  name,
-  "aria-label": ariaLabel,
-  shouldUnregister = false,
-  control,
-  validate,
-  onChange,
-  ...props
-}) => {
-  const {
-    field,
-    fieldState: { error }
-  } = useController({
-    control,
-    name,
-    rules: {
-      required,
-      validate: {
-        completeSelection: (value) => {
-          if (value?.first && value.second) {
-            return true;
-          }
-          return false;
-        },
-        ...validate
-      }
-    },
-    shouldUnregister
-  });
-  const { getError } = useErrors();
-  return /* @__PURE__ */ jsx(
-    OptionSelector,
-    {
-      "aria-label": ariaLabel,
-      error: getError({ label: label ?? ariaLabel ?? name }, error),
-      name: field.name,
-      onChange: (val) => {
-        field.onChange(val);
-        onChange?.(val);
-      },
-      required,
-      value: field.value,
-      ...props
-    }
-  );
-};
-export {
-  OptionSelectorField
+
+//#region src/components/compositions/OptionSelectorField/index.tsx
+const _excluded = [
+	"label",
+	"required",
+	"name",
+	"aria-label",
+	"shouldUnregister",
+	"control",
+	"validate",
+	"onChange"
+];
+const OptionSelectorField = (_ref) => {
+	var _ref2;
+	let { label = "", required, name, "aria-label": ariaLabel, shouldUnregister = false, control, validate, onChange } = _ref;
+	let props = _objectWithoutProperties(_ref, _excluded);
+	const { field, fieldState: { error } } = useController({
+		control,
+		name,
+		rules: {
+			required,
+			validate: _objectSpread2({ completeSelection: (value) => {
+				if ((value === null || value === void 0 ? void 0 : value.first) && value.second) return true;
+				return false;
+			} }, validate)
+		},
+		shouldUnregister
+	});
+	const { getError } = useErrors();
+	return /* @__PURE__ */ jsx(OptionSelector, _objectSpread2({
+		"aria-label": ariaLabel,
+		error: getError({ label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name }, error),
+		name: field.name,
+		onChange: (val) => {
+			field.onChange({
+				first: val.first,
+				second: val.second
+			});
+			onChange === null || onChange === void 0 || onChange(val);
+		},
+		required,
+		value: field.value
+	}, props));
 };
+
+//#endregion
+export { OptionSelectorField };

package/dist/components/compositions/PlansField/index.d.ts

@@ -0,0 +1,8 @@
+import { Plans } from '@ultraviolet/ui/compositions/Plans';
+import type { ComponentProps } from 'react';
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { BaseFieldProps } from '../../../types';
+type PlanFieldsProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Pick<ComponentProps<typeof Plans>, 'features' | 'plans' | 'hideLabels' | 'onChange' | 'highlight'> & Pick<BaseFieldProps<TFieldValues, TFieldName>, 'name' | 'control' | 'required'>;
+export declare const PlansField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, features, plans, hideLabels, highlight, onChange, required, }: PlanFieldsProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/PlansField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/PlansField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,KAAK,eAAe,CAClB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAClE,IAAI,CACN,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAC/D,GACC,IAAI,CACF,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,EACxC,MAAM,GAAG,SAAS,GAAG,UAAU,CAChC,CAAA;AAEH,eAAO,MAAM,UAAU,GACrB,YAAY,sBACZ,UAAU,iOAmCX,CAAA"}

package/dist/components/compositions/PlansField/index.js

@@ -0,0 +1,28 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { useController } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+import { Plans } from "@ultraviolet/ui/compositions/Plans";
+
+//#region src/components/compositions/PlansField/index.tsx
+const PlansField = ({ name, control, features, plans, hideLabels, highlight, onChange, required }) => {
+	const { field } = useController({
+		control,
+		name,
+		rules: { required }
+	});
+	return /* @__PURE__ */ jsx(Plans, {
+		features,
+		fieldName: field.name,
+		hideLabels,
+		highlight,
+		onChange: (value) => {
+			field.onChange(value);
+			if (onChange) onChange(value);
+		},
+		plans,
+		value: field.value
+	});
+};
+
+//#endregion
+export { PlansField };