period-ui 0.3.7 → 0.4.0

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":";;AAsCA,wBAwIC;;AA7KD,oDAU6B;AAC7B,kEAAyD;AACzD,4DAAwD;AACxD,6CAAyC;AAwBzC,SAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,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,GACK;IACZ,MAAM,EACJ,MAAM,EACN,UAAU,EACV,cAAc,EACd,SAAS,EACT,eAAe,EACf,QAAQ,EACR,kBAAkB,EAClB,SAAS,GACV,GAAG,IAAA,sBAAS,EAAC;QACZ,OAAO;QACP,aAAa;QACb,aAAa;QACb,iBAAiB;QACjB,aAAa;QACb,YAAY;QACZ,cAAc;KACf,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,KAAiC;QAC3D,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;YACzD,OAAO;QACT,CAAC;QAED,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,CACd,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,iBACD,gBAAgB,qBACX,cAAc,sBACb,eAAe,kBACnB,cAAc,IAAI,SAAS,mBAC1B,UAAU,IAAI,SAAS,EACtC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAA,yBAAQ,EACjB,iEAAiE,EACjE,gCAAgC,EAChC,gCAAgC,EAChC,sBAAsB,EACtB,UAAU;YACR,CAAC,CAAC,gFAAgF;YAClF,CAAC,CAAC,iFAAiF,EACrF,cAAc,IAAI,eAAe,EACjC,aAAa,IAAI,oBAAoB,EACrC,SAAS,CACV,aAEA,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,qBAAQ,IACP,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,8DAA8D,EACxE,gBAAgB,EACd,gCAAK,SAAS,EAAC,sCAAsC,YACnD,uBAAC,0BAAW,IACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,sBAAsB,EAChC,aAAa,EAAE,kBAAkB,GACjC,GACE,GAER,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,0BAAW,IACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,qBAAqB,EAC/B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,kBAAkB,GACjC,CACH,EAED,uBAAC,sBAAS,IACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,UAAU,EAC1D,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,SAAS,EAAC,MAAM,GAChB,IACE,CACP,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAY,IACX,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,eAAe,EACxB,YAAY,EACV,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,SAAS,EAAC,2CAA2C,YACnF,UAAU,GACN,CACR,CAAC,CAAC,CAAC,CACF,UAAU,CACX,EAEH,iBAAiB,EAAC,QAAQ,EAC1B,SAAS,EAAC,QAAQ,YAEjB,OAAO,GACK,CAChB,CAAC;AACJ,CAAC"}

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"}