@bodynarf/react.components 1.12.6 → 1.13.0

package/components/primitives/number/component/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { NumberProps } from "..";
-/** Number input component */
-declare const Number: (props: NumberProps) => JSX.Element;
-export default Number;
+import { NumberProps } from "..";
+/** Number input component */
+declare const Number: (props: NumberProps) => JSX.Element;
+export default Number;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/number/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/number/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIjC,6BAA6B;AAC7B,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WAIpC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/number/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIjC,6BAA6B;AAC7B,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,KAAG,GAAG,CAAC,OAIxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/primitives/number/component/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import NumberWithLabel from "../components/withLabel";
-import NumberWithoutLabel from "../components/withoutLabel";
-/** Number input component */
-const Number = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(NumberWithoutLabel, { ...props })
-        : _jsx(NumberWithLabel, { ...props });
-};
-export default Number;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import NumberWithLabel from "../components/withLabel";
+import NumberWithoutLabel from "../components/withoutLabel";
+/** Number input component */
+const Number = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(NumberWithoutLabel, { ...props })
+        : _jsx(NumberWithLabel, { ...props });
+};
+export default Number;

package/components/primitives/number/components/withLabel/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { NumberProps } from "../..";
-/** Number component with label */
-declare const NumberWithLabel: ({ onValueChange, defaultValue, validationState, name, label, placeholder, size, style, rounded, loading, readonly, disabled, autoFocus, onBlur, step, className, title, data, hint, }: NumberProps) => JSX.Element;
-export default NumberWithLabel;
+import { NumberProps } from "../..";
+/** Number component with label */
+declare const NumberWithLabel: ({ onValueChange, defaultValue, validationState, name, label, placeholder, size, style, rounded, loading, readonly, disabled, autoFocus, onBlur, step, className, title, data, hint, }: NumberProps) => JSX.Element;
+export default NumberWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/number/components/withLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withLabel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,kCAAkC;AAClC,QAAA,MAAM,eAAe,0LAWlB,WAAW,KAAG,WAwDhB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withLabel/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,kCAAkC;AAClC,QAAA,MAAM,eAAe,GAAI,uLAWtB,WAAW,KAAG,GAAG,CAAC,OAwDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/primitives/number/components/withLabel/index.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, isNullOrUndefined, isStringEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import ComponentWithLabel from "../../../internal/componentWithLabel";
-import InternalHint from "../../../internal/hint";
-/** Number component with label */
-const NumberWithLabel = ({ onValueChange, defaultValue, validationState, name = generateGuid(), label, placeholder, size = ElementSize.Normal, style, rounded = false, loading = false, readonly = false, disabled = false, autoFocus = false, onBlur, step = 1, className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value) ? undefined : +event.target.value), [onValueChange]);
-    const elClassName = getClassName([
-        className,
-        size === ElementSize.Normal ? "" : `is-${size}`,
-        rounded ? "is-rounded" : "",
-        getStyleClassName(style, validationState),
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "is-loading" : "",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "number", id: name, name: name, step: step, onBlur: onBlur, onChange: onChange, readOnly: readonly, disabled: disabled, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default NumberWithLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined, isStringEmpty } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import ComponentWithLabel from "../../../internal/componentWithLabel";
+import InternalHint from "../../../internal/hint";
+/** Number component with label */
+const NumberWithLabel = ({ onValueChange = emptyFn, defaultValue, validationState, name = generateGuid(), label, placeholder, size = ElementSize.Normal, style, rounded = false, loading = false, readonly = false, disabled = false, autoFocus = false, onBlur, step = 1, className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value) ? undefined : +event.target.value), [onValueChange]);
+    const elClassName = getClassName([
+        className,
+        size === ElementSize.Normal ? "" : `is-${size}`,
+        rounded ? "is-rounded" : "",
+        getStyleClassName(style, validationState),
+        "input",
+    ]);
+    const inputContainerClassName = getClassName([
+        "control",
+        loading ? "is-loading" : "",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsx("div", { className: inputContainerClassName, children: _jsx("input", { type: "number", id: name, name: name, step: step, onBlur: onBlur, onChange: onChange, readOnly: readonly, disabled: disabled, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default NumberWithLabel;

package/components/primitives/number/components/withoutLabel/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { NumberProps } from "../..";
-/** Number component without label */
-declare const NumberWithoutLabel: ({ onValueChange, defaultValue, validationState, name, size, style, readonly, disabled, autoFocus, rounded, loading, placeholder, onBlur, step, className, title, data, hint, }: NumberProps) => JSX.Element;
-export default NumberWithoutLabel;
+import { NumberProps } from "../..";
+/** Number component without label */
+declare const NumberWithoutLabel: ({ onValueChange, defaultValue, validationState, name, size, style, readonly, disabled, autoFocus, rounded, loading, placeholder, onBlur, step, className, title, data, hint, }: NumberProps) => JSX.Element;
+export default NumberWithoutLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/number/components/withoutLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withoutLabel/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,qCAAqC;AACrC,QAAA,MAAM,kBAAkB,mLAYrB,WAAW,KAAG,WAsDhB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/number/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,qCAAqC;AACrC,QAAA,MAAM,kBAAkB,GAAI,gLAYzB,WAAW,KAAG,GAAG,CAAC,OAsDpB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/primitives/number/components/withoutLabel/index.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import InternalHint from "../../../internal/hint";
-/** Number component without label */
-const NumberWithoutLabel = ({ onValueChange, defaultValue, validationState, name = generateGuid(), size, style, readonly = false, disabled = false, autoFocus = false, rounded = false, loading = false, placeholder, onBlur, step = 1, className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(+event.target.value), [onValueChange]);
-    const elClassName = getClassName([
-        className,
-        size === ElementSize.Normal ? "" : `is-${size}`,
-        rounded ? "is-rounded" : "",
-        getStyleClassName(style, validationState),
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading ? "is-loading" : "",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs("div", { className: "bbr-field field", children: [_jsx("div", { className: containerClassName, children: _jsx("input", { type: "number", id: name, name: name, step: step, onBlur: onBlur, onChange: onChange, readOnly: readonly, disabled: disabled, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default NumberWithoutLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import InternalHint from "../../../internal/hint";
+/** Number component without label */
+const NumberWithoutLabel = ({ onValueChange = emptyFn, defaultValue, validationState, name = generateGuid(), size, style, readonly = false, disabled = false, autoFocus = false, rounded = false, loading = false, placeholder, onBlur, step = 1, className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(+event.target.value), [onValueChange]);
+    const elClassName = getClassName([
+        className,
+        size === ElementSize.Normal ? "" : `is-${size}`,
+        rounded ? "is-rounded" : "",
+        getStyleClassName(style, validationState),
+        "input",
+    ]);
+    const containerClassName = getClassName([
+        "control",
+        "bbr-input",
+        loading ? "is-loading" : "",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs("div", { className: "bbr-field field", children: [_jsx("div", { className: containerClassName, children: _jsx("input", { type: "number", id: name, name: name, step: step, onBlur: onBlur, onChange: onChange, readOnly: readonly, disabled: disabled, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }) }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default NumberWithoutLabel;

package/components/primitives/number/index.d.ts

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

package/components/primitives/number/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/primitives/number/types.d.ts

@@ -1,13 +1,11 @@
-import { BaseInputElementProps } from "../../../types";
-/** Number component props type */
-export interface NumberProps extends BaseInputElementProps<number> {
-    /** Focus out event handler */
-    onBlur?: () => void;
-    /**
-     * Difference which will be used to change value after step button click.
-     * See html input step documentation.
-     * @default 1
-    */
-    step?: number;
-}
+import { BaseNullableInputElementProps, BlurableElement } from "../../../types";
+/** Number component props type */
+export type NumberProps = BaseNullableInputElementProps<number> & BlurableElement & {
+    /**
+     * Difference which will be used to change value after step button click.
+     * See html input step documentation.
+     * @default 1
+    */
+    step?: number;
+};
 //# sourceMappingURL=types.d.ts.map

package/components/primitives/number/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD,kCAAkC;AAClC,MAAM,WAAW,WAAY,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC9D,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;MAIE;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE5E,kCAAkC;AAClC,MAAM,MAAM,WAAW,GAAG,6BAA6B,CAAC,MAAM,CAAC,GACzD,eAAe,GACf;IACE;;;;MAIE;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/components/primitives/number/types.js

@@ -1 +1 @@
-export {};
+export {};

package/components/primitives/password/component/index.d.ts

@@ -1,6 +1,6 @@
-import "./style.scss";
-import { PasswordProps } from "../..";
-/** Password input component */
-declare const Password: (props: PasswordProps) => JSX.Element;
-export default Password;
+import "./style.scss";
+import { PasswordProps } from "../..";
+/** Password input component */
+declare const Password: (props: PasswordProps) => JSX.Element;
+export default Password;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/password/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/password/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAIxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/password/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAAG,CAAC,OAI5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/primitives/password/component/index.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "./style.scss";
-import PasswordWithLabel from "../components/withLabel";
-import PasswordWithoutLabel from "../components/withoutLabel";
-/** Password input component */
-const Password = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(PasswordWithoutLabel, { ...props })
-        : _jsx(PasswordWithLabel, { ...props });
-};
-export default Password;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import "./style.scss";
+import PasswordWithLabel from "../components/withLabel";
+import PasswordWithoutLabel from "../components/withoutLabel";
+/** Password input component */
+const Password = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(PasswordWithoutLabel, { ...props })
+        : _jsx(PasswordWithLabel, { ...props });
+};
+export default Password;

package/components/primitives/password/components/withLabel/index.d.ts

@@ -1,4 +1,4 @@
-import { PasswordProps } from "../..";
-declare const PasswordWithLabel: ({ defaultValue, onValueChange, validationState, name, size, style, rounded, loading, autoFocus, disabled, canShowPassword, label, placeholder, showPasswordIconTitle, className, title, data, hint, }: PasswordProps) => JSX.Element;
-export default PasswordWithLabel;
+import { PasswordProps } from "../..";
+declare const PasswordWithLabel: ({ defaultValue, onValueChange, validationState, name, size, style, rounded, loading, autoFocus, disabled, canShowPassword, label, placeholder, showPasswordIconTitle, className, title, data, hint, }: PasswordProps) => JSX.Element;
+export default PasswordWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/password/components/withLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withLabel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,iBAAiB,0MAWpB,aAAa,KAAG,WAuElB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withLabel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,iBAAiB,GAAI,uMAWxB,aAAa,KAAG,GAAG,CAAC,OAuEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/primitives/password/components/withLabel/index.js

@@ -1,34 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import Icon from "../../../../icon";
-import ComponentWithLabel from "../../../internal/componentWithLabel";
-import InternalHint from "../../../internal/hint";
-const PasswordWithLabel = ({ defaultValue, onValueChange, validationState, name = generateGuid(), size = ElementSize.Normal, style, rounded = false, loading = false, autoFocus = false, disabled = false, canShowPassword = false, label, placeholder, showPasswordIconTitle = "Show password", className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const [contentIsHidden, setContentIsHidden] = useState(true);
-    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
-    const elSizeClassName = size === ElementSize.Normal ? "" : "is-{0}".format(size);
-    const elClassName = getClassName([
-        "bbr-password",
-        className,
-        elSizeClassName,
-        rounded ? "is-rounded" : "",
-        getStyleClassName(style, validationState),
-        "input",
-    ]);
-    const inputContainerClassName = getClassName([
-        "control",
-        loading ? "is-loading" : "",
-        canShowPassword ? "has-icons-right" : "",
-        "bbr-password__wrapper",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsxs("div", { className: inputContainerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", id: name, name: name, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }), canShowPassword && !loading &&
-                        _jsx("span", { onClick: onIconClick, title: showPasswordIconTitle, className: `icon is-right ${elSizeClassName}`, children: _jsx(Icon, { name: contentIsHidden ? "eye" : "eye-slash", size: ElementSize.Medium }) })] }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default PasswordWithLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import Icon from "../../../../icon";
+import ComponentWithLabel from "../../../internal/componentWithLabel";
+import InternalHint from "../../../internal/hint";
+const PasswordWithLabel = ({ defaultValue, onValueChange = emptyFn, validationState, name = generateGuid(), size = ElementSize.Normal, style, rounded = false, loading = false, autoFocus = false, disabled = false, canShowPassword = false, label, placeholder, showPasswordIconTitle = "Show password", className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
+    const [contentIsHidden, setContentIsHidden] = useState(true);
+    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
+    const elSizeClassName = size === ElementSize.Normal ? "" : "is-{0}".format(size);
+    const elClassName = getClassName([
+        "bbr-password",
+        className,
+        elSizeClassName,
+        rounded ? "is-rounded" : "",
+        getStyleClassName(style, validationState),
+        "input",
+    ]);
+    const inputContainerClassName = getClassName([
+        "control",
+        loading ? "is-loading" : "",
+        canShowPassword ? "has-icons-right" : "",
+        "bbr-password__wrapper",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(ComponentWithLabel, { id: name, size: size, label: label, children: [_jsxs("div", { className: inputContainerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", id: name, name: name, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }), !!canShowPassword && !loading &&
+                        _jsx("span", { onClick: onIconClick, title: showPasswordIconTitle, className: `icon is-right ${elSizeClassName}`, children: _jsx(Icon, { size: size, name: contentIsHidden ? "eye" : "eye-slash" }) })] }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default PasswordWithLabel;

package/components/primitives/password/components/withoutLabel/index.d.ts

@@ -1,4 +1,4 @@
-import { PasswordProps } from "../..";
-declare const PasswordWithoutLabel: ({ defaultValue, onValueChange, disabled, validationState, name, size, style, rounded, loading, autoFocus, placeholder, canShowPassword, showPasswordIconTitle, className, title, data, hint, }: PasswordProps) => JSX.Element;
-export default PasswordWithoutLabel;
+import { PasswordProps } from "../..";
+declare const PasswordWithoutLabel: ({ defaultValue, onValueChange, disabled, validationState, name, size, style, rounded, loading, autoFocus, placeholder, canShowPassword, showPasswordIconTitle, className, title, data, hint, }: PasswordProps) => JSX.Element;
+export default PasswordWithoutLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/password/components/withoutLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withoutLabel/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,oBAAoB,mMAWvB,aAAa,KAAG,WAsElB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/password/components/withoutLabel/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,oBAAoB,GAAI,gMAW3B,aAAa,KAAG,GAAG,CAAC,OAsEtB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/components/primitives/password/components/withoutLabel/index.js

@@ -1,34 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../types";
-import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
-import Icon from "../../../../icon";
-import InternalHint from "../../../internal/hint";
-const PasswordWithoutLabel = ({ defaultValue, onValueChange, disabled, validationState, name = generateGuid(), size = ElementSize.Normal, style, rounded = false, loading = false, autoFocus = false, placeholder, canShowPassword = false, showPasswordIconTitle = "Show password", className, title, data, hint, }) => {
-    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
-    const [contentIsHidden, setContentIsHidden] = useState(true);
-    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
-    const elSizeClassName = size === ElementSize.Normal ? "" : "is-{0}".format(size);
-    const elClassName = getClassName([
-        "bbr-password",
-        className,
-        elSizeClassName,
-        rounded ? "is-rounded" : "",
-        getStyleClassName(style, validationState),
-        "input",
-    ]);
-    const containerClassName = getClassName([
-        "control",
-        "bbr-input",
-        loading ? "is-loading" : "",
-        canShowPassword ? "has-icons-right" : "",
-        "bbr-password__wrapper",
-    ]);
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs("div", { className: "bbr-field field", children: [_jsxs("div", { className: containerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", id: name, name: name, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }), canShowPassword && !loading &&
-                        _jsx("span", { onClick: onIconClick, title: showPasswordIconTitle, className: `icon is-right ${elSizeClassName}`, children: _jsx(Icon, { name: contentIsHidden ? "eye" : "eye-slash", size: ElementSize.Medium }) })] }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default PasswordWithoutLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { emptyFn, generateGuid, getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../types";
+import { getStyleClassName, mapDataAttributes } from "../../../../../utils";
+import Icon from "../../../../icon";
+import InternalHint from "../../../internal/hint";
+const PasswordWithoutLabel = ({ defaultValue, onValueChange = emptyFn, disabled, validationState, name = generateGuid(), size = ElementSize.Normal, style, rounded = false, loading = false, autoFocus = false, placeholder, canShowPassword = false, showPasswordIconTitle = "Show password", className, title, data, hint, }) => {
+    const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
+    const [contentIsHidden, setContentIsHidden] = useState(true);
+    const onIconClick = useCallback(() => setContentIsHidden(state => !state), [setContentIsHidden]);
+    const elSizeClassName = size === ElementSize.Normal ? "" : "is-{0}".format(size);
+    const elClassName = getClassName([
+        "bbr-password",
+        className,
+        elSizeClassName,
+        rounded ? "is-rounded" : "",
+        getStyleClassName(style, validationState),
+        "input",
+    ]);
+    const containerClassName = getClassName([
+        "control",
+        "bbr-input",
+        loading ? "is-loading" : "",
+        canShowPassword ? "has-icons-right" : "",
+        "bbr-password__wrapper",
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs("div", { className: "bbr-field field", children: [_jsxs("div", { className: containerClassName, children: [_jsx("input", { type: contentIsHidden ? "password" : "text", id: name, name: name, disabled: disabled, onChange: onChange, autoFocus: autoFocus, className: elClassName, placeholder: placeholder, defaultValue: defaultValue, title: title, ...dataAttributes }), !!canShowPassword && !loading &&
+                        _jsx("span", { onClick: onIconClick, title: showPasswordIconTitle, className: `icon is-right ${elSizeClassName}`, children: _jsx(Icon, { size: size, name: contentIsHidden ? "eye" : "eye-slash" }) })] }), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default PasswordWithoutLabel;

package/components/primitives/password/index.d.ts

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

package/components/primitives/password/index.js

@@ -1,2 +1,2 @@
-export { default } from "./component";
-export * from "./types";
+export { default } from "./component";
+export * from "./types";

package/components/primitives/password/types.d.ts

@@ -1,15 +1,15 @@
-import { BaseInputElementProps } from "../../../types";
-/** Password component props type */
-export interface PasswordProps extends Omit<BaseInputElementProps<string>, "readonly"> {
-    /**
-     * Is clickable icon "Show password" visible.
-     * Will show password on click
-    */
-    canShowPassword?: boolean;
-    /**
-     * Title for slow password icon
-     * @default "Show password"
-     */
-    showPasswordIconTitle?: string;
-}
+import { BaseNotNullableInputElementProps } from "../../../types";
+/** Password component props type */
+export interface PasswordProps extends Omit<BaseNotNullableInputElementProps<string>, "readonly"> {
+    /**
+     * Is clickable icon "Show password" visible.
+     * Will show password on click
+    */
+    canShowPassword?: boolean;
+    /**
+     * Title for slow password icon
+     * @default "Show password"
+     */
+    showPasswordIconTitle?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/components/primitives/password/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD,oCAAoC;AACpC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAClF;;;MAGE;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC;AAE9D,oCAAoC;AACpC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gCAAgC,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7F;;;MAGE;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC"}

package/components/primitives/password/types.js

@@ -1 +1 @@
-export {};
+export {};

package/components/primitives/text/component/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TextProps } from "..";
-/** Textual input component */
-declare const Text: (props: TextProps) => JSX.Element;
-export default Text;
+import { TextProps } from "..";
+/** Textual input component */
+declare const Text: (props: TextProps) => JSX.Element;
+export default Text;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/text/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/text/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAI/B,8BAA8B;AAC9B,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,WAIhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/text/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAI/B,8BAA8B;AAC9B,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,KAAG,GAAG,CAAC,OAIpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/primitives/text/component/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import TextWithLabel from "../components/withLabel";
-import TextWithoutLabel from "../components/withoutLabel";
-/** Textual input component */
-const Text = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(TextWithoutLabel, { ...props })
-        : _jsx(TextWithLabel, { ...props });
-};
-export default Text;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import TextWithLabel from "../components/withLabel";
+import TextWithoutLabel from "../components/withoutLabel";
+/** Textual input component */
+const Text = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(TextWithoutLabel, { ...props })
+        : _jsx(TextWithLabel, { ...props });
+};
+export default Text;

package/components/primitives/text/components/withLabel/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TextProps } from "../..";
-/** Textual input with describing label */
-declare const TextWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, size, style, rounded, loading, autoFocus, label, placeholder, onBlur, className, title, data, hint, }: TextProps) => JSX.Element;
-export default TextWithLabel;
+import { TextProps } from "../..";
+/** Textual input with describing label */
+declare const TextWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, size, style, rounded, loading, autoFocus, label, placeholder, onBlur, className, title, data, hint, }: TextProps) => JSX.Element;
+export default TextWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/primitives/text/components/withLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/withLabel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,0CAA0C;AAC1C,QAAA,MAAM,aAAa,oLAUhB,SAAS,KAAG,WAsDd,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/text/components/withLabel/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,0CAA0C;AAC1C,QAAA,MAAM,aAAa,GAAI,iLAUpB,SAAS,KAAG,GAAG,CAAC,OAsDlB,CAAC;AAEF,eAAe,aAAa,CAAC"}