@bodynarf/react.components 1.8.21 → 1.9.0

package/common.scss

@@ -1,7 +1,8 @@
-.help.m-help {
+.bbr-hint {
     white-space: pre-line;
+    display: inline-flex;
 }
 
 .control.is-loading input[type="date"]::-webkit-calendar-picker-indicator {
     display: none;
-}
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAOtB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAMZ,cAAc,KAAG,WA8DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":";AAQA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAEpC,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAOZ,cAAc,KAAG,WA+DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/accordion/component/index.js

@@ -1,12 +1,12 @@
 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 { ElementSize } from "../../../types";
 import { mapDataAttributes } from "../../../utils";
+import Icon from "../../icon";
+import "./style.scss";
 /** Accordion panel */
-const Accordion = ({ children, caption, style, size = ElementSize.Normal, defaultExpanded = false, onToggle, className, data, title, }) => {
+const Accordion = ({ children, caption, style, size = ElementSize.Normal, defaultExpanded = false, onToggle, className, title, data, }) => {
     const expandablePanelRef = useRef(null);
     const [isExpanded, setIsExpanded] = useState(defaultExpanded);
     const [maxHeight, setMaxHeight] = useState(defaultExpanded ? undefined : 0);

package/components/accordion/types.d.ts

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

package/components/accordion/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9E,iCAAiC;AACjC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACpD,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzE,iCAAiC;AACjC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACpD,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAK3D,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIjC,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6B9D"}

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 { isNullOrUndefined, getClassName } from "@bodynarf/utils";
 import "./style.scss";
-import { SimpleAnchor } from "../../anchor/components/simpleAnchor";
-import { AnchorWithIcon } from "../../anchor/components/anchorWithIcon";
+import SimpleAnchor from "../components/simpleAnchor";
+import AnchorWithIcon from "../components/anchorWithIcon";
 /** Anchor component */
 export default function Anchor(props) {
     if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
@@ -10,11 +10,11 @@ export default function Anchor(props) {
     }
     const className = getClassName([
         "bbr-anchor",
-        !isNullOrEmpty(props.className) ? ` ${props.className}` : "",
-        props.disableHovering === true ? " bbr-anchor--unhoverable" : ""
+        props.className,
+        props.disableHovering === true ? "bbr-anchor--unhoverable" : ""
     ]);
     if (isNullOrUndefined(props.icon)) {
         return (_jsx(SimpleAnchor, { ...props, className: className, onClick: props.onClick }));
     }
-    return (_jsx(AnchorWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
+    return (_jsx(AnchorWithIcon, { ...props, icon: props.icon, className: className, onClick: props.onClick }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/anchorWithIcon/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,iCAAiC;AACjC,eAAO,MAAM,cAAc,+DAAgE,mBAAmB,KAAG,WAqChH,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/anchorWithIcon/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,iCAAiC;AACjC,QAAA,MAAM,cAAc,sEAKjB,mBAAmB,KAAG,WA0CxB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,16 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isNullOrEmpty } from "@bodynarf/utils";
+import { isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition } from "../../../../types";
+import { mapDataAttributes } from "../../../../utils";
 import Icon from "../../../icon";
 /** Anchor with icon component */
-export const AnchorWithIcon = ({ href, className, onClick, caption, title, target, icon }) => {
-    const iconPosition = icon.position || "left";
+const AnchorWithIcon = ({ href, className, onClick, caption, target, icon, title, data, }) => {
     const iconClassName = isNullOrEmpty(caption)
         ? icon.className
-        : iconPosition === "left"
-            ? `${icon.className} bbr-icon--left`
-            : `${icon.className} bbr-icon--right`;
-    if (iconPosition === "left") {
-        return (_jsxs("a", { href: href, className: className, title: title, target: target, onClick: onClick, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
+        : icon.position === ElementPosition.Right
+            ? `${icon.className} bbr-icon--right`
+            : `${icon.className} bbr-icon--left`;
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("a", { href: href, target: target, onClick: onClick, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
     }
-    return (_jsxs("a", { href: href, className: className, title: title, target: target, onClick: onClick, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
+    return (_jsxs("a", { href: href, className: className, target: target, onClick: onClick, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
 };
+export default AnchorWithIcon;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/simpleAnchor/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,4CAA4C;AAC5C,eAAO,MAAM,YAAY,yDAA0D,iBAAiB,KAAG,WAYtG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/anchor/components/simpleAnchor/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,4CAA4C;AAC5C,QAAA,MAAM,YAAY,gEAIf,iBAAiB,KAAG,WAkBtB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/anchor/components/simpleAnchor/index.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { mapDataAttributes } from "../../../../utils";
 /** Simple anchor component, without icon */
-export const SimpleAnchor = ({ href, className, onClick, caption, title, target }) => {
-    return (_jsx("a", { className: className, href: href, title: title, target: target, onClick: onClick, children: caption }));
+const SimpleAnchor = ({ href, className, onClick, caption, target, title, data, }) => {
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsx("a", { href: href, target: target, onClick: onClick, className: className, title: title, ...dataAttributes, children: caption }));
 };
+export default SimpleAnchor;

package/components/anchor/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementIcon } from "..";
+import { BaseElementProps, ElementIcon } from "../../types";
 /** Anchor component props type */
 export interface AnchorProps extends Omit<SimpleAnchorProps, "className"> {
     /** Configuration od inner icon */
@@ -8,17 +8,13 @@ export interface AnchorProps extends Omit<SimpleAnchorProps, "className"> {
     /** Should css hovering effects be disabled */
     disableHovering?: boolean;
 }
-export interface SimpleAnchorProps {
+export interface SimpleAnchorProps extends BaseElementProps {
     /** Link destination */
     href?: string;
-    /** Class names */
-    className: string;
     /** Click handler */
     onClick?: () => void;
     /** Link caption  */
     caption?: string;
-    /** Title of anchor */
-    title?: string;
     /** Where to open the linked document */
     target?: "_blank" | "_top";
 }

package/components/anchor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,kCAAkC;AAClC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC;IACrE,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAC9B,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/anchor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3D,kCAAkC;AAClC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC;IACrE,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,4BAA4B;IAC5B,IAAI,EAAE,WAAW,CAAC;CACrB"}

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { BaseElementProps, ElementSize } from "../../../types";
+import { BreadCrumb } from "../types";
+/** Breadcrumbs component props type */
+export interface BreadcrumbsProps extends BaseElementProps {
+    /** Breadcrumbs items */
+    items: Array<BreadCrumb>;
+    /**
+     * Function that generates each element
+     * @example
+     * <Link to={breadCrumb.path}>
+     *     {breadCrumb.icon &&
+     *         <span>
+     *             <Icon {...breadCrumb.icon} />
+     *         </span>
+     *     }
+     *     <span>
+     *         {breadCrumb.title}
+     *     </span>
+     * </Link>
+     *
+    */
+    elementGenerator: (bc: BreadCrumb) => JSX.Element;
+    /** Panel size */
+    size?: ElementSize;
+    /** Items position */
+    position?: "centered" | "right";
+    /** Items separator. By default `arrow` */
+    separator?: "arrow" | "bullet" | "dot" | "succeeds";
+}
+/** Breadcrumbs navigation panel */
+declare const BreadCrumbs: ({ items, size, position, separator, elementGenerator, className, title, data, }: BreadcrumbsProps) => JSX.Element;
+export default BreadCrumbs;
+//# sourceMappingURL=index.d.ts.map

package/components/breadcrumbs/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,uCAAuC;AACvC,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACtD,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEzB;;;;;;;;;;;;;;MAcE;IACF,gBAAgB,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAElD,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAEhC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;CACvD;AAED,mCAAmC;AACnC,QAAA,MAAM,WAAW,oFAMd,gBAAgB,KAAG,WAsCrB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/components/breadcrumbs/component/index.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { mapDataAttributes } from "../../../utils";
+/** Breadcrumbs navigation panel */
+const BreadCrumbs = ({ items, size, position, separator = "arrow", elementGenerator, className, title, data, }) => {
+    if (items.length <= 1) {
+        return _jsx(_Fragment, {});
+    }
+    const elClassName = getClassName([
+        "breadcrumb",
+        className,
+        isNullOrUndefined(size) ? undefined : `is-${size}`,
+        `has-${separator}-separator`,
+        isNullOrUndefined(position) ? undefined : `is-${position}`,
+    ]);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsx("nav", { className: elClassName, "aria-label": "breadcrumbs", title: title, ...dataAttributes, children: _jsx("ul", { children: items.map(breadCrumb => _jsx("li", { className: breadCrumb.active ? "is-active" : undefined, "aria-current": breadCrumb.active ? "page" : undefined, children: elementGenerator(breadCrumb) }, breadCrumb.path)) }) }));
+};
+export default BreadCrumbs;

package/components/breadcrumbs/index.d.ts

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

package/components/breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/components/breadcrumbs/index.js

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

package/components/breadcrumbs/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementIcon } from "../../types";
+/** Breadcrumb item */
+export interface BreadCrumb {
+    /** Displayed text */
+    title: string;
+    /** Page address */
+    path: string;
+    /** Is current page. Will be not clickable */
+    active: boolean;
+    /** Bootstrap icon class name */
+    icon?: ElementIcon;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/breadcrumbs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IAEd,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAe,MAAM,iBAAiB,CAAC;AAO3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAkD9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAIjC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA4C9D"}

package/components/button/component/index.js

@@ -1,9 +1,8 @@
 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 ButtonWithIcon from "../components/buttonWithIcon";
+import SimpleButton from "../components/simpleButton";
 /**
  * Button component
  * @throws Caption is not defined and icon configuration is not defined at the same time
@@ -25,13 +24,10 @@ export default function Button(props) {
         isLoading ? "is-loading" : "",
         isStatic ? "is-static" : "",
     ]);
-    const data = isNullOrUndefined(props.data)
-        ? undefined
-        : mapDataAttributes(props.data);
     if (!isNullOrUndefined(props.icon)) {
-        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon, data: data }));
+        return (_jsx(ButtonWithIcon, { ...props, className: className, onClick: props.onClick, icon: props.icon }));
     }
     else {
-        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick, data: data }));
+        return (_jsx(SimpleButton, { ...props, className: className, onClick: props.onClick }));
     }
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,iCAAiC;AACjC,eAAO,MAAM,cAAc,kEAKxB,mBAAmB,KAAG,WAwCxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,iCAAiC;AACjC,QAAA,MAAM,cAAc,kEAMjB,mBAAmB,KAAG,WA4CxB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,19 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isNullOrEmpty } from "@bodynarf/utils";
+import { isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition } from "../../../../types";
+import { mapDataAttributes } from "../../../../utils";
 import Icon from "../../../icon";
 /** Button with icon component */
-export const ButtonWithIcon = ({ className, disabled, onClick, caption, title, icon, data, }) => {
-    const iconPosition = icon.position || "left";
+const ButtonWithIcon = ({ className, disabled, onClick, caption, icon, title, data, }) => {
     const iconClassName = isNullOrEmpty(caption)
         ? icon.className
-        : iconPosition === "left"
-            ? `${icon.className} bbr-icon--left`
-            : `${icon.className} bbr-icon--right`;
+        : icon.position === ElementPosition.Right
+            ? `${icon.className} bbr-icon--right`
+            : `${icon.className} bbr-icon--left`;
     className = isNullOrEmpty(caption)
         ? `${className} bbr-button--icon-only`
         : className;
-    if (iconPosition === "left") {
-        return (_jsxs("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
     }
-    return (_jsxs("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
+    return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
 };
+export default ButtonWithIcon;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,4CAA4C;AAC5C,eAAO,MAAM,YAAY,2DAKtB,iBAAiB,KAAG,WAYtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,4CAA4C;AAC5C,QAAA,MAAM,YAAY,2DAMf,iBAAiB,KAAG,WAiBtB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/button/components/simpleButton/index.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { mapDataAttributes } from "../../../../utils";
 /** Simple button component, without icon */
-export const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
-    return (_jsx("button", { className: className, disabled: disabled, onClick: onClick, title: title, ...data, children: caption }));
+const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsx("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: caption }));
 };
+export default SimpleButton;

package/components/button/types.d.ts

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

package/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gDAAgD;AAChD,oBAAY,UAAU,GAClB,AADqB,gBAAgB;AACrC,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAExE,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IAEjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gDAAgD;AAChD,oBAAY,UAAU,GAClB,AADqB,gBAAgB;AACrC,SAAS,CAAC,yBAAyB,GACjC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB"}

package/components/button/types.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAInC,yBAAyB;AACzB,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAIxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/dropdown/component/index.js

@@ -1,15 +1,12 @@
 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 "../components/withLabel";
+import DropdownCompact from "../components/compact";
 /** Dropdown component */
 const Dropdown = (props) => {
-    if (!isNullOrUndefined(props.label)) {
-        return _jsx(DropdownWithLabel, { ...props });
-    }
-    else {
-        return _jsx(DropdownCompact, { ...props });
-    }
+    return isNullOrUndefined(props.label)
+        ? _jsx(DropdownCompact, { ...props })
+        : _jsx(DropdownWithLabel, { ...props });
 };
 export default Dropdown;

package/components/dropdown/component/style.scss

@@ -35,7 +35,7 @@
             font-style: italic;
         }
 
-        .bbr-icon {
+        .bbr-icon:not(.bbr-dropdown-item__icon) {
             &:hover {
                 color: #0d6efd;
             }
@@ -81,6 +81,10 @@
             background-color: #485fc7;
             color: #fff;
         }
+
+        &__icon {
+            padding-left: 0.05rem;
+        }
     }
 
     &.is-active {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD,QAAA,MAAM,eAAe,2IAOlB,aAAa,KAAG,WA8GlB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,QAAA,MAAM,eAAe,8JAUlB,aAAa,KAAG,WAsHlB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useId, useState } from "react";
 import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { getValidationValues } from "../../../../utils";
+import { getStyleClassName, mapDataAttributes } from "../../../../utils";
 import { useComponentOutsideClick } from "../../../../hooks";
-import DropdownItem from "../../../dropdown/components/item";
-import DropdownLabel from "../../../dropdown/components/label";
-const DropdownCompact = ({ items, value, onSelect, deselectable = false, className, hideOnOuterClick, listMaxHeight, placeholder, compact = false, disabled = false, validationState, }) => {
+import InternalHint from "../../../primitives/internal/hint";
+import DropdownItem from "../../components/item";
+import DropdownLabel from "../../components/label";
+const DropdownCompact = ({ items, value, onSelect, deselectable = false, hideOnOuterClick, listMaxHeight, placeholder, compact = false, disabled = false, validationState, className, title, data, hint, }) => {
     const id = useId();
     const [isListVisible, setListVisible] = useState(false);
     const onItemClick = useCallback((event) => {
@@ -47,19 +48,21 @@ const DropdownCompact = ({ items, value, onSelect, deselectable = false, classNa
         }
     }, [onSelect, setListVisible, disabled]);
     useComponentOutsideClick(`[data-dropdown-id="${id}"]`, isListVisible, () => setListVisible(false), hideOnOuterClick);
-    const [isValidationDefined, styleClassName, validationMessages] = getValidationValues(undefined, validationState);
     const classNames = getClassName([
         "bbr-dropdown",
+        className,
         disabled ? "bbr-dropdown--disabled" : "",
         compact ? "bbr-dropdown--compact" : "",
         isListVisible ? "is-active" : "",
         isNullOrEmpty(listMaxHeight) ? "bbr-dropdown--height-default" : "",
-        className,
         "dropdown",
     ]);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames, "data-dropdown-id": id, children: [_jsx(DropdownLabel, { selectedItem: value, caption: placeholder, onClick: onLabelClick, className: styleClassName, deselectable: deselectable }), _jsx("div", { className: "dropdown-menu", children: items.length > 0
+    const labelComponentClassName = getStyleClassName(undefined, validationState);
+    const dataAttributes = isNullOrUndefined(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames, "data-dropdown-id": id, title: title, ...dataAttributes, children: [_jsx(DropdownLabel, { selectedItem: value, caption: placeholder, onClick: onLabelClick, deselectable: deselectable, className: labelComponentClassName }), _jsx("div", { className: "dropdown-menu", children: items.length > 0
                             ? _jsx("ul", { className: "dropdown-content", style: { maxHeight: listMaxHeight }, children: items.map(item => _jsx(DropdownItem, { item: item, onClick: onItemClick, selected: value?.value === item.value }, item.id)) })
-                            : _jsx("span", { className: "dropdown-content dropdown-item", children: "No items found" }) })] }, id), isValidationDefined && validationMessages.length > 0 &&
-                _jsx("p", { className: `help m-help ${styleClassName}`, children: validationMessages.join("\n") })] }));
+                            : _jsx("span", { className: "dropdown-content dropdown-item", children: "No items found" }) })] }, id), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
 };
 export default DropdownCompact;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/item/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,0BAA0B;AAC1B,UAAU,iBAAiB;IACvB,kCAAkC;IAClC,IAAI,EAAE,cAAc,CAAC;IAErB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wCAAwC;AACxC,QAAA,MAAM,YAAY,gCAAiC,iBAAiB,KAAG,WAYtE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/item/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,0BAA0B;AAC1B,UAAU,iBAAiB;IACvB,kCAAkC;IAClC,IAAI,EAAE,cAAc,CAAC;IAErB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wCAAwC;AACxC,QAAA,MAAM,YAAY,gCAEf,iBAAiB,KAAG,WA4BtB,CAAC;AAEF,eAAe,YAAY,CAAC"}