@canonical/react-ds-core-form 0.9.0-experimental.2 → 0.9.0-experimental.21

package/dist/esm/ui/Field/inputs/Combobox/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/mergeRefs.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GACb,CAAI,GAAG,IAAkC,EAAE,EAAE,CAC7C,CAAC,QAAkB,EAAE,EAAE;IACrB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACd,GAAiC,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxD,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEJ,eAAe,SAAS,CAAC"}

package/dist/esm/ui/Field/inputs/Hidden/Hidden.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { InvisibleWrapper, withWrapper } from "../../common/Wrapper/index.js";
+const componentCssClassName = "ds form-hidden";
+/**
+ * Hidden input component for forms, used to store values that are submitted but not visible to the user.
+ * @returns {React.ReactElement} - Rendered Hidden input
+ */
+const Hidden = ({ id, className, style, name, registerProps, ...otherProps }) => {
+    const { register } = useFormContext();
+    return (_jsx("input", { id: id, style: style, type: "hidden", className: [componentCssClassName, className].filter(Boolean).join(" "), ...otherProps, ...register(name, registerProps) }));
+};
+export default withWrapper(Hidden, {}, InvisibleWrapper);
+//# sourceMappingURL=Hidden.js.map

package/dist/esm/ui/Field/inputs/Hidden/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/Hidden.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG9E,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Hidden/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+export { default as Hidden } from "./Hidden.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/Hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/Hidden/types.js

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

package/dist/esm/ui/Field/inputs/Hidden/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/Range/Range.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import "./styles.css";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+const componentCssClassName = "ds range";
+/**
+ * description of the Range component
+ * @returns {React.ReactElement} - Rendered Range
+ */
+const Range = ({ id, className, style, name, registerProps, min, max, ...otherProps }) => {
+    const { register, watch } = useFormContext();
+    const value = watch(name);
+    return (_jsxs(_Fragment, { children: [_jsx("input", { id: id, type: "range", className: [componentCssClassName, className].filter(Boolean).join(" "), style: style, "aria-valuemin": min, "aria-valuemax": max, min: min, max: max, ...otherProps, ...register(name, registerProps) }), _jsx("output", { htmlFor: id, className: "ds range-output", children: value })] }));
+};
+export default withWrapper(Range);
+//# sourceMappingURL=Range.js.map

package/dist/esm/ui/Field/inputs/Range/Range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/Range.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,EACH,GAAG,EACH,GAAG,UAAU,EACF,EAAsB,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1B,OAAO,CACL,8BACE,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,KAAK,EAAE,KAAK,mBACG,GAAG,mBACH,GAAG,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,KACJ,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,EACF,iBAAQ,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,YAC7C,KAAK,GACC,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAa,KAAK,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Range/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+export { default as Range } from "./Range.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/Range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/Range/styles.css

@@ -0,0 +1,7 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+
+/*
+.ds.range {
+
+}
+*/

package/dist/esm/ui/Field/inputs/Range/types.js

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

package/dist/esm/ui/Field/inputs/Range/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/Select/Select.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import "./styles.css";
+import { mixins } from "../../../constants.js";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+const componentCssClassName = "ds form-select";
+/**
+ * description of the Select component
+ * @returns {React.ReactElement} - Rendered Select
+ */
+const Select = ({ id, className, style, name, registerProps, options, ...otherProps }) => {
+    const { register } = useFormContext();
+    return (_jsx("select", { id: id, className: [mixins.FormInput, componentCssClassName, className]
+            .filter(Boolean)
+            .join(" "), style: style, ...otherProps, ...register(name, registerProps), children: options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))) }));
+};
+export default withWrapper(Select);
+//# sourceMappingURL=Select.js.map

package/dist/esm/ui/Field/inputs/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAO,EACP,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,EAAE,SAAS,CAAC;aAC5D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,YAEhC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKV,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Select/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+export { default as Select } from "./Select.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/Select/styles.css

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+
+/* .ds.form-select { */
+/* } */

package/dist/esm/ui/Field/inputs/Select/types.js

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

package/dist/esm/ui/Field/inputs/Select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+import { useOptionAriaProperties } from "../../hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds form-simple-choices";
+const optionClassName = "option";
+const Option = ({ name, type, value, label, register, registerProps, disabled, }) => {
+    const ariaProps = useOptionAriaProperties(name, value);
+    return (_jsxs("div", { className: [optionClassName, "grid", disabled && "disabled"]
+            .filter(Boolean)
+            .join(" "), children: [_jsx("input", { value: value, disabled: disabled || false, type: type, ...register(name, registerProps), ...ariaProps.input }), _jsx("label", { ...ariaProps.label, children: label })] }, value));
+};
+/**
+ * description of the SimpleChoices component
+ * @returns {React.ReactElement} - Rendered SimpleChoices
+ */
+const SimpleChoices = ({ id, className, style, name, isMultiple = false, disabled = false, options, registerProps, }) => {
+    const { register } = useFormContext();
+    const type = isMultiple ? "checkbox" : "radio";
+    return (
+    // Open for discussion, shall we use a fieldset or a div?
+    _jsx("fieldset", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: options.map((option) => (_jsx(Option, { name: name, type: type, register: register, registerProps: registerProps, value: option.value, label: option.label, disabled: disabled || Boolean(option.disabled) }, option.value))) }));
+};
+export default withWrapper(
+// We mock the label to be a legend, as the "true" label is rendered by the individual options
+SimpleChoices, { mockLabel: true });
+//# sourceMappingURL=SimpleChoices.js.map

package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleChoices.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AACvD,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,GACI,EAAsB,EAAE;IACpC,MAAM,SAAS,GAAG,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,eACE,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,CAAC;aACzD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAGZ,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,IAAI,EAAE,IAAI,KACN,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAC7B,SAAS,CAAC,KAAK,GACnB,EAEF,mBAAW,SAAS,CAAC,KAAK,YAAG,KAAK,GAAS,KAVtC,KAAK,CAWN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,aAAa,GACM,EAAsB,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/C,OAAO;IACL,yDAAyD;IACzD,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAPzC,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW;AACxB,8FAA8F;AAC9F,aAAa,EACb,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAC"}

package/dist/esm/ui/Field/inputs/SimpleChoices/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+export { default as SimpleChoices } from "./SimpleChoices.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/SimpleChoices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/SimpleChoices/styles.css

@@ -0,0 +1,10 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+
+.ds.form-simple-choices {
+  & > .option {
+    direction: inherit;
+    display: flex;
+    align-items: center;
+    gap: var(--field-inline-gap);
+  }
+}

package/dist/esm/ui/Field/inputs/SimpleChoices/types.js

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

package/dist/esm/ui/Field/inputs/SimpleChoices/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/Text/Text.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+import "./styles.css";
+import { mixins } from "../../../constants.js";
+const componentCssClassName = "ds form-text";
+/**
+ * description of the Text component
+ * @returns {React.ReactElement} - Rendered Text
+ */
+const Text = ({ id, className, style, inputType = "text", name, prefix, suffix, registerProps, ...otherProps // Should only be native input props
+ }) => {
+    const { register } = useFormContext();
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [prefix && _jsx("span", { className: "prefix", children: prefix }), _jsx("input", { type: inputType, className: mixins.FormInput, ...otherProps, ...register(name, registerProps) }), suffix && _jsx("span", { className: "suffix", children: suffix })] }));
+};
+export default withWrapper(Text);
+//# sourceMappingURL=Text.js.map

package/dist/esm/ui/Field/inputs/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACxC,EAAsB,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,MAAM,IAAI,eAAM,SAAS,EAAC,QAAQ,YAAE,MAAM,GAAQ,EACnD,gBACE,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,SAAS,KACvB,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,EACD,MAAM,IAAI,eAAM,SAAS,EAAC,QAAQ,YAAE,MAAM,GAAQ,IAC/C,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,eAAe,WAAW,CAAY,IAAI,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Text/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as Text } from "./Text.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/Text/styles.css

@@ -0,0 +1,10 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+.ds.form-text {
+  border-radius: var(--border-radius);
+
+  direction: inherit;
+  display: flex;
+  align-items: center;
+  gap: var(--field-inline-gap);
+}

package/dist/esm/ui/Field/inputs/Text/types.js

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

package/dist/esm/ui/Field/inputs/Text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/Textarea/Textarea.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import "./styles.css";
+import { mixins } from "../../../constants.js";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+const componentCssClassName = "ds form-textarea";
+/**
+ * description of the Textarea component
+ * @returns {React.ReactElement} - Rendered Textarea
+ */
+const Textarea = ({ id, className, style, name, registerProps, ...otherProps // Should only be native input props
+ }) => {
+    const { register } = useFormContext();
+    return (_jsx("textarea", { id: id, style: style, className: [mixins.FormInput, componentCssClassName, className]
+            .filter(Boolean)
+            .join(" "), ...otherProps, ...register(name, registerProps) }));
+};
+export default withWrapper(Textarea);
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/ui/Field/inputs/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACpC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,EAAE,SAAS,CAAC;aAC5D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Textarea/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as Textarea } from "./Textarea.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Field/inputs/Textarea/styles.css

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+/* .ds.form-textarea { */
+/* } */

package/dist/esm/ui/Field/inputs/Textarea/types.js

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

package/dist/esm/ui/Field/inputs/Textarea/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/inputs/index.js

@@ -0,0 +1,9 @@
+export * from "./Textarea/index.js";
+export * from "./Text/index.js";
+export * from "./Checkbox/index.js";
+export * from "./Range/index.js";
+export * from "./Select/index.js";
+export * from "./SimpleChoices/index.js";
+export * from "./Combobox/index.js";
+export * from "./Hidden/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Field/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAIpC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC"}

package/dist/esm/ui/Field/inputs/types.js

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

package/dist/esm/ui/Field/inputs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Field/types.js

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

package/dist/esm/ui/{Button → Field}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Button/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Field/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/Form/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+// export { default as Form } from "./Form.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/Form/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,+CAA+C;AAC/C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/Form/types.js

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

package/dist/esm/ui/{Chip → Form}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Chip/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Form/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/constants.js

@@ -0,0 +1,12 @@
+export var states;
+(function (states) {
+    states["Danger"] = "danger";
+    states["Success"] = "success";
+    states["Idle"] = "idle";
+    states["Disabled"] = "disabled";
+})(states || (states = {}));
+export var mixins;
+(function (mixins) {
+    mixins["FormInput"] = "form-input";
+})(mixins || (mixins = {}));
+//# sourceMappingURL=constants.js.map

package/dist/esm/ui/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/ui/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,6BAAmB,CAAA;IACnB,uBAAa,CAAA;IACb,+BAAqB,CAAA;AACvB,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IAChB,kCAAwB,CAAA;AAC1B,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}

package/dist/esm/ui/index.js

@@ -1,3 +1,4 @@
-export * from "./Button/index.js";
-export * from "./Chip/index.js";
+export * from "./Field/index.js";
+export * from "./Form/index.js";
+export * from "./middleware/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/dist/esm/ui/middleware/addRESTOptions.js

@@ -0,0 +1,44 @@
+import { createElement, useEffect, useState } from "react";
+function addRESTFieldOptions(url, options = {}) {
+    const { method = "GET", headers = {}, transformData = (data) => data, } = options;
+    return (WrappedComponent) => {
+        return function ExtendedComponent(props) {
+            const [optionsData, setOptionsData] = useState([]);
+            const [loading, setLoading] = useState(true);
+            const [error, setError] = useState(null);
+            useEffect(() => {
+                fetch(url, {
+                    method,
+                    headers,
+                })
+                    .then((response) => {
+                    if (!response.ok) {
+                        throw new Error("Failed to fetch options");
+                    }
+                    return response.json();
+                })
+                    .then((data) => {
+                    const transformed = transformData(data);
+                    setOptionsData(transformed);
+                    setLoading(false);
+                })
+                    .catch((err) => {
+                    setError(err.message);
+                    setLoading(false);
+                });
+            }, [url]);
+            if (loading) {
+                return createElement("div", null, "Loading options...");
+            }
+            if (error) {
+                return createElement("div", null, `Error: ${error}`);
+            }
+            return createElement(WrappedComponent, {
+                ...props,
+                options: optionsData,
+            });
+        };
+    };
+}
+export default addRESTFieldOptions;
+//# sourceMappingURL=addRESTOptions.js.map

package/dist/esm/ui/middleware/addRESTOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addRESTOptions.js","sourceRoot":"","sources":["../../../../src/ui/middleware/addRESTOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU3D,SAAS,mBAAmB,CAC1B,GAAW,EACX,UAA+B,EAAE;IAGjC,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,EAAE,EACZ,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAC/B,GAAG,OAAO,CAAC;IAEZ,OAAO,CAAC,gBAAgB,EAAE,EAAE;QAC1B,OAAO,SAAS,iBAAiB,CAAC,KAAK;YACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;YAExD,SAAS,CAAC,GAAG,EAAE;gBACb,KAAK,CAAC,GAAG,EAAE;oBACT,MAAM;oBACN,OAAO;iBACR,CAAC;qBACC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;oBAC7C,CAAC;oBACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACzB,CAAC,CAAC;qBACD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oBACb,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;oBACxC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,CAAC;qBACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;oBACb,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBACtB,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAEV,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC;YAC1D,CAAC;YACD,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE,CAAC,CAAC;YACvD,CAAC;YACD,OAAO,aAAa,CAAC,gBAAgB,EAAE;gBACrC,GAAG,KAAK;gBACR,OAAO,EAAE,WAAW;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/esm/ui/middleware/addRESTValidation.js

@@ -0,0 +1,38 @@
+import { debounce } from "@canonical/utils";
+import { createElement, useCallback, useEffect } from "react";
+import { useFormContext } from "react-hook-form";
+function addRESTFieldValidation(url, options = {}) {
+    const { method = "POST", headers = { "Content-Type": "application/json" }, bodyFormatter = (value) => ({ value }), errorExtractor = async () => "Validation failed", minLength = 3, debounceWait = 300, } = options;
+    return (WrappedComponent) => {
+        return function ExtendedComponent(props) {
+            const { name } = props;
+            const { setError, clearErrors, watch } = useFormContext();
+            const value = watch(name);
+            const debouncedFetch = useCallback(debounce(async (val) => {
+                const response = await fetch(url, {
+                    method,
+                    headers,
+                    body: JSON.stringify(bodyFormatter(val)),
+                });
+                if (!response.ok) {
+                    const errorMessage = await errorExtractor(response);
+                    setError(name, { type: "manual", message: errorMessage });
+                }
+                else {
+                    clearErrors(name);
+                }
+            }, debounceWait), []);
+            useEffect(() => {
+                if (value && value.length >= minLength) {
+                    debouncedFetch(value);
+                }
+                else {
+                    clearErrors(name);
+                }
+            }, [value, debouncedFetch, name, clearErrors]);
+            return createElement(WrappedComponent, props);
+        };
+    };
+}
+export default addRESTFieldValidation;
+//# sourceMappingURL=addRESTValidation.js.map

package/dist/esm/ui/middleware/addRESTValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addRESTValidation.js","sourceRoot":"","sources":["../../../../src/ui/middleware/addRESTValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAajD,SAAS,sBAAsB,CAC7B,GAAW,EACX,UAA6B,EAAE;IAG/B,MAAM,EACJ,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,EAAE,cAAc,EAAE,kBAAkB,EAAE,EAChD,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EACtC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,mBAAmB,EAChD,SAAS,GAAG,CAAC,EACb,YAAY,GAAG,GAAG,GACnB,GAAG,OAAO,CAAC;IAEZ,OAAO,CAAC,gBAAgB,EAAE,EAAE;QAC1B,OAAO,SAAS,iBAAiB,CAAC,KAAK;YACrC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;YACvB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;YAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,QAAQ,CAAC,KAAK,EAAE,GAAW,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;oBAChC,MAAM;oBACN,OAAO;oBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;iBACzC,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;oBACjB,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAC;oBACpD,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;gBAC5D,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EAAE,YAAY,CAAC,EAChB,EAAE,CACH,CAAC;YAEF,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;oBACvC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAE/C,OAAO,aAAa,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/esm/ui/middleware/index.js

@@ -0,0 +1,3 @@
+export { default as addRESTOptions } from "./addRESTOptions.js";
+export { default as addRESTValidation } from "./addRESTValidation.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/middleware/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/middleware/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/types/ui/Field/Field.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { FieldProps } from "./types.js";
+/**
+ * description of the Field component
+ * @returns {React.ReactElement} - Rendered Field
+ */
+declare const Field: ({ inputType, CustomComponent, ...props }: FieldProps) => React.ReactElement;
+export default Field;
+//# sourceMappingURL=Field.d.ts.map

package/dist/types/ui/Field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,QAAA,MAAM,KAAK,GAAI,0CAIZ,UAAU,KAAG,KAAK,CAAC,YAsBrB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/ui/Field/common/Description/Description.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { DescriptionProps } from "./types.js";
+import "./styles.css";
+/**
+ * description of the Description component
+ * @returns {React.ReactElement} - Rendered Description
+ */
+declare const Description: ({ id, children, className, style, }: DescriptionProps) => React.ReactElement;
+export default Description;
+//# sourceMappingURL=Description.d.ts.map

package/dist/types/ui/Field/common/Description/Description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/Description.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,WAAW,GAAI,qCAKlB,gBAAgB,KAAG,KAAK,CAAC,YAU3B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/ui/Field/common/Description/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Description } from "./Description.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/common/Description/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,YAAY,CAAC"}

package/dist/types/ui/Field/common/Description/types.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+export interface DescriptionProps {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Field/common/Description/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAE/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}

package/dist/types/ui/Field/common/Error/Error.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { ErrorProps } from "./types.js";
+import "./styles.css";
+/**
+ * description of the Error component
+ * @returns {React.ReactElement} - Rendered Error
+ */
+declare const FieldError: ({ id, children, className, style, }: ErrorProps) => React.ReactElement;
+export default FieldError;
+//# sourceMappingURL=Error.d.ts.map

package/dist/types/ui/Field/common/Error/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/Error.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,UAAU,GAAI,qCAKjB,UAAU,KAAG,KAAK,CAAC,YAWrB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/ui/Field/common/Error/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Error } from "./Error.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/common/Error/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,cAAc,YAAY,CAAC"}

package/dist/types/ui/Field/common/Error/types.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+export interface ErrorProps {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Field/common/Error/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IAEzB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}

package/dist/types/ui/Field/common/Label/Label.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { LabelProps } from "./types.js";
+import "./styles.css";
+/**
+ * description of the Label component
+ * @returns {React.ReactElement} - Rendered Label
+ */
+declare const Label: ({ id, children, className, style, name, isOptional, messages, htmlFor, tag: Element, }: LabelProps) => React.ReactElement;
+export default Label;
+//# sourceMappingURL=Label.d.ts.map