@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/components/badgeV2/badge.styled.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeContainerStyled = exports.BadgeLabelStyled = exports.BadgeDotStyled = exports.SpanContainerIconAndDot = exports.BadgeStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const getStyles_1 = require("../../utils/getStyles/getStyles");
+exports.BadgeStyled = styled_components_1.default.button `
+  display: inline-flex;
+  align-items: center;
+  flex-direction: column;
+  cursor: pointer;
+  ${props => (0, getStyles_1.getStyles)(props.styles.container)}
+`;
+exports.SpanContainerIconAndDot = styled_components_1.default.span `
+  position: relative;
+  display: inline-flex;
+`;
+exports.BadgeDotStyled = styled_components_1.default.span `
+  z-index: ${props => props.theme.Z_INDEX?.INTERN_1};
+  position: absolute;
+  top: 0;
+  right: 0;
+  line-height: 0;
+  transform: ${({ customDotTranslate }) => {
+    if (customDotTranslate) {
+        return customDotTranslate;
+    }
+    return 'translate(30%, -30%)';
+}};
+`;
+exports.BadgeLabelStyled = styled_components_1.default.span `
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  ${props => (0, getStyles_1.getStyles)(props.styles.labelContainer)}
+`;
+exports.BadgeContainerStyled = styled_components_1.default.div `
+  position: relative;
+`;
+//# sourceMappingURL=badge.styled.js.map

package/dist/cjs/components/badgeV2/badge.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styled.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badge.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAAwD;AAY3C,QAAA,WAAW,GAAG,2BAAM,CAAC,MAAM,CAAkB;;;;;IAKtD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;CAGjD,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAe;aAC3C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ;;;;;eAKpC,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;IACtC,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IACD,OAAO,sBAAsB,CAAC;AAChC,CAAC;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAkB;;;;;IAKzD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;CAClD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE7C,CAAC"}

package/dist/cjs/components/badgeV2/badgeStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IBadgeStandAlone } from './types';
+export declare const BadgeStandAlone: React.ForwardRefExoticComponent<IBadgeStandAlone & React.RefAttributes<unknown>>;

package/dist/cjs/components/badgeV2/badgeStandAlone.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const button_1 = require("../../components/button");
+const dot_1 = require("../../components/dot/dot");
+//components
+const elementOrIcon_1 = require("../../components/elementOrIcon");
+const screenReaderOnly_1 = require("../../components/screenReaderOnly");
+const text_1 = require("../../components/text/text");
+const component_1 = require("../../components/text/types/component");
+const ariaLiveOption_1 = require("../../types/ariaLiveOption");
+const utils_1 = require("../../utils");
+const badge_styled_1 = require("./badge.styled");
+const BadgeStandAloneComponent = ({ dataTestId = 'badge', ...props }, ref) => {
+    const badgeButtonRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const ariaProps = (0, utils_1.pickAriaProps)(props);
+    React.useImperativeHandle(ref, () => containerRef.current, []);
+    const getCustomDotTranslate = () => {
+        if (props.customDotTranslate) {
+            return props.customDotTranslate;
+        }
+        if (props.sizeStyles.customDotNumberTranslate && props.dot?.number !== undefined) {
+            return props.sizeStyles.customDotNumberTranslate;
+        }
+        return props.sizeStyles.customDotTranslate;
+    };
+    const labelStyles = { ...props.styles.label, ...props.sizeStyles.label };
+    return ((0, jsx_runtime_1.jsx)(badge_styled_1.BadgeContainerStyled, { ref: containerRef, "data-testid": `${dataTestId}-container`, onBlur: props.onBadgeBlur, children: (0, jsx_runtime_1.jsxs)(badge_styled_1.BadgeStyled, { ref: badgeButtonRef, "data-testid": dataTestId, role: props.role, styles: props.styles, type: button_1.ButtonType.BUTTON, onClick: props.onClick, ...ariaProps, children: [(0, jsx_runtime_1.jsxs)(badge_styled_1.SpanContainerIconAndDot, { children: [props.hasDot && props.dot && ((0, jsx_runtime_1.jsx)(badge_styled_1.BadgeDotStyled, { "aria-hidden": true, customDotTranslate: getCustomDotTranslate(), children: (0, jsx_runtime_1.jsx)(dot_1.Dot, { ...props.dot }) })), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.icon?.color, customIconStyles: props.sizeStyles.icon, ...props.icon })] }), props.label?.content && ((0, jsx_runtime_1.jsxs)(badge_styled_1.BadgeLabelStyled, { "aria-hidden": true, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: props.styles?.label?.color, component: component_1.TextComponentType.SPAN, customTypography: labelStyles, ...props.label, children: props.label.content }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.labelIcon?.color, customIconStyles: props.styles.labelIcon, rotate: props.active ? '180deg' : '0deg', ...props.labelIcon })] })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: ariaLiveOption_1.AriaLiveOptionType.POLITE, children: props.ariaLiveText })] }) }));
+};
+exports.BadgeStandAlone = React.forwardRef(BadgeStandAloneComponent);
+//# sourceMappingURL=badgeStandAlone.js.map

package/dist/cjs/components/badgeV2/badgeStandAlone.js.map

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

package/dist/cjs/components/badgeV2/index.d.ts

@@ -0,0 +1,3 @@
+export type { BadgeLabelType as BadgeLabelTypeV2, IBadgeStandAlone as IBadgeStandAloneV2, IBadge as IBadgeV2, BadgeVariantStylesType as BadgeVariantStylesTypeV2, BadgeStylesType as BadgeStylesTypeV2, } from './types';
+export { BadgeState as BadgeStateV2 } from './types';
+export { Badge as BadgeV2 } from './badge';

package/dist/cjs/components/badgeV2/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeV2 = exports.BadgeStateV2 = void 0;
+// enums
+var types_1 = require("./types");
+Object.defineProperty(exports, "BadgeStateV2", { enumerable: true, get: function () { return types_1.BadgeState; } });
+var badge_1 = require("./badge");
+Object.defineProperty(exports, "BadgeV2", { enumerable: true, get: function () { return badge_1.Badge; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/badgeV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/index.ts"],"names":[],"mappings":";;;AASA,QAAQ;AACR,iCAAqD;AAA5C,qGAAA,UAAU,OAAgB;AAEnC,iCAA2C;AAAlC,gGAAA,KAAK,OAAW"}

package/dist/cjs/components/badgeV2/types/badge.d.ts

@@ -0,0 +1,40 @@
+import { IDot } from '../../../components/dot';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes, ROLES } from '../../../types';
+import { BadgeSizePropsType, BadgeVariantStylesType } from './badgeTheme';
+export type BadgeLabelType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+type BadgeAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-expanded' | 'aria-hidden'>;
+export interface IBadgeStandAlone extends BadgeAriaAttributes {
+    styles: BadgeVariantStylesType;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onBadgeBlur?: React.FocusEventHandler<HTMLDivElement>;
+    dot?: IDot;
+    hasDot?: boolean;
+    icon: IElementOrIcon;
+    label?: BadgeLabelType;
+    labelIcon?: IElementOrIcon;
+    ariaLiveText?: string;
+    dataTestId?: string;
+    sizeStyles: BadgeSizePropsType;
+    customDotTranslate?: string;
+    role?: ROLES;
+    active?: boolean;
+}
+type propsBadgeToOmit = 'styles' | 'sizeStyles' | 'iconStyles' | 'active';
+/**
+ * @description
+ * interface for the badge
+ * @interface IBadge
+ * @template V
+ * @template S
+ * @property {V} variant - Variant of the badge.
+ * @property {S} size - Size of the badge.
+ */
+export interface IBadge<V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown> extends Omit<IBadgeStandAlone, propsBadgeToOmit>, Omit<CustomTokenTypes<BadgeVariantStylesType, BadgeSizePropsType>, 'extraCt'> {
+    variant: V;
+    size: S;
+}
+export {};

package/dist/cjs/components/badgeV2/types/badge.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=badge.js.map

package/dist/cjs/components/badgeV2/types/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/badge.ts"],"names":[],"mappings":""}

package/dist/cjs/components/badgeV2/types/badgeTheme.d.ts

@@ -0,0 +1,33 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+import { BadgeState } from './state';
+export type BadgeVariantStylesType = {
+    container?: CommonStyleType;
+    labelContainer?: CommonStyleType;
+    label?: TypographyTypes;
+    labelIcon?: IconTypes;
+    icon?: IconTypes;
+};
+export type BadgeSizePropsType = {
+    icon?: IconTypes;
+    label?: TypographyTypes;
+    customDotTranslate?: string;
+    customDotNumberTranslate?: string;
+};
+export type BadgeStateKeyOfType = {
+    [key in BadgeState]?: BadgeVariantStylesType;
+};
+export type BadgeStylesStatesStyles<P extends string | number | symbol> = {
+    [key in P]?: BadgeStateKeyOfType;
+};
+export type BadgeStylesSizeType<S extends string | number | symbol> = {
+    [key in S]?: BadgeSizePropsType;
+};
+/**
+ * @description
+ * Badge styles type
+ * @template P
+ * @template S
+ * @property {P} [key] - Variant of the badge.
+ * @property {S} [key] - Size of the badge.
+ */
+export type BadgeStylesType<P extends string | number | symbol, S extends string | number | symbol> = BadgeStylesStatesStyles<P> & BadgeStylesSizeType<S>;

package/dist/cjs/components/badgeV2/types/badgeTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=badgeTheme.js.map

package/dist/cjs/components/badgeV2/types/badgeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeTheme.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/badgeTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/badgeV2/types/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './badge';
+export type { BadgeVariantStylesType, BadgeStylesType } from './badgeTheme';
+export * from './state';

package/dist/cjs/components/{modal/hooks → badgeV2/types}/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useChangeDimension"), exports);
+__exportStar(require("./state"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/badgeV2/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,0CAAwB"}

package/dist/cjs/components/badgeV2/types/state.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Badge state
+ * @enum {string}
+ * @property {string} OPEN - Badge state open.
+ * @property {string} CLOSE - Badge state close.
+ */
+export declare enum BadgeState {
+    ACTIVE = "ACTIVE",
+    DEFAULT = "DEFAULT"
+}

package/dist/cjs/components/badgeV2/types/state.js

@@ -0,0 +1,15 @@
+"use strict";
+/**
+ * Badge state
+ * @enum {string}
+ * @property {string} OPEN - Badge state open.
+ * @property {string} CLOSE - Badge state close.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeState = void 0;
+var BadgeState;
+(function (BadgeState) {
+    BadgeState["ACTIVE"] = "ACTIVE";
+    BadgeState["DEFAULT"] = "DEFAULT";
+})(BadgeState || (exports.BadgeState = BadgeState = {}));
+//# sourceMappingURL=state.js.map

package/dist/cjs/components/badgeV2/types/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/badgeV2/types/state.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;AACrB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}

package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.d.ts

@@ -0,0 +1,6 @@
+import { IBreadcrumbLiStyled } from './types/breadcrumbs';
+export declare const BreadcrumbsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BreadcrumbsNavStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const BreadcrumbLiStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const LinkContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IBreadcrumbLiStyled>> & string;
+export declare const IconContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IBreadcrumbLiStyled>> & string;

package/dist/cjs/components/breadcrumbs/breadcrumbsControlled.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IBreadcrumbsControlled } from './types';
+/**
+ * @description
+ * Breadcrumbs component is a component that shows a breadcrumbs with a message.
+ * to show list of links.
+ * @param {React.PropsWithChildren<IBreadcrumbsControlled<V>>} props
+ * @returns {JSX.Element}
+ * @example
+ * <BreadcrumbsControlled />
+ * <BreadcrumbsControlled variant="primary" />
+ */
+declare const BreadcrumbsControlled: <V extends string | unknown>(props: React.PropsWithChildren<IBreadcrumbsControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+export { BreadcrumbsControlled };

package/dist/cjs/components/breadcrumbs/breadcrumbsStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IBreadcrumbsStandAlone } from './types/breadcrumbs';
+export declare const BreadcrumbsStandAlone: React.ForwardRefExoticComponent<IBreadcrumbsStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/breadcrumbs/breadcrumbsStandAlone.js

@@ -30,12 +30,12 @@ const React = __importStar(require("react"));
 const breadcrumbs_styled_1 = require("./breadcrumbs.styled");
 const components_1 = require("./components");
 const utils_1 = require("./utils");
-const BreadcrumbsStandAloneComponent = ({ id, dataTestId = 'breadcrumbsComponent', crumbs, styles, minCharLimit = 20, lastOneCrumbComponent, ...props }, ref) => {
+const BreadcrumbsStandAloneComponent = ({ id, dataTestId = 'breadcrumbs', crumbs, styles, minCharLimit = 20, lastOneCrumbComponent, ...props }, ref) => {
     const { innerRef, isOverflow } = (0, utils_1.useIsOverflow)();
-    return ((0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsStyled, { ref: ref, "data-testid": `${dataTestId}Breadcrumb`, id: id, children: (0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsNavStyled, { ref: innerRef, "aria-label": props['aria-label'], children: (0, jsx_runtime_1.jsx)("ol", { children: crumbs?.length &&
+    return ((0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsStyled, { ref: ref, "data-testid": dataTestId, id: id, children: (0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsNavStyled, { ref: innerRef, "aria-label": props['aria-label'], children: (0, jsx_runtime_1.jsx)("ol", { children: crumbs?.length &&
                     crumbs.map((crumb, index) => {
                         const lastCrumb = index + 1 === crumbs.length;
-                        return ((0, jsx_runtime_1.jsx)(components_1.CrumbStandAlone, { crumb: (0, utils_1.crumbMaxCharName)(crumb, minCharLimit, isOverflow, lastCrumb), dataTestId: `${dataTestId}${index}`, dividerIcon: props.dividerIcon, lastCrumb: lastCrumb, lastOneCrumbComponent: lastOneCrumbComponent, link: props.link, styles: styles }, crumb.name));
+                        return ((0, jsx_runtime_1.jsx)(components_1.CrumbStandAlone, { crumb: (0, utils_1.crumbMaxCharName)(crumb, minCharLimit, isOverflow, lastCrumb), dataTestId: `${dataTestId}-${index}`, dividerIcon: props.dividerIcon, lastCrumb: lastCrumb, lastOneCrumbComponent: lastOneCrumbComponent, link: props.link, styles: styles }, crumb.name));
                     }) }) }) }));
 };
 exports.BreadcrumbsStandAlone = React.forwardRef(BreadcrumbsStandAloneComponent);

package/dist/cjs/components/breadcrumbs/breadcrumbsStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/breadcrumbsStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS;AACT,6DAA+E;AAC/E,6CAA+C;AAE/C,mCAA0D;AAE1D,MAAM,8BAA8B,GAAG,CACrC,EACE,EAAE,EACF,UAAU,GAAG,sBAAsB,EACnC,MAAM,EACN,MAAM,EACN,YAAY,GAAG,EAAE,EACjB,qBAAqB,EACrB,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAEjD,OAAO,CACL,uBAAC,sCAAiB,IAAC,GAAG,EAAE,GAAG,iBAAe,GAAG,UAAU,YAAY,EAAE,EAAE,EAAE,EAAE,YACzE,uBAAC,yCAAoB,IAAC,GAAG,EAAE,QAAQ,gBAAc,KAAK,CAAC,YAAY,CAAC,YAClE,yCACG,MAAM,EAAE,MAAM;oBACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;wBAClC,MAAM,SAAS,GAAY,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBACvD,OAAO,CACL,uBAAC,4BAAe,IAEd,KAAK,EAAE,IAAA,wBAAgB,EAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,EACnE,UAAU,EAAE,GAAG,UAAU,GAAG,KAAK,EAAE,EACnC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,MAAM,IAPT,KAAK,CAAC,IAAI,CAQf,CACH,CAAC;oBACJ,CAAC,CAAC,GACD,GACgB,GACL,CACrB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"breadcrumbsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/breadcrumbsStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS;AACT,6DAA+E;AAC/E,6CAA+C;AAE/C,mCAA0D;AAE1D,MAAM,8BAA8B,GAAG,CACrC,EACE,EAAE,EACF,UAAU,GAAG,aAAa,EAC1B,MAAM,EACN,MAAM,EACN,YAAY,GAAG,EAAE,EACjB,qBAAqB,EACrB,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAEjD,OAAO,CACL,uBAAC,sCAAiB,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,EAAE,EAAE,EAAE,EAAE,YAC1D,uBAAC,yCAAoB,IAAC,GAAG,EAAE,QAAQ,gBAAc,KAAK,CAAC,YAAY,CAAC,YAClE,yCACG,MAAM,EAAE,MAAM;oBACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;wBAClC,MAAM,SAAS,GAAY,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBACvD,OAAO,CACL,uBAAC,4BAAe,IAEd,KAAK,EAAE,IAAA,wBAAgB,EAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,EACnE,UAAU,EAAE,GAAG,UAAU,IAAI,KAAK,EAAE,EACpC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,MAAM,IAPT,KAAK,CAAC,IAAI,CAQf,CACH,CAAC;oBACJ,CAAC,CAAC,GACD,GACgB,GACL,CACrB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

package/dist/cjs/components/breadcrumbs/components/crumbStandAlone.d.ts

@@ -0,0 +1,11 @@
+import { IBreadcrumbStandAlone } from '../types/breadcrumbs';
+/**
+ * @description
+ * CrumbStandAlone component is a component that shows a crumb with a link.
+ * @param {IBreadcrumbStandAlone} props
+ * @returns {JSX.Element}
+ * @example
+ * <CrumbStandAlone />
+ * <CrumbStandAlone variant="primary" />
+ */
+export declare const CrumbStandAlone: ({ crumb, styles, dataTestId, lastOneCrumbComponent, ...props }: IBreadcrumbStandAlone) => JSX.Element;

package/dist/cjs/components/breadcrumbs/components/index.d.ts

@@ -0,0 +1 @@
+export * from './crumbStandAlone';

package/dist/cjs/components/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export type { IBreadcrumbLiStyled, IBreadcrumbsStandAlone, IBreadcrumbsControlled, BreadcrumbsPropsStylesType, BreadcrumbsStylesType, CrumbType, BreadcrumbsLinkType, } from './types';
+export { BreadcrumbsStateType } from './types';
+export { BreadcrumbsStandAlone } from './breadcrumbsStandAlone';
+export { BreadcrumbsControlled as Breadcrumbs } from './breadcrumbsControlled';

package/dist/cjs/components/breadcrumbs/types/breadcrumbs.d.ts

@@ -0,0 +1,54 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { ILink } from '../../../components/link';
+import { TextComponentType } from '../../../components/text';
+import { CustomTokenTypes, STATES } from '../../../types';
+import { BreadcrumbsPropsStateStylesType } from './breadcrumbsTheme';
+export interface IBreadcrumbLiStyled {
+    styles: BreadcrumbsPropsStateStylesType;
+    state?: STATES;
+    lastCrumb?: boolean;
+}
+export type CrumbType = {
+    name: string;
+    url: string;
+    onClick?: (url: string, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ariaLabel?: string;
+};
+export type BreadcrumbsLinkType = Omit<ILink, 'children' | 'onClick' | 'aria-label' | 'url'> & {
+    content?: string;
+};
+export interface IBreadcrumbStandAlone {
+    styles: BreadcrumbsPropsStateStylesType;
+    link?: BreadcrumbsLinkType;
+    crumb: CrumbType;
+    lastCrumb?: boolean;
+    lastOneCrumbComponent?: TextComponentType;
+    dividerIcon?: IElementOrIcon;
+    dataTestId?: string;
+}
+type BreadcrumbsAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-describedby' | 'aria-disabled' | 'aria-labelledby'>;
+/**
+ * @description
+ * interface for the breadcrumbs standAlone
+ */
+export interface IBreadcrumbsStandAlone extends BreadcrumbsAriaAttributes {
+    link?: BreadcrumbsLinkType;
+    id?: string;
+    crumbs: CrumbType[];
+    minCharLimit?: number;
+    dataTestId?: string;
+    styles: BreadcrumbsPropsStateStylesType;
+    dividerIcon?: IElementOrIcon;
+    lastOneCrumbComponent?: TextComponentType;
+}
+/**
+ * @description
+ * interface for the breadcrumbs controlled
+ * @interface IBreadcrumbsControlled
+ * @template V
+ * @property {V} variant - Variant of the breadcrumbs.
+ */
+export interface IBreadcrumbsControlled<V = undefined extends string ? unknown : string> extends Omit<IBreadcrumbsStandAlone, 'styles'>, Omit<CustomTokenTypes<BreadcrumbsPropsStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}
+export {};

package/dist/cjs/components/breadcrumbs/types/breadcrumbsTheme.d.ts

@@ -0,0 +1,22 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+import { BreadcrumbsStateType } from './state';
+export type BreadcrumbsPropsStateStylesType = {
+    [i in BreadcrumbsStateType]?: BreadcrumbsPropsStylesType;
+};
+export type BreadcrumbsPropsStylesType = {
+    linkContainer?: CommonStyleType & TypographyTypes;
+    link?: TypographyTypes;
+    lastOneCrumb?: TypographyTypes;
+    iconDividerContainer?: CommonStyleType;
+    iconDivider?: IconTypes;
+};
+/**
+ * @description
+ * Breadcrumbs styles type
+ * @template P
+ * @property {P} [key] - Variant of the breadcrumbs.
+ * @property {BreadcrumbsPropsStateStylesType} [key] - Styles of the breadcrumbs.
+ */
+export type BreadcrumbsStylesType<P extends string | number | symbol> = {
+    [key in P]?: BreadcrumbsPropsStateStylesType;
+};

package/dist/cjs/components/breadcrumbs/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { IBreadcrumbLiStyled, IBreadcrumbsStandAlone, IBreadcrumbsControlled, CrumbType, BreadcrumbsLinkType, } from './breadcrumbs';
+export type { BreadcrumbsPropsStylesType, BreadcrumbsPropsStateStylesType, BreadcrumbsStylesType, } from './breadcrumbsTheme';
+export { BreadcrumbsStateType } from './state';

package/dist/cjs/components/breadcrumbs/types/state.d.ts

@@ -0,0 +1,5 @@
+export declare enum BreadcrumbsStateType {
+    DEFAULT = "DEFAULT",
+    HOVER = "HOVER",
+    ACTIVE = "ACTIVE"
+}

package/dist/cjs/components/breadcrumbs/utils/crumbMaxCharName.d.ts

@@ -0,0 +1,2 @@
+import { CrumbType } from '../types';
+export declare const crumbMaxCharName: (crumb: CrumbType, charLimit: number, overflow: boolean, lastCrumb: boolean) => CrumbType;

package/dist/cjs/components/breadcrumbs/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './crumbMaxCharName';
+export { default as useIsOverflow } from './useIsOverflow';

package/dist/cjs/components/breadcrumbs/utils/useIsOverflow.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface ReturnValue {
+    innerRef: React.MutableRefObject<HTMLElement | null>;
+    isOverflow: boolean;
+}
+declare const useIsOverflow: () => ReturnValue;
+/**
+ * @description
+ * Hook to check if the element is overflow
+ * @param {React.MutableRefObject<HTMLElement | null>} ref - Ref of the element.
+ * @returns {boolean} - Return if the element is overflow.
+ * @example
+ * const {innerRef, isOverflow} = useIsOverflow();
+ */
+export default useIsOverflow;

package/dist/cjs/components/button/button.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IButton } from './types';
+declare const ButtonBoundary: <V = string | undefined, S = string | undefined>(props: IButton<V, S>, ref: React.ForwardedRef<HTMLButtonElement> | undefined | null) => JSX.Element;
+declare const Button: <V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown>(props: React.PropsWithChildren<IButton<V, S>> & {
+    ref?: React.ForwardedRef<HTMLButtonElement> | undefined | null;
+}) => ReturnType<typeof ButtonBoundary>;
+/**
+ * Represents the button component.
+ *
+ * @function Button
+ * @category Atoms
+ * @param {React.PropsWithChildren<IButton>} props - The props for the component.
+ * @param {React.ForwardedRef<HTMLButtonElement>} ref - The ref for the component.
+ * @returns {JSX.Element} - The JSX element representing the button component.
+ */
+export { Button };

package/dist/cjs/components/button/button.styled.d.ts

@@ -0,0 +1,15 @@
+import { ButtonSizePropsType, ButtonStateKeyOfType, ButtonStateType, IconPositionType } from './types';
+interface IButtonStyled {
+    $fullWidth?: boolean;
+    $styles?: ButtonStateKeyOfType;
+    $state: ButtonStateType;
+    $iconPosition?: IconPositionType;
+    $loading?: boolean;
+    minWidth?: string;
+    $sizeStyles?: ButtonSizePropsType;
+    $ghostText?: string;
+    alignText?: string;
+}
+export declare const ButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IButtonStyled>> & string;
+export declare const ButtonLoaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};

package/dist/cjs/components/button/button.styled.js

@@ -56,28 +56,8 @@ exports.ButtonStyled = styled_components_1.default.button `
 
   &:disabled {
     cursor: default;
-    ${({ $styles, $sizeStyles, $loading }) => setTokens($loading ? types_1.ButtonStateType.LOADING : types_1.ButtonStateType.DISABLED, $styles, $sizeStyles)};
   }
 
-  @media (hover: hover) {
-    &:hover:not(:disabled) {
-      ${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.HOVER, $styles, $sizeStyles)}
-    }
-  }
-
-  &:active:not(:disabled) {
-    ${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.PRESSED, $styles, $sizeStyles)}
-  }
-
-  &:focus-visible {
-    ${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.DEFAULT, $styles, $sizeStyles)}
-  }
-
-  @media (hover: none) {
-    &:hover {
-      ${({ $styles, $sizeStyles }) => setTokens(types_1.ButtonStateType.DEFAULT, $styles, $sizeStyles)}
-    }
-  }
   min-width: ${props => props.minWidth};
   width: ${props => (props.$fullWidth ? '100%' : 'auto')};
 

package/dist/cjs/components/button/button.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.styled.js","sourceRoot":"","sources":["../../../../src/components/button/button.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,QAAQ;AACR,iDAAwD;AACxD,eAAe;AACf,2DAA6E;AAE7E,mCAMiB;AAEjB,aAAa;AACb,MAAM,SAAS,GAAG,CAChB,KAAsB,EACtB,MAA6B,EAC7B,UAAgC,EAChC,EAAE;IACF,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAA,uBAAG,EAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAE3D,OAAO,IAAA,uBAAG,EAAA;;MAEN,IAAA,qBAAS,EAAC,cAA+D,CAAC;;MAE1E,IAAA,+BAAmB,EAAC,cAAc,CAAC;GACtC,CAAC;AACJ,CAAC,CAAC;AAcW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAe;;;;gBAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,MAAM;;oBAElC,KAAK,CAAC,EAAE,CACxB,KAAK,CAAC,aAAa,KAAK,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;;;IAGrE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC;;;;MAI3E,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CACvC,SAAS,CACP,QAAQ,CAAC,CAAC,CAAC,uBAAe,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAe,CAAC,QAAQ,EAC7D,OAAO,EACP,WAAW,CACZ;;;;;QAKC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,uBAAe,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC;;;;;MAKtF,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,uBAAe,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;;;;MAItF,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,uBAAe,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;;;;;QAKpF,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,uBAAe,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;;;eAG/E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;WAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;gBAGxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU;eAC1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;IAKvD,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,IAAA,uBAAe,GAAE;CAC9E,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAO5C,CAAC"}
+{"version":3,"file":"button.styled.js","sourceRoot":"","sources":["../../../../src/components/button/button.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,QAAQ;AACR,iDAAwD;AACxD,eAAe;AACf,2DAA6E;AAE7E,mCAMiB;AAEjB,aAAa;AACb,MAAM,SAAS,GAAG,CAChB,KAAsB,EACtB,MAA6B,EAC7B,UAAgC,EAChC,EAAE;IACF,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAA,uBAAG,EAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAE3D,OAAO,IAAA,uBAAG,EAAA;;MAEN,IAAA,qBAAS,EAAC,cAA+D,CAAC;;MAE1E,IAAA,+BAAmB,EAAC,cAAc,CAAC;GACtC,CAAC;AACJ,CAAC,CAAC;AAcW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAe;;;;gBAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,MAAM;;oBAElC,KAAK,CAAC,EAAE,CACxB,KAAK,CAAC,aAAa,KAAK,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;;;IAGrE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC;;;;;;eAMlE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;WAC3B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;gBAGxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU;eAC1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;IAKvD,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,IAAA,uBAAe,GAAE;CAC9E,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAO5C,CAAC"}

package/dist/cjs/components/button/buttonStandAlone.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { IButtonStandAlone } from './types';
+export declare const ButtonStandAloneStructure: (props: IButtonStandAlone) => JSX.Element;
+/**
+ * Represents the standalone button component.
+ * @see {@link https://kubit.es/standalone-components/button/button-standalone/}
+ *
+ * @function ButtonStandAlone
+ * @category StandAlone Components
+ * @param {React.PropsWithChildren<IButtonStandAlone>} props - The props for the component.
+ * @param {React.ForwardedRef<HTMLButtonElement>} ref - The ref for the component.
+ * @returns {JSX.Element} - The JSX element representing the button component.
+ *
+ */
+export declare const ButtonStandAlone: React.ForwardRefExoticComponent<IButtonStandAlone & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/button/buttonStandAlone.js

@@ -37,12 +37,12 @@ const ButtonStandAloneStructure = (props) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.loader && props.loading && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: typeof props.loader === 'object' && 'variant' in props.loader ? ((0, jsx_runtime_1.jsx)(button_styled_1.ButtonLoaderStyled, { children: (0, jsx_runtime_1.jsx)(loader_1.Loader, { visible: props.loading, width: getWidthSize(), ...props.loader }) })) : ((0, jsx_runtime_1.jsx)(button_styled_1.ButtonLoaderStyled, { children: props.loader })) })), !props.loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { linearIcon: true, color: props.styles?.[props.state]?.icon?.color, height: getHeightSize(), width: getWidthSize(), ...props.icon }), props.children] }))] }));
 };
 exports.ButtonStandAloneStructure = ButtonStandAloneStructure;
-const ButtonStandAloneComponent = (props, ref) => {
+const ButtonStandAloneComponent = ({ dataTestId = 'button', ...props }, ref) => {
     const ariaProps = (0, aria_1.pickAriaProps)(props);
     const disabled = props.state === types_1.ButtonStateType.DISABLED || props.state === types_1.ButtonStateType.LOADING;
     return ((0, jsx_runtime_1.jsx)(button_styled_1.ButtonStyled, { ...ariaProps, ref: ref, "$fullWidth": props.fullWidth, "$ghostText": React.Children.toArray(props.children)[0]
             ? React.Children.toArray(props.children)[0]?.toString()
-            : '', "$iconPosition": props.iconPosition, "$loading": props.loading, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, alignText: props.alignText, "data-testid": props.dataTestId, disabled: disabled, form: props.form, id: props.id, minWidth: props.minWidth, role: props.role, tabIndex: props.tabIndex, title: props.title, type: props.type, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(exports.ButtonStandAloneStructure, { icon: props.icon, loader: props.loader, loading: props.loading, sizeStyles: props.sizeStyles, state: props.state, styles: props.styles, children: props.children }) }));
+            : '', "$iconPosition": props.iconPosition, "$loading": props.loading, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, alignText: props.alignText, "data-testid": dataTestId, disabled: disabled, form: props.form, id: props.id, minWidth: props.minWidth, role: props.role, tabIndex: props.tabIndex, title: props.title, type: props.type, onClick: props.onClick, children: (0, jsx_runtime_1.jsx)(exports.ButtonStandAloneStructure, { icon: props.icon, loader: props.loader, loading: props.loading, sizeStyles: props.sizeStyles, state: props.state, styles: props.styles, children: props.children }) }));
 };
 /**
  * Represents the standalone button component.

package/dist/cjs/components/button/buttonStandAlone.js.map

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

package/dist/cjs/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { Button } from './button';
+export { ButtonStyled } from './button.styled';