@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/controls/TabSet.module.js

@@ -0,0 +1,7 @@
+import "./TabSet_module.css";
+const TabSet_module_rslib_entry_ = {
+    container: "container-pFNEgv",
+    button: "button-wuuHpO",
+    active: "active-oFD4sf"
+};
+export { TabSet_module_rslib_entry_ as default };

package/dist/controls/TabSetLink.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+type Props<T extends string> = {
+    activeHref: T;
+    id?: string;
+    items: Array<{
+        label: ReactNode;
+        href: string;
+        prefix?: ReactNode;
+    }>;
+};
+declare const TabSetLink: <T extends string>({ activeHref, id, items }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default TabSetLink;

package/dist/controls/TabSetLink.js

@@ -0,0 +1,24 @@
+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__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TabSetLink_module_js_25504681__ from "./TabSetLink.module.js";
+const TabSetLink = ({ activeHref, id, items })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__TabSetLink_module_js_25504681__["default"].container,
+        id: id,
+        children: items.map(({ href, label, prefix })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Link, {
+                href: href,
+                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__TabSetLink_module_js_25504681__["default"].button, {
+                    [__WEBPACK_EXTERNAL_MODULE__TabSetLink_module_js_25504681__["default"].active]: activeHref === href
+                }),
+                id: `${id}-${href}`,
+                children: [
+                    prefix,
+                    label
+                ]
+            }, href))
+    });
+};
+const TabSetLink_rslib_entry_ = TabSetLink;
+export { TabSetLink_rslib_entry_ as default };

package/dist/controls/TabSetLink.module.js

@@ -0,0 +1,7 @@
+import "./TabSetLink_module.css";
+const TabSetLink_module_rslib_entry_ = {
+    container: "container-1QdQnj",
+    button: "button-uJVeWu",
+    active: "active-eQnlU3"
+};
+export { TabSetLink_module_rslib_entry_ as default };

package/dist/controls/TabSetLink_module.css

@@ -0,0 +1,41 @@
+.container-1QdQnj {
+  font: var(--font-regular-bold);
+  gap: var(--size-p2);
+  border-bottom: var(--size-n5) var(--color-grey-t08) solid;
+  display: flex;
+}
+
+.button-uJVeWu {
+  border-bottom: var(--size-n4) solid transparent;
+  color: var(--color-grey-t03);
+  gap: var(--size-n3);
+  cursor: pointer;
+  margin-bottom: calc(var(--size-n5) * -1);
+  padding: var(--size-n1) 0;
+  white-space: nowrap;
+  border-radius: var(--size-n3) var(--size-n3) 0 0;
+  grid-auto-columns: max-content;
+  grid-auto-flow: column;
+  display: grid;
+}
+
+.button-uJVeWu:focus-visible {
+  outline: var(--size-n4) solid var(--color-purple-000);
+  border-radius: var(--size-n3);
+  outline-offset: -2px;
+  border-color: #0000;
+}
+
+.button-uJVeWu:active {
+  background: var(--color-grey-t09);
+}
+
+.button-uJVeWu:not(.active-eQnlU3):hover {
+  border-bottom-color: var(--color-grey-t03);
+}
+
+.active-eQnlU3 {
+  border-bottom-color: var(--color-purple-000);
+  color: var(--color-purple-000);
+}
+

package/dist/controls/TabSet_module.css

@@ -0,0 +1,39 @@
+.container-pFNEgv {
+  font: var(--font-regular-bold);
+  gap: var(--size-p2);
+  border-bottom: var(--size-n5) var(--color-grey-t08) solid;
+  display: flex;
+}
+
+.button-wuuHpO {
+  border-bottom: var(--size-n4) solid transparent;
+  color: var(--color-grey-t03);
+  cursor: pointer;
+  margin-bottom: calc(var(--size-n5) * -1);
+  padding: var(--size-n1) 0;
+  white-space: nowrap;
+  border-radius: var(--size-n3) var(--size-n3) 0 0;
+  grid-auto-flow: column;
+  display: grid;
+}
+
+.button-wuuHpO:focus-visible {
+  outline: var(--size-n4) solid var(--color-purple-000);
+  border-radius: var(--size-n3);
+  outline-offset: -2px;
+  border-color: #0000;
+}
+
+.button-wuuHpO:active {
+  background: var(--color-grey-t09);
+}
+
+.button-wuuHpO:not(.active-oFD4sf):hover {
+  border-bottom-color: var(--color-grey-t03);
+}
+
+.active-oFD4sf {
+  border-bottom-color: var(--color-purple-000);
+  color: var(--color-purple-000);
+}
+

package/dist/email/EmailBodyText.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+declare const EmailBodyText: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EmailBodyText;

package/dist/email/EmailBodyText.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__ from "@react-email/components";
+const EmailBodyText = ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Text, {
+        style: {
+            fontSize: 16,
+            fontFamily: "sans-serif",
+            margin: "0 0 20px"
+        },
+        children: children
+    });
+const EmailBodyText_rslib_entry_ = EmailBodyText;
+export { EmailBodyText_rslib_entry_ as default };

package/dist/email/EmailButton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+declare const EmailButton: ({ children, href }: {
+    children: ReactNode;
+    href: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EmailButton;

package/dist/email/EmailButton.js

@@ -0,0 +1,19 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__ from "@react-email/components";
+const EmailButton = ({ children, href })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Button, {
+        pX: 24,
+        pY: 12,
+        href: href,
+        style: {
+            background: "#90116E",
+            color: "#fff",
+            borderRadius: 6,
+            fontSize: 16,
+            lineHeight: 24,
+            fontFamily: "sans-serif",
+            margin: "0 0 20px"
+        },
+        children: children
+    });
+const EmailButton_rslib_entry_ = EmailButton;
+export { EmailButton_rslib_entry_ as default };

package/dist/email/EmailFooterText.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+declare const EmailFooterText: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EmailFooterText;

package/dist/email/EmailFooterText.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__ from "@react-email/components";
+const EmailFooterText = ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Text, {
+        style: {
+            fontSize: 12,
+            fontFamily: "sans-serif",
+            margin: "0 0 5px"
+        },
+        children: children
+    });
+const EmailFooterText_rslib_entry_ = EmailFooterText;
+export { EmailFooterText_rslib_entry_ as default };

package/dist/email/EmailLayout.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    footer?: ReactNode;
+    header?: ReactNode;
+    preview: string;
+    title: string;
+};
+declare const EmailLayout: ({ children, footer, header, preview, title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default EmailLayout;

package/dist/email/EmailLayout.js

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__ from "@react-email/components";
+const EmailLayout = ({ children, footer, header, preview, title })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Html, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Head, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("title", {
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Preview, {
+                children: preview
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Body, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Container, {
+                    children: [
+                        header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Section, {
+                            style: {
+                                padding: "10px 0"
+                            },
+                            children: header
+                        }) : null,
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Section, {
+                            style: {
+                                border: "1px solid #eee",
+                                padding: "20px 20px 0"
+                            },
+                            children: children
+                        }),
+                        footer ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__react_email_components_556b733c__.Section, {
+                            style: {
+                                padding: "10px 0"
+                            },
+                            children: footer
+                        }) : null
+                    ]
+                })
+            })
+        ]
+    });
+const EmailLayout_rslib_entry_ = EmailLayout;
+export { EmailLayout_rslib_entry_ as default };

package/dist/fields/BooleanField.d.ts

@@ -0,0 +1,15 @@
+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;
+    includeValueInTracking?: boolean;
+    label: ReactNode;
+    onChange: Dispatch<boolean>;
+    value: boolean;
+};
+declare const BooleanField: ({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, onChange, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BooleanField;

package/dist/fields/BooleanField.js

@@ -0,0 +1,19 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__ from "../forms/ToggleField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__ from "../inputs/CheckboxInput.js";
+const BooleanField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, onChange, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__["default"], {
+        description: description,
+        errors: errors,
+        inputId: id,
+        label: label,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            includeValueInTracking: includeValueInTracking,
+            value: value,
+            onChange: onChange
+        })
+    });
+const BooleanField_rslib_entry_ = BooleanField;
+export { BooleanField_rslib_entry_ as default };

package/dist/fields/ColorPickerField.d.ts

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

package/dist/fields/ColorPickerField.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_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"], {
+        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"], {
+            id: id,
+            value: value,
+            onChange: onChange
+        })
+    });
+const ColorPickerField_rslib_entry_ = StringField;
+export { ColorPickerField_rslib_entry_ as default };

package/dist/fields/DateField.d.ts

@@ -0,0 +1,18 @@
+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>;
+    required?: boolean;
+    value: string | null | undefined;
+    prefix?: string | null;
+    suffix?: string | null;
+};
+declare const DateField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DateField;

package/dist/fields/DateField.js

@@ -0,0 +1,22 @@
+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_DateInput_js_3e1aceb9__ from "../inputs/DateInput.js";
+const DateField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, required = false, value, 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_DateInput_js_3e1aceb9__["default"], {
+            prefix: prefix,
+            suffix: suffix,
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange
+        })
+    });
+const DateField_rslib_entry_ = DateField;
+export { DateField_rslib_entry_ as default };

package/dist/fields/DateTimeField.d.ts

@@ -0,0 +1,16 @@
+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>;
+    required?: boolean;
+    value: string | null;
+};
+declare const DateTimeField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DateTimeField;

package/dist/fields/DateTimeField.js

@@ -0,0 +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_DateTimeInput_js_80f9238d__ from "../inputs/DateTimeInput.js";
+const DateTimeField = ({ 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_DateTimeInput_js_80f9238d__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange
+        })
+    });
+const DateTimeField_rslib_entry_ = DateTimeField;
+export { DateTimeField_rslib_entry_ as default };

package/dist/fields/FileField.d.ts

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

package/dist/fields/FileField.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_FileInput_js_305b2c00__ from "../inputs/FileInput.js";
+const StringField = ({ description, disabled = false, errors, id, label, labelFont = "label", onChange, required = false })=>/*#__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_FileInput_js_305b2c00__["default"], {
+            id: id,
+            onChange: onChange,
+            disabled: disabled
+        })
+    });
+const FileField_rslib_entry_ = StringField;
+export { FileField_rslib_entry_ as default };

package/dist/fields/ListBoxField.d.ts

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

package/dist/fields/ListBoxField.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_ListBoxInput_js_31ed5aa7__ from "../inputs/ListBoxInput.js";
+const SelectField = ({ description, errors, id, includeValueInTracking, label, labelFont = "label", required = false, onChange, options, optionToId, optionToLabel, searchField, value, optionToDisabled })=>/*#__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_ListBoxInput_js_31ed5aa7__["default"], {
+            onChange: onChange,
+            options: options,
+            optionToId: optionToId,
+            optionToLabel: optionToLabel,
+            optionToDisabled: optionToDisabled,
+            searchField: searchField,
+            value: value,
+            id: id,
+            includeValueInTracking: includeValueInTracking
+        })
+    });
+const ListBoxField_rslib_entry_ = SelectField;
+export { ListBoxField_rslib_entry_ as default };

package/dist/fields/MarkdownField.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 MarkdownField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, placeholder, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MarkdownField;

package/dist/fields/MarkdownField.js

@@ -0,0 +1,36 @@
+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_MarkdownInput_js_73d83e5a__ from "../inputs/MarkdownInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_RichText_js_6d55c30e__ from "../presentation/RichText.js";
+const MarkdownField = ({ autoFocus = false, description = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__presentation_RichText_js_6d55c30e__["default"], {
+    font: "small",
+    children: [
+        "You can use",
+        " ",
+        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
+            href: "https://commonmark.org/help/",
+            target: "_blank",
+            rel: "noreferrer",
+            children: "Markdown"
+        }),
+        " ",
+        "to add paragraphs, lists, links and other formatting."
+    ]
+}), 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_MarkdownInput_js_73d83e5a__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange,
+            placeholder: placeholder
+        })
+    });
+const MarkdownField_rslib_entry_ = MarkdownField;
+export { MarkdownField_rslib_entry_ as default };

package/dist/fields/NumberField.d.ts

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

package/dist/fields/NumberField.js

@@ -0,0 +1,23 @@
+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_NumberInput_js_eaace22f__ from "../inputs/NumberInput.js";
+const NumberField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, placeholder, required = false, value, 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_NumberInput_js_eaace22f__["default"], {
+            autoFocus: autoFocus,
+            disabled: disabled,
+            id: id,
+            value: value,
+            onChange: onChange,
+            placeholder: placeholder,
+            prefix: prefix,
+            suffix: suffix
+        })
+    });
+const NumberField_rslib_entry_ = NumberField;
+export { NumberField_rslib_entry_ as default };

package/dist/fields/PasswordField.d.ts

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