@bodynarf/react.components 1.7.2 → 1.7.3

package/components/accordion/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { AccordionProps } from "../../accordion";
+import { AccordionProps } from "@bbr/components/accordion";
 /** Accordion panel */
 declare const Accordion: ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }: AccordionProps) => JSX.Element;
 export default Accordion;

package/components/accordion/component/index.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
 import "./style.scss";
-import { ElementSize } from "../..";
-import Icon from "../../icon";
-import { mapDataAttributes } from "../../../utils";
+import { ElementSize } from "@bbr/components";
+import Icon from "@bbr/components/icon";
+import { mapDataAttributes } from "@bbr/utils";
 /** Accordion panel */
 const Accordion = ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }) => {
     const expandablePanelRef = useRef(null);

package/components/accordion/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseElementProps, ElementColor, ElementSize } from "..";
+import { BaseElementProps, ElementColor, ElementSize } from "@bbr/components";
 /** Accordion panel props type */
 export interface AccordionProps extends BaseElementProps {
     /** Content that should be collapsed inside */

package/components/anchor/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { AnchorProps } from "../..";
+import { AnchorProps } from "@bbr/components";
 /** Anchor component */
 export default function Anchor(props: AnchorProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/anchor/component/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
 import "./style.scss";
-import { SimpleAnchor } from "../../anchor/components/simpleAnchor";
-import { AnchorWithIcon } from "../../anchor/components/anchorWithIcon";
+import { SimpleAnchor } from "@bbr/components/anchor/components/simpleAnchor";
+import { AnchorWithIcon } from "@bbr/components/anchor/components/anchorWithIcon";
 /** Anchor component */
 export default function Anchor(props) {
     if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {

package/components/anchor/components/anchorWithIcon/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AnchorWithIconProps } from "../../../anchor";
+import { AnchorWithIconProps } from "@bbr/components/anchor";
 /** Anchor with icon component */
 export declare const AnchorWithIcon: ({ href, className, onClick, caption, title, target, icon }: AnchorWithIconProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/anchor/components/anchorWithIcon/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isNullOrEmpty } from "@bodynarf/utils";
-import Icon from "../../../icon";
+import Icon from "@bbr/components/icon";
 /** Anchor with icon component */
 export const AnchorWithIcon = ({ href, className, onClick, caption, title, target, icon }) => {
     const iconPosition = icon.position || "left";

package/components/anchor/components/simpleAnchor/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SimpleAnchorProps } from "../../../anchor";
+import { SimpleAnchorProps } from "@bbr/components/anchor";
 /** Simple anchor component, without icon */
 export declare const SimpleAnchor: ({ href, className, onClick, caption, title, target }: SimpleAnchorProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/anchor/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementIcon } from "..";
+import { ElementIcon } from "@bbr/components";
 /** Anchor component props type */
 export interface AnchorProps {
     /** Link destination */

package/components/button/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { ButtonProps } from "../..";
+import { ButtonProps } from "@bbr/components";
 /**
  * Button component
  * @throws Caption is not defined and icon configuration is not defined at the same time

package/components/button/component/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
 import "./style.scss";
-import { mapDataAttributes } from "../../../utils";
-import { ButtonWithIcon } from "../../button/components/buttonWithIcon";
-import { SimpleButton } from "../../button/components/simpleButton";
+import { mapDataAttributes } from "@bbr/utils";
+import { ButtonWithIcon } from "@bbr/components/button/components/buttonWithIcon";
+import { SimpleButton } from "@bbr/components/button/components/simpleButton";
 /**
  * Button component
  * @throws Caption is not defined and icon configuration is not defined at the same time

package/components/button/components/buttonWithIcon/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonWithIconProps } from "../../../button";
+import { ButtonWithIconProps } from "@bbr/components/button";
 /** Button with icon component */
 export declare const ButtonWithIcon: ({ className, disabled, onClick, caption, title, icon, data, }: ButtonWithIconProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/button/components/buttonWithIcon/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isNullOrEmpty } from "@bodynarf/utils";
-import Icon from "../../../icon";
+import Icon from "@bbr/components/icon";
 /** Button with icon component */
 export const ButtonWithIcon = ({ className, disabled, onClick, caption, title, icon, data, }) => {
     const iconPosition = icon.position || "left";

package/components/button/components/simpleButton/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SimpleButtonProps } from "../../../button";
+import { SimpleButtonProps } from "@bbr/components/button";
 /** Simple button component, without icon */
 export declare const SimpleButton: ({ className, disabled, onClick, caption, title, data }: SimpleButtonProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/button/types.d.ts

@@ -1,4 +1,4 @@
-import { BaseElementProps, ElementIcon, ElementSize } from "..";
+import { BaseElementProps, ElementIcon, ElementSize } from "@bbr/components";
 export interface ButtonProps extends BaseElementProps {
     /** Button displaying text */
     caption?: string;

package/components/dropdown/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { DropdownProps } from "../../dropdown";
+import { DropdownProps } from "@bbr/components/dropdown";
 /** Dropdown component */
 declare const Dropdown: (props: DropdownProps) => JSX.Element;
 export default Dropdown;

package/components/dropdown/component/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined } from "@bodynarf/utils";
 import "./style.scss";
-import DropdownWithLabel from "../../dropdown/components/withLabel";
-import DropdownCompact from "../../dropdown/components/compact";
+import DropdownWithLabel from "@bbr/components/dropdown/components/withLabel";
+import DropdownCompact from "@bbr/components/dropdown/components/compact";
 /** Dropdown component */
 const Dropdown = (props) => {
     if (!isNullOrUndefined(props.label)) {

package/components/dropdown/components/compact/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownProps } from "../../../dropdown";
+import { DropdownProps } from "@bbr/components/dropdown";
 declare const DropdownCompact: ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }: DropdownProps) => JSX.Element;
 export default DropdownCompact;
 //# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/compact/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useState } from "react";
 import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { useComponentOutsideClick } from "../../../../hooks";
-import DropdownItem from "../../../dropdown/components/item";
-import DropdownLabel from "../../../dropdown/components/label";
+import { useComponentOutsideClick } from "@bbr/hooks";
+import DropdownItem from "@bbr/components/dropdown/components/item";
+import DropdownLabel from "@bbr/components/dropdown/components/label";
 const DropdownCompact = ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }) => {
     const id = useId();
     const [isListVisible, setListVisible] = useState(false);

package/components/dropdown/components/item/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectableItem } from "../../../dropdown";
+import { SelectableItem } from "@bbr/components/dropdown";
 /** Dropdown item props */
 interface DropdownItemProps {
     /** Item to present in dropdown */

package/components/dropdown/components/label/index.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from "react";
-import { SelectableItem } from "../../../dropdown";
+import { SelectableItem } from "@bbr/components/dropdown";
 export interface DropdownLabelProps {
     /** Caption when no items selected */
     caption: string;

package/components/dropdown/components/label/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../..";
-import Icon from "../../../icon";
+import { ElementSize } from "@bbr/components";
+import Icon from "@bbr/components/icon";
 /** Label component */
 const DropdownLabel = ({ caption, selectedItem, onClick, deselectable, className, }) => {
     const itemSelected = !isNullOrUndefined(selectedItem);

package/components/dropdown/components/withLabel/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownProps } from "../../../dropdown";
+import { DropdownProps } from "@bbr/components/dropdown";
 declare const DropdownWithLabel: ({ items, value, onSelect, validationState, deselectable, className, hideOnOuterClick, listMaxHeight, label, placeholder, disabled }: DropdownProps) => JSX.Element;
 export default DropdownWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/withLabel/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useState } from "react";
 import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
-import { getValidationValues } from "../../../../utils";
-import { useComponentOutsideClick } from "../../../../hooks";
-import DropdownItem from "../../../dropdown/components/item";
-import DropdownLabel from "../../../dropdown/components/label";
+import { getValidationValues } from "@bbr/utils";
+import { useComponentOutsideClick } from "@bbr/hooks";
+import DropdownItem from "@bbr/components/dropdown/components/item";
+import DropdownLabel from "@bbr/components/dropdown/components/label";
 const DropdownWithLabel = ({ items, value, onSelect, validationState, deselectable, className, hideOnOuterClick, listMaxHeight, label, placeholder, disabled }) => {
     const id = useId();
     const [isListVisible, setListVisible] = useState(false);

package/components/dropdown/types.d.ts

@@ -1,4 +1,4 @@
-import { BaseElementProps, InputLabel, ValidationState } from "..";
+import { BaseElementProps, InputLabel, ValidationState } from "@bbr/components";
 /** Dropdown item */
 export interface SelectableItem {
     /** Unique item identifier */

package/components/icon/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { IconProps } from "../../icon";
+import { IconProps } from "@bbr/components/icon";
 /**
  * Icon component. Based on bootstrap icons
  */

package/components/icon/component/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "@bodynarf/utils";
 import "./style.scss";
-import { ElementSize } from "../..";
+import { ElementSize } from "@bbr/components";
 const sizeToClassMap = new Map([
     [ElementSize.Small, "bbr-icon--size-small"],
     [ElementSize.Normal, ""],

package/components/icon/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementSize } from "..";
+import { ElementSize } from "@bbr/components";
 /** Icon component props */
 export interface IconProps {
     /**

package/components/paginator/component/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PaginatorProps } from "../../paginator";
+import { PaginatorProps } from "@bbr/components/paginator";
 /**
  * Paginator component.
  * Used for visualization of pagging configuration

package/components/paginator/component/index.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
-import { generatePageNumbers } from "../../paginator";
+import { generatePageNumbers } from "@bbr/components/paginator";
 /**
  * Paginator component.
  * Used for visualization of pagging configuration

package/components/paginator/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementSize } from "..";
+import { ElementSize } from "@bbr/components";
 export interface PaginatorProps {
     /** Amount of pages */
     count: number;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { CheckBoxProps } from "../../checkbox";
+import { CheckBoxProps } from "@bbr/components/checkbox";
 /** Boolean input component */
 declare const CheckBox: ({ label, onValueChange, defaultValue, name, disabled, rounded, size, style, block, withoutBorder, hasBackgroundColor, fixBackgroundColor, isFormLabel, }: CheckBoxProps) => JSX.Element;
 export default CheckBox;

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps } from "../..";
+import { BaseInputElementProps } from "@bbr/components";
 /** Checkbox component props type */
 export interface CheckBoxProps extends BaseInputElementProps<boolean> {
     /** Is full colored checkbox */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "../../../../common.scss";
-import { DateProps } from "../../date";
+import { DateProps } from "@bbr/components/date";
 /** Date input component */
 declare const DatePicker: ({ defaultValue, onValueChange, readonly, disabled, validationState, name, size, className, rounded, loading, style, label, onBlur }: DateProps) => JSX.Element;
 export default DatePicker;

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
 import "../../../../common.scss";
-import { ElementSize } from "../../..";
-import { getValidationValues } from "../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Date input component */
 const DatePicker = ({ defaultValue, onValueChange, readonly, disabled, validationState, name, size, className, rounded, loading, style, label, onBlur }) => {
     const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value)

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps, InputLabel } from "../..";
+import { BaseInputElementProps, InputLabel } from "@bbr/components";
 /** Date input component props type */
 export interface DateProps extends Omit<BaseInputElementProps<Date | undefined>, "placeholder"> {
     /** Label configuration */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "../../../../common.scss";
-import { MultilineProps } from "../../multiline";
+import { MultilineProps } from "@bbr/components/multiline";
 /** Multiline textual input component */
 declare const Multiline: (props: MultilineProps) => JSX.Element;
 export default Multiline;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined } from "@bodynarf/utils";
 import "../../../../common.scss";
-import MultilineWithoutLabel from "../../multiline/components/multilineWithoutLabel";
-import MultilineWithLabel from "../../multiline/components/multilineWithLabel";
+import MultilineWithoutLabel from "@bbr/components/multiline/components/multilineWithoutLabel";
+import MultilineWithLabel from "@bbr/components/multiline/components/multilineWithLabel";
 /** Multiline textual input component */
 const Multiline = (props) => {
     if (isNullOrUndefined(props.label)) {

package/components/primitives/multiline/components/multilineWithLabel/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MultilineProps } from "../../../multiline";
+import { MultilineProps } from "@bbr/components/multiline";
 /** Multiline textual input component with describing label */
 declare const MultilineWithLabel: ({ defaultValue, onValueChange, validationState, readonly, disabled, name, className, size, style, rounded, loading, label, placeholder, fixed, rows, onBlur }: MultilineProps) => JSX.Element;
 export default MultilineWithLabel;

package/components/primitives/multiline/components/multilineWithLabel/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Multiline textual input component with describing label */
 const MultilineWithLabel = ({ defaultValue, onValueChange, validationState, readonly, disabled, name, className, size, style, rounded, loading, label, placeholder, fixed, rows, onBlur }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);

package/components/primitives/multiline/components/multilineWithoutLabel/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MultilineProps } from "../../../multiline";
+import { MultilineProps } from "@bbr/components/multiline";
 /** Multiline textual input component without describing label*/
 declare const MultilineWithoutLabel: ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, className, size, style, rounded, loading, fixed, rows, }: MultilineProps) => JSX.Element;
 export default MultilineWithoutLabel;

package/components/primitives/multiline/components/multilineWithoutLabel/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Multiline textual input component without describing label*/
 const MultilineWithoutLabel = ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, className, size, style, rounded, loading, fixed, rows, }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps } from "../..";
+import { BaseInputElementProps } from "@bbr/components";
 /** Multiline textual input component props type */
 export interface MultilineProps extends BaseInputElementProps<string> {
     /** Is input should be resizable */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NumberProps } from "../../number";
+import { NumberProps } from "@bbr/components/number";
 /** Number input component */
 declare const Number: (props: NumberProps) => JSX.Element;
 export default Number;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined } from "@bodynarf/utils";
-import NumberWithLabel from "../../number/components/withLabel";
-import NumberWithoutLabel from "../../number/components/withoutLabel";
+import NumberWithLabel from "@bbr/components/number/components/withLabel";
+import NumberWithoutLabel from "@bbr/components/number/components/withoutLabel";
 /** Number input component */
 const Number = (props) => {
     if (isNullOrUndefined(props.label)) {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NumberProps } from "../../../number";
+import { NumberProps } from "@bbr/components/number";
 /** Number component with label */
 declare const NumberWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, step, }: NumberProps) => JSX.Element;
 export default NumberWithLabel;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Number component with label */
 const NumberWithLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, step, }) => {
     const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value) ? undefined : +event.target.value), [onValueChange]);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NumberProps } from "../../../number";
+import { NumberProps } from "@bbr/components/number";
 /** Number component without label */
 declare const NumberWithoutLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, step, }: NumberProps) => JSX.Element;
 export default NumberWithoutLabel;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Number component without label */
 const NumberWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, step, }) => {
     const onChange = useCallback((event) => onValueChange(+event.target.value), [onValueChange]);

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps } from "../..";
+import { BaseInputElementProps } from "@bbr/components";
 /** Number component props type */
 export interface NumberProps extends BaseInputElementProps<number> {
     /** Focus out event handler */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { PasswordProps } from "../../password";
+import { PasswordProps } from "@bbr/components/password";
 /** Password input component */
 declare const Password: (props: PasswordProps) => JSX.Element;
 export default Password;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined } from "@bodynarf/utils";
 import "./style.scss";
-import PasswordWithLabel from "../../password/components/withLabel";
-import PasswordWithoutLabel from "../../password/components/withoutLabel";
+import PasswordWithLabel from "@bbr/components/password/components/withLabel";
+import PasswordWithoutLabel from "@bbr/components/password/components/withoutLabel";
 /** Password input component */
 const Password = (props) => {
     if (isNullOrUndefined(props.label)) {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PasswordProps } from "../../../password";
+import { PasswordProps } from "@bbr/components/password";
 declare const PasswordWithLabel: ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, label, placeholder, canShowPassword, }: PasswordProps) => JSX.Element;
 export default PasswordWithLabel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { getValidationValues } from "../../../../../utils";
-import { ElementSize } from "../../../..";
-import Icon from "../../../../icon";
+import { getValidationValues } from "@bbr/utils";
+import { ElementSize } from "@bbr/components";
+import Icon from "@bbr/components/icon";
 const PasswordWithLabel = ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, label, placeholder, canShowPassword, }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
     const [contentIsHidden, setContentIsHidden] = useState(true);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PasswordProps } from "../../../password";
+import { PasswordProps } from "@bbr/components/password";
 declare const PasswordWithoutLabel: ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, placeholder, canShowPassword, }: PasswordProps) => JSX.Element;
 export default PasswordWithoutLabel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
-import Icon from "../../../../icon";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
+import Icon from "@bbr/components/icon";
 const PasswordWithoutLabel = ({ onValueChange, disabled, validationState, name, className, size, style, rounded, loading, placeholder, canShowPassword, }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
     const [contentIsHidden, setContentIsHidden] = useState(true);

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps } from "../..";
+import { BaseInputElementProps } from "@bbr/components";
 /** Password component props type */
 export interface PasswordProps extends Omit<BaseInputElementProps<string>, "defaultValue" | "readonly"> {
     /**

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "../../../../common.scss";
-import { TextProps } from "../../..";
+import { TextProps } from "@bbr/components";
 /** Textual input component */
 declare const Text: (props: TextProps) => JSX.Element;
 export default Text;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isNullOrUndefined } from "@bodynarf/utils";
 import "../../../../common.scss";
-import TextWithLabel from "../../text/components/textWithLabel";
-import TextWithoutLabel from "../../text/components/textWithoutLabel";
+import TextWithLabel from "@bbr/components/text/components/textWithLabel";
+import TextWithoutLabel from "@bbr/components/text/components/textWithoutLabel";
 /** Textual input component */
 const Text = (props) => {
     if (isNullOrUndefined(props.label)) {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextProps } from "../../../text";
+import { TextProps } from "@bbr/components/text";
 /** Textual input with describing label */
 declare const TextWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, }: TextProps) => JSX.Element;
 export default TextWithLabel;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault, } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Textual input with describing label */
 const TextWithLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextProps } from "../../../text";
+import { TextProps } from "@bbr/components/text";
 /** Textual input without describing label */
 declare const TextWithoutLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, }: TextProps) => JSX.Element;
 export default TextWithoutLabel;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
-import { ElementSize } from "../../../..";
-import { getValidationValues } from "../../../../../utils";
+import { ElementSize } from "@bbr/components";
+import { getValidationValues } from "@bbr/utils";
 /** Textual input without describing label */
 const TextWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, }) => {
     const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);

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

@@ -1,4 +1,4 @@
-import { BaseInputElementProps } from "../..";
+import { BaseInputElementProps } from "@bbr/components";
 /** Text input component props type */
 export interface TextProps extends BaseInputElementProps<string> {
     /** Focus out event handler */

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

@@ -1,4 +1,4 @@
-import { BaseElementProps, ElementColor, ElementSize } from "../..";
+import { BaseElementProps, ElementColor, ElementSize } from "@bbr/components";
 import { InputLabel, ValidationState } from ".";
 /** Base properties for input components */
 export interface BaseInputElementProps<TValue> extends BaseElementProps {

package/components/search/component/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./style.scss";
-import { SearchProps } from "../../search";
+import { SearchProps } from "@bbr/components/search";
 /** Search component */
 export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }: SearchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/search/component/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { generateGuid, getClassName } from "@bodynarf/utils";
 import "./style.scss";
-import Button from "../../button";
+import Button from "@bbr/components/button";
 /** Search component */
 export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }) {
     const [elementName] = useState(name || generateGuid());

package/components/search/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementSize } from "..";
+import { ElementSize } from "@bbr/components";
 /** Search component props type */
 export interface SearchProps {
     /**

package/components/tabs/component/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import "./style.scss";
-import { BaseElementProps, ElementSize } from "../..";
-import { TabItem, TabsPosition, TabsStyle } from "../../tabs";
+import { BaseElementProps, ElementSize } from "@bbr/components";
+import { TabItem, TabsPosition, TabsStyle } from "@bbr/components/tabs";
 /** Tabs component props type */
 export interface TabsProps extends BaseElementProps {
     /** Tabs */

package/components/tabs/component/index.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useState, useEffect, useRef } from "react";
 import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
 import "./style.scss";
-import { ElementSize } from "../..";
-import { mapDataAttributes } from "../../../utils";
-import { TabsPosition, TabsStyle } from "../../tabs";
-import TabItemComponent from "../../tabs/components/item";
+import { ElementSize } from "@bbr/components";
+import { mapDataAttributes } from "@bbr/utils";
+import { TabsPosition, TabsStyle } from "@bbr/components/tabs";
+import TabItemComponent from "@bbr/components/tabs/components/item";
 /**
  * Tabs panel
  * @throws Items are empty

package/components/tabs/components/item/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabItem as Item } from "../../../tabs";
+import { TabItem as Item } from "@bbr/components/tabs";
 /** Tabs panel single tab item component props type */
 export interface TabItemProps {
     /** Tab item */

package/components/tabs/components/item/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import Icon from "../../../icon";
+import Icon from "@bbr/components/icon";
 /** Tabs panel single tab item component */
 const TabItem = ({ item, activeItem }) => {
     if (!isNullOrUndefined(item.icon)) {

package/components/tabs/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementIcon } from "..";
+import { ElementIcon } from "@bbr/components";
 /** Tabs component style */
 export declare enum TabsStyle {
     /**

package/components/tag/component/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProps } from "../../tag";
+import { TagProps } from "@bbr/components/tag";
 import "./style.scss";
 /** Single tag item */
 declare const Tag: ({ content, size, style, rounded, lightColor, customColor, onClick, className, title, }: TagProps) => JSX.Element;

package/components/tag/component/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementColor, ElementSize } from "../..";
+import { ElementColor, ElementSize } from "@bbr/components";
 import "./style.scss";
 /** Single tag item */
 const Tag = ({ content, size, style, rounded, lightColor, customColor, onClick, className, title, }) => {

package/components/tag/types.d.ts

@@ -1,4 +1,4 @@
-import { BaseElementProps, ElementColor, ElementSize } from "..";
+import { BaseElementProps, ElementColor, ElementSize } from "@bbr/components";
 /** Tag item prop types */
 export interface TagProps extends BaseElementProps {
     /** Tag content */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.7.2",
+    "version": "1.7.3",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"
@@ -22,7 +22,7 @@
     ],
     "scripts": {
         "build": "npx tsc && tsc-alias -p tsconfig.json",
-        "publish": "npx tsc && copy package.json dist && copy readme.md dist && cd dist && npm publish --access=public"
+        "publish": "npx tsc && copy package.json ./dist && copy readme.md ./dist && cd ./dist && npm publish --access=public"
     },
     "devDependencies": {
         "@types/react": "^18.0.11",

package/utils/dataAttributes.d.ts

@@ -1,4 +1,4 @@
-import { DataAttributes } from "..";
+import { DataAttributes } from "@bbr";
 /**
  * Map object with key-value pairs to html data attributes format
  * @param dataAttributes Object with data attribute values

package/utils/formValidation.d.ts

@@ -1,4 +1,4 @@
-import { ElementColor, ValidationState } from "../components";
+import { ElementColor, ValidationState } from "@bbr/components";
 /**
  * Get current validation state values
  * @param style Component style color

package/utils/formValidation.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined } from "@bodynarf/utils";
-import { ValidationStatus } from "../components";
+import { ValidationStatus } from "@bbr/components";
 /**
  * Get current validation state values
  * @param style Component style color