@circle-vibe/shared 1.1.45 → 1.1.47

package/build/src/components/form/form-control-checkbox/form-control-checkbox.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlCheckbox = void 0;
+const react_1 = __importStar(require("react"));
+const field_context_1 = require("../field-context/field-context");
+const layout_1 = require("../../layout");
+const form_control_error_1 = require("../form-control-error");
+const checkbox_1 = require("../checkbox");
+const utils_1 = require("src/utils");
+const FormControlCheckbox = (props) => {
+    const { value, setValue, isRequired } = (0, react_1.useContext)(field_context_1.FieldContext);
+    return (react_1.default.createElement(layout_1.StackLayout, { space: "0.25rem" },
+        react_1.default.createElement(checkbox_1.Checkbox, { ...props, isRequired: isRequired, onChange: (e) => {
+                const value = (0, utils_1.getFormikFormControlValue)(e);
+                setValue(value);
+            }, checked: Boolean(value) }),
+        react_1.default.createElement(form_control_error_1.FormControlError, null)));
+};
+exports.FormControlCheckbox = FormControlCheckbox;
+//# sourceMappingURL=form-control-checkbox.js.map

package/build/src/components/form/form-control-checkbox/form-control-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-checkbox.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-checkbox/form-control-checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,kEAA8D;AAC9D,yCAA2C;AAC3C,8DAAyD;AACzD,0CAAuC;AACvC,qCAAsD;AAE/C,MAAM,mBAAmB,GAE5B,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAEjE,OAAO,CACL,8BAAC,oBAAW,IAAC,KAAK,EAAC,SAAS;QAC1B,8BAAC,mBAAQ,OACH,KAAK,EACT,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,KAAK,GAAG,IAAA,iCAAyB,EAAC,CAAC,CAAC,CAAC;gBAC3C,QAAQ,CAAC,KAA0B,CAAC,CAAC;YACvC,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GACvB;QAEF,8BAAC,qCAAgB,OAAG,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,mBAAmB,uBAoB9B"}

package/build/src/components/form/form-control-checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-checkbox';

package/build/src/components/form/form-control-checkbox/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-checkbox"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC"}

package/build/src/components/form/form-control-error/form-control-error.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedReactFunctionalComponent } from "src/types";
+export declare const FormControlError: ExtendedReactFunctionalComponent;

package/build/src/components/form/form-control-error/form-control-error.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlError = void 0;
+const react_1 = __importStar(require("react"));
+const form_error_1 = require("../form-error/form-error");
+const field_context_1 = require("../field-context/field-context");
+const utils_1 = require("src/utils");
+const FormControlError = () => {
+    const { errors } = (0, react_1.useContext)(field_context_1.FieldContext);
+    return react_1.default.createElement(form_error_1.FormError, null, errors ? (0, utils_1.getFormikFormControlError)(errors) : null);
+};
+exports.FormControlError = FormControlError;
+//# sourceMappingURL=form-control-error.js.map

package/build/src/components/form/form-control-error/form-control-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-error.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-error/form-control-error.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA0C;AAG1C,yDAAqD;AACrD,kEAA8D;AAC9D,qCAAsD;AAE/C,MAAM,gBAAgB,GAAqC,GAAG,EAAE;IACrE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAE5C,OAAO,8BAAC,sBAAS,QAAG,MAAM,CAAC,CAAC,CAAC,IAAA,iCAAyB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAc,CAAA;AACrF,CAAC,CAAA;AAJY,QAAA,gBAAgB,oBAI5B"}

package/build/src/components/form/form-control-error/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-error';

package/build/src/components/form/form-control-error/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-error"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-error/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/build/src/components/form/form-control-input/form-control-input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtendedReactFunctionalComponent } from '../../../types/extended-react-functional-component';
+export type TextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
+export declare const FormControlInput: ExtendedReactFunctionalComponent<React.InputHTMLAttributes<HTMLInputElement>>;

package/build/src/components/form/form-control-input/form-control-input.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlInput = void 0;
+const react_1 = __importStar(require("react"));
+const field_context_1 = require("../field-context/field-context");
+const input_1 = require("../input");
+const utils_1 = require("src/utils");
+const FormControlInput = (props) => {
+    const fieldProvider = (0, react_1.useContext)(field_context_1.FieldContext);
+    return (react_1.default.createElement(input_1.Input, { ...props, ...fieldProvider, inputMode: props.inputMode ?? 'text', onChange: (e) => {
+            const value = (0, utils_1.getFormikFormControlValue)(e);
+            fieldProvider.setValue(value);
+        }, style: {
+            '--text-input-border-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-border-color)'
+                : 'var(--text-input-default-border-color)',
+            '--text-input-text-color': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-text-color'
+                : '--text-input-default-text-color'})`,
+            '--text-input-outline-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-outline-color)'
+                : 'transparent',
+            '--text-input-background': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-bg-color'
+                : '--text-input-default-bg-color'})`,
+        } }));
+};
+exports.FormControlInput = FormControlInput;
+//# sourceMappingURL=form-control-input.js.map

package/build/src/components/form/form-control-input/form-control-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-input.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-input/form-control-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAI1C,kEAA8D;AAC9D,oCAAiC;AACjC,qCAAsD;AAI/C,MAAM,gBAAgB,GAEzB,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,aAAK,OACA,KAAK,KACL,aAAa,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,MAAM,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,IAAA,iCAAyB,EAAC,CAAC,CAAC,CAAC;YAC3C,aAAa,CAAC,QAAQ,CAAC,KAA0B,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EACH;YACE,2BAA2B,EACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,sCAAsC;gBACxC,CAAC,CAAC,wCAAwC;YAC9C,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,+BAA+B;gBACjC,CAAC,CAAC,iCACN,GAAG;YACH,4BAA4B,EAC1B,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,uCAAuC;gBACzC,CAAC,CAAC,aAAa;YACnB,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,+BACN,GAAG;SACkB,GAEzB,CACH,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,gBAAgB,oBAsC3B"}

package/build/src/components/form/form-control-input/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-input';

package/build/src/components/form/form-control-input/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-input"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/build/src/components/form/form-control-label/form-control-label.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedReactFunctionalComponent } from 'src/types';
+export declare const FormControlLabel: ExtendedReactFunctionalComponent;

package/build/src/components/form/form-control-label/form-control-label.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlLabel = void 0;
+const react_1 = __importStar(require("react"));
+const field_context_1 = require("../field-context/field-context");
+const label_1 = require("../label/label");
+const FormControlLabel = ({ children }) => {
+    const { errors, name, isRequired } = (0, react_1.useContext)(field_context_1.FieldContext);
+    return (react_1.default.createElement(label_1.Label, { isRequired: isRequired, hasErrors: Boolean(errors?.length) }, children));
+};
+exports.FormControlLabel = FormControlLabel;
+//# sourceMappingURL=form-control-label.js.map

package/build/src/components/form/form-control-label/form-control-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-label.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-label/form-control-label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,kEAA8D;AAC9D,0CAAuC;AAEhC,MAAM,gBAAgB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,aAAK,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAC9D,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B"}

package/build/src/components/form/form-control-label/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-label';

package/build/src/components/form/form-control-label/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-label"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/build/src/components/form/form-control-select/form-control-select.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtendedReactFunctionalComponent } from 'src/types';
+import 'src/styles/text-input-generic-styles.scss';
+export declare const FormControlSelect: ExtendedReactFunctionalComponent<React.HTMLAttributes<HTMLSelectElement>>;

package/build/src/components/form/form-control-select/form-control-select.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlSelect = void 0;
+const react_1 = __importStar(require("react"));
+const field_context_1 = require("../field-context/field-context");
+require("src/styles/text-input-generic-styles.scss");
+const select_1 = require("../select");
+const FormControlSelect = ({ children, ...props }) => {
+    const { inputMode, ...fieldProvider } = (0, react_1.useContext)(field_context_1.FieldContext);
+    return (react_1.default.createElement(select_1.Select, { ...props, ...fieldProvider, className: "text-input-generic-styles", onChange: (e) => {
+            const value = e.currentTarget.value;
+            fieldProvider.setValue(value);
+        }, style: {
+            '--text-input-border-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-border-color)'
+                : 'var(--text-input-default-border-color)',
+            '--text-input-text-color': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-text-color'
+                : '--text-input-default-text-color'})`,
+            '--text-input-outline-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-outline-color)'
+                : 'transparent',
+            '--text-input-background': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-bg-color'
+                : '--text-input-default-bg-color'})`,
+        } }, children));
+};
+exports.FormControlSelect = FormControlSelect;
+//# sourceMappingURL=form-control-select.js.map

package/build/src/components/form/form-control-select/form-control-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-select.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-select/form-control-select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,kEAA8D;AAE9D,qDAAmD;AACnD,sCAAmC;AAE5B,MAAM,iBAAiB,GAA8E,CAAC,EAC3G,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAEjE,OAAO,CACL,8BAAC,eAAM,OACD,KAAK,KACL,aAAa,EACjB,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;YACpC,aAAa,CAAC,QAAQ,CAAC,KAA0B,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EACH;YACE,2BAA2B,EACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,sCAAsC;gBACxC,CAAC,CAAC,wCAAwC;YAC9C,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,+BAA+B;gBACjC,CAAC,CAAC,iCACN,GAAG;YACH,4BAA4B,EAC1B,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,uCAAuC;gBACzC,CAAC,CAAC,aAAa;YACnB,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,+BACN,GAAG;SACkB,IAGxB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,iBAAiB,qBAyC5B"}

package/build/src/components/form/form-control-select/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-select';

package/build/src/components/form/form-control-select/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-select"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC"}

package/build/src/components/form/form-control-textarea/form-control-textarea.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ExtendedReactFunctionalComponent } from '../../../types/extended-react-functional-component';
+import 'src/styles/text-input-generic-styles.scss';
+export type TextAreaInputProps = Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;
+export declare const FormControlTextarea: ExtendedReactFunctionalComponent<React.InputHTMLAttributes<HTMLInputElement>>;

package/build/src/components/form/form-control-textarea/form-control-textarea.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlTextarea = void 0;
+const react_1 = __importStar(require("react"));
+const field_context_1 = require("../field-context/field-context");
+const utils_1 = require("src/utils");
+require("src/styles/text-input-generic-styles.scss");
+const FormControlTextarea = (props) => {
+    const fieldProvider = (0, react_1.useContext)(field_context_1.FieldContext);
+    return (
+    // @ts-ignore
+    react_1.default.createElement("textarea", { rows: 3, ...props, ...fieldProvider, inputMode: props.inputMode ?? 'text', onChange: (e) => {
+            const value = (0, utils_1.getFormikTextreaFormControlValue)(e);
+            fieldProvider.setValue(value);
+        }, className: "text-input-generic-styles", style: {
+            '--text-input-border-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-border-color)'
+                : 'var(--text-input-default-border-color)',
+            '--text-input-text-color': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-text-color'
+                : '--text-input-default-text-color'})`,
+            '--text-input-outline-color': (fieldProvider.errors ?? '')?.length > 0
+                ? 'var(--text-input-error-outline-color)'
+                : 'transparent',
+            '--text-input-background': `var(${(fieldProvider.errors ?? '')?.length > 0
+                ? '--text-input-error-bg-color'
+                : '--text-input-default-bg-color'})`,
+        } }));
+};
+exports.FormControlTextarea = FormControlTextarea;
+//# sourceMappingURL=form-control-textarea.js.map

package/build/src/components/form/form-control-textarea/form-control-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-textarea.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-textarea/form-control-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,kEAA8D;AAC9D,qCAA6D;AAE7D,qDAAmD;AAI5C,MAAM,mBAAmB,GAE5B,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAE/C,OAAO;IACL,aAAa;IACb,4CACE,IAAI,EAAE,CAAC,KACH,KAAK,KACL,aAAa,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,MAAM,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,IAAA,wCAAgC,EAAC,CAAC,CAAC,CAAC;YAClD,aAAa,CAAC,QAAQ,CAAC,KAA0B,CAAC,CAAC;QACrD,CAAC,EACD,SAAS,EAAC,2BAA2B,EACrC,KAAK,EACH;YACE,2BAA2B,EACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,sCAAsC;gBACxC,CAAC,CAAC,wCAAwC;YAC9C,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,+BAA+B;gBACjC,CAAC,CAAC,iCACN,GAAG;YACH,4BAA4B,EAC1B,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,uCAAuC;gBACzC,CAAC,CAAC,aAAa;YACnB,yBAAyB,EAAE,OACzB,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,+BACN,GAAG;SACkB,GAEzB,CACH,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}

package/build/src/components/form/form-control-textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './form-control-textarea';

package/build/src/components/form/form-control-textarea/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-control-textarea"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-control-textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-control-textarea/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC"}

package/build/src/components/form/form-error/form-error.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedReactFunctionalComponent } from "src/types";
+export declare const FormError: ExtendedReactFunctionalComponent;

package/build/src/components/form/form-error/form-error.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormError = void 0;
+const react_1 = __importDefault(require("react"));
+const FormError = ({ children }) => {
+    return (react_1.default.createElement("span", { className: "text-error text-xs truncate min-h-3" }, children));
+};
+exports.FormError = FormError;
+//# sourceMappingURL=form-error.js.map

package/build/src/components/form/form-error/form-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../../../../src/components/form/form-error/form-error.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAKnB,MAAM,SAAS,GAAqC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACxE,OAAO,CACL,wCAAM,SAAS,EAAC,qCAAqC,IAAE,QAAQ,CAAQ,CACxE,CAAA;AACH,CAAC,CAAA;AAJY,QAAA,SAAS,aAIrB"}

package/build/src/components/form/form-error/index.d.ts

@@ -0,0 +1 @@
+export * from './form-error';

package/build/src/components/form/form-error/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-error"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-error/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/build/src/components/form/form-group/form-group.d.ts

@@ -0,0 +1,8 @@
+import { ExtendedReactFunctionalComponent } from 'src/types';
+interface FormFieldProps {
+    label?: string;
+    formFieldName: string;
+    isRequired?: boolean;
+}
+export declare const FormGroup: ExtendedReactFunctionalComponent<FormFieldProps>;
+export {};

package/build/src/components/form/form-group/form-group.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormGroup = void 0;
+const react_1 = __importDefault(require("react"));
+const formik_form_control_1 = require("../formik-form-control");
+const show_1 = require("src/components/show");
+const form_control_error_1 = require("../form-control-error");
+const form_control_label_1 = require("../form-control-label");
+const FormGroup = ({ label, formFieldName, isRequired, children, }) => {
+    return (react_1.default.createElement(formik_form_control_1.FormikFormControl, { isRequired: isRequired, formFieldName: formFieldName },
+        react_1.default.createElement(show_1.Show.When, { isTrue: Boolean(label) },
+            react_1.default.createElement(form_control_label_1.FormControlLabel, null, label)),
+        children,
+        react_1.default.createElement(form_control_error_1.FormControlError, null)));
+};
+exports.FormGroup = FormGroup;
+//# sourceMappingURL=form-group.js.map

package/build/src/components/form/form-group/form-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../../../../src/components/form/form-group/form-group.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,gEAA2D;AAC3D,8CAA2C;AAC3C,8DAAyD;AACzD,8DAAyD;AAQlD,MAAM,SAAS,GAAqD,CAAC,EAC1E,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,uCAAiB,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa;QACrE,8BAAC,WAAI,CAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC;YAC/B,8BAAC,qCAAgB,QAAE,KAAK,CAAoB,CAClC;QAEX,QAAQ;QAET,8BAAC,qCAAgB,OAAG,CACF,CACrB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}

package/build/src/components/form/form-group/index.d.ts

@@ -0,0 +1 @@
+export * from './form-group';

package/build/src/components/form/form-group/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-group"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/components/form/form-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/form-group/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/build/src/components/form/form-submit-button/form-submit-button.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from "src/components/button";
+import { ExtendedReactFunctionalComponent } from "src/types";
+import { SubmitButtonProps } from "src/components/submit-button";
+export type FormSubmitButton = Omit<ButtonProps, 'type'>;
+export declare const FormSubmitButton: ExtendedReactFunctionalComponent<SubmitButtonProps>;