bord-design-system 0.0.6 → 0.0.8

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { IBordButton } from "./BordButton.types";
-import "./BordButton.scss";
+import * as React from 'react';
+import { IBordButton } from './BordButton.types';
+import './BordButton.scss';
 /**
  * @description A button component with different styles and loading state.
  * @prop {string} [formId] - The id of the form element to associate with the button.

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

@@ -1 +1 @@
-{"version":3,"file":"BordButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,UAAW,WAAW,KAAG,KAAK,CAAC,YAwD9C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BordButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,UAAW,WAAW,KAAG,KAAK,CAAC,YAoD9C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -7,7 +7,7 @@ export interface IBordButton extends ComponentProps<'button'> {
     label?: string;
     formId?: string;
     customClassName?: string;
-    customWidth?: TformComponentsStandardSizes;
+    customWidth?: TformComponentsStandardSizes | string;
     customHeight?: THeight;
     bordButtonStyle?: 'filled' | 'outlined';
     customFontSize?: string;
@@ -19,6 +19,7 @@ export interface IBordButton extends ComponentProps<'button'> {
     buttonIconTwoProps?: IbordOneToneIconProps;
     buttonIconOne?: TbordOneToneIcon;
     buttonIconTwo?: TbordOneToneIcon;
+    theme?: 'light' | 'dark';
 }
 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,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,GAAG,QAAQ,CAAC;IAC5E,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"}
+{"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,GAAG,MAAM,CAAC;IACpD,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,GAAG,QAAQ,CAAC;IAC5E,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;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B"}

package/dist/components/BordFloatDropdown/BordFloatDropdown.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IBordFloatDropdown } from './BordFloatDropdown.types';
+import './BordFloatDropdown.scss';
+/**
+ * @description A floating dropdown component that displays a list of options with icons, labels, and messages.
+ * The dropdown automatically positions itself below the anchor element on desktop/tablet and above it on mobile.
+ * @prop {IBordFloatDropdownOption[]} options - Array of options to display in the dropdown. Each option can have:
+ *   - iconProps: Optional props object for BordOneToneIcon (variant is required, standardSize defaults to 14, stroke defaults to #070F21)
+ *   - label: String for the main text
+ *   - message: Optional string for secondary text below the label
+ *   - onClick: Function to execute when the option is clicked
+ *   - customContent: Optional React node for completely custom option rendering
+ * @prop {boolean} isOpen - Controls whether the dropdown is visible or not.
+ * @prop {() => void} onClose - Callback function to execute when the dropdown should close.
+ * @prop {string} [customClassName] - Optional custom class name for styling.
+ * @prop {object} [position] - Optional position object with top, left, right, bottom values for fine-tuning the spacing.
+ * @prop {React.RefObject<HTMLElement>} [anchorRef] - Reference to the element that triggers the dropdown for positioning.
+ * @returns {React.ReactElement | null} A floating dropdown component or null if not open.
+ */
+declare const BordFloatDropdown: ({ options, isOpen, onClose, customClassName, position, anchorRef, }: IBordFloatDropdown) => React.ReactElement | null;
+export default BordFloatDropdown;
+//# sourceMappingURL=BordFloatDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BordFloatDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BordFloatDropdown/BordFloatDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,0BAA0B,CAAC;AAElC;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,iBAAiB,wEAOpB,kBAAkB,KAAG,KAAK,CAAC,YAAY,GAAG,IAwH5C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { ReactNode, RefObject } from 'react';
+import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
+export interface IBordFloatDropdownOption {
+    iconProps?: Omit<IbordOneToneIconProps, 'variant'> & {
+        variant: IbordOneToneIconProps['variant'];
+    };
+    label: string;
+    message?: string;
+    onClick: () => void;
+    className?: string;
+    customContent?: ReactNode;
+}
+export interface IBordFloatDropdown {
+    options: IBordFloatDropdownOption[];
+    isOpen: boolean;
+    onClose: () => void;
+    customClassName?: string;
+    position?: {
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    };
+    anchorRef?: RefObject<HTMLElement>;
+}
+//# sourceMappingURL=BordFloatDropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BordFloatDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordFloatDropdown/BordFloatDropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GAAG;QAAE,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC;IACnG,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC"}

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

@@ -1 +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;AAOrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAgOlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BordInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/BordInfoCard/BordInfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,UAAW,aAAa,KAAG,KAAK,CAAC,YAiMlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,6 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { IBordButton } from '../BordButton/BordButton.types';
 import { IRowFooterProps } from '../BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList';
+import { IBordFloatDropdownOption } from '../BordFloatDropdown/BordFloatDropdown.types';
 export interface IBordInfoCardItem {
     title?: string;
     icon?: ReactNode;
@@ -22,5 +23,6 @@ export interface IBordInfoCard extends ComponentProps<'div'> {
     variant?: 'success' | 'danger';
     customClassName?: string;
     bordTrelloRowFooterBadgeListProps?: IRowFooterProps;
+    dropdownOptions?: IBordFloatDropdownOption[];
 }
 //# sourceMappingURL=BordInfoCard.types.d.ts.map

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

@@ -1 +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,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC;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"}
+{"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;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAExF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC;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;IACpD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C"}

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;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,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvF,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,mCAAoC,eAAe,4CA8C3F,CAAC"}
+{"version":3,"file":"BordTrelloRowFooterBadgeList.d.ts","sourceRoot":"","sources":["../../../src/components/BordTrelloRowFooterBadgeList/BordTrelloRowFooterBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAG5D,OAAwB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,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,qBAAqB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvF,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,mCAAoC,eAAe,4CA4G3F,CAAC"}

package/dist/components/index.d.ts

@@ -13,5 +13,6 @@ 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, };
+import BordFloatDropdown from './BordFloatDropdown/BordFloatDropdown';
+export { BordAvatar, BordFlag, BordOneToneIcon, BordTextInput, BordTwoToneIcon, BordBackButton, BordAttentionButton, BordInfoBanner, BordButton, BordTabs, BordInfoCard, BordMetricCard, BordTabBar, BordTab, BordTabsGroupWithBadge, BordFloatDropdown, };
 //# 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;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"}
+{"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;AAChF,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE,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,EACtB,iBAAiB,GAClB,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { ComponentProps, ReactNode, ReactElement } from 'react';
+import React__default, { ComponentProps, ReactNode, ReactElement, RefObject } from 'react';
 
 type TbordAvatarsVariant = 'circularFigma' | 'circularUser' | 'circularWorld' | 'circularZeppelin' | 'circularBordMascot' | 'rectangularFigma' | 'rectangularUser' | 'rectangularWorld' | 'rectangularZeppelin' | 'rectangularBordMascot';
 interface IBordAvatarProps extends ComponentProps<'svg'> {
@@ -152,7 +152,7 @@ interface IBordButton extends ComponentProps<'button'> {
     label?: string;
     formId?: string;
     customClassName?: string;
-    customWidth?: TformComponentsStandardSizes;
+    customWidth?: TformComponentsStandardSizes | string;
     customHeight?: THeight;
     bordButtonStyle?: 'filled' | 'outlined';
     customFontSize?: string;
@@ -164,6 +164,7 @@ interface IBordButton extends ComponentProps<'button'> {
     buttonIconTwoProps?: IbordOneToneIconProps;
     buttonIconOne?: TbordOneToneIcon;
     buttonIconTwo?: TbordOneToneIcon;
+    theme?: 'light' | 'dark';
 }
 
 /**
@@ -228,6 +229,30 @@ interface IRowFooterProps {
     children?: ReactNode;
 }
 
+interface IBordFloatDropdownOption {
+    iconProps?: Omit<IbordOneToneIconProps, 'variant'> & {
+        variant: IbordOneToneIconProps['variant'];
+    };
+    label: string;
+    message?: string;
+    onClick: () => void;
+    className?: string;
+    customContent?: ReactNode;
+}
+interface IBordFloatDropdown {
+    options: IBordFloatDropdownOption[];
+    isOpen: boolean;
+    onClose: () => void;
+    customClassName?: string;
+    position?: {
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    };
+    anchorRef?: RefObject<HTMLElement>;
+}
+
 interface IBordInfoCardItem {
     title?: string;
     icon?: ReactNode;
@@ -249,6 +274,7 @@ interface IBordInfoCard extends ComponentProps<'div'> {
     variant?: 'success' | 'danger';
     customClassName?: string;
     bordTrelloRowFooterBadgeListProps?: IRowFooterProps;
+    dropdownOptions?: IBordFloatDropdownOption[];
 }
 
 /**
@@ -319,4 +345,22 @@ interface IBordTabsGroupProps {
 
 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 };
+/**
+ * @description A floating dropdown component that displays a list of options with icons, labels, and messages.
+ * The dropdown automatically positions itself below the anchor element on desktop/tablet and above it on mobile.
+ * @prop {IBordFloatDropdownOption[]} options - Array of options to display in the dropdown. Each option can have:
+ *   - iconProps: Optional props object for BordOneToneIcon (variant is required, standardSize defaults to 14, stroke defaults to #070F21)
+ *   - label: String for the main text
+ *   - message: Optional string for secondary text below the label
+ *   - onClick: Function to execute when the option is clicked
+ *   - customContent: Optional React node for completely custom option rendering
+ * @prop {boolean} isOpen - Controls whether the dropdown is visible or not.
+ * @prop {() => void} onClose - Callback function to execute when the dropdown should close.
+ * @prop {string} [customClassName] - Optional custom class name for styling.
+ * @prop {object} [position] - Optional position object with top, left, right, bottom values for fine-tuning the spacing.
+ * @prop {React.RefObject<HTMLElement>} [anchorRef] - Reference to the element that triggers the dropdown for positioning.
+ * @returns {React.ReactElement | null} A floating dropdown component or null if not open.
+ */
+declare const BordFloatDropdown: ({ options, isOpen, onClose, customClassName, position, anchorRef, }: IBordFloatDropdown) => React__default.ReactElement | null;
+
+export { BordAttentionButton, BordAvatar, BordBackButton, BordButton, BordFlag, BordFloatDropdown, BordInfoBanner, BordInfoCard, BordMetricCard, BordOneToneIcon, BordTab, BordTabBar, BordTabs, BordTabsGroupWithBadge, BordTextInput, BordTwoToneIcon };