@adiba-banking-cloud/backoffice 0.0.95 → 0.0.97

package/README.md

@@ -15,6 +15,7 @@ A React component library for building modern backoffice applications. This libr
 ## Components
 
 ### Charts
+
 - **Area Charts**: Interactive area charts with customizable colors and gradients
 - **Column Charts**: Bar and column charts with rounded corners and customizable styling
 - **Donut Charts**: Circular charts with customizable inner radius and labels
@@ -30,13 +31,15 @@ A React component library for building modern backoffice applications. This libr
   - Customizable grid lines and labels
 
 ### Drag and Drop
-- **Kanban Board**: 
+
+- **Kanban Board**:
   - Drag and drop columns and cards
   - Customizable card content
   - Column reordering
   - Card status management
 
 ### Menus
+
 - **Side Navigation**:
   - Collapsible sidebar
   - Nested menu items
@@ -73,6 +76,7 @@ npm install @mantine/core@^7.12.2 @mantine/hooks@^7.12.2 @hello-pangea/dnd@^16.5
 ```
 
 Or install everything at once:
+
 ```bash
 npm install backoffice-console-library react@^18.3.1 @mantine/core@^7.12.2 @mantine/hooks@^7.12.2 @hello-pangea/dnd@^16.5.0 highcharts-react-official@^3.2.2 highcharts-rounded-corners@^1.0.7 iconsax-react@^0.0.8 @fontsource/poppins@^5.1.0
 ```
@@ -84,14 +88,10 @@ This library requires React 18.3.1 or higher as a peer dependency.
 ## Usage
 
 ```tsx
-import { ComponentName } from 'backoffice-console-library';
+import { ComponentName } from "backoffice-console-library";
 
 function App() {
-  return (
-    <ComponentName>
-      {/* Your content here */}
-    </ComponentName>
-  );
+  return <ComponentName>{/* Your content here */}</ComponentName>;
 }
 ```
 
@@ -106,6 +106,7 @@ function App() {
 
 1. Clone the repository
 2. Install dependencies:
+
 ```bash
 npm install
 ```
@@ -128,6 +129,7 @@ npm install
 ## Publishing to npm
 
 ### Prerequisites
+
 1. An npm account (create one at https://www.npmjs.com/signup)
 2. npm CLI installed globally (`npm install -g npm`)
 3. Logged in to npm (`npm login`)
@@ -135,6 +137,7 @@ npm install
 ### Publishing Steps
 
 1. **Prepare Your Package**
+
    ```bash
    # Ensure all changes are committed
    git add .
@@ -142,12 +145,14 @@ npm install
    ```
 
 2. **Build the Package**
+
    ```bash
    # Build the library
    npm run rollup
    ```
 
 3. **Update Version**
+
    ```bash
    # Update version (patch, minor, or major)
    npm version patch  # for bug fixes
@@ -163,23 +168,30 @@ npm install
    ```
 
 ### Automated Publishing
+
 The package includes a deploy script that automates the publishing process:
+
 ```bash
 npm run deploy
 ```
+
 This script will:
+
 1. Stage and commit changes
 2. Build the library
 3. Increment the patch version
 4. Publish to npm
 
 ### Version Management
+
 - Use `npm version patch` for bug fixes (1.0.x)
 - Use `npm version minor` for new features (1.x.0)
 - Use `npm version major` for breaking changes (x.0.0)
 
 ### Publishing Checklist
+
 Before publishing, ensure:
+
 1. All tests pass
 2. Documentation is up to date
 3. Version number is correct
@@ -188,6 +200,7 @@ Before publishing, ensure:
 6. No sensitive information is included
 
 ### Troubleshooting
+
 - If you get a 403 error, ensure you're logged in (`npm login`)
 - If you get a 404 error, check if the package name is available
 - If you get a version conflict, ensure you're not trying to publish an existing version
@@ -207,6 +220,7 @@ backoffice-console-library/
 ## Dependencies
 
 ### Required Dependencies
+
 - `react` (^18.3.1) - Peer dependency
 - `@mantine/core` (^7.12.2) - UI framework
 - `@mantine/hooks` (^7.12.2) - UI hooks
@@ -217,6 +231,7 @@ backoffice-console-library/
 - `@fontsource/poppins` (^5.1.0) - Font family
 
 ### Development Dependencies
+
 - `typescript` (^5.6.2) - TypeScript support
 - `rollup` (^3.29.5) - Module bundler
 - `@rollup/plugin-typescript` (^11.1.6) - TypeScript plugin for Rollup
@@ -244,4 +259,4 @@ This project is licensed under the ISC License.
 
 ## Support
 
-For support, please open an issue in the repository.
+For support, please open an issue in the repository.

package/build/index.cjs.js/index.js

@@ -11817,7 +11817,7 @@ var img$b = "data:image/svg+xml,%3csvg width='893' height='221' viewBox='0 0 893
 
 const Logo = _ref => {
   let {
-    href = '/',
+    href = "/",
     fallbackSrc,
     src,
     fit,
@@ -12009,11 +12009,11 @@ const UserMenuTarget = _ref => {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(core.Avatar, {
     src: avatar,
-    radius: 'md',
+    radius: "md",
     key: name,
     name: name,
     color: "initials",
-    bd: '0.5px solid adiba.2'
+    bd: "0.5px solid adiba.2"
   }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
@@ -12065,7 +12065,7 @@ const UserMenuDropdown = _ref => {
     if (section?.title) items.push(/*#__PURE__*/React.createElement(core.Menu.Label, {
       fz: 10,
       fw: 500,
-      c: 'dimmed',
+      c: "dimmed",
       key: `label-${index}`
     }, section.title));
     items.push(...sectionItems);
@@ -12222,7 +12222,7 @@ const SearchPanel = _ref3 => {
       searchFn ? searchFn(values) : void 0;
     })
   }, /*#__PURE__*/React.createElement(core.Group, {
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(core.TextInput, {
     fw: 300,
     name: "search",
@@ -12232,7 +12232,7 @@ const SearchPanel = _ref3 => {
     value: search,
     placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(core.ActionIcon, {
+    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React.createElement(core.ActionIcon, {
       variant: "transparent",
       onClick: filterFn
     }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
@@ -12289,7 +12289,7 @@ const LabelPanel = _ref => {
     radius,
     p
   }), /*#__PURE__*/React.createElement(core.Stack, {
-    pb: 'md'
+    pb: "md"
   }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     p: 0
@@ -12340,15 +12340,15 @@ const AvatarLabelPanel = _ref2 => {
     py: "sm"
   }, /*#__PURE__*/React.createElement(core.Box, {
     w: labelWidth,
-    pl: 'md'
+    pl: "md"
   }, /*#__PURE__*/React.createElement(core.Avatar, {
     size: avatarSize,
     src: avatar,
-    radius: 'md',
+    radius: "md",
     key: name,
     name: name,
     color: "initials",
-    bd: '0.5px solid adiba.2'
+    bd: "0.5px solid adiba.2"
   })), /*#__PURE__*/React.createElement(core.Stack, {
     py: 10,
     gap: "md",
@@ -12386,7 +12386,7 @@ const SimpleText = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(core.Text, _extends({
     fw: 300,
-    fz: smaller ? '90%' : undefined
+    fz: smaller ? "90%" : undefined
   }, rest), label);
 };
 
@@ -12421,8 +12421,10 @@ const PageTitle = _ref => {
     rightsection = /*#__PURE__*/React.createElement(core.SegmentedControl, {
       size: "sm",
       bg: "white",
-      color: 'adiba',
-      data: switcher.items
+      color: "adiba",
+      data: switcher.items,
+      value: switcher.value,
+      onChange: switcher.onChange
     });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Group, {
@@ -12465,7 +12467,7 @@ const TitleWithIndex = _ref => {
     errorFn = () => void 0
   } = _ref;
   return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Group, {
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500
@@ -12534,7 +12536,7 @@ const ConnectionPanelDetail = _ref => {
     fz: "xs"
   }, label), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
-    fz: 'sm',
+    fz: "sm",
     c: altColor
   }, value));
 };
@@ -12660,9 +12662,9 @@ const ApplicationPanelFeatures = _ref => {
     stroke: 1.5
   })), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
-    c: 'altiba',
-    size: '12px',
-    w: '90%',
+    c: "altiba",
+    size: "12px",
+    w: "90%",
     truncate: true
   }, label));
 };
@@ -12710,7 +12712,8 @@ const ApplicationPanel = _ref => {
     variant: "outline"
   }, discount)), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
-    fz: "sm"
+    fz: "sm",
+    lineClamp: 3
   }, summary))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md",
     pt: 0
@@ -12778,8 +12781,8 @@ const SubscriptionPlans = _ref => {
     altColor = "altiba.3",
     durationDays,
     planPrice,
-    buttonLabel = 'Pay Early',
-    altButtonLabel = 'Pay Now',
+    buttonLabel = "Pay Early",
+    altButtonLabel = "Pay Now",
     onClick
   } = _ref;
   const price = planPrice.split("/");
@@ -12954,7 +12957,7 @@ const SimpleBody = _ref => {
     const columnIndex = column.id;
     return /*#__PURE__*/React.createElement(core.Table.Td, {
       key: idx
-    }, typeof row[columnIndex] === 'function' ? row[columnIndex](`${index}`) : row[columnIndex] || "");
+    }, typeof row[columnIndex] === "function" ? row[columnIndex](`${index}`) : row[columnIndex] || "");
   }));
 };
 
@@ -12987,7 +12990,7 @@ const SimpleTable = _ref => {
     verticalSpacing: "md"
   };
   return /*#__PURE__*/React.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(core.Table.Thead, null, /*#__PURE__*/React.createElement(core.Table.Tr, {
-    bg: isStriped ? 'gray.1' : 'transparent'
+    bg: isStriped ? "gray.1" : "transparent"
   }, columns.map((column, index) => {
     return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
       key: `column-${index}`
@@ -13047,7 +13050,7 @@ const File = _ref => {
     p: isChip ? "xs" : undefined
   }, /*#__PURE__*/React.createElement(core.Group, {
     justify: isChip ? "space-between" : undefined,
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(core.Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
@@ -13147,7 +13150,7 @@ const SimpleModal = _ref => {
   }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500,
-    lh: '40px'
+    lh: "40px"
   }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)));
 };
 
@@ -13235,7 +13238,7 @@ const Drawer = _ref => {
       transition: "slide-left"
     }
   }, /*#__PURE__*/React.createElement(core.Drawer.Overlay, null), /*#__PURE__*/React.createElement(core.Drawer.Content, null, /*#__PURE__*/React.createElement(core.Drawer.Header, null, /*#__PURE__*/React.createElement(core.Drawer.Title, {
-    fz: 'lg',
+    fz: "lg",
     fw: "400"
   }, title), /*#__PURE__*/React.createElement(core.Drawer.CloseButton, {
     icon: /*#__PURE__*/React.createElement(Icons, {

package/build/index.esm.js/index.js

@@ -11796,7 +11796,7 @@ var img$b = "data:image/svg+xml,%3csvg width='893' height='221' viewBox='0 0 893
 
 const Logo = _ref => {
   let {
-    href = '/',
+    href = "/",
     fallbackSrc,
     src,
     fit,
@@ -11988,11 +11988,11 @@ const UserMenuTarget = _ref => {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(Avatar, {
     src: avatar,
-    radius: 'md',
+    radius: "md",
     key: name,
     name: name,
     color: "initials",
-    bd: '0.5px solid adiba.2'
+    bd: "0.5px solid adiba.2"
   }), /*#__PURE__*/React.createElement(Stack, {
     gap: 0,
     align: "flex-start",
@@ -12044,7 +12044,7 @@ const UserMenuDropdown = _ref => {
     if (section?.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
       fz: 10,
       fw: 500,
-      c: 'dimmed',
+      c: "dimmed",
       key: `label-${index}`
     }, section.title));
     items.push(...sectionItems);
@@ -12201,7 +12201,7 @@ const SearchPanel = _ref3 => {
       searchFn ? searchFn(values) : void 0;
     })
   }, /*#__PURE__*/React.createElement(Group, {
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(TextInput, {
     fw: 300,
     name: "search",
@@ -12211,7 +12211,7 @@ const SearchPanel = _ref3 => {
     value: search,
     placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(ActionIcon, {
+    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
     }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
@@ -12268,7 +12268,7 @@ const LabelPanel = _ref => {
     radius,
     p
   }), /*#__PURE__*/React.createElement(Stack, {
-    pb: 'md'
+    pb: "md"
   }, /*#__PURE__*/React.createElement(Group, {
     justify: "space-between",
     p: 0
@@ -12319,15 +12319,15 @@ const AvatarLabelPanel = _ref2 => {
     py: "sm"
   }, /*#__PURE__*/React.createElement(Box, {
     w: labelWidth,
-    pl: 'md'
+    pl: "md"
   }, /*#__PURE__*/React.createElement(Avatar, {
     size: avatarSize,
     src: avatar,
-    radius: 'md',
+    radius: "md",
     key: name,
     name: name,
     color: "initials",
-    bd: '0.5px solid adiba.2'
+    bd: "0.5px solid adiba.2"
   })), /*#__PURE__*/React.createElement(Stack, {
     py: 10,
     gap: "md",
@@ -12365,7 +12365,7 @@ const SimpleText = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(Text, _extends({
     fw: 300,
-    fz: smaller ? '90%' : undefined
+    fz: smaller ? "90%" : undefined
   }, rest), label);
 };
 
@@ -12400,8 +12400,10 @@ const PageTitle = _ref => {
     rightsection = /*#__PURE__*/React.createElement(SegmentedControl, {
       size: "sm",
       bg: "white",
-      color: 'adiba',
-      data: switcher.items
+      color: "adiba",
+      data: switcher.items,
+      value: switcher.value,
+      onChange: switcher.onChange
     });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Group, {
@@ -12444,7 +12446,7 @@ const TitleWithIndex = _ref => {
     errorFn = () => void 0
   } = _ref;
   return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Group, {
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(Title, {
     order: 3,
     fw: 500
@@ -12513,7 +12515,7 @@ const ConnectionPanelDetail = _ref => {
     fz: "xs"
   }, label), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
-    fz: 'sm',
+    fz: "sm",
     c: altColor
   }, value));
 };
@@ -12639,9 +12641,9 @@ const ApplicationPanelFeatures = _ref => {
     stroke: 1.5
   })), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
-    c: 'altiba',
-    size: '12px',
-    w: '90%',
+    c: "altiba",
+    size: "12px",
+    w: "90%",
     truncate: true
   }, label));
 };
@@ -12689,7 +12691,8 @@ const ApplicationPanel = _ref => {
     variant: "outline"
   }, discount)), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
-    fz: "sm"
+    fz: "sm",
+    lineClamp: 3
   }, summary))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md",
     pt: 0
@@ -12757,8 +12760,8 @@ const SubscriptionPlans = _ref => {
     altColor = "altiba.3",
     durationDays,
     planPrice,
-    buttonLabel = 'Pay Early',
-    altButtonLabel = 'Pay Now',
+    buttonLabel = "Pay Early",
+    altButtonLabel = "Pay Now",
     onClick
   } = _ref;
   const price = planPrice.split("/");
@@ -12933,7 +12936,7 @@ const SimpleBody = _ref => {
     const columnIndex = column.id;
     return /*#__PURE__*/React.createElement(Table.Td, {
       key: idx
-    }, typeof row[columnIndex] === 'function' ? row[columnIndex](`${index}`) : row[columnIndex] || "");
+    }, typeof row[columnIndex] === "function" ? row[columnIndex](`${index}`) : row[columnIndex] || "");
   }));
 };
 
@@ -12966,7 +12969,7 @@ const SimpleTable = _ref => {
     verticalSpacing: "md"
   };
   return /*#__PURE__*/React.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(Table.Thead, null, /*#__PURE__*/React.createElement(Table.Tr, {
-    bg: isStriped ? 'gray.1' : 'transparent'
+    bg: isStriped ? "gray.1" : "transparent"
   }, columns.map((column, index) => {
     return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
       key: `column-${index}`
@@ -13026,7 +13029,7 @@ const File = _ref => {
     p: isChip ? "xs" : undefined
   }, /*#__PURE__*/React.createElement(Group, {
     justify: isChip ? "space-between" : undefined,
-    gap: 'xs'
+    gap: "xs"
   }, /*#__PURE__*/React.createElement(Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
@@ -13126,7 +13129,7 @@ const SimpleModal = _ref => {
   }, /*#__PURE__*/React.createElement(Title, {
     order: 3,
     fw: 500,
-    lh: '40px'
+    lh: "40px"
   }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)));
 };
 
@@ -13214,7 +13217,7 @@ const Drawer = _ref => {
       transition: "slide-left"
     }
   }, /*#__PURE__*/React.createElement(Drawer$1.Overlay, null), /*#__PURE__*/React.createElement(Drawer$1.Content, null, /*#__PURE__*/React.createElement(Drawer$1.Header, null, /*#__PURE__*/React.createElement(Drawer$1.Title, {
-    fz: 'lg',
+    fz: "lg",
     fw: "400"
   }, title), /*#__PURE__*/React.createElement(Drawer$1.CloseButton, {
     icon: /*#__PURE__*/React.createElement(Icons, {

package/build/typings/components/charts/area/Area.default.d.ts

@@ -1,2 +1,2 @@
-import { AreaChartConfig, AreaChartProps } from './Area.types';
+import { AreaChartConfig, AreaChartProps } from "./Area.types";
 export declare const initChart: (props: AreaChartProps) => AreaChartConfig;

package/build/typings/components/charts/column/Column.default.d.ts

@@ -1,2 +1,2 @@
-import { ChartConfig, ChartProps } from './Column.types';
+import { ChartConfig, ChartProps } from "./Column.types";
 export declare const initChart: (props: ChartProps) => ChartConfig;

package/build/typings/components/general/icons/Icons.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IconsProps } from "./Icons.types";
-import './Icons.css';
+import "./Icons.css";
 export declare const Icons: React.FC<IconsProps>;

package/build/typings/components/general/title/Title.types.d.ts

@@ -12,7 +12,7 @@ export interface PageTitleProps extends TitleProps {
 export interface SwitcherProps {
     items: string[];
     value?: string;
-    onChange?: () => void;
+    onChange?: (value: string) => void;
 }
 export interface BreadCrumbItemProps {
     name: string;

package/build/typings/components/menus/application/Application.stories.d.ts

@@ -1,6 +1,6 @@
 import { ApplicationMenu } from "./Application";
 import { Meta } from "@storybook/react";
-import '@mantine/core/styles.css';
+import "@mantine/core/styles.css";
 declare const _default: Meta<typeof ApplicationMenu>;
 export default _default;
 export declare const ApplicationMenuExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Application.types").ApplicationMenuProps>;

package/build/typings/components/menus/side/Side.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { SideMenuProps } from "./Side.types";
-import './Side.css';
+import "./Side.css";
 export declare const SideMenu: React.FC<SideMenuProps>;

package/build/typings/components/menus/user/User.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/react";
 import { UserMenu } from "./User";
-import '@mantine/core/styles.css';
+import "@mantine/core/styles.css";
 declare const _default: Meta<typeof UserMenu>;
 export default _default;
 export declare const UserMenuExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./User.types").UsermenuProps>;

package/build/typings/components/modals/confim/Confim.d.ts

@@ -1,2 +1,2 @@
 import { BackofficeConfirmModalProps } from "./Confim.types";
-export declare const ConfirmModal: ({ children, loading }: BackofficeConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmModal: ({ children, loading, }: BackofficeConfirmModalProps) => import("react/jsx-runtime").JSX.Element;

package/build/typings/components/modals/confim/Confim.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/react";
 import { ConfirmModal } from "./Confim";
-import '@mantine/core/styles.css';
+import "@mantine/core/styles.css";
 declare const _default: Meta<typeof ConfirmModal>;
 export default _default;
 export declare const ConfirmModalExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Confim.types").BackofficeConfirmModalProps>;

package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.types.d.ts

@@ -5,7 +5,7 @@ export interface SubscriptionPlanProps {
     altColor: MantineColor;
     durationDays: number;
     planPrice: string;
-    onClick: (event: any) => void;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     buttonLabel?: string;
     altButtonLabel?: string;
 }

package/build/typings/shared/types/ActionProps.types.d.ts

@@ -1,5 +1,5 @@
 import { AlertProps, DrawerProps, ModalProps, NotificationProps, ButtonProps } from "@mantine/core";
-import { PageTitleProps } from '../../components/general/title/Title.types';
+import { PageTitleProps } from "../../components/general/title/Title.types";
 export interface DrawerActionProps {
     title: string;
     page: React.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.95",
+  "version": "0.0.97",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",