period-ui 0.3.7 → 0.4.1

package/dist/components/molecules/form/form-select/form-select.js

@@ -4,16 +4,15 @@ exports.FormSelect = FormSelect;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../../components");
 const containers_1 = require("../../../../containers");
-function FormSelect({ formControlClassName, syncTypingToField = false, ...props }) {
+function FormSelect({ formControlClassName, syncTypingToField = false, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, id, formName, formProps, isRequired, ...selectProps }) {
     async function handleValueChange(typedText) {
-        const { formProps, formName, onChangeText } = props;
-        onChangeText?.(typedText);
+        selectProps.onChangeText?.(typedText);
         if (!syncTypingToField)
             return;
         await formProps?.setFieldValue(formName, { value: undefined, label: typedText });
     }
     async function handleChange(selectedValues) {
-        const { formProps, formName, onOptionChange, options, isMultiSelect } = props;
+        const { onOptionChange, options, isMultiSelect } = selectProps;
         if (isMultiSelect) {
             const selectedOptions = options
                 .filter((option) => selectedValues.includes(option.value))
@@ -31,14 +30,11 @@ function FormSelect({ formControlClassName, syncTypingToField = false, ...props
         onOptionChange?.(selectedValues);
     }
     async function handleOnBlur() {
-        const { onBlur, formProps, formName } = props;
         await formProps?.setFieldTouched(formName ?? '', true, true);
-        onBlur?.();
+        selectProps.onBlur?.();
     }
-    const rawFormError = props.formProps?.errors[props.formName];
+    const rawFormError = formProps?.errors[formName];
     const formError = rawFormError?.value || rawFormError?.label;
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText ||
-            formError ||
-            props.formProps?.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: selectProps.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: selectProps.isDisabled, errorText: errorText || formError || formProps?.errors[formName], className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...selectProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
 }
 //# sourceMappingURL=form-select.js.map

package/dist/components/molecules/form/form-select/form-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCAsEC;;AA/ED,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACQ;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE9E,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAiB,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,KAAK,CAAC;IAE7D,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS;YACf,SAAS;YACR,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAElE,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCA0FC;;AAnGD,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,WAAW,EACE;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,WAAW,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;QAE/D,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,EAAE,MAAM,CAAC,QAAS,CAAiB,CAAC;IAClE,MAAM,SAAS,GAAG,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,KAAK,CAAC;IAE7D,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAC/E,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,SAAS,EACP,SAAS,IAAI,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAS,CAAwB,EAEhF,SAAS,EAAE,oBAAoB,EAC/B,uBAAuB,EAAE,KAAK,YAE7B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACtD,uBAAC,mBAAM,OACD,WAAW,EACf,EAAE,EAAE,OAAO,EACX,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,WAAW,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-text-field/form-text-field.d.ts

@@ -1,7 +1,11 @@
 import { TextFieldProps } from '../../../../components';
-import { FormControlProps } from '../../../../containers';
-export type FormTextFieldProps = FormControlProps & TextFieldProps & {
+import { FormControlProps, FormInputWidth } from '../../../../containers';
+export type FormTextFieldProps = FormControlProps & Omit<TextFieldProps, 'width'> & {
     formControlClassName?: string;
+    width?: FormInputWidth;
 };
-export declare function FormTextField({ formControlClassName, ...props }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const FormTextField: import("react").ForwardRefExoticComponent<FormControlProps & Omit<TextFieldProps, "width"> & {
+    formControlClassName?: string;
+    width?: FormInputWidth;
+} & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=form-text-field.d.ts.map

package/dist/components/molecules/form/form-text-field/form-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,cAAc,GAAG;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmCnF"}
+{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,aAAa;2BALC,MAAM;YAErB,cAAc;oDA2ExB,CAAC"}

package/dist/components/molecules/form/form-text-field/form-text-field.js

@@ -1,20 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormTextField = FormTextField;
+exports.FormTextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const components_1 = require("../../../../components");
 const containers_1 = require("../../../../containers");
-function FormTextField({ formControlClassName, ...props }) {
-    async function handleChange(value) {
-        const { onChange, formProps, formName } = props;
-        await formProps?.setFieldValue(formName, value.target.value || '');
-        onChange?.(value);
+exports.FormTextField = (0, react_1.forwardRef)(function FormTextField({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, width, isRequired, isDisabled, ...textFieldProps }, ref) {
+    const isFormMode = !!(formProps && formName);
+    function handleChange(event) {
+        textFieldProps.onChange?.(event);
+        if (formProps && formName) {
+            void formProps.setFieldValue(formName, event.target.value ?? '');
+        }
     }
-    async function handleOnBlur() {
-        const { onBlur, formProps, formName } = props;
-        await formProps?.setFieldTouched(formName ?? '', true, true);
-        onBlur?.();
+    function handleBlur(event) {
+        textFieldProps.onBlur?.(event);
+        if (formProps && formName) {
+            void formProps.setFieldTouched(formName, true, true);
+        }
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props?.formProps?.errors[props.formName], inputWidth: props.width ?? props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...props, isErrorVisible: isErrorVisible, value: props.value ?? props.formProps?.values[props.formName], onBlur: handleOnBlur, onChange: handleChange })) }));
-}
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth ?? width, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...textFieldProps, ref: ref, id: inputId, "aria-describedby": describedBy, isRequired: isRequired, isDisabled: isDisabled, isErrorVisible: isErrorVisible, value: isFormMode ? (formProps?.values[formName ?? ''] ?? '') : textFieldProps.value, onChange: handleChange, onBlur: handleBlur })) }));
+});
 //# sourceMappingURL=form-text-field.js.map

package/dist/components/molecules/form/form-text-field/form-text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AASA,sCAmCC;;AA3CD,uDAAmE;AACnE,uDAAuF;AAOvF,SAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAsB;IAClF,KAAK,UAAU,YAAY,CAAC,KAAoC;QAC9D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAEhD,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACpE,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAEtF,UAAU,EAAG,KAAK,CAAC,KAAwB,IAAI,KAAK,CAAC,UAAU,EAC/D,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,sBAAS,OACJ,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAC,EAC9D,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,uDAAmE;AACnE,uDAAuF;AAS1E,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAC,SAAS,aAAa,CAC5D,EACE,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,KAAK,EACL,UAAU,EACV,UAAU,EACV,GAAG,cAAc,EACE,EACrB,GAAmC;IAEnC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;IAE7C,SAAS,YAAY,CAAC,KAAoC;QACxD,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACrD,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAAI,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,sBAAS,OACJ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,sBACO,WAAW,EAC7B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EACpF,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GAClB,CACH,GACW,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/molecules/select/select.d.ts

@@ -1,12 +1,15 @@
 import { ReactElement } from 'react';
 import { DropDownMenuOptionProps } from '../../../components';
 export type SelectProps = {
+    id?: string;
     mask?: string;
     isFixed?: boolean;
     isDisabled?: boolean;
     isMultiSelect?: boolean;
     isErrorVisible?: boolean;
     className?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
     emptyLabel?: ReactElement | string;
     initialInputValue?: string;
     initialValues?: string[] | string;
@@ -17,5 +20,5 @@ export type SelectProps = {
     onChangeText?: (value: string) => void;
     onOptionChange?: (options: string[]) => void;
 };
-export declare function Select({ mask, isFixed, isDisabled, isMultiSelect, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ id, mask, isFixed, isDisabled, isMultiSelect, isErrorVisible, className, ariaLabelledBy, ariaDescribedBy, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/components/molecules/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAc,EACd,UAAkB,EAClB,aAAqB,EACrB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAO,GACR,EAAE,WAAW,2CAgHb"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,OAAc,EACd,UAAkB,EAClB,aAAqB,EACrB,cAAc,EACd,SAAS,EACT,cAAc,EACd,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAO,GACR,EAAE,WAAW,2CAqHb"}

package/dist/components/molecules/select/select.js

@@ -6,7 +6,7 @@ const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const select_input_1 = require("./components/select-input");
 const use_select_1 = require("./use-select");
-function Select({ mask, isFixed = true, isDisabled = false, isMultiSelect = false, isErrorVisible, className, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }) {
+function Select({ id, mask, isFixed = true, isDisabled = false, isMultiSelect = false, isErrorVisible, className, ariaLabelledBy, ariaDescribedBy, emptyLabel, initialInputValue, initialValues, debounceDelay, options, onBlur, onChangeText, onOptionChange, onClick, }) {
     const { isOpen, inputValue, selectedValues, chipsData, filteredOptions, inputRef, handleSearchChange, setIsOpen, } = (0, use_select_1.useSelect)({
         options,
         isMultiSelect,
@@ -25,7 +25,7 @@ function Select({ mask, isFixed = true, isDisabled = false, isMultiSelect = fals
         }
         onClick?.();
     }
-    const trigger = ((0, jsx_runtime_1.jsxs)("div", { role: "button", "data-testid": "select-trigger", tabIndex: isDisabled ? -1 : 0, onClick: handleTriggerClick, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full p-4 justify-start items-center rounded-lg', 'border border-gray-04 bg-white', 'overflow-hidden cursor-pointer', 'hover:border-blue-02', isDisabled
+    const trigger = ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "button", "data-testid": "select-trigger", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": isErrorVisible || undefined, "aria-disabled": isDisabled || undefined, tabIndex: isDisabled ? -1 : 0, onClick: handleTriggerClick, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full p-4 justify-start items-center rounded-lg', 'border border-gray-04 bg-white', 'overflow-hidden cursor-pointer', 'hover:border-blue-02', isDisabled
             ? 'outline-none cursor-not-allowed bg-gray-05 border-gray-04 hover:border-gray-04'
             : 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-blue-01', isErrorVisible && 'border-red-01', isMultiSelect && 'p-0 pr-4 pl-2 py-2', className), children: [isMultiSelect ? ((0, jsx_runtime_1.jsx)(components_1.ChipList, { data: chipsData, className: "mr-1 w-full max-h-[138px] overflow-y-auto md:overflow-y-auto", lasItemComponent: (0, jsx_runtime_1.jsx)("div", { className: "flex-grow min-w-[20px] basis-[150px]", children: (0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, inputValue: inputValue, className: "h-fit md:h-10 w-full", onInputChange: handleSearchChange }) }) })) : ((0, jsx_runtime_1.jsx)(select_input_1.SelectInput, { mask: mask, ref: inputRef, onBlur: onBlur, isDisabled: isDisabled, className: "h-fit md:h-6 w-full", inputValue: inputValue, onInputChange: handleSearchChange })), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: isOpen ? components_1.IconSymbol.CARET_UP : components_1.IconSymbol.CARET_DOWN, size: components_1.IconSize.SM, color: isDisabled ? components_1.IconColor.BLUE_03 : components_1.IconColor.BLUE_01, className: "ml-2" })] }));
     return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { isFixed: isFixed, isDisabled: isDisabled, onClose: setIsOpen, isOpen: isOpen, selectedIDs: selectedValues, options: filteredOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: "flex whitespace-normal bg-white py-2 px-4", children: emptyLabel })) : (emptyLabel), dropDownClassName: "left-0", className: "w-full", children: trigger }));

package/dist/components/molecules/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/text-field/components/text-field-input.d.ts

@@ -1,14 +1,12 @@
-import { ComponentProps, FocusEvent } from 'react';
-export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'onBlur'> & {
+import { ComponentProps } from 'react';
+export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref'> & {
     mask?: string;
     isRequired?: boolean;
     isDisabled?: boolean;
-    onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "onBlur" | "required"> & {
+export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "required"> & {
     mask?: string;
     isRequired?: boolean;
     isDisabled?: boolean;
-    onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 } & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=text-field-input.d.ts.map

package/dist/components/molecules/text-field/components/text-field-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAK7E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAC3C,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,cAAc;WANlB,MAAM;iBACA,OAAO;iBACP,OAAO;aACX,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDAuBvD,CAAC"}
+{"version":3,"file":"text-field-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAKjE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,CAChC,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc;WALlB,MAAM;iBACA,OAAO;iBACP,OAAO;oDAsBpB,CAAC"}

package/dist/components/molecules/text-field/components/text-field-input.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const components_1 = require("../../../../components");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
 const components_2 = require("../../../../components");
-exports.TextFieldInput = (0, react_1.forwardRef)(function TextFieldInput({ mask, isRequired, isDisabled, className, onBlur, ...rest }, ref) {
-    return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, required: isRequired, disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex-grow py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_2.TextStyle[components_2.TextVariant.BODY], className), onBlur: onBlur, ...rest }));
+exports.TextFieldInput = (0, react_1.forwardRef)(function TextFieldInput({ mask, isRequired, isDisabled, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, required: isRequired, disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex-grow py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_2.TextStyle[components_2.TextVariant.BODY], className), ...rest }));
 });
 //# sourceMappingURL=text-field-input.js.map

package/dist/components/molecules/text-field/components/text-field-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6E;AAC7E,uDAAmD;AACnD,qEAA4D;AAC5D,uDAAgE;AAYnD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAuB,EACjF,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,oBAAoB,EACpB,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,EACD,MAAM,EAAE,MAA2C,KAC/C,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,uDAAmD;AACnD,qEAA4D;AAC5D,uDAAgE;AAWnD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAuB,EACzE,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,oBAAoB,EACpB,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/molecules/text-field/text-field.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, FocusEvent, ReactNode } from 'react';
-type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'className' | 'onBlur'> & {
+import { ComponentProps, ReactNode } from 'react';
+type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'className'> & {
     isRequired?: boolean;
     isDisabled?: boolean;
     isErrorVisible?: boolean;
@@ -8,9 +8,8 @@ type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'cl
     trailingElement?: ReactNode;
     className?: string;
     inputClassName?: string;
-    onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "className" | "onBlur" | "required"> & {
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "className" | "required"> & {
     isRequired?: boolean;
     isDisabled?: boolean;
     isErrorVisible?: boolean;
@@ -19,7 +18,6 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<i
     trailingElement?: ReactNode;
     className?: string;
     inputClassName?: string;
-    onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 } & import("react").RefAttributes<HTMLInputElement>>;
 export type { Props as TextFieldProps };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/components/molecules/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CACzD,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,SAAS;iBAbP,OAAO;iBACP,OAAO;qBACH,OAAO;WACjB,MAAM;qBACI,SAAS;sBACR,SAAS;gBACf,MAAM;qBACD,MAAM;aAGd,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDA0CvD,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5E,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,CAC9C,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS;iBAVP,OAAO;iBACP,OAAO;qBACH,OAAO;WACjB,MAAM;qBACI,SAAS;sBACR,SAAS;gBACf,MAAM;qBACD,MAAM;oDA2CvB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}

package/dist/components/molecules/text-field/text-field.js

@@ -6,6 +6,6 @@ const react_1 = require("react");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const text_field_input_1 = require("./components/text-field-input");
 exports.TextField = (0, react_1.forwardRef)(function TextField({ isRequired, isDisabled, isErrorVisible, mask, leadingElement, trailingElement, className, inputClassName, ...rest }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', isErrorVisible && 'border-red-01 focus-within:ring-red-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', isErrorVisible && 'border-red-01 focus-within:ring-red-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, "aria-invalid": isErrorVisible || undefined, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
 });
 //# sourceMappingURL=text-field.js.map

package/dist/components/molecules/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,kEAAyD;AACzD,oEAA+D;AAmBlD,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,UAAU,EACV,UAAU,EACV,cAAc,EACd,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EACR,GAAmC;IAEnC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0BAA0B,EAC1B,2CAA2C,EAC3C,oFAAoF,EACpF,+CAA+C,EAC/C,cAAc,IAAI,wCAAwC,EAC1D,SAAS,CACV,aAEA,cAAc,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,cAAc,GAAO,EAE1F,uBAAC,iCAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,KACjE,IAAI,GACR,EAED,eAAe,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,eAAe,GAAO,IACxF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4E;AAC5E,kEAAyD;AACzD,oEAA+D;AAgBlD,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,UAAU,EACV,UAAU,EACV,cAAc,EACd,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EACR,GAAmC;IAEnC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0BAA0B,EAC1B,2CAA2C,EAC3C,oFAAoF,EACpF,+CAA+C,EAC/C,cAAc,IAAI,wCAAwC,EAC1D,SAAS,CACV,aAEA,cAAc,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,cAAc,GAAO,EAE1F,uBAAC,iCAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,kBACR,cAAc,IAAI,SAAS,EACzC,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,KACjE,IAAI,GACR,EAED,eAAe,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,eAAe,GAAO,IACxF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/containers/form-control/components/form-error.d.ts

@@ -1,7 +1,8 @@
 type FormErrorProps = {
     errorText: string;
     className?: string;
+    id?: string;
 };
-export declare function FormError({ errorText, className }: FormErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormError({ errorText, className, id }: FormErrorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=form-error.d.ts.map

package/dist/containers/form-control/components/form-error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,cAAc,2CAcjE"}
+{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,2CAcrE"}

package/dist/containers/form-control/components/form-error.js

@@ -4,7 +4,7 @@ exports.FormError = FormError;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
-function FormError({ errorText, className }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ALERT_FILLED, size: components_1.IconSize.SM, color: components_1.IconColor.RED_01, className: (0, tailwind_utils_1.tailwind)('mr-1 pt-[2px] md:pt-[5px]') }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: components_1.TextColors.RED, className: "whitespace-normal", children: errorText })] }));
+function FormError({ errorText, className, id }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "alert", className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ALERT_FILLED, size: components_1.IconSize.SM, color: components_1.IconColor.RED_01, className: (0, tailwind_utils_1.tailwind)('mr-1 pt-[2px] md:pt-[5px]') }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: components_1.TextColors.RED, className: "whitespace-normal", children: errorText })] }));
 }
 //# sourceMappingURL=form-error.js.map

package/dist/containers/form-control/components/form-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":";;AAgBA,8BAcC;;AA9BD,oDAQ6B;AAC7B,kEAAyD;AAOzD,SAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAkB;IAChE,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,aAC5E,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,YAAY,EAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,KAAK,EAAE,sBAAS,CAAC,MAAM,EACvB,SAAS,EAAE,IAAA,yBAAQ,EAAC,2BAA2B,CAAC,GAChD,EACF,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,GAAG,EAAE,SAAS,EAAC,mBAAmB,YAClF,SAAS,GACL,IACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":";;AAiBA,8BAcC;;AA/BD,oDAQ6B;AAC7B,kEAAyD;AAQzD,SAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAkB;IACpE,OAAO,CACL,iCAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,aACjG,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,YAAY,EAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,KAAK,EAAE,sBAAS,CAAC,MAAM,EACvB,SAAS,EAAE,IAAA,yBAAQ,EAAC,2BAA2B,CAAC,GAChD,EACF,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,GAAG,EAAE,SAAS,EAAC,mBAAmB,YAClF,SAAS,GACL,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/containers/form-control/components/form-helper.d.ts

@@ -3,7 +3,8 @@ type Props = {
     helperText: string;
     color?: TextColors;
     className?: string;
+    id?: string;
 };
-export declare function FormHelper({ helperText, className, color }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FormHelper({ helperText, className, color, id }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=form-helper.d.ts.map

package/dist/containers/form-control/components/form-helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-helper.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAe,MAAM,qBAAqB,CAAC;AAGpE,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAA2B,EAAE,EAAE,KAAK,2CAUvF"}
+{"version":3,"file":"form-helper.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAe,MAAM,qBAAqB,CAAC;AAGpE,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAA2B,EAAE,EAAE,EAAE,EAAE,KAAK,2CAW3F"}

package/dist/containers/form-control/components/form-helper.js

@@ -4,7 +4,7 @@ exports.FormHelper = FormHelper;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
-function FormHelper({ helperText, className, color = components_1.TextColors.BLACK_02 }) {
-    return ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: color, className: (0, tailwind_utils_1.tailwind)('whitespace-normal', className), children: helperText }));
+function FormHelper({ helperText, className, color = components_1.TextColors.BLACK_02, id }) {
+    return ((0, jsx_runtime_1.jsx)(components_1.Text, { id: id, variant: components_1.TextVariant.HELPER, color: color, className: (0, tailwind_utils_1.tailwind)('whitespace-normal', className), children: helperText }));
 }
 //# sourceMappingURL=form-helper.js.map

package/dist/containers/form-control/components/form-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":";;AASA,gCAUC;;AAnBD,oDAAoE;AACpE,kEAAyD;AAQzD,SAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,uBAAU,CAAC,QAAQ,EAAS;IACtF,OAAO,CACL,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EAAC,mBAAmB,EAAE,SAAS,CAAC,YAElD,UAAU,GACN,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":";;AAUA,gCAWC;;AArBD,oDAAoE;AACpE,kEAAyD;AASzD,SAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,uBAAU,CAAC,QAAQ,EAAE,EAAE,EAAS;IAC1F,OAAO,CACL,uBAAC,iBAAI,IACH,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EAAC,mBAAmB,EAAE,SAAS,CAAC,YAElD,UAAU,GACN,CACR,CAAC;AACJ,CAAC"}

package/dist/containers/form-control/components/form-label.d.ts

@@ -6,7 +6,9 @@ type Props = {
     optionalLabel?: string;
     className?: string;
     toolTipProps?: ToolTipProps;
+    htmlFor?: string;
+    id?: string;
 };
-export declare function FormLabel({ isRequired, hideRequiredMark, label, className, optionalLabel, toolTipProps, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FormLabel({ isRequired, hideRequiredMark, label, className, optionalLabel, toolTipProps, htmlFor, id, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=form-label.d.ts.map

package/dist/containers/form-control/components/form-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAG7B,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAiB,EACjB,gBAAwB,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,GACb,EAAE,KAAK,2CAmCP"}
+{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAG7B,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAiB,EACjB,gBAAwB,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,OAAO,EACP,EAAE,GACH,EAAE,KAAK,2CA2CP"}

package/dist/containers/form-control/components/form-label.js

@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
 const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
-function FormLabel({ isRequired = true, hideRequiredMark = false, label, className, optionalLabel, toolTipProps, }) {
+function FormLabel({ isRequired = true, hideRequiredMark = false, label, className, optionalLabel, toolTipProps, htmlFor, id, }) {
     const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
-    return ((0, jsx_runtime_1.jsxs)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center', className), children: [!hideRequiredMark && isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: components_1.TextColors.PURPLE, className: "mr-1 inline", children: '*' })), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: "inline", children: label }), !hideRequiredMark && !isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK_02, className: "ml-1 inline", children: optionalLabel })), toolTipProps && ((0, jsx_runtime_1.jsx)("div", { className: "ml-2", children: (0, jsx_runtime_1.jsx)(components_1.Tooltip, { ...toolTipProps, position: toolTipProps.position ?? components_1.PopOverPosition.RIGHT, toolTipType: isMobile ? components_1.ToolTipType.MODAL : toolTipProps.toolTipType }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center', className), children: [(0, jsx_runtime_1.jsxs)(components_1.Text, { as: "label", htmlFor: htmlFor, id: id, className: "inline", children: [!hideRequiredMark && isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", "aria-hidden": true, variant: components_1.TextVariant.BODY, color: components_1.TextColors.PURPLE, className: "mr-1 inline", children: '*' })), (0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, className: "inline", children: label }), !hideRequiredMark && !isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK_02, className: "ml-1 inline", children: optionalLabel }))] }), toolTipProps && ((0, jsx_runtime_1.jsx)("div", { className: "ml-2", children: (0, jsx_runtime_1.jsx)(components_1.Tooltip, { ...toolTipProps, position: toolTipProps.position ?? components_1.PopOverPosition.RIGHT, toolTipType: isMobile ? components_1.ToolTipType.MODAL : toolTipProps.toolTipType }) }))] }));
 }
 //# sourceMappingURL=form-label.js.map

package/dist/containers/form-control/components/form-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":";;AAqBA,8BA0CC;;AA/DD,6EAAsE;AACtE,oDAQ6B;AAC7B,kEAAyD;AAWzD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,KAAK,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,GACN;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,OAAO,CACL,wBAAC,iBAAI,IAAC,SAAS,EAAE,IAAA,yBAAQ,EAAC,4BAA4B,EAAE,SAAS,CAAC,aAE/D,CAAC,gBAAgB,IAAI,UAAU,IAAI,CAClC,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,MAAM,EAAE,SAAS,EAAC,aAAa,YAC/E,GAAG,GACC,CACR,EAGD,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,SAAS,EAAC,QAAQ,YAChD,KAAK,GACD,EAGN,CAAC,gBAAgB,IAAI,CAAC,UAAU,IAAI,CACnC,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAAE,SAAS,EAAC,aAAa,YACjF,aAAa,GACT,CACR,EAGA,YAAY,IAAI,CACf,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,oBAAO,OACF,YAAY,EAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,IAAI,4BAAe,CAAC,KAAK,EACxD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,wBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,GACpE,GACE,CACP,IACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":";;AAuBA,8BAoDC;;AA3ED,6EAAsE;AACtE,oDAQ6B;AAC7B,kEAAyD;AAazD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,KAAK,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,OAAO,EACP,EAAE,GACI;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,4BAA4B,EAAE,SAAS,CAAC,aAC/D,wBAAC,iBAAI,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,aAE1D,CAAC,gBAAgB,IAAI,UAAU,IAAI,CAClC,uBAAC,iBAAI,IACH,EAAE,EAAC,MAAM,uBAET,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,MAAM,EACxB,SAAS,EAAC,aAAa,YAEtB,GAAG,GACC,CACR,EAGD,uBAAC,iBAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,SAAS,EAAC,QAAQ,YAC1D,KAAK,GACD,EAGN,CAAC,gBAAgB,IAAI,CAAC,UAAU,IAAI,CACnC,uBAAC,iBAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAAE,SAAS,EAAC,aAAa,YAC3F,aAAa,GACT,CACR,IACI,EAGN,YAAY,IAAI,CACf,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,oBAAO,OACF,YAAY,EAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,IAAI,4BAAe,CAAC,KAAK,EACxD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,wBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,GACpE,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/containers/form-control/form-control.d.ts

@@ -3,8 +3,13 @@ import { FormRenderProps, ToolTipProps } from '../../';
 import { FormInputWidth } from './form-control-types';
 type ChildrenRenderProps = {
     isErrorVisible: boolean;
+    inputId: string;
+    labelId: string;
+    errorId: string;
+    describedBy?: string;
 };
 type Props = {
+    id?: string;
     isDisabled?: boolean;
     isRequired?: boolean;
     formName?: string;
@@ -18,8 +23,9 @@ type Props = {
     containerClassName?: string;
     formProps?: FormRenderProps<any>;
     toolTipProps?: ToolTipProps;
+    associateLabelWithInput?: boolean;
     children?: (renderProps: ChildrenRenderProps) => React.ReactElement;
 };
-export declare function FormControl({ isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, toolTipProps, hideRequiredMark, containerClassName, inputWidth, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FormControl({ id, isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, toolTipProps, hideRequiredMark, containerClassName, associateLabelWithInput, inputWidth, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export type { Props as FormControlProps };
 //# sourceMappingURL=form-control.d.ts.map

package/dist/containers/form-control/form-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,2CAqCP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAA8B,EAC9B,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,2CAgDP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}

package/dist/containers/form-control/form-control.js

@@ -1,18 +1,29 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormControl = FormControl;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const __1 = require("../../");
 const tailwind_utils_1 = require("../../utils/tailwind-utils");
 const form_error_1 = require("./components/form-error");
 const form_helper_1 = require("./components/form-helper");
 const form_label_1 = require("./components/form-label");
 const form_control_types_1 = require("./form-control-types");
-function FormControl({ isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, toolTipProps, hideRequiredMark, containerClassName, inputWidth = form_control_types_1.FormInputWidth.FOUR_COLUMN, children, }) {
+function FormControl({ id, isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, toolTipProps, hideRequiredMark, containerClassName, associateLabelWithInput = true, inputWidth = form_control_types_1.FormInputWidth.FOUR_COLUMN, children, }) {
+    const generatedId = react_1.default.useId();
+    const baseId = id ?? formName ?? generatedId;
+    const inputId = `${baseId}-input`;
+    const labelId = `${baseId}-label`;
+    const errorId = `${baseId}-error`;
+    const helperId = `${baseId}-helper`;
     const widthClassName = form_control_types_1.FormInputWidthClassNames[inputWidth];
     const isTouched = (!formName && !formProps) || formProps?.touched[formName ?? ''];
-    const isErrorVisible = errorText && isTouched;
-    const isHelperVisible = !isErrorVisible && helperText;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', widthClassName, className), children: [label && ((0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { isRequired: isRequired, hideRequiredMark: hideRequiredMark, label: label, optionalLabel: optionalLabel, toolTipProps: toolTipProps })), children ? children({ isErrorVisible: !!isErrorVisible }) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isHelperVisible && !isErrorVisible }), children: [isHelperVisible && ((0, jsx_runtime_1.jsx)(form_helper_1.FormHelper, { helperText: helperText, color: isDisabled ? __1.TextColors.BLACK_03 : __1.TextColors.BLACK_02 })), isErrorVisible && (0, jsx_runtime_1.jsx)(form_error_1.FormError, { className: "w-full", errorText: errorText })] })] }));
+    const isErrorVisible = !!(errorText && isTouched);
+    const isHelperVisible = !isErrorVisible && !!helperText;
+    const describedBy = isErrorVisible ? errorId : isHelperVisible ? helperId : undefined;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', widthClassName, className), children: [label && ((0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { htmlFor: associateLabelWithInput ? inputId : undefined, id: labelId, isRequired: isRequired, hideRequiredMark: hideRequiredMark, label: label, optionalLabel: optionalLabel, toolTipProps: toolTipProps })), children ? children({ isErrorVisible, inputId, labelId, errorId, describedBy }) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isHelperVisible && !isErrorVisible }), children: [isHelperVisible && ((0, jsx_runtime_1.jsx)(form_helper_1.FormHelper, { id: helperId, helperText: helperText, color: isDisabled ? __1.TextColors.BLACK_03 : __1.TextColors.BLACK_02 })), isErrorVisible && (0, jsx_runtime_1.jsx)(form_error_1.FormError, { id: errorId, className: "w-full", errorText: errorText })] })] }));
 }
 //# sourceMappingURL=form-control.js.map

package/dist/containers/form-control/form-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;AA8BA,kCAoDC;;AAhFD,8BAAmE;AACnE,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AACpD,6DAAgF;AAuBhF,SAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GAAG,mCAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,MAAM,cAAc,GAAG,6CAAwB,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAClF,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,UAAU,CAAC;IAEtD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,gCAAgC,EAAE,kBAAkB,CAAC,aAC5E,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,cAAc,EAAE,SAAS,CAAC,aAE3E,KAAK,IAAI,CACR,uBAAC,sBAAS,IACR,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B,CACH,EAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7D,EAEN,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC,aAEtE,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,GAC7D,CACH,EAGA,cAAc,IAAI,uBAAC,sBAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,GAAI,IACrE,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;;;AAoCA,kCAiEC;;AApGD,kDAA0B;AAC1B,8BAAmE;AACnE,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AACpD,6DAAgF;AA6BhF,SAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,GAAG,IAAI,EAC9B,UAAU,GAAG,mCAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,MAAM,WAAW,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,IAAI,WAAW,CAAC;IAC7C,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,QAAQ,GAAG,GAAG,MAAM,SAAS,CAAC;IAEpC,MAAM,cAAc,GAAG,6CAAwB,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAClF,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,UAAU,CAAC;IACxD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtF,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,gCAAgC,EAAE,kBAAkB,CAAC,aAC5E,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,cAAc,EAAE,SAAS,CAAC,aAE3E,KAAK,IAAI,CACR,uBAAC,sBAAS,IACR,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtD,EAAE,EAAE,OAAO,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B,CACH,EAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IACnF,EAEN,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC,aAEtE,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,EAAE,EAAE,QAAQ,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,GAC7D,CACH,EAGA,cAAc,IAAI,uBAAC,sBAAS,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,GAAI,IAClF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export declare const _periodUI_marker = true;
 export { Signature } from './components';
 export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, } from './components';
-export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, } from './components';
+export { Badge, BadgeVariant, BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, } from './components';
 export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, Callout, CalloutVariant, ThreeDotMenu, } from './components';
 export { DropdownButton } from './components';
 export { FormControl, FormInputWidth } from './containers';
 export type { FormControlProps } from './containers';
-export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, FormDatePickerProps, ThreeDotMenuProps, DropdownButtonProps, } from './components';
+export type { BadgeProps, ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, FormDatePickerProps, ThreeDotMenuProps, DropdownButtonProps, } from './components';
 export type { MultiOptions } from './types/general';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EAGnB,iBAAiB,EAGjB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EAGnB,iBAAiB,EAGjB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports.Signature = exports._periodUI_marker = void 0;
-exports.FormInputWidth = exports.FormControl = exports.DropdownButton = exports.ThreeDotMenu = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = void 0;
+exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports.BadgeVariant = exports.Badge = exports.Signature = exports._periodUI_marker = void 0;
+exports.FormInputWidth = exports.FormControl = exports.DropdownButton = exports.ThreeDotMenu = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = void 0;
 exports._periodUI_marker = true;
 var components_1 = require("./components");
 Object.defineProperty(exports, "Signature", { enumerable: true, get: function () { return components_1.Signature; } });
 var components_2 = require("./components");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return components_2.Badge; } });
+Object.defineProperty(exports, "BadgeVariant", { enumerable: true, get: function () { return components_2.BadgeVariant; } });
 Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_2.BilloIcon; } });
 Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return components_2.IconColor; } });
 Object.defineProperty(exports, "IconSymbol", { enumerable: true, get: function () { return components_2.IconSymbol; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AASlB,2CAkCsB;AAjCpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAIpB,2CAqBsB;AApBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,4GAAA,cAAc,OAAA;AACd,mHAAA,qBAAqB,OAAA;AACrB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,0GAAA,YAAY,OAAA;AAId,2CAA8C;AAArC,4GAAA,cAAc,OAAA;AAGvB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AASlB,2CAoCsB;AAnCpB,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAIpB,2CAqBsB;AApBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,4GAAA,cAAc,OAAA;AACd,mHAAA,qBAAqB,OAAA;AACrB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,0GAAA,YAAY,OAAA;AAId,2CAA8C;AAArC,4GAAA,cAAc,OAAA;AAGvB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}