@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/fields/PasswordField.js

@@ -0,0 +1,63 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__ from "./PasswordField.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__ from "../forms/FormErrorList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__ from "../inputs/StringInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_RichText_js_6d55c30e__ from "../presentation/RichText.js";
+const PasswordField = ({ description, email, errors, includeForgotPassword = false, id, label, labelFont = "label", onChange, value })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    const hasErrors = null != errors && errors.length > 0;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].field, {
+            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].hasErrors]: hasErrors
+        }),
+        id: id,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].head,
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("label", {
+                        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].label, {
+                            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].heading]: "heading" === labelFont,
+                            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].subheading]: "subheading" === labelFont,
+                            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].regularBold]: "regular-bold" === labelFont,
+                            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].regular]: "regular" === labelFont,
+                            [__WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].small]: "small" === labelFont
+                        }),
+                        htmlFor: id,
+                        children: label
+                    }),
+                    includeForgotPassword ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: __WEBPACK_EXTERNAL_MODULE__PasswordField_module_js_221c9d08__["default"].forgotPassword,
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_RichText_js_6d55c30e__["default"], {
+                            font: "small",
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
+                                href: `/forgot-password?email=${encodeURIComponent(email)}`,
+                                children: "Forgot your password?"
+                            })
+                        })
+                    }) : null
+                ]
+            }),
+            description ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: description
+            }) : null,
+            hasErrors ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__["default"], {
+                errors: errors,
+                size: "small"
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__["default"], {
+                    type: "password",
+                    id: "password",
+                    value: value,
+                    onChange: onChange,
+                    placeholder: "••••••••"
+                })
+            })
+        ]
+    });
+};
+const PasswordField_rslib_entry_ = PasswordField;
+export { PasswordField_rslib_entry_ as default };

package/dist/fields/PasswordField.module.js

@@ -0,0 +1,14 @@
+import "./PasswordField_module.css";
+const PasswordField_module_rslib_entry_ = {
+    field: "field-YasA00",
+    head: "head-XVef4h",
+    label: "label-DlGmtW",
+    heading: "heading-HWaNkL",
+    subheading: "subheading-ivzGt7",
+    regularBold: "regularBold-hzy9co",
+    regular: "regular-xnEF0Y",
+    small: "small-O2026a",
+    hasErrors: "hasErrors-djd4wc",
+    forgotPassword: "forgotPassword-f5VbQ8"
+};
+export { PasswordField_module_rslib_entry_ as default };

package/dist/fields/PasswordField_module.css

@@ -0,0 +1,47 @@
+.field-YasA00 {
+  gap: var(--size-n2);
+  display: grid;
+  position: relative;
+}
+
+.head-XVef4h {
+  align-items: baseline;
+  gap: var(--size-n3);
+  grid-template-columns: 1fr auto;
+  display: grid;
+}
+
+.head-XVef4h .label-DlGmtW {
+  font: var(--font-regular-bold);
+  grid-column: 1 / 2;
+}
+
+.head-XVef4h .label-DlGmtW.heading-HWaNkL {
+  font: var(--font-h2);
+}
+
+.head-XVef4h .label-DlGmtW.subheading-ivzGt7 {
+  font: var(--font-h3);
+}
+
+.head-XVef4h .label-DlGmtW.regularBold-hzy9co {
+  font: var(--font-regular-bold);
+}
+
+.head-XVef4h .label-DlGmtW.regular-xnEF0Y {
+  font: var(--font-regular);
+}
+
+.head-XVef4h .label-DlGmtW.small-O2026a {
+  font: var(--font-small);
+}
+
+.hasErrors-djd4wc .head-XVef4h .label-DlGmtW {
+  color: var(--color-red-t03);
+}
+
+.head-XVef4h .forgotPassword-f5VbQ8 {
+  color: var(--color-grey-t03);
+  font: var(--font-small-italic);
+}
+

package/dist/fields/RadioSetField.d.ts

@@ -0,0 +1,22 @@
+import { type Dispatch, type ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props<Value, Option extends Value> = {
+    autoFocus?: boolean;
+    description?: ReactNode;
+    disabled?: boolean;
+    errors?: Array<ValidationError>;
+    id: string;
+    includeValueInTracking?: boolean;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    onChange: Dispatch<Option>;
+    options: Array<Option>;
+    optionToId: (option: Option) => string;
+    optionToLabel: (option: Option) => ReactNode;
+    required?: boolean;
+    value: Value;
+    valueToId: (option: Value) => string | undefined;
+    orientation?: "rows" | "columns";
+};
+declare const RadioSetField: <Value, Option extends Value>({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, labelFont, onChange, options, optionToId, optionToLabel, required, value, valueToId, orientation, }: Props<Value, Option>) => import("react/jsx-runtime").JSX.Element;
+export default RadioSetField;

package/dist/fields/RadioSetField.js

@@ -0,0 +1,42 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__ from "../forms/ToggleField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_RadioInput_js_49cc9f35__ from "../inputs/RadioInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RadioSetField_module_js_3470e0f7__ from "./RadioSetField.module.js";
+const RadioSetField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, labelFont = "label", onChange, options, optionToId, optionToLabel, required = false, value, valueToId, orientation = "rows" })=>{
+    const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                "rows" === orientation ? __WEBPACK_EXTERNAL_MODULE__RadioSetField_module_js_3470e0f7__["default"].rowLayout : __WEBPACK_EXTERNAL_MODULE__RadioSetField_module_js_3470e0f7__["default"].columnsLayout
+            ]),
+            children: options.map((option, index)=>{
+                const optionId = optionToId(option);
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__["default"], {
+                    inputId: `${id}-${optionId}`,
+                    label: optionToLabel(option),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_RadioInput_js_49cc9f35__["default"], {
+                        autoFocus: autoFocus && 0 === index,
+                        disabled: disabled,
+                        id: `${id}-${optionId}`,
+                        value: optionId === valueToId(value),
+                        onChange: ()=>{
+                            onChange(option);
+                            if (trackingContext && id) trackingContext.trackInput(id, includeValueInTracking ? optionToId(option) : void 0);
+                        }
+                    })
+                }, optionId);
+            })
+        })
+    });
+};
+const RadioSetField_rslib_entry_ = RadioSetField;
+export { RadioSetField_rslib_entry_ as default };

package/dist/fields/RadioSetField.module.js

@@ -0,0 +1,6 @@
+import "./RadioSetField_module.css";
+const RadioSetField_module_rslib_entry_ = {
+    rowLayout: "rowLayout-Hej4Tb",
+    columnsLayout: "columnsLayout-1D2o_h"
+};
+export { RadioSetField_module_rslib_entry_ as default };

package/dist/fields/RadioSetField_module.css

@@ -0,0 +1,15 @@
+.rowLayout-Hej4Tb, .columnsLayout-1D2o_h {
+  column-gap: var(--size-00);
+  row-gap: var(--size-n2);
+  display: grid;
+}
+
+.rowLayout-Hej4Tb {
+  grid-auto-flow: row;
+}
+
+.columnsLayout-1D2o_h {
+  grid-auto-columns: max-content;
+  grid-auto-flow: column;
+}
+

package/dist/fields/SelectField.d.ts

@@ -0,0 +1,20 @@
+import type { Dispatch, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props<Option, Value> = {
+    autoFocus?: boolean;
+    description?: ReactNode;
+    disabled?: boolean;
+    errors?: Array<ValidationError>;
+    id: string;
+    includeValueInTracking?: boolean;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    onChange: Dispatch<Option>;
+    options: Array<Option>;
+    optionToId: (option: Option | Value) => string;
+    optionToLabel: (option: Option | Value) => string;
+    required?: boolean;
+    value: Option | Value;
+};
+declare const SelectField: <Option = any, Value = never>({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, labelFont, onChange, required, options, optionToId, optionToLabel, value, }: Props<Option, Value>) => import("react/jsx-runtime").JSX.Element;
+export default SelectField;

package/dist/fields/SelectField.js

@@ -0,0 +1,24 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__ from "../inputs/SelectInput.js";
+const SelectField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, labelFont = "label", onChange, required = false, options, optionToId, optionToLabel, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        inputId: id,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            includeValueInTracking: includeValueInTracking,
+            onChange: onChange,
+            options: options,
+            optionToId: optionToId,
+            optionToLabel: optionToLabel,
+            value: value
+        })
+    });
+const SelectField_rslib_entry_ = SelectField;
+export { SelectField_rslib_entry_ as default };

package/dist/fields/SimpleRadioSetField.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps, Dispatch } from "react";
+import RadioSetField from "./RadioSetField";
+type Props<Option extends {
+    id: string;
+    label: string;
+}> = Omit<ComponentProps<typeof RadioSetField>, "onChange" | "options" | "optionToId" | "optionToLabel" | "value" | "valueToId"> & {
+    onChange: Dispatch<Option["id"]>;
+    options: Array<Option>;
+    value: Option["id"] | null;
+};
+declare const SimpleRadioSetField: <Option extends {
+    id: string;
+    label: string;
+}>({ onChange, options, value, ...props }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
+export default SimpleRadioSetField;

package/dist/fields/SimpleRadioSetField.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__RadioSetField_js_890da7fd__ from "./RadioSetField.js";
+const SimpleRadioSetField = ({ onChange, options, value, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RadioSetField_js_890da7fd__["default"], {
+        onChange: (option)=>onChange(option.id),
+        options: options,
+        optionToId: (option)=>option.id,
+        optionToLabel: (option)=>option.label,
+        value: options.find((option)=>option.id === value) ?? null,
+        valueToId: (option)=>option?.id,
+        ...props
+    });
+const SimpleRadioSetField_rslib_entry_ = SimpleRadioSetField;
+export { SimpleRadioSetField_rslib_entry_ as default };

package/dist/fields/SingleSelectComboboxField.d.ts

@@ -0,0 +1,25 @@
+import type { Dispatch, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props<Option> = {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    id: string;
+    includeValueInTracking?: boolean;
+    onChange: Dispatch<Option>;
+    options: Array<Option>;
+    optionToId: (option: Option) => string;
+    optionToLabel: (option: Option) => ReactNode;
+    value: Option | null;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchFields: Array<keyof Option & string>;
+    onCreate?: (onClose: () => void, searchTerm: string) => ReactNode;
+    onClear?: () => void;
+    description?: ReactNode;
+    errors?: Array<ValidationError>;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    required?: boolean;
+};
+declare const SingleSelectComboBoxField: <Option>({ autoFocus, disabled, id, includeValueInTracking, onChange, options, optionToId, optionToLabel, value, placeholder, searchPlaceholder, searchFields, onCreate, onClear, description, errors, label, labelFont, required, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectComboBoxField;

package/dist/fields/SingleSelectComboboxField.js

@@ -0,0 +1,28 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_SingleSelectComboboxInput_js_15b92560__ from "../inputs/SingleSelectComboboxInput.js";
+const SingleSelectComboBoxField = ({ autoFocus = false, disabled = false, id, includeValueInTracking, onChange, options, optionToId, optionToLabel, value, placeholder, searchPlaceholder, searchFields, onCreate, onClear, description, errors, label, labelFont = "label", required = false })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_SingleSelectComboboxInput_js_15b92560__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            includeValueInTracking: includeValueInTracking,
+            onChange: onChange,
+            options: options,
+            optionToId: optionToId,
+            optionToLabel: optionToLabel,
+            value: value,
+            placeholder: placeholder,
+            searchPlaceholder: searchPlaceholder,
+            searchFields: searchFields,
+            onCreate: onCreate,
+            onClear: onClear
+        })
+    });
+const SingleSelectComboboxField_rslib_entry_ = SingleSelectComboBoxField;
+export { SingleSelectComboboxField_rslib_entry_ as default };

package/dist/fields/StringField.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+import StringInput from "../inputs/StringInput";
+type Props = ComponentProps<typeof StringInput> & {
+    description?: ReactNode;
+    errors?: Array<ValidationError>;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    required?: boolean;
+};
+declare const StringField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, placeholder, required, value, type, inputMode, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default StringField;

package/dist/fields/StringField.js

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__ from "../inputs/StringInput.js";
+const StringField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, placeholder, required = false, value, type, inputMode, prefix, suffix })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        inputId: id,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange,
+            placeholder: placeholder,
+            type: type,
+            inputMode: inputMode,
+            prefix: prefix,
+            suffix: suffix
+        })
+    });
+const StringField_rslib_entry_ = StringField;
+export { StringField_rslib_entry_ as default };

package/dist/fields/TextField.d.ts

@@ -0,0 +1,17 @@
+import type { Dispatch, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props = {
+    autoFocus?: boolean;
+    description?: ReactNode;
+    disabled?: boolean;
+    errors?: Array<ValidationError>;
+    id: string;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    onChange: Dispatch<string | null>;
+    placeholder?: string;
+    required?: boolean;
+    value: string | null;
+};
+declare const TextField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, placeholder, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/fields/TextField.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_TextInput_js_07ffb909__ from "../inputs/TextInput.js";
+const TextField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, placeholder, required = false, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        inputId: id,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_TextInput_js_07ffb909__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange,
+            placeholder: placeholder
+        })
+    });
+const TextField_rslib_entry_ = TextField;
+export { TextField_rslib_entry_ as default };

package/dist/fields/TimeField.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+import TimeInput from "../inputs/TimeInput";
+type Props = ComponentProps<typeof TimeInput> & {
+    description?: ReactNode;
+    errors?: Array<ValidationError>;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    required?: boolean;
+};
+declare const TimeField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, step, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default TimeField;

package/dist/fields/TimeField.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_TimeInput_js_df3b31b1__ from "../inputs/TimeInput.js";
+const TimeField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, required = false, value, step })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        inputId: id,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_TimeInput_js_df3b31b1__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange,
+            step: step
+        })
+    });
+const TimeField_rslib_entry_ = TimeField;
+export { TimeField_rslib_entry_ as default };

package/dist/forms/FormButtonSet.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { FormStatus } from "./_types";
+type ButtonProps = {
+    action: (event: React.MouseEvent) => any;
+    label: ReactNode;
+};
+type Props = {
+    formStatus: FormStatus;
+    primary: ButtonProps;
+    secondary?: ButtonProps;
+    tertiary?: ButtonProps;
+};
+declare const FormButtonSet: ({ formStatus, primary, secondary, tertiary }: Props) => import("react/jsx-runtime").JSX.Element;
+export default FormButtonSet;

package/dist/forms/FormButtonSet.js

@@ -0,0 +1,31 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__FormButtonSet_module_js_cf3781de__ from "./FormButtonSet.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__ from "../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormStatusIndicator_js_a5a9c915__ from "./FormStatusIndicator.js";
+const FormButtonSet = ({ formStatus, primary, secondary, tertiary })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__FormButtonSet_module_js_cf3781de__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                type: "submit",
+                onClick: primary.action,
+                disabled: "fresh" !== formStatus && "modified" !== formStatus,
+                children: "fresh" === formStatus || "modified" === formStatus || "disabled" === formStatus ? primary.label : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__FormStatusIndicator_js_a5a9c915__["default"], {
+                    status: formStatus
+                })
+            }),
+            secondary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                type: "secondary",
+                onClick: secondary.action,
+                disabled: "fresh" !== formStatus && "modified" !== formStatus,
+                children: secondary.label
+            }) : null,
+            tertiary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                type: "secondary",
+                onClick: tertiary.action,
+                disabled: "fresh" !== formStatus && "modified" !== formStatus,
+                children: tertiary.label
+            }) : null
+        ]
+    });
+const FormButtonSet_rslib_entry_ = FormButtonSet;
+export { FormButtonSet_rslib_entry_ as default };

package/dist/forms/FormButtonSet.module.js

@@ -0,0 +1,5 @@
+import "./FormButtonSet_module.css";
+const FormButtonSet_module_rslib_entry_ = {
+    container: "container-BRCdQK"
+};
+export { FormButtonSet_module_rslib_entry_ as default };

package/dist/forms/FormButtonSet_module.css

@@ -0,0 +1,12 @@
+.container-BRCdQK {
+  gap: var(--size-n2);
+  flex-direction: row-reverse;
+  display: flex;
+}
+
+@media (max-width: 768px) {
+  .container-BRCdQK {
+    flex-direction: column;
+  }
+}
+

package/dist/forms/FormError.d.ts

@@ -0,0 +1,6 @@
+import type { FormModel, ValidationError } from "./_types";
+declare class FormError<Model extends FormModel> extends Error {
+    validationErrors: Array<ValidationError<Model>>;
+    constructor(validationErrors: Array<ValidationError<Model>>);
+}
+export default FormError;

package/dist/forms/FormError.js

@@ -0,0 +1,10 @@
+class FormError extends Error {
+    validationErrors;
+    constructor(validationErrors){
+        super("Form validation failed.");
+        this.validationErrors = validationErrors;
+        this.name = "FormError";
+    }
+}
+const FormError_rslib_entry_ = FormError;
+export { FormError_rslib_entry_ as default };

package/dist/forms/FormErrorList.d.ts

@@ -0,0 +1,8 @@
+import type { ValidationError } from "../forms/_types";
+type Props = {
+    errors: Array<ValidationError>;
+    id?: string;
+    size?: "regular" | "small";
+};
+declare const FormErrorList: ({ errors, id, size }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default FormErrorList;

package/dist/forms/FormErrorList.js

@@ -0,0 +1,22 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__FormErrorList_module_js_e0d23be4__ from "./FormErrorList.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+const FormErrorList = ({ errors, id, size = "regular" })=>errors.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FormErrorList_module_js_e0d23be4__["default"].container, {
+            [__WEBPACK_EXTERNAL_MODULE__FormErrorList_module_js_e0d23be4__["default"].small]: "small" === size
+        }),
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                symbol: "Warning"
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("ul", {
+                id: id,
+                children: errors.map((error)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
+                        children: error.message
+                    }, error.id))
+            })
+        ]
+    }) : null;
+const FormErrorList_rslib_entry_ = FormErrorList;
+export { FormErrorList_rslib_entry_ as default };

package/dist/forms/FormErrorList.module.js

@@ -0,0 +1,6 @@
+import "./FormErrorList_module.css";
+const FormErrorList_module_rslib_entry_ = {
+    container: "container-fGqEFE",
+    small: "small-OeIrDo"
+};
+export { FormErrorList_module_rslib_entry_ as default };

package/dist/forms/FormErrorList_module.css

@@ -0,0 +1,12 @@
+.container-fGqEFE {
+  color: var(--color-red-t03);
+  align-items: center;
+  gap: var(--size-n2);
+  grid-template-columns: auto 1fr;
+  display: grid;
+}
+
+.small-OeIrDo {
+  font: var(--font-small);
+}
+

package/dist/forms/FormStatusIndicator.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+import type { FormStatus } from "./_types";
+type Props = {
+    id?: string;
+    status: FormStatus;
+};
+declare const FormStatusIndicator: ({ id, status }: Props) => ReactElement | null;
+export default FormStatusIndicator;