bord-design-system 0.0.1 → 0.0.3

package/dist/components/BordButton/BordButton.types.d.ts

@@ -1,13 +1,12 @@
 import { ComponentProps } from 'react';
 import { TformComponentsStandardSizes } from '../../types/global.types';
+import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
 import { TbordOneToneIcon } from '../BordOneToneIcon/BordOneToneIcon.types';
 type THeight = 'auto' | '42';
 export interface IBordButton extends ComponentProps<'button'> {
     label?: string;
     formId?: string;
     customClassName?: string;
-    buttonIconOne?: TbordOneToneIcon;
-    buttonIconTwo?: TbordOneToneIcon;
     customWidth?: TformComponentsStandardSizes;
     customHeight?: THeight;
     bordButtonStyle?: 'filled' | 'outlined';
@@ -15,10 +14,11 @@ export interface IBordButton extends ComponentProps<'button'> {
     disabled?: boolean;
     isLoading?: boolean;
     modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
-    standardSizeIcon?: 12 | 14 | 16 | 20 | 24 | 32;
     standardPaddingSize?: 'rectangular' | 'squared';
-    buttonIconOneStroke?: string;
-    buttonIconTwoStroke?: string;
+    buttonIconOneProps?: IbordOneToneIconProps;
+    buttonIconTwoProps?: IbordOneToneIconProps;
+    buttonIconOne?: TbordOneToneIcon;
+    buttonIconTwo?: TbordOneToneIcon;
 }
 export {};
 //# sourceMappingURL=BordButton.types.d.ts.map

package/dist/components/BordButton/BordButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IACjE,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC/C,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
+{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IACjE,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}

package/dist/components/BordCellCard/components/BordCellHeader/BordCellHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordCellHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellHeader/BordCellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,UAAW,eAAe,KAAG,KAAK,CAAC,YAoBtD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordCellHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/BordCellCard/components/BordCellHeader/BordCellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,UAAW,eAAe,KAAG,KAAK,CAAC,YAuBtD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordInfoCard/BordInfoCard.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { IBordInfoCard } from "./BordInfoCard.types";
+import "./BordInfoCard.scss";
+/**
+ * @description A card component that displays information in a horizontal layout (desktop): Header | Items (horizontal row) | Buttons.
+ * @prop {IBordInfoCardHeader} [header] - Optional header with icon, title, subtitle, and description (left section).
+ * @prop {IBordInfoCardItem[]} [items] - Optional array of items to display in a horizontal row (center section, desktop) or grid (tablet/mobile).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [primaryButton] - Optional primary button (filled style, right section).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [secondaryButton] - Optional secondary button (outlined style, right section).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton' | 'label'>} [menuButton] - Optional menu button (icon only, right section).
+ * @prop {"success" | "danger"} [variant="success"] - The color variant of the card.
+ * @prop {string} [customClassName=""] - Add a custom class to the component.
+ * @returns {React.ReactElement} An info card component.
+ */
+declare const BordInfoCard: (props: IBordInfoCard) => React.ReactElement;
+export default BordInfoCard;
+//# sourceMappingURL=BordInfoCard.d.ts.map

package/dist/components/BordInfoCard/BordInfoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YA6IlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/BordInfoCard/BordInfoCard.types.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps, ReactNode } from 'react';
+import { IBordButton } from '../BordButton/BordButton.types';
+import { IRowFooterProps } from '../BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList';
+export interface IBordInfoCardItem {
+    title?: string;
+    icon?: ReactNode;
+    label: string;
+}
+export interface IBordInfoCardHeader {
+    icon?: ReactNode;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+}
+export interface IBordInfoCard extends ComponentProps<'div'> {
+    header?: IBordInfoCardHeader;
+    items?: IBordInfoCardItem[];
+    primaryButtonProps?: IBordButton;
+    secondaryButtonProps?: IBordButton;
+    tertiaryButtonProps?: IBordButton;
+    variant?: 'success' | 'danger';
+    customClassName?: string;
+    bordTrelloRowFooterBadgeListProps?: IRowFooterProps;
+}
+//# sourceMappingURL=BordInfoCard.types.d.ts.map

package/dist/components/BordInfoCard/BordInfoCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordInfoCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAE/F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC,CAAC,EAAE,eAAe,CAAC;CACrD"}

package/dist/components/BordMetricCard/BordMetricCard.d.ts

@@ -0,0 +1,11 @@
+import './BordMetricCard.scss';
+export type TBordMetricCardSizes = 'lg' | 'sm';
+export interface IBordMetricCardProps {
+    title: string;
+    value: number;
+    textColor?: string;
+    size: TBordMetricCardSizes;
+}
+declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => import("react/jsx-runtime").JSX.Element;
+export default BordMetricCard;
+//# sourceMappingURL=BordMetricCard.d.ts.map

package/dist/components/BordMetricCard/BordMetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordMetricCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordMetricCard/BordMetricCard.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,sCAAmD,oBAAoB,4CAiC1F,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordOneToneIcon/BordOneToneIcon.d.ts

@@ -4,7 +4,7 @@ declare const BordOneToneIcon: ({ variant, standardSize, customWidth, style, ...
 export default BordOneToneIcon;
 export interface IbordOneToneIconProps extends ComponentProps<'svg'> {
     variant: TbordOneToneIcon;
-    standardSize?: 12 | 14 | 16 | 20 | 24 | 32;
+    standardSize?: 12 | 14 | 16 | 18 | 20 | 24 | 32;
     customWidth?: string;
 }
 //# sourceMappingURL=BordOneToneIcon.d.ts.map

package/dist/components/BordOneToneIcon/BordOneToneIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordOneToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordOneToneIcon/BordOneToneIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,QAAA,MAAM,eAAe,2DAMlB,qBAAqB,4CAWvB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"BordOneToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordOneToneIcon/BordOneToneIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,QAAA,MAAM,eAAe,2DAMlB,qBAAqB,4CAWvB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/BordTabBar/BordTabBar.d.ts

@@ -0,0 +1,16 @@
+import './BordTabBar.scss';
+export interface IBordTabItem {
+    id: string;
+    label: string;
+}
+export interface IBordTabBarProps {
+    tabs: IBordTabItem[];
+    defaultValue?: string;
+    activeTab?: string;
+    onChange?: (id: string) => void;
+    containerClassName?: string;
+    buttonClassName?: string;
+    activeTabClassName?: string;
+}
+export declare const BordTabBar: ({ tabs, defaultValue, activeTab: externalActiveTab, onChange, containerClassName, buttonClassName, activeTabClassName, }: IBordTabBarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BordTabBar.d.ts.map

package/dist/components/BordTabBar/BordTabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BordTabBar.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabBar/BordTabBar.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,6HAQpB,gBAAgB,4CAoClB,CAAC"}

package/dist/components/BordTabs/BordTabs.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTabs.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabs/BordTabs.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}
+{"version":3,"file":"BordTabs.type.d.ts","sourceRoot":"","sources":["../../../src/components/BordTabs/BordTabs.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC"}

package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
+import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
 import './BordTrelloRowFooterBadgeList.scss';
 type TBadgeItemProps = {
-    icon?: ReactNode;
+    icon?: IbordOneToneIconProps;
     text?: string;
     title?: string;
     className?: string;
@@ -12,8 +13,8 @@ type TTitleProps = {
     text?: string;
     className?: string;
 };
-interface IRowFooterProps {
-    title: ReactNode | TTitleProps;
+export interface IRowFooterProps {
+    title?: ReactNode | TTitleProps;
     badgeList?: TBadgeItem[];
     children?: ReactNode;
 }

package/dist/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordTrelloRowFooterBadgeList.d.ts","sourceRoot":"","sources":["../../../src/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAGlD,OAAO,qCAAqC,CAAC;AAE7C,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/F,KAAK,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAC9C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,mCAAyC,eAAe,4CA+ChG,CAAC"}
+{"version":3,"file":"BordTrelloRowFooterBadgeList.d.ts","sourceRoot":"","sources":["../../../src/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAElD,OAAwB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,qCAAqC,CAAC;AAE7C,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3G,KAAK,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAC9C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,mCAAyC,eAAe,4CA8ChG,CAAC"}

package/dist/components/index.d.ts

@@ -1,10 +1,17 @@
-import BordAvatar from "./BordAvatar/BordAvatar";
-import BordFlag from "./BordFlag/BordFlag";
-import BordOneToneIcon from "./BordOneToneIcon/BordOneToneIcon";
-import BordTextInput from "./BordTextInput/BordTextInput";
-import BordTwoToneIcon from "./BordTwoToneIcon/BordTwoToneIcon";
-import BordBackButton from "./BordBackButton/BordBackButton";
-import BordAttentionButton from "./BordAttentionButton/BordAttentionButton";
-import BordInfoBanner from "./BordInfoBanner/BordInfoBanner";
-export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner };
+import BordAvatar from './BordAvatar/BordAvatar';
+import BordFlag from './BordFlag/BordFlag';
+import BordOneToneIcon from './BordOneToneIcon/BordOneToneIcon';
+import BordTextInput from './BordTextInput/BordTextInput';
+import BordTwoToneIcon from './BordTwoToneIcon/BordTwoToneIcon';
+import BordBackButton from './BordBackButton/BordBackButton';
+import BordAttentionButton from './BordAttentionButton/BordAttentionButton';
+import BordInfoBanner from './BordInfoBanner/BordInfoBanner';
+import BordButton from './BordButton/BordButton';
+import { BordTabs } from './BordTabs/BordTabs';
+import BordInfoCard from './BordInfoCard/BordInfoCard';
+import BordMetricCard from './BordMetricCard/BordMetricCard';
+import { BordTabBar } from './BordTabBar/BordTabBar';
+import { BordTab } from './BordTab/BordTab';
+import { BordTabsGroupWithBadge } from './BordTabsGroup/BordTabsGroupWithBadge';
+export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,OAAO,EACL,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,cAAc,EACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EACL,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,sBAAsB,GACvB,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useDebounce } from "./useDebounce";
+export { default as useViewport } from "./useViewport";
+export type { ViewportInfo, Breakpoint } from "./useViewport";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/useViewport.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Breakpoints basados en Tailwind
+ * xs: 400px
+ * sm: 640px
+ * md: 768px
+ * lg: 1024px
+ * xl: 1440px
+ * 2xl: 1920px
+ */
+declare const BREAKPOINTS: {
+    readonly xs: 400;
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1440;
+    readonly "2xl": 1920;
+};
+export type Breakpoint = keyof typeof BREAKPOINTS;
+export interface ViewportInfo {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isXs: boolean;
+    isSm: boolean;
+    isMd: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    is2Xl: boolean;
+    breakpoint: Breakpoint | "base";
+}
+/**
+ * Custom hook para detectar el tamaño del viewport y breakpoints de Tailwind
+ * @returns {ViewportInfo} Información sobre el viewport actual
+ *
+ * @example
+ * const { isMobile, isTablet, isDesktop, width, breakpoint } = useViewport();
+ *
+ * if (isMobile) {
+ *   // Renderizar versión mobile
+ * }
+ */
+export default function useViewport(): ViewportInfo;
+export {};
+//# sourceMappingURL=useViewport.d.ts.map

package/dist/hooks/useViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewport.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewport.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW;;;;;;;CAOP,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC;CACjC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,YAAY,CAuBlD"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { ComponentProps } from 'react';
+import * as React$1 from 'react';
+import { ComponentProps, ReactNode, ReactElement } from 'react';
 
 type TbordAvatarsVariant = 'circularFigma' | 'circularUser' | 'circularWorld' | 'circularZeppelin' | 'circularBordMascot' | 'rectangularFigma' | 'rectangularUser' | 'rectangularWorld' | 'rectangularZeppelin' | 'rectangularBordMascot';
 interface IBordAvatarProps extends ComponentProps<'svg'> {
@@ -28,11 +28,13 @@ declare const BordOneToneIcon: ({ variant, standardSize, customWidth, style, ...
 
 interface IbordOneToneIconProps extends ComponentProps<'svg'> {
     variant: TbordOneToneIcon;
-    standardSize?: 12 | 14 | 16 | 20 | 24 | 32;
+    standardSize?: 12 | 14 | 16 | 18 | 20 | 24 | 32;
     customWidth?: string;
 }
 
 type TformComponentsStandardSizes = 'w-80' | 'w-180' | 'w-280' | 'w-380';
+type TSemanticColors = 'informative' | 'success' | 'warning' | 'danger';
+type TTabValue = string | number;
 
 interface IBordTextInputProps extends ComponentProps<"input"> {
     placeholder: string;
@@ -96,7 +98,7 @@ interface IBordAttentionButton extends ComponentProps<'div'> {
  * @prop {string} [customClassName=""] - Add a custom class to the component.
  * @returns {React.ReactElement} An attention button component.
  */
-declare const BordAttentionButton: (props: IBordAttentionButton) => React.ReactElement;
+declare const BordAttentionButton: (props: IBordAttentionButton) => React$1.ReactElement;
 
 interface IBordInfoBannerDivProps extends ComponentProps<'div'> {
     className?: string;
@@ -143,6 +145,167 @@ interface IBordInfoBanner extends ComponentProps<'div'> {
  * @prop {IBordInfoBannerAlertLabelProps} [bordInfoBannerAlertLabelProps] - Props for the alert label.
  * @returns {React.ReactElement} An info banner component.
  */
-declare const BordInfoBanner: (props: IBordInfoBanner) => React.ReactElement;
+declare const BordInfoBanner: (props: IBordInfoBanner) => React$1.ReactElement;
 
-export { BordAttentionButton, BordAvatar, BordBackButton, BordFlag, BordInfoBanner, BordOneToneIcon, BordTextInput, BordTwoToneIcon };
+type THeight = 'auto' | '42';
+interface IBordButton extends ComponentProps<'button'> {
+    label?: string;
+    formId?: string;
+    customClassName?: string;
+    customWidth?: TformComponentsStandardSizes;
+    customHeight?: THeight;
+    bordButtonStyle?: 'filled' | 'outlined';
+    customFontSize?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    standardPaddingSize?: 'rectangular' | 'squared';
+    buttonIconOneProps?: IbordOneToneIconProps;
+    buttonIconTwoProps?: IbordOneToneIconProps;
+    buttonIconOne?: TbordOneToneIcon;
+    buttonIconTwo?: TbordOneToneIcon;
+}
+
+/**
+ * @description A button component with different styles and loading state.
+ * @prop {string} [formId] - The id of the form element to associate with the button.
+ * @prop {string} [customWidth] - The width of the button, can be any valid CSS unit.
+ * @prop {"filled" | "outlined"} [bordButtonStyle="filled"] - The style of the button, can be "filled" or "outlined".
+ * @prop {React.MouseEventHandler<HTMLButtonElement>} [onClick] - A callback function to run when the button is clicked.
+ * @prop {boolean} [disabled=false] - Whether the button is disabled or not.
+ * @prop {string} [customClassName=""] - Add a custom class to the button.
+ * @prop {string} [customFontSize] - The font size of the button text.
+ * @prop {TbordOneToneIcon} [buttonIconOne] - The icon to show on the left side of the button.
+ * @prop {TbordOneToneIcon} [buttonIconTwo] - The icon to show on the right side of the button.
+ * @prop {boolean} [isLoading=false] - Whether the button is in a loading state or not.
+ * @prop {string} [label="Button Text"] - The label of the button.
+ * @prop {string} [customHeight="auto"] - The height of the button, can be any valid CSS unit.
+ * @prop {"primary" | "secondary" | "tertiary"} [modeButton="primary"] - The mode of the button, can be "primary", "secondary" or "tertiary".
+ * @prop {"rectangular" | "squared"} [standardPaddingSize="rectangular"] - The padding size of the button.
+ * @returns {React.ReactElement} A button component with different styles and loading state.
+ */
+declare const BordButton: (props: IBordButton) => React$1.ReactElement;
+
+type TTabSemanticColors = TSemanticColors;
+interface IBordTab {
+    label: ReactNode;
+    value?: TTabValue;
+    icon?: ReactElement;
+    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+    className?: string;
+    style?: React.CSSProperties;
+    selected?: boolean;
+    textColor?: TTabSemanticColors;
+    disabled?: boolean;
+    onClick?: (evt: React.MouseEvent<HTMLButtonElement>, value?: TTabValue) => void;
+}
+
+interface IBordTabs {
+    textColor?: TTabSemanticColors;
+    defaultValue?: TTabValue;
+    children: ReactNode;
+    value?: TTabValue;
+    onChange?: (value: TTabValue) => void;
+}
+
+declare const BordTabs: ({ value, children, defaultValue, textColor, onChange }: IBordTabs) => react_jsx_runtime.JSX.Element;
+
+type TBadgeItemProps = {
+    icon?: IbordOneToneIconProps;
+    text?: string;
+    title?: string;
+    className?: string;
+};
+type TBadgeItem = TBadgeItemProps | ReactNode;
+type TTitleProps = {
+    icon?: ReactNode;
+    text?: string;
+    className?: string;
+};
+interface IRowFooterProps {
+    title?: ReactNode | TTitleProps;
+    badgeList?: TBadgeItem[];
+    children?: ReactNode;
+}
+
+interface IBordInfoCardItem {
+    title?: string;
+    icon?: ReactNode;
+    label: string;
+}
+interface IBordInfoCardHeader {
+    icon?: ReactNode;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+}
+interface IBordInfoCard extends ComponentProps<'div'> {
+    header?: IBordInfoCardHeader;
+    items?: IBordInfoCardItem[];
+    primaryButtonProps?: IBordButton;
+    secondaryButtonProps?: IBordButton;
+    tertiaryButtonProps?: IBordButton;
+    variant?: 'success' | 'danger';
+    customClassName?: string;
+    bordTrelloRowFooterBadgeListProps?: IRowFooterProps;
+}
+
+/**
+ * @description A card component that displays information in a horizontal layout (desktop): Header | Items (horizontal row) | Buttons.
+ * @prop {IBordInfoCardHeader} [header] - Optional header with icon, title, subtitle, and description (left section).
+ * @prop {IBordInfoCardItem[]} [items] - Optional array of items to display in a horizontal row (center section, desktop) or grid (tablet/mobile).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [primaryButton] - Optional primary button (filled style, right section).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton'>} [secondaryButton] - Optional secondary button (outlined style, right section).
+ * @prop {Omit<IBordButton, 'bordButtonStyle' | 'modeButton' | 'label'>} [menuButton] - Optional menu button (icon only, right section).
+ * @prop {"success" | "danger"} [variant="success"] - The color variant of the card.
+ * @prop {string} [customClassName=""] - Add a custom class to the component.
+ * @returns {React.ReactElement} An info card component.
+ */
+declare const BordInfoCard: (props: IBordInfoCard) => React$1.ReactElement;
+
+type TBordMetricCardSizes = 'lg' | 'sm';
+interface IBordMetricCardProps {
+    title: string;
+    value: number;
+    textColor?: string;
+    size: TBordMetricCardSizes;
+}
+declare const BordMetricCard: ({ title, value, textColor, size }: IBordMetricCardProps) => react_jsx_runtime.JSX.Element;
+
+interface IBordTabItem {
+    id: string;
+    label: string;
+}
+interface IBordTabBarProps {
+    tabs: IBordTabItem[];
+    defaultValue?: string;
+    activeTab?: string;
+    onChange?: (id: string) => void;
+    containerClassName?: string;
+    buttonClassName?: string;
+    activeTabClassName?: string;
+}
+declare const BordTabBar: ({ tabs, defaultValue, activeTab: externalActiveTab, onChange, containerClassName, buttonClassName, activeTabClassName, }: IBordTabBarProps) => react_jsx_runtime.JSX.Element;
+
+declare const BordTab: ({ label, className, style, icon, iconPosition, textColor, selected, value, disabled, onClick, }: IBordTab) => react_jsx_runtime.JSX.Element;
+
+interface ITabItem {
+    value?: TTabValue;
+    label: string;
+    disabled?: boolean;
+    badge?: {
+        label: string;
+        filled?: boolean;
+    };
+}
+interface IBordTabsGroupProps {
+    value?: TTabValue;
+    defaultValue?: TTabValue;
+    tabs: ITabItem[];
+    textColor?: TTabSemanticColors;
+    onChange?: (value: TTabValue) => void;
+}
+
+declare function BordTabsGroupWithBadge({ value, defaultValue, tabs, textColor, onChange }: IBordTabsGroupProps): react_jsx_runtime.JSX.Element;
+
+export { BordAttentionButton, BordAvatar, BordBackButton, BordButton, BordFlag, BordInfoBanner, BordInfoCard, BordMetricCard, BordOneToneIcon, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTextInput, BordTwoToneIcon };