@powerhousedao/document-engineering 1.0.0

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field-validations.js

@@ -0,0 +1,78 @@
+import { format } from "date-fns";
+import { formatDateToValidCalendarDateFormat, getDateFromValue, splitIso8601DateTime, } from "../../../ui/components/data-entry/date-picker/utils.js";
+import { getDateFormat, isDateFormatAllowed, isValidTime, normalizeMonthFormat, } from "../../../ui/components/data-entry/date-time-picker/utils.js";
+export const dateTimeFieldValidations = ({ dateFormat, minDate, maxDate, disablePastDates, disableFutureDates, }) => (value) => {
+    if (value === "" || value === undefined) {
+        return true;
+    }
+    const internalFormat = getDateFormat(dateFormat ?? "");
+    // 1. Validate that it has date and time separated by space
+    const { date, time } = splitIso8601DateTime(value);
+    if (!date || !time) {
+        return "Invalid format. Use Date and Time separated by a space.";
+    }
+    const stringDate = normalizeMonthFormat(getDateFromValue(value));
+    const isValidFormat = isDateFormatAllowed(stringDate, internalFormat);
+    if (!isValidFormat) {
+        return `Invalid date format. Use ${internalFormat?.toUpperCase()}`;
+    }
+    if (!isValidTime(time)) {
+        return "Invalid format. Use Date and Time separated by a space.";
+    }
+    const isoDate = formatDateToValidCalendarDateFormat(stringDate);
+    const [datePart] = isoDate.split("T");
+    const validDateStartOfDay = new Date(`${datePart}T00:00:00`);
+    let effectiveMinDate = null;
+    if (minDate) {
+        const minDateValue = new Date(minDate);
+        effectiveMinDate = new Date(minDateValue.setHours(0, 0, 0, 0));
+    }
+    if (disablePastDates) {
+        const today = new Date();
+        const todayStartOfDay = new Date(today.setHours(0, 0, 0, 0));
+        if (!effectiveMinDate || todayStartOfDay > effectiveMinDate) {
+            effectiveMinDate = todayStartOfDay;
+        }
+    }
+    // Get the most restrictive date between maxDate and disableFutureDates
+    let effectiveMaxDate = null;
+    if (maxDate) {
+        const maxDateValue = new Date(maxDate);
+        effectiveMaxDate = new Date(maxDateValue.setHours(0, 0, 0, 0));
+    }
+    if (disableFutureDates) {
+        const today = new Date();
+        const todayStartOfDay = new Date(today.setHours(0, 0, 0, 0));
+        if (!effectiveMaxDate || todayStartOfDay < effectiveMaxDate) {
+            effectiveMaxDate = todayStartOfDay;
+        }
+    }
+    // Validate against the effective dates
+    if (effectiveMinDate && effectiveMaxDate) {
+        if (effectiveMinDate > effectiveMaxDate) {
+            const formattedMinDate = format(effectiveMinDate, internalFormat ?? "yyyy-MM-dd");
+            const formattedMaxDate = format(effectiveMaxDate, internalFormat ?? "yyyy-MM-dd");
+            return `Invalid date range: ${formattedMinDate} is after ${formattedMaxDate}`;
+        }
+        if (validDateStartOfDay < effectiveMinDate ||
+            validDateStartOfDay > effectiveMaxDate) {
+            const formattedMinDate = format(effectiveMinDate, internalFormat ?? "yyyy-MM-dd");
+            const formattedMaxDate = format(effectiveMaxDate, internalFormat ?? "yyyy-MM-dd");
+            return `Date should be between ${formattedMinDate.toUpperCase()} - ${formattedMaxDate.toUpperCase()}`;
+        }
+    }
+    else if (effectiveMinDate) {
+        if (validDateStartOfDay < effectiveMinDate) {
+            const formattedMinDate = format(effectiveMinDate, internalFormat ?? "yyyy-MM-dd");
+            return `Date must be after ${formattedMinDate.toUpperCase()}`;
+        }
+    }
+    else if (effectiveMaxDate) {
+        if (validDateStartOfDay > effectiveMaxDate) {
+            const formattedMaxDate = format(effectiveMaxDate, internalFormat ?? "yyyy-MM-dd");
+            return `Date must be before ${formattedMaxDate.toUpperCase()}`;
+        }
+    }
+    return true;
+};
+//# sourceMappingURL=date-time-picker-field-validations.js.map

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field-validations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-field-validations.js","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/date-time-picker-field-validations.ts"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.d.ts

@@ -0,0 +1,7 @@
+import { type DateTimePickerProps } from "../../../ui/components/data-entry/date-time-picker/date-time-picker.js";
+import { type FieldErrorHandling } from "../types.js";
+interface DateTimePickerFieldProps extends DateTimePickerProps, FieldErrorHandling {
+}
+declare const DateTimePickerField: import("react").ForwardRefExoticComponent<DateTimePickerFieldProps & import("react").RefAttributes<unknown>>;
+export { DateTimePickerField, type DateTimePickerFieldProps };
+//# sourceMappingURL=date-time-picker-field.d.ts.map

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/date-time-picker-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,wEAAwE,CAAC;AAEhF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,UAAU,wBACR,SAAQ,mBAAmB,EACzB,kBAAkB;CAAG;AAEzB,QAAA,MAAM,mBAAmB,8GAOxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,CAAC"}

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.js

@@ -0,0 +1,11 @@
+import { DateTimePicker, } from "../../../ui/components/data-entry/date-time-picker/date-time-picker.js";
+import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
+import { dateTimeFieldValidations } from "./date-time-picker-field-validations.js";
+const DateTimePickerField = withFieldValidation(DateTimePicker, {
+    validations: {
+        _timePickerType: dateTimeFieldValidations,
+    },
+});
+DateTimePickerField.displayName = "DateTimePickerField";
+export { DateTimePickerField };
+//# sourceMappingURL=date-time-picker-field.js.map

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/date-time-picker-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,GAEf,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAElG,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAMnF,MAAM,mBAAmB,GAAG,mBAAmB,CAC7C,cAAc,EACd;IACE,WAAW,EAAE;QACX,eAAe,EAAE,wBAAwB;KAC1C;CACF,CACF,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAiC,CAAC"}

package/dist/src/scalars/components/date-time-picker-field/index.d.ts

@@ -0,0 +1,2 @@
+export { DateTimePickerField, type DateTimePickerFieldProps, } from "./date-time-picker-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/date-time-picker-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,6BAA6B,CAAC"}

package/dist/src/scalars/components/date-time-picker-field/index.js

@@ -0,0 +1,2 @@
+export { DateTimePickerField, } from "./date-time-picker-field.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/date-time-picker-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,GAEpB,MAAM,6BAA6B,CAAC"}

package/dist/src/scalars/components/enum-field/enum-field.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type RadioGroupFieldProps } from "../fragments/radio-group-field/radio-group-field.js";
+import { type SelectFieldProps } from "../fragments/select-field/select-field.js";
+export type EnumFieldProps = ({
+    variant?: "auto";
+} & (RadioGroupFieldProps | SelectFieldProps)) | ({
+    variant: "RadioGroup";
+} & RadioGroupFieldProps) | ({
+    variant: "Select";
+} & SelectFieldProps);
+export declare const EnumField: React.ForwardRefExoticComponent<EnumFieldProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+//# sourceMappingURL=enum-field.d.ts.map

package/dist/src/scalars/components/enum-field/enum-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/enum-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,cAAc,GACtB,CAAC;IACC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,CAAC,oBAAoB,GAAG,gBAAgB,CAAC,CAAC,GAC9C,CAAC;IACC,OAAO,EAAE,YAAY,CAAC;CACvB,GAAG,oBAAoB,CAAC,GACzB,CAAC;IACC,OAAO,EAAE,QAAQ,CAAC;CACnB,GAAG,gBAAgB,CAAC,CAAC;AAE1B,eAAO,MAAM,SAAS,2GA2BpB,CAAC"}

package/dist/src/scalars/components/enum-field/enum-field.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { RadioGroupField, } from "../fragments/radio-group-field/radio-group-field.js";
+import { SelectField, } from "../fragments/select-field/select-field.js";
+export const EnumField = React.forwardRef(({ variant = "auto", options = [], ...props }, ref) => {
+    const radio = (_jsx(RadioGroupField, { options: options, ...props, ref: ref }));
+    const select = (_jsx(SelectField, { options: options, ...props, ref: ref }));
+    switch (variant) {
+        case "RadioGroup":
+            return radio;
+        case "Select":
+            return select;
+        case "auto":
+            return options.length < 6 ? radio : select;
+    }
+});
+EnumField.displayName = "EnumField";
+//# sourceMappingURL=enum-field.js.map

package/dist/src/scalars/components/enum-field/enum-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/enum-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,GAEhB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EACL,WAAW,GAEZ,MAAM,2CAA2C,CAAC;AAanD,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,KAAK,GAAG,CACZ,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,KACX,KAA8B,EACnC,GAAG,EAAE,GAAyC,GAC9C,CACH,CAAC;IACF,MAAM,MAAM,GAAG,CACb,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,KACX,KAA0B,EAC/B,GAAG,EAAE,GAA4C,GACjD,CACH,CAAC;IAEF,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,YAAY;YACf,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/C,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/src/scalars/components/enum-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./enum-field.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/enum-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/src/scalars/components/enum-field/index.js

@@ -0,0 +1,3 @@
+export * from "./enum-field.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/enum-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/src/scalars/components/enum-field/types.d.ts

@@ -0,0 +1,36 @@
+import type { IconName } from "@powerhousedao/design-system";
+export interface RadioGroupProps {
+    options?: {
+        value: string;
+        label: string;
+        description?: string;
+        disabled?: boolean;
+    }[];
+    onChange?: (value: string) => void;
+}
+export interface SelectOption {
+    icon?: IconName | React.ComponentType<{
+        className?: string;
+    }>;
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectBaseProps {
+    options?: SelectOption[];
+    favoriteOptions?: SelectOption[];
+    placeholder?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+    onChange?: (value: string | string[]) => void;
+    contentClassName?: string;
+    contentAlign?: "start" | "end" | "center";
+}
+export type SelectProps = (SelectBaseProps & {
+    selectionIcon?: "auto";
+    selectionIconPosition?: "left";
+}) | (SelectBaseProps & {
+    selectionIcon: "checkmark";
+    selectionIconPosition?: "left" | "right";
+});
+//# sourceMappingURL=types.d.ts.map

package/dist/src/scalars/components/enum-field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,EAAE,CAAC;IACJ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC3C;AAED,MAAM,MAAM,WAAW,GACnB,CAAC,eAAe,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,WAAW,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1C,CAAC,CAAC"}

package/dist/src/scalars/components/enum-field/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/scalars/components/enum-field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/types.ts"],"names":[],"mappings":""}

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.d.ts

@@ -0,0 +1,3 @@
+declare const EnumFieldExample: () => import("react/jsx-runtime").JSX.Element;
+export default EnumFieldExample;
+//# sourceMappingURL=enum-field-example.d.ts.map

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field-example.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/enum-field-example/enum-field-example.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,gBAAgB,+CAoDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { EnumField } from "../../enum-field/index.js";
+import { Form } from "../../form/index.js";
+const EnumFieldExample = () => {
+    const onSubmit = async (data) => {
+        // simulate a network request
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        alert(JSON.stringify(data, null, 2));
+    };
+    const genderOptions = [
+        { label: "Male", value: "male" },
+        { label: "Female", value: "female" },
+        { label: "Other", value: "other" },
+    ];
+    const colorOptions = [
+        { label: "Red", value: "red" },
+        { label: "Blue", value: "blue" },
+        { label: "Green", value: "green" },
+        { label: "Yellow", value: "yellow" },
+        { label: "Purple", value: "purple" },
+        { label: "Orange", value: "orange" },
+    ];
+    return (_jsx(Form, { onSubmit: onSubmit, children: ({ formState: { isSubmitting } }) => (_jsxs("div", { className: "flex w-[400px] flex-col gap-4", children: [_jsx(EnumField, { name: "gender", label: "Gender", variant: "RadioGroup", options: genderOptions, required: true }), _jsx(EnumField, { name: "favoriteColor", label: "Favorite Color", description: "Choose your favorite color", variant: "Select", options: colorOptions, searchable: true, placeholder: "Select a color", required: true }), _jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : "Submit" })] })) }));
+};
+export default EnumFieldExample;
+//# sourceMappingURL=enum-field-example.js.map

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field-example.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/enum-field-example/enum-field-example.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAS,EAAE,EAAE;QACnC,6BAA6B;QAC7B,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;KACnC,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACrC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,YACrB,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,CACpC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,aAAa,EACtB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,4BAA4B,EACxC,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,EACrB,UAAU,QACV,WAAW,EAAC,gBAAgB,EAC5B,QAAQ,SACR,EAEF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,YACzC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,GACnC,IACL,CACP,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.d.ts

@@ -0,0 +1,3 @@
+declare const MultipleFieldsWithComplexLayout: () => import("react/jsx-runtime").JSX.Element;
+export default MultipleFieldsWithComplexLayout;
+//# sourceMappingURL=multiple-fields-with-complex-layout.d.ts.map

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-fields-with-complex-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,+BAA+B,+CAsHpC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { BooleanField } from "../../boolean-field/index.js";
+import { Form } from "../../form/index.js";
+import { RadioGroupField } from "../../fragments/index.js";
+import { NumberField } from "../../number-field/index.js";
+import { StringField } from "../../string-field/index.js";
+const MultipleFieldsWithComplexLayout = () => {
+    const onSubmit = async (data) => {
+        // simulate a slow network request
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        alert(JSON.stringify(data, null, 2));
+    };
+    return (_jsx(Form, { onSubmit: onSubmit, defaultValues: {
+            name: "",
+            email: "",
+            bio: "",
+            phone: "",
+            age: 0,
+            notifications: true,
+            gender: "",
+            subscribe: true,
+            termsAndConditions: false,
+        }, children: ({ formState: { isSubmitting } }) => (_jsxs("div", { className: "flex w-[700px] flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(StringField, { name: "name", label: "First Name", placeholder: "John", required: true, maxLength: 50 }), _jsx(NumberField, { name: "age", label: "Age", placeholder: "25", required: true, precision: 0, showErrorOnBlur: true }), _jsx(NumberField, { showErrorOnBlur: true, name: "height", label: "Height (cm)", placeholder: "180", required: true, precision: 2, trailingZeros: true }), _jsx(StringField, { name: "email", label: "Email", placeholder: "john@doe.com", required: true, pattern: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i }), _jsx(StringField, { name: "phone", label: "Phone", placeholder: "(123) 456-7890", pattern: /^\(\d{3}\)\s\d{3}-\d{4}$/, description: "Enter your phone number. Format: (000) 000-0000" })] }), _jsx(StringField, { name: "bio", label: "Bio (length: 20-100 characters, pattern: letters, numbers and spaces)", placeholder: "I am a software engineer...", minLength: 20, maxLength: 100, multiline: true, pattern: /^[a-zA-Z0-9 ]+$/, required: true, showErrorOnChange: true }), _jsx(RadioGroupField, { name: "gender", label: "Gender", options: [
+                        { label: "Male", value: "male" },
+                        { label: "Female", value: "female" },
+                        { label: "Other", value: "other" },
+                    ], required: true }), _jsx(BooleanField, { name: "notifications", label: "Receive notifications", description: "Receive notifications about your account activity", isToggle: true }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(BooleanField, { name: "subscribe", label: "Subscribe to newsletter" }), _jsx(BooleanField, { name: "termsAndConditions", label: _jsxs("div", { children: ["Accept", " ", _jsx("a", { href: "#", className: "font-bold text-blue-500", children: "terms and conditions" })] }), required: true })] }), _jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : "Submit" })] })) }));
+};
+export default MultipleFieldsWithComplexLayout;
+//# sourceMappingURL=multiple-fields-with-complex-layout.js.map

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-fields-with-complex-layout.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/examples/reset-button/reset-button.d.ts

@@ -0,0 +1,3 @@
+declare const FormWithResetButton: () => import("react/jsx-runtime").JSX.Element;
+export default FormWithResetButton;
+//# sourceMappingURL=reset-button.d.ts.map

package/dist/src/scalars/components/examples/reset-button/reset-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-button.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-button/reset-button.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,mBAAmB,+CAuCxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/scalars/components/examples/reset-button/reset-button.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { Form } from "../../form/index.js";
+import { NumberField } from "../../number-field/index.js";
+import { StringField } from "../../string-field/index.js";
+const FormWithResetButton = () => {
+    return (_jsx(Form, { onSubmit: (data) => {
+            alert(JSON.stringify(data, null, 2));
+        }, children: ({ reset }) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(StringField, { name: "example", minLength: 3, maxLength: 6, label: "Field example", required: true }), _jsx(NumberField, { name: "number", label: "Number", required: true }), _jsx("div", { className: "w-72 text-sm text-gray-500", children: "Clicking reset will restore all form fields and validation states to their initial values" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "w-full", color: "light", type: "reset", onClick: reset, children: "Reset" }), _jsx(Button, { className: "w-full", color: "dark", type: "submit", children: "Submit" })] })] })) }));
+};
+export default FormWithResetButton;
+//# sourceMappingURL=reset-button.js.map

package/dist/src/scalars/components/examples/reset-button/reset-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-button.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-button/reset-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAc,EAAE,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC,YAEA,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,WAAW,IACV,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,CAAC,EACZ,KAAK,EAAC,eAAe,EACrB,QAAQ,SACR,EACF,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EAErD,cAAK,SAAS,EAAC,4BAA4B,0GAGrC,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,sBAGP,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,uBAE5C,IACL,IACF,CACP,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.d.ts

@@ -0,0 +1,3 @@
+declare const FormWithResetOnSuccessfulSubmit: () => import("react/jsx-runtime").JSX.Element;
+export default FormWithResetOnSuccessfulSubmit;
+//# sourceMappingURL=reset-on-successful-submit.d.ts.map

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-on-successful-submit.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,+BAA+B,+CA8BpC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { Form } from "../../form/index.js";
+import { IdField } from "../../id-field/index.js";
+import { NumberField } from "../../number-field/index.js";
+import { StringField } from "../../string-field/index.js";
+const FormWithResetOnSuccessfulSubmit = () => {
+    return (_jsx(Form, { onSubmit: (data) => {
+            alert(JSON.stringify(data, null, 2));
+        }, resetOnSuccessfulSubmit: true, defaultValues: {
+            example: "",
+            number: 0,
+        }, children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(IdField, {}), _jsx(StringField, { name: "example", placeholder: "Type something", label: "Field example", required: true }), _jsx(NumberField, { name: "number", label: "Number", required: true }), _jsx("div", { className: "w-72 text-sm text-gray-500", children: "After submitting the form, all form fields will be reset to their initial values" }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+};
+export default FormWithResetOnSuccessfulSubmit;
+//# sourceMappingURL=reset-on-successful-submit.js.map

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-on-successful-submit.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAC3C,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAc,EAAE,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC,EACD,uBAAuB,QACvB,aAAa,EAAE;YACb,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;SACV,YAED,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,OAAO,KAAG,EACX,KAAC,WAAW,IACV,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAC,eAAe,EACrB,QAAQ,SACR,EACF,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EAErD,cAAK,SAAS,EAAC,4BAA4B,iGAGrC,EACN,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,uBAAgB,IACjC,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.d.ts

@@ -0,0 +1,4 @@
+declare const SubmitChangesOnly: () => import("react/jsx-runtime").JSX.Element;
+export default SubmitChangesOnly;
+export declare const DOCS_CODE = "\nconst SubmitChangesOnly = () => {\n  return (\n    <Form\n      onSubmit={(data: FormData) => {\n        alert(JSON.stringify(data, null, 2));\n      }}\n      submitChangesOnly\n      defaultValues={{\n        firstName: \"Jhon\",\n        lastName: \"Doe\",\n        bio: \"I'm a software engineer\",\n      }}\n    >\n      {({ reset }) => (\n        <div className=\"flex w-full flex-col gap-2 md:w-96\">\n          <StringField\n            name=\"firstName\"\n            placeholder=\"Jhon\"\n            label=\"First name\"\n            required\n          />\n          <StringField\n            name=\"lastName\"\n            placeholder=\"Doe\"\n            label=\"Last name\"\n            required\n          />\n          <StringField\n            name=\"bio\"\n            placeholder=\"I'm a software engineer\"\n            label=\"Bio\"\n            description=\"If you leave this field empty, it will be submitted as null\"\n            multiline\n          />\n\n          <div className=\"text-sm text-gray-500\">\n            After submitting the form, all form fields will be reset to their\n            initial values\n          </div>\n\n          <div className=\"flex gap-2\">\n            <Button\n              className=\"w-full\"\n              color=\"light\"\n              type=\"reset\"\n              onClick={() => reset()}\n            >\n              Reset\n            </Button>\n            <Button className=\"w-full\" type=\"submit\">\n              Submit\n            </Button>\n          </div>\n        </div>\n      )}\n    </Form>\n  );\n};\n";
+//# sourceMappingURL=submit-changes-only.d.ts.map

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-changes-only.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/submit-changes-only/submit-changes-only.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,+CAyDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,SAAS,ikDA2DrB,CAAC"}

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { Form } from "../../form/index.js";
+import { StringField } from "../../string-field/index.js";
+const SubmitChangesOnly = () => {
+    return (_jsx(Form, { onSubmit: (data) => {
+            alert(JSON.stringify(data, null, 2));
+        }, submitChangesOnly: true, defaultValues: {
+            firstName: "Jhon",
+            lastName: "Doe",
+            bio: "I'm a software engineer",
+        }, children: ({ reset }) => (_jsxs("div", { className: "flex w-full flex-col gap-2 md:w-96", children: [_jsx(StringField, { name: "firstName", placeholder: "Jhon", label: "First name", required: true }), _jsx(StringField, { name: "lastName", placeholder: "Doe", label: "Last name", required: true }), _jsx(StringField, { name: "bio", placeholder: "I'm a software engineer", label: "Bio", description: "If you leave this field empty, it will be submitted as null", multiline: true }), _jsx("div", { className: "text-sm text-gray-500", children: "After submitting the form, all form fields will be reset to their initial values" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "w-full", color: "light", type: "reset", onClick: () => reset(), children: "Reset" }), _jsx(Button, { className: "w-full", type: "submit", children: "Submit" })] })] })) }));
+};
+export default SubmitChangesOnly;
+export const DOCS_CODE = `
+const SubmitChangesOnly = () => {
+  return (
+    <Form
+      onSubmit={(data: FormData) => {
+        alert(JSON.stringify(data, null, 2));
+      }}
+      submitChangesOnly
+      defaultValues={{
+        firstName: "Jhon",
+        lastName: "Doe",
+        bio: "I'm a software engineer",
+      }}
+    >
+      {({ reset }) => (
+        <div className="flex w-full flex-col gap-2 md:w-96">
+          <StringField
+            name="firstName"
+            placeholder="Jhon"
+            label="First name"
+            required
+          />
+          <StringField
+            name="lastName"
+            placeholder="Doe"
+            label="Last name"
+            required
+          />
+          <StringField
+            name="bio"
+            placeholder="I'm a software engineer"
+            label="Bio"
+            description="If you leave this field empty, it will be submitted as null"
+            multiline
+          />
+
+          <div className="text-sm text-gray-500">
+            After submitting the form, all form fields will be reset to their
+            initial values
+          </div>
+
+          <div className="flex gap-2">
+            <Button
+              className="w-full"
+              color="light"
+              type="reset"
+              onClick={() => reset()}
+            >
+              Reset
+            </Button>
+            <Button className="w-full" type="submit">
+              Submit
+            </Button>
+          </div>
+        </div>
+      )}
+    </Form>
+  );
+};
+`;
+//# sourceMappingURL=submit-changes-only.js.map

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-changes-only.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/submit-changes-only/submit-changes-only.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAc,EAAE,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC,EACD,iBAAiB,QACjB,aAAa,EAAE;YACb,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,KAAK;YACf,GAAG,EAAE,yBAAyB;SAC/B,YAEA,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,WAAW,IACV,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,MAAM,EAClB,KAAK,EAAC,YAAY,EAClB,QAAQ,SACR,EACF,KAAC,WAAW,IACV,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,KAAK,EACjB,KAAK,EAAC,WAAW,EACjB,QAAQ,SACR,EACF,KAAC,WAAW,IACV,IAAI,EAAC,KAAK,EACV,WAAW,EAAC,yBAAyB,EACrC,KAAK,EAAC,KAAK,EACX,WAAW,EAAC,6DAA6D,EACzE,SAAS,SACT,EAEF,cAAK,SAAS,EAAC,uBAAuB,iGAGhC,EAEN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,sBAGf,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,uBAE/B,IACL,IACF,CACP,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,CAAC"}

package/dist/src/scalars/components/form/form.d.ts

@@ -0,0 +1,113 @@
+import { type UseFormProps, type UseFormReturn } from "react-hook-form";
+type FormMethods = UseFormReturn & {
+    /**
+     * Trigger the form submit event
+     */
+    triggerSubmit: () => void;
+    /**
+     * The id of the form in the DOM
+     */
+    formId: string;
+};
+interface FormProps {
+    /**
+     * Content of the form. Can be either React nodes or a render function that receives form methods
+     * and returns React nodes. The render function approach is useful when you need access to form state
+     * or methods (e.g., to disable submit button while submitting).
+     */
+    children: React.ReactNode | ((methods: FormMethods) => React.ReactNode);
+    /**
+     * Handler called when the form is submitted. Receives the form data as an argument.
+     * The data structure will match the names of your form fields.
+     *
+     * @param data - An object containing the form values, keyed by field names
+     */
+    onSubmit: (data: any) => void | Promise<void>;
+    /**
+     * Whether to reset the form after a successful submit.
+     *
+     * @default false
+     */
+    resetOnSuccessfulSubmit?: boolean;
+    /**
+     * Whether to submit only changed values.
+     *
+     * When enabled, the `onSubmit` callback will only receive fields whose values differ from their
+     * corresponding `defaultValues`.
+     *
+     * @default false
+     */
+    submitChangesOnly?: boolean;
+    /**
+     * Initial values for the form fields. Keys should match the 'name' props of your form fields.
+     * Useful for editing existing data or setting initial state.
+     */
+    defaultValues?: Record<string, any>;
+    /**
+     * Whether to handle errors that happen during the submit process manually instead of showing
+     * them automatically.
+     *
+     * @default false The errors will be rendered automatically on top of the form.
+     */
+    renderSubmitErrorsManually?: boolean;
+    /**
+     * Additional props to pass to the form config from react-hook-form.
+     *
+     * Note: this could affect the form behavior, use with caution.
+     */
+    extraFormProps?: UseFormProps;
+    /**
+     * Callback to match a submission error with one or more form fields or form level errors.
+     *
+     * @default defaultOnError The form tries to match the error with a field name by default and if it
+     * doesn't match any field name, then an generic error or the error message will be shown as a form
+     * level error.
+     *
+     * @returns An object where each key should be a field name or "root.serverError" for form level errors.
+     * If the keys doesn't match any field name, then the UI error should be handled manually using the form
+     * error state to get the message.
+     */
+    submissionErrorMatcher?: (error: Error, fieldNames: string[]) => Record<string, string>;
+    /**
+     * Additional CSS class name to apply to the form element.
+     * Use this to customize the form's styling.
+     */
+    className?: string;
+}
+/**
+ * A form component that integrates with react-hook-form for form state management and validation.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Form onSubmit={handleSubmit}>
+ *   <StringField name="email" label="Email" />
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ *
+ * // With form methods access
+ * <Form onSubmit={handleSubmit}>
+ *   {({ formState: { isSubmitting } }) => (
+ *     <>
+ *       <StringField name="email" label="Email" />
+ *       <Button type="submit" disabled={isSubmitting}>
+ *         {isSubmitting ? 'Submitting...' : 'Submit'}
+ *       </Button>
+ *     </>
+ *   )}
+ * </Form>
+ *
+ * // With default values
+ * <Form
+ *   onSubmit={handleSubmit}
+ *   defaultValues={{
+ *     email: 'user@example.com'
+ *   }}
+ * >
+ *   <StringField name="email" label="Email" />
+ * </Form>
+ * ```
+ */
+export declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<UseFormReturn>>;
+export {};
+//# sourceMappingURL=form.d.ts.map

package/dist/src/scalars/components/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/form/form.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAIzB,KAAK,WAAW,GAAG,aAAa,GAAG;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,UAAU,SAAS;IACjB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,CACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,MAAM,EAAE,KACjB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,qGAuJhB,CAAC"}