@worknice/whiteboard 0.16.21 → 0.18.0

package/dist/fields/CheckboxSetField.d.ts

@@ -1,5 +1,6 @@
 import { type Dispatch, type ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<Option> = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props<Option> = {
     id: string;
     includeValueInTracking?: boolean;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<Option>;
     options: Array<Option>;
     optionToId: (option: Option) => string;

package/dist/fields/ColorPickerField.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
-import type { Color } from "../presentation/Tag";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -8,11 +8,11 @@ type Props = {
     errors?: Array<ValidationError>;
     id: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
+    onChange: (value: string) => void;
     placeholder?: string;
     required?: boolean;
-    value: Color;
-    onChange: (value: Color) => void;
+    value: string | null;
 };
-declare const StringField: ({ description, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default StringField;
+declare const ColorPickerField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ColorPickerField;

package/dist/fields/ColorPickerField.js

@@ -1,18 +1,20 @@
 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_ColorPickerInput_js_381d9fe1__ from "../inputs/ColorPickerInput.js";
-const StringField = ({ description, errors, id, label, labelFont = "label", onChange, required = false, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_ColorInput_js_8f94ce69__ from "../inputs/ColorInput.js";
+const ColorPickerField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, 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_ColorPickerInput_js_381d9fe1__["default"], {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_ColorInput_js_8f94ce69__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
             id: id,
-            value: value,
-            onChange: onChange
+            onChange: onChange,
+            value: value
         })
     });
-const ColorPickerField_rslib_entry_ = StringField;
+const ColorPickerField_rslib_entry_ = ColorPickerField;
 export { ColorPickerField_rslib_entry_ as default };

package/dist/fields/DateField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
     errors?: Array<ValidationError>;
     id: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<string | null>;
     required?: boolean;
     value: string | null | undefined;

package/dist/fields/DateTimeField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
     errors?: Array<ValidationError>;
     id: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<string | null>;
     required?: boolean;
     value: string | null;

package/dist/fields/FileField.d.ts

@@ -1,11 +1,12 @@
 import type { ComponentProps, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
 import FileInput from "../inputs/FileInput";
+import type { LabelFontOption } from "../utils/field";
 type Props = ComponentProps<typeof FileInput> & {
     description?: ReactNode;
     errors?: Array<ValidationError>;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     required?: boolean;
 };
 declare const StringField: ({ description, disabled, errors, id, label, labelFont, onChange, required, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/fields/ListBoxField.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<Option> = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props<Option> = {
     id: string;
     includeValueInTracking?: boolean;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     required?: boolean;
     onChange: (option: Option) => void;
     options: Array<Option>;

package/dist/fields/MarkdownField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
     errors?: Array<ValidationError>;
     id: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<string | null>;
     placeholder?: string;
     required?: boolean;

package/dist/fields/MultipleFileField.d.ts

@@ -1,10 +1,11 @@
 import type { ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<FileInput> = {
     description?: ReactNode;
     errors?: Array<ValidationError>;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     required?: boolean;
     id: string;
     disabled?: boolean;

package/dist/fields/NumberField.d.ts

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

package/dist/fields/OrgLogoField.d.ts

@@ -0,0 +1,14 @@
+import { type Dispatch, type ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props = {
+    id?: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    value: File | null | undefined;
+    onChange: Dispatch<File | null | undefined>;
+    errors?: Array<ValidationError>;
+    logoUrl?: string | null;
+    required?: boolean;
+};
+declare const OrgLogoField: ({ id, label, description, value, onChange, errors, logoUrl, required, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default OrgLogoField;

package/dist/fields/OrgLogoField.js

@@ -0,0 +1,80 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__ from "../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_FileInput_js_305b2c00__ from "../inputs/FileInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_HStack_js_10bfc552__ from "../presentation/HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+const OrgLogoField = ({ id = "org-logo", label = "Logo", description = "Must be a JPEG or PNG image with a white background. Recommended size is 192×192 pixels.", value, onChange, errors, logoUrl, required = false })=>{
+    const [removedImage, setRemovedImage] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(void 0);
+    const { Image } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        inputId: id,
+        label: label,
+        description: description,
+        errors: errors,
+        required: required,
+        labelFont: "label",
+        children: logoUrl && logoUrl !== removedImage ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__presentation_HStack_js_10bfc552__["default"], {
+            align: "center",
+            spacing: "p2",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Image, {
+                    src: logoUrl,
+                    alt: "Logo",
+                    width: 360,
+                    height: 180
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                    size: "small",
+                    type: "secondary",
+                    onClick: ()=>{
+                        setRemovedImage(logoUrl);
+                        onChange(null);
+                    },
+                    children: "Remove"
+                })
+            ]
+        }) : null === value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__presentation_HStack_js_10bfc552__["default"], {
+            align: "center",
+            spacing: "p2",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_FileInput_js_305b2c00__["default"], {
+                    id: id,
+                    onChange: onChange
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                    size: "small",
+                    type: "secondary",
+                    onClick: ()=>{
+                        setRemovedImage(void 0);
+                        onChange(void 0);
+                    },
+                    children: "Cancel"
+                })
+            ]
+        }) : value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__presentation_HStack_js_10bfc552__["default"], {
+            align: "center",
+            spacing: "p2",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                    children: value.name
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                    size: "small",
+                    type: "secondary",
+                    onClick: ()=>{
+                        setRemovedImage(void 0);
+                        onChange(void 0);
+                    },
+                    children: "Clear"
+                })
+            ]
+        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_FileInput_js_305b2c00__["default"], {
+            id: id,
+            onChange: onChange
+        })
+    });
+};
+const OrgLogoField_rslib_entry_ = OrgLogoField;
+export { OrgLogoField_rslib_entry_ as default };

package/dist/fields/PaletteColorPickerField.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+import type { LABEL_FONT_OPTIONS } from "../utils/field";
+import type { PaletteColor } from "../utils/paletteColor";
+type Props = {
+    description?: ReactNode;
+    errors?: Array<ValidationError>;
+    id: string;
+    label: ReactNode;
+    labelFont?: (typeof LABEL_FONT_OPTIONS)[number];
+    required?: boolean;
+    value: PaletteColor;
+    onChange: (value: PaletteColor) => void;
+};
+declare const PaletteColorPickerField: ({ description, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PaletteColorPickerField;

package/dist/fields/PaletteColorPickerField.js

@@ -0,0 +1,18 @@
+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_PaletteColorInput_js_feb3b641__ from "../inputs/PaletteColorInput.js";
+const PaletteColorPickerField = ({ description, errors, id, label, labelFont = "label", onChange, 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_PaletteColorInput_js_feb3b641__["default"], {
+            id: id,
+            value: value,
+            onChange: onChange
+        })
+    });
+const PaletteColorPickerField_rslib_entry_ = PaletteColorPickerField;
+export { PaletteColorPickerField_rslib_entry_ as default };

package/dist/fields/PasswordField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     description?: ReactNode;
     email: string;
@@ -7,7 +8,7 @@ type Props = {
     includeForgotPassword?: boolean;
     id?: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular" | "small";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<string | null>;
     value: string | null;
 };

package/dist/fields/RadioSetField.d.ts

@@ -1,5 +1,6 @@
 import { type Dispatch, type ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<Value, Option extends Value> = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -8,16 +9,17 @@ type Props<Value, Option extends Value> = {
     id: string;
     includeValueInTracking?: boolean;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<Option>;
     options: Array<Option>;
     optionToId: (option: Option) => string;
     optionToLabel: (option: Option) => ReactNode;
+    optionToDescription?: (option: Option) => ReactNode;
     optionToDisabled?: (option: Option) => boolean;
     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, optionToDisabled, required, value, valueToId, orientation, }: Props<Value, Option>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioSetField: <Value, Option extends Value>({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, labelFont, onChange, options, optionToId, optionToLabel, optionToDescription, optionToDisabled, required, value, valueToId, orientation, }: Props<Value, Option>) => import("react/jsx-runtime").JSX.Element;
 export default RadioSetField;

package/dist/fields/RadioSetField.js

@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__ from "../
 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, optionToDisabled, required = false, value, valueToId, orientation = "rows" })=>{
+const RadioSetField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, labelFont = "label", onChange, options, optionToId, optionToLabel, optionToDescription, optionToDisabled, 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,
@@ -25,6 +25,7 @@ const RadioSetField = ({ autoFocus = false, description, disabled = false, error
                     disabled: optionDisabled,
                     inputId: `${id}-${optionId}`,
                     label: optionToLabel(option),
+                    description: optionToDescription ? optionToDescription(option) : void 0,
                     children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_RadioInput_js_49cc9f35__["default"], {
                         autoFocus: autoFocus && 0 === index,
                         disabled: optionDisabled,

package/dist/fields/SelectField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<Option, Value> = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -8,7 +9,7 @@ type Props<Option, Value> = {
     id: string;
     includeValueInTracking?: boolean;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<Option>;
     options: Array<Option>;
     optionToId: (option: Option | Value) => string;

package/dist/fields/SimpleRadioSetField.d.ts

@@ -1,8 +1,9 @@
-import type { ComponentProps, Dispatch } from "react";
+import type { ComponentProps, Dispatch, ReactNode } from "react";
 import RadioSetField from "./RadioSetField";
 type Props<Option extends {
     id: string;
     label: string;
+    description?: ReactNode;
     disabled?: boolean;
 }> = Omit<ComponentProps<typeof RadioSetField>, "onChange" | "options" | "optionToId" | "optionToLabel" | "value" | "valueToId"> & {
     onChange: Dispatch<Option["id"]>;
@@ -12,6 +13,7 @@ type Props<Option extends {
 declare const SimpleRadioSetField: <Option extends {
     id: string;
     label: string;
+    description?: ReactNode;
     disabled?: boolean;
 }>({ onChange, options, value, ...props }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
 export default SimpleRadioSetField;

package/dist/fields/SimpleRadioSetField.js

@@ -5,6 +5,7 @@ const SimpleRadioSetField = ({ onChange, options, value, ...props })=>/*#__PURE_
         options: options,
         optionToId: (option)=>option.id,
         optionToLabel: (option)=>option.label,
+        optionToDescription: (option)=>option.description,
         optionToDisabled: (option)=>option.disabled ?? false,
         value: options.find((option)=>option.id === value) ?? null,
         valueToId: (option)=>option?.id,

package/dist/fields/SingleSelectComboboxField.d.ts

@@ -1,5 +1,6 @@
 import { type Dispatch, type ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props<Option> = {
     autoFocus?: boolean;
     disabled?: boolean;
@@ -17,7 +18,7 @@ type Props<Option> = {
     description?: ReactNode;
     errors?: Array<ValidationError>;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     required?: boolean;
 } & ({
     options: Array<Option>;

package/dist/fields/StringField.d.ts

@@ -1,11 +1,12 @@
 import type { ComponentProps, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
 import StringInput from "../inputs/StringInput";
+import type { LabelFontOption } from "../utils/field";
 type Props = ComponentProps<typeof StringInput> & {
     description?: ReactNode;
     errors?: Array<ValidationError>;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     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;

package/dist/fields/TextField.d.ts

@@ -1,5 +1,6 @@
 import type { Dispatch, ReactNode } from "react";
 import type { ValidationError } from "../forms/_types";
+import type { LabelFontOption } from "../utils/field";
 type Props = {
     autoFocus?: boolean;
     description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
     errors?: Array<ValidationError>;
     id: string;
     label: ReactNode;
-    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    labelFont?: LabelFontOption;
     onChange: Dispatch<string | null>;
     placeholder?: string;
     required?: boolean;

package/dist/fields/TimeField.d.ts

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

package/dist/fields/TimezoneField.d.ts

@@ -0,0 +1,18 @@
+import type { Dispatch, ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+export declare const TIMEZONES: readonly ["Africa/Abidjan", "Africa/Accra", "Africa/Addis_Ababa", "Africa/Algiers", "Africa/Asmara", "Africa/Asmera", "Africa/Bamako", "Africa/Bangui", "Africa/Banjul", "Africa/Bissau", "Africa/Blantyre", "Africa/Brazzaville", "Africa/Bujumbura", "Africa/Cairo", "Africa/Casablanca", "Africa/Ceuta", "Africa/Conakry", "Africa/Dakar", "Africa/Dar_es_Salaam", "Africa/Djibouti", "Africa/Douala", "Africa/El_Aaiun", "Africa/Freetown", "Africa/Gaborone", "Africa/Harare", "Africa/Johannesburg", "Africa/Juba", "Africa/Kampala", "Africa/Khartoum", "Africa/Kigali", "Africa/Kinshasa", "Africa/Lagos", "Africa/Libreville", "Africa/Lome", "Africa/Luanda", "Africa/Lubumbashi", "Africa/Lusaka", "Africa/Malabo", "Africa/Maputo", "Africa/Maseru", "Africa/Mbabane", "Africa/Mogadishu", "Africa/Monrovia", "Africa/Nairobi", "Africa/Ndjamena", "Africa/Niamey", "Africa/Nouakchott", "Africa/Ouagadougou", "Africa/Porto-Novo", "Africa/Sao_Tome", "Africa/Timbuktu", "Africa/Tripoli", "Africa/Tunis", "Africa/Windhoek", "America/Adak", "America/Anchorage", "America/Anguilla", "America/Antigua", "America/Araguaina", "America/Argentina/Buenos_Aires", "America/Argentina/Catamarca", "America/Argentina/ComodRivadavia", "America/Argentina/Cordoba", "America/Argentina/Jujuy", "America/Argentina/La_Rioja", "America/Argentina/Mendoza", "America/Argentina/Rio_Gallegos", "America/Argentina/Salta", "America/Argentina/San_Juan", "America/Argentina/San_Luis", "America/Argentina/Tucuman", "America/Argentina/Ushuaia", "America/Aruba", "America/Asuncion", "America/Atikokan", "America/Atka", "America/Bahia", "America/Bahia_Banderas", "America/Barbados", "America/Belem", "America/Belize", "America/Blanc-Sablon", "America/Boa_Vista", "America/Bogota", "America/Boise", "America/Buenos_Aires", "America/Cambridge_Bay", "America/Campo_Grande", "America/Cancun", "America/Caracas", "America/Catamarca", "America/Cayenne", "America/Cayman", "America/Chicago", "America/Chihuahua", "America/Coral_Harbour", "America/Cordoba", "America/Costa_Rica", "America/Creston", "America/Cuiaba", "America/Curacao", "America/Danmarkshavn", "America/Dawson", "America/Dawson_Creek", "America/Denver", "America/Detroit", "America/Dominica", "America/Edmonton", "America/Eirunepe", "America/El_Salvador", "America/Ensenada", "America/Fort_Nelson", "America/Fort_Wayne", "America/Fortaleza", "America/Glace_Bay", "America/Godthab", "America/Goose_Bay", "America/Grand_Turk", "America/Grenada", "America/Guadeloupe", "America/Guatemala", "America/Guayaquil", "America/Guyana", "America/Halifax", "America/Havana", "America/Hermosillo", "America/Indiana/Indianapolis", "America/Indiana/Knox", "America/Indiana/Marengo", "America/Indiana/Petersburg", "America/Indiana/Tell_City", "America/Indiana/Vevay", "America/Indiana/Vincennes", "America/Indiana/Winamac", "America/Indianapolis", "America/Inuvik", "America/Iqaluit", "America/Jamaica", "America/Jujuy", "America/Juneau", "America/Kentucky/Louisville", "America/Kentucky/Monticello", "America/Knox_IN", "America/Kralendijk", "America/La_Paz", "America/Lima", "America/Los_Angeles", "America/Louisville", "America/Lower_Princes", "America/Maceio", "America/Managua", "America/Manaus", "America/Marigot", "America/Martinique", "America/Matamoros", "America/Mazatlan", "America/Mendoza", "America/Menominee", "America/Merida", "America/Metlakatla", "America/Mexico_City", "America/Miquelon", "America/Moncton", "America/Monterrey", "America/Montevideo", "America/Montreal", "America/Montserrat", "America/Nassau", "America/New_York", "America/Nipigon", "America/Nome", "America/Noronha", "America/North_Dakota/Beulah", "America/North_Dakota/Center", "America/North_Dakota/New_Salem", "America/Nuuk", "America/Ojinaga", "America/Panama", "America/Pangnirtung", "America/Paramaribo", "America/Phoenix", "America/Port-au-Prince", "America/Port_of_Spain", "America/Porto_Acre", "America/Porto_Velho", "America/Puerto_Rico", "America/Punta_Arenas", "America/Rainy_River", "America/Rankin_Inlet", "America/Recife", "America/Regina", "America/Resolute", "America/Rio_Branco", "America/Rosario", "America/Santa_Isabel", "America/Santarem", "America/Santiago", "America/Santo_Domingo", "America/Sao_Paulo", "America/Scoresbysund", "America/Shiprock", "America/Sitka", "America/St_Barthelemy", "America/St_Johns", "America/St_Kitts", "America/St_Lucia", "America/St_Thomas", "America/St_Vincent", "America/Swift_Current", "America/Tegucigalpa", "America/Thule", "America/Thunder_Bay", "America/Tijuana", "America/Toronto", "America/Tortola", "America/Vancouver", "America/Virgin", "America/Whitehorse", "America/Winnipeg", "America/Yakutat", "America/Yellowknife", "Antarctica/Casey", "Antarctica/Davis", "Antarctica/DumontDUrville", "Antarctica/Macquarie", "Antarctica/Mawson", "Antarctica/McMurdo", "Antarctica/Palmer", "Antarctica/Rothera", "Antarctica/South_Pole", "Antarctica/Syowa", "Antarctica/Troll", "Antarctica/Vostok", "Arctic/Longyearbyen", "Asia/Aden", "Asia/Almaty", "Asia/Amman", "Asia/Anadyr", "Asia/Aqtau", "Asia/Aqtobe", "Asia/Ashgabat", "Asia/Ashkhabad", "Asia/Atyrau", "Asia/Baghdad", "Asia/Bahrain", "Asia/Baku", "Asia/Bangkok", "Asia/Barnaul", "Asia/Beirut", "Asia/Bishkek", "Asia/Brunei", "Asia/Calcutta", "Asia/Chita", "Asia/Choibalsan", "Asia/Chongqing", "Asia/Chungking", "Asia/Colombo", "Asia/Dacca", "Asia/Damascus", "Asia/Dhaka", "Asia/Dili", "Asia/Dubai", "Asia/Dushanbe", "Asia/Famagusta", "Asia/Gaza", "Asia/Harbin", "Asia/Hebron", "Asia/Ho_Chi_Minh", "Asia/Hong_Kong", "Asia/Hovd", "Asia/Irkutsk", "Asia/Istanbul", "Asia/Jakarta", "Asia/Jayapura", "Asia/Jerusalem", "Asia/Kabul", "Asia/Kamchatka", "Asia/Karachi", "Asia/Kashgar", "Asia/Kathmandu", "Asia/Katmandu", "Asia/Khandyga", "Asia/Kolkata", "Asia/Krasnoyarsk", "Asia/Kuala_Lumpur", "Asia/Kuching", "Asia/Kuwait", "Asia/Macao", "Asia/Macau", "Asia/Magadan", "Asia/Makassar", "Asia/Manila", "Asia/Muscat", "Asia/Nicosia", "Asia/Novokuznetsk", "Asia/Novosibirsk", "Asia/Omsk", "Asia/Oral", "Asia/Phnom_Penh", "Asia/Pontianak", "Asia/Pyongyang", "Asia/Qatar", "Asia/Qostanay", "Asia/Qyzylorda", "Asia/Rangoon", "Asia/Riyadh", "Asia/Saigon", "Asia/Sakhalin", "Asia/Samarkand", "Asia/Seoul", "Asia/Shanghai", "Asia/Singapore", "Asia/Srednekolymsk", "Asia/Taipei", "Asia/Tashkent", "Asia/Tbilisi", "Asia/Tehran", "Asia/Tel_Aviv", "Asia/Thimbu", "Asia/Thimphu", "Asia/Tokyo", "Asia/Tomsk", "Asia/Ujung_Pandang", "Asia/Ulaanbaatar", "Asia/Ulan_Bator", "Asia/Urumqi", "Asia/Ust-Nera", "Asia/Vientiane", "Asia/Vladivostok", "Asia/Yakutsk", "Asia/Yangon", "Asia/Yekaterinburg", "Asia/Yerevan", "Atlantic/Azores", "Atlantic/Bermuda", "Atlantic/Canary", "Atlantic/Cape_Verde", "Atlantic/Faeroe", "Atlantic/Faroe", "Atlantic/Jan_Mayen", "Atlantic/Madeira", "Atlantic/Reykjavik", "Atlantic/South_Georgia", "Atlantic/St_Helena", "Atlantic/Stanley", "Australia/ACT", "Australia/Adelaide", "Australia/Brisbane", "Australia/Broken_Hill", "Australia/Canberra", "Australia/Currie", "Australia/Darwin", "Australia/Eucla", "Australia/Hobart", "Australia/LHI", "Australia/Lindeman", "Australia/Lord_Howe", "Australia/Melbourne", "Australia/NSW", "Australia/North", "Australia/Perth", "Australia/Queensland", "Australia/South", "Australia/Sydney", "Australia/Tasmania", "Australia/Victoria", "Australia/West", "Australia/Yancowinna", "Brazil/Acre", "Brazil/DeNoronha", "Brazil/East", "Brazil/West", "Canada/Atlantic", "Canada/Central", "Canada/Eastern", "Canada/Mountain", "Canada/Newfoundland", "Canada/Pacific", "Canada/Saskatchewan", "Canada/Yukon", "Chile/Continental", "Chile/EasterIsland", "Cuba", "Egypt", "Eire", "Europe/Amsterdam", "Europe/Andorra", "Europe/Astrakhan", "Europe/Athens", "Europe/Belfast", "Europe/Belgrade", "Europe/Berlin", "Europe/Bratislava", "Europe/Brussels", "Europe/Bucharest", "Europe/Budapest", "Europe/Busingen", "Europe/Chisinau", "Europe/Copenhagen", "Europe/Dublin", "Europe/Gibraltar", "Europe/Guernsey", "Europe/Helsinki", "Europe/Isle_of_Man", "Europe/Istanbul", "Europe/Jersey", "Europe/Kaliningrad", "Europe/Kiev", "Europe/Kirov", "Europe/Lisbon", "Europe/Ljubljana", "Europe/London", "Europe/Luxembourg", "Europe/Madrid", "Europe/Malta", "Europe/Mariehamn", "Europe/Minsk", "Europe/Monaco", "Europe/Moscow", "Europe/Nicosia", "Europe/Oslo", "Europe/Paris", "Europe/Podgorica", "Europe/Prague", "Europe/Riga", "Europe/Rome", "Europe/Samara", "Europe/San_Marino", "Europe/Sarajevo", "Europe/Saratov", "Europe/Simferopol", "Europe/Skopje", "Europe/Sofia", "Europe/Stockholm", "Europe/Tallinn", "Europe/Tirane", "Europe/Tiraspol", "Europe/Ulyanovsk", "Europe/Uzhgorod", "Europe/Vaduz", "Europe/Vatican", "Europe/Vienna", "Europe/Vilnius", "Europe/Volgograd", "Europe/Warsaw", "Europe/Zagreb", "Europe/Zaporozhye", "Europe/Zurich", "Greenwich", "Hongkong", "Iceland", "Indian/Antananarivo", "Indian/Chagos", "Indian/Christmas", "Indian/Cocos", "Indian/Comoro", "Indian/Kerguelen", "Indian/Mahe", "Indian/Maldives", "Indian/Mauritius", "Indian/Mayotte", "Indian/Reunion", "Iran", "Israel", "Jamaica", "Japan", "Kwajalein", "Libya", "Mexico/BajaNorte", "Mexico/BajaSur", "Mexico/General", "Navajo", "Pacific/Apia", "Pacific/Auckland", "Pacific/Bougainville", "Pacific/Chatham", "Pacific/Chuuk", "Pacific/Easter", "Pacific/Efate", "Pacific/Enderbury", "Pacific/Fakaofo", "Pacific/Fiji", "Pacific/Funafuti", "Pacific/Galapagos", "Pacific/Gambier", "Pacific/Guadalcanal", "Pacific/Guam", "Pacific/Honolulu", "Pacific/Johnston", "Pacific/Kiritimati", "Pacific/Kosrae", "Pacific/Kwajalein", "Pacific/Majuro", "Pacific/Marquesas", "Pacific/Midway", "Pacific/Nauru", "Pacific/Niue", "Pacific/Norfolk", "Pacific/Noumea", "Pacific/Pago_Pago", "Pacific/Palau", "Pacific/Pitcairn", "Pacific/Pohnpei", "Pacific/Ponape", "Pacific/Port_Moresby", "Pacific/Rarotonga", "Pacific/Saipan", "Pacific/Samoa", "Pacific/Tahiti", "Pacific/Tarawa", "Pacific/Tongatapu", "Pacific/Truk", "Pacific/Wake", "Pacific/Wallis", "Pacific/Yap", "Poland", "Portugal", "Singapore", "Turkey", "US/Alaska", "US/Aleutian", "US/Arizona", "US/Central", "US/East-Indiana", "US/Eastern", "US/Hawaii", "US/Indiana-Starke", "US/Michigan", "US/Mountain", "US/Pacific", "US/Samoa"];
+export type Timezone = (typeof TIMEZONES)[number];
+type Props = {
+    autoFocus?: boolean;
+    description?: ReactNode;
+    disabled?: boolean;
+    errors?: Array<ValidationError>;
+    id: string;
+    includeValueInTracking?: boolean;
+    label: ReactNode;
+    onChange: Dispatch<Timezone>;
+    required?: boolean;
+    value: Timezone;
+};
+declare const TimezoneField: ({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default TimezoneField;