@ganpatiinfo/gids-react-web 2.0.9 → 2.1.1

package/dist/components/GidsBadge/GidsBadge.d.ts

@@ -22,20 +22,20 @@ export type GidsBadgeProps = GidsBadgeCommonProps<ReactNode> & ComponentPropsWit
  *
  * ```tsx
  * <GidsBadge
-  accessibleText="102 notifications"
-  appearance="warning"
-  count={102}
-  type="notification"/>
+ * accessibleText="102 notifications"
+ * appearance="warning"
+ * count={102}
+ * type="notification"/>
  * ```
  *
  * When using the `dot` type, there must be no visible content inside the badge, but accessible text for screen readers **must** be provided:
  *
  * ```tsx
-<GidsBadge
-  accessibleText="102 notifications"
-  appearance="warning"
-  count={102}
-  type="dot"/>
+ *<GidsBadge
+ *  accessibleText="102 notifications"
+ *  appearance="warning"
+ *  count={102}
+ *  type="dot"/>
  * ```
  *
  * **Note:** Any additional props are passed to the outermost  `<span>` DOM element that this component renders. For example, `<GidsBadge id="foo" />` will render `<span id="foo" ... >...</span>`.

package/dist/components/GidsBadge/GidsBadge.js

@@ -24,20 +24,20 @@ const { getGidsBadgeClassNames } = GidsBadgeWebUtils;
  *
  * ```tsx
  * <GidsBadge
-  accessibleText="102 notifications"
-  appearance="warning"
-  count={102}
-  type="notification"/>
+ * accessibleText="102 notifications"
+ * appearance="warning"
+ * count={102}
+ * type="notification"/>
  * ```
  *
  * When using the `dot` type, there must be no visible content inside the badge, but accessible text for screen readers **must** be provided:
  *
  * ```tsx
-<GidsBadge
-  accessibleText="102 notifications"
-  appearance="warning"
-  count={102}
-  type="dot"/>
+ *<GidsBadge
+ *  accessibleText="102 notifications"
+ *  appearance="warning"
+ *  count={102}
+ *  type="dot"/>
  * ```
  *
  * **Note:** Any additional props are passed to the outermost  `<span>` DOM element that this component renders. For example, `<GidsBadge id="foo" />` will render `<span id="foo" ... >...</span>`.

package/dist/components/GidsBaseCard/GidsBaseCard.d.ts

@@ -0,0 +1,33 @@
+import { type GidsBaseCardCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type JSX, type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface GidsBaseCardProps extends GidsBaseCardCommonProps<ReactNode>, Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onClick'> {
+}
+/**
+ * React DOM implementation of GIDS BaseCard component.
+ *
+ * **Basic Usage**
+ *
+ * ```tsx
+ * import { GidsBaseCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsBaseCard cardType="empty" />
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * ```tsx
+ * import { GidsBaseCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsBaseCard cardType="content">
+ * 		<p>I am the text children on card. You can write your own text.</p>
+ *	</GidsBaseCard>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBaseCard />` component.
+ **/
+export declare const GidsBaseCard: ({ children, cardType, appearance, className, ...rest }: GidsBaseCardProps) => JSX.Element;
+//# sourceMappingURL=GidsBaseCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBaseCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAChB,SAAQ,uBAAuB,CAAC,SAAS,CAAC,EACzC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAAG;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BI;AACJ,eAAO,MAAM,YAAY,GAAI,wDAM1B,iBAAiB,KAAG,GAAG,CAAC,OAS1B,CAAC"}

package/dist/components/GidsBaseCard/GidsBaseCard.js

@@ -0,0 +1,34 @@
+import { GidsBaseCardWebUtils } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+const { getGidsBaseCardClassNames } = GidsBaseCardWebUtils;
+/**
+ * React DOM implementation of GIDS BaseCard component.
+ *
+ * **Basic Usage**
+ *
+ * ```tsx
+ * import { GidsBaseCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsBaseCard cardType="empty" />
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * ```tsx
+ * import { GidsBaseCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsBaseCard cardType="content">
+ * 		<p>I am the text children on card. You can write your own text.</p>
+ *	</GidsBaseCard>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBaseCard />` component.
+ **/
+export const GidsBaseCard = ({ children, cardType = 'empty', appearance = 'default', className, ...rest }) => {
+    return (React.createElement("div", { ...rest, className: getGidsBaseCardClassNames({ cardType, appearance }, className) }, children));
+};
+//# sourceMappingURL=GidsBaseCard.js.map

package/dist/components/GidsBaseCard/GidsBaseCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBaseCard.js","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAIN,MAAM,OAAO,CAAC;AAEf,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAM3D;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BI;AACJ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,GAAG,IAAI,EACY,EAAe,EAAE;IACpC,OAAO,CACN,gCACK,IAAI,EACR,SAAS,EAAE,yBAAyB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,CAAC,IAExE,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/GidsBox/GidsBox.d.ts

@@ -0,0 +1,22 @@
+import { type GidsBoxWebProps, type PermittedGidsBoxElements } from '@ganpatiinfo/gids-web-shared';
+import { type ComponentPropsWithoutRef, type JSX, type ReactNode } from 'react';
+export type GidsBoxProps<E extends PermittedGidsBoxElements> = GidsBoxWebProps<ReactNode, E> & ComponentPropsWithoutRef<E>;
+/**
+ * React DOM implementation of GIDS Box component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBox } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBox className="gids-box-demo__container-with-text" component="div">
+ *		This Box renders as an HTML section element.
+ *  </GidsBox>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBox />` component.
+ **/
+export declare const GidsBox: <E extends PermittedGidsBoxElements = "div">({ children, component, className, ...rest }: GidsBoxProps<E>) => JSX.Element;
+//# sourceMappingURL=GidsBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBox.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBox/GidsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,eAAe,EAEpB,KAAK,wBAAwB,EAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,wBAAwB,IAAI,eAAe,CAC7E,SAAS,EACT,CAAC,CACD,GACA,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE7B;;;;;;;;;;;;;;;;IAgBI;AACJ,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,wBAAwB,GAAG,KAAK,EAAE,6CAKjE,YAAY,CAAC,CAAC,CAAC,KAAG,GAAG,CAAC,OASxB,CAAC"}

package/dist/components/GidsBox/GidsBox.js

@@ -0,0 +1,27 @@
+import { GidsBoxWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+const { getGidsBoxClassNames } = GidsBoxWebUtils;
+/**
+ * React DOM implementation of GIDS Box component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBox } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBox className="gids-box-demo__container-with-text" component="div">
+ *		This Box renders as an HTML section element.
+ *  </GidsBox>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBox />` component.
+ **/
+export const GidsBox = ({ children, component, className, ...rest }) => {
+    const Component = component || 'div';
+    return (
+    // @ts-expect-error: Expected error
+    React.createElement(Component, { className: getGidsBoxClassNames(className), ...rest }, children));
+};
+//# sourceMappingURL=GidsBox.js.map

package/dist/components/GidsBox/GidsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBox.js","sourceRoot":"","sources":["../../../src/components/GidsBox/GidsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,eAAe,GAEf,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,EAAE,oBAAoB,EAAE,GAAG,eAAe,CAAC;AAQjD;;;;;;;;;;;;;;;;IAgBI;AACJ,MAAM,CAAC,MAAM,OAAO,GAAG,CAA6C,EACnE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACU,EAAe,EAAE;IAClC,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO;IACN,mCAAmC;IACnC,oBAAC,SAAS,IAAC,SAAS,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAM,IAAI,IAC7D,QAAQ,CACE,CACZ,CAAC;AACH,CAAC,CAAC"}

package/dist/components/GidsBreadcrumb/GidsBreadcrumb.d.ts

@@ -0,0 +1,39 @@
+import { GidsBreadcrumbCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type ComponentPropsWithoutRef, type JSX, type ReactNode } from 'react';
+export type GidsBreadcrumbProps = GidsBreadcrumbCommonProps<ReactNode> & Omit<ComponentPropsWithoutRef<'nav'>, 'children' | 'onClick'>;
+/**
+ * React DOM implementation of GIDS Breadcrumb component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBreadcrumb } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBreadcrumb>
+ * 		<GidsBreadcrumbItem
+ *   		currentIndex={0}
+ *   		isSeparatorVisible
+ *   		leadingIcon="placeholder"
+ *   		renderingSystem="array"
+ *   		totalLength={2}
+ * 		>
+ *   		Breadcrumb Item 1
+ * 		</GidsBreadcrumbItem>
+ * 		<GidsBreadcrumbItem
+ *   		currentIndex={1}
+ *   		isSeparatorVisible
+ *   		leadingIcon="placeholder"
+ *   		renderingSystem="array"
+ *   		totalLength={2}
+ * 		>
+ *   		Breadcrumb Item 2
+ * 		</GidsBreadcrumbItem>
+ *	</GidsBreadcrumb>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBreadcrumb />` component.
+ **/
+export declare const GidsBreadcrumb: ({ children, className, ...rest }: GidsBreadcrumbProps) => JSX.Element;
+//# sourceMappingURL=GidsBreadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBreadcrumb/GidsBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAc,EACb,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EACR,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,SAAS,CAAC,GACrE,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCI;AACJ,eAAO,MAAM,cAAc,GAAI,kCAI5B,mBAAmB,KAAG,GAAG,CAAC,OAM5B,CAAC"}

package/dist/components/GidsBreadcrumb/GidsBreadcrumb.js

@@ -0,0 +1,42 @@
+import { GidsBreadcrumbWebUtils } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+const { getGidsBreadcrumbClassNames } = GidsBreadcrumbWebUtils;
+/**
+ * React DOM implementation of GIDS Breadcrumb component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBreadcrumb } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBreadcrumb>
+ * 		<GidsBreadcrumbItem
+ *   		currentIndex={0}
+ *   		isSeparatorVisible
+ *   		leadingIcon="placeholder"
+ *   		renderingSystem="array"
+ *   		totalLength={2}
+ * 		>
+ *   		Breadcrumb Item 1
+ * 		</GidsBreadcrumbItem>
+ * 		<GidsBreadcrumbItem
+ *   		currentIndex={1}
+ *   		isSeparatorVisible
+ *   		leadingIcon="placeholder"
+ *   		renderingSystem="array"
+ *   		totalLength={2}
+ * 		>
+ *   		Breadcrumb Item 2
+ * 		</GidsBreadcrumbItem>
+ *	</GidsBreadcrumb>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBreadcrumb />` component.
+ **/
+export const GidsBreadcrumb = ({ children, className, ...rest }) => {
+    return (React.createElement("nav", { ...rest, className: getGidsBreadcrumbClassNames(className) },
+        React.createElement("ol", null, children)));
+};
+//# sourceMappingURL=GidsBreadcrumb.js.map

package/dist/components/GidsBreadcrumb/GidsBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/GidsBreadcrumb/GidsBreadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAIN,MAAM,OAAO,CAAC;AAEf,MAAM,EAAE,2BAA2B,EAAE,GAAG,sBAAsB,CAAC;AAK/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCI;AACJ,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACc,EAAe,EAAE;IACtC,OAAO,CACN,gCAAS,IAAI,EAAE,SAAS,EAAE,2BAA2B,CAAC,SAAS,CAAC;QAC/D,gCAAK,QAAQ,CAAM,CACd,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/GidsBreadcrumbItem/GidsBreadcrumbItem.d.ts

@@ -0,0 +1,34 @@
+import { type GidsBreadcrumbItemCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { MouseEvent, type ComponentPropsWithoutRef, type JSX, type ReactNode } from 'react';
+export type GidsBreadcrumbItemProps = GidsBreadcrumbItemCommonProps<ReactNode, string, string> & Omit<ComponentPropsWithoutRef<'li'>, 'onClick'> & {
+    href?: string;
+    onClick?: (event: MouseEvent) => void;
+};
+/**
+ * React DOM implementation of GIDS Breadcrumb Item component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBreadcrumbItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBreadcrumbItem
+ * 	 currentIndex={1}
+ * 	 href="/"
+ * 	 isSeparatorVisible
+ * 	 leadingIcon="placeholder"
+ *   onClick={() => {}}
+ *   renderingSystem="array"
+ *   separator="chevron-right"
+ *   totalLength={3}
+ *  >
+ *  	Label
+ *	</GidsBreadcrumbItem>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBreadcrumbItem />` component.
+ **/
+export declare const GidsBreadcrumbItem: ({ children, selected, className, href, onClick, leadingIcon, renderingSystem, isSeparatorVisible, separator, currentIndex, totalLength, ...rest }: GidsBreadcrumbItemProps) => JSX.Element;
+//# sourceMappingURL=GidsBreadcrumbItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBreadcrumbItem/GidsBreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAc,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EACR,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,CAClE,SAAS,EACT,MAAM,EACN,MAAM,CACN,GACA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;IAyBI;AACJ,eAAO,MAAM,kBAAkB,GAAI,mJAahC,uBAAuB,KAAG,GAAG,CAAC,OAuChC,CAAC"}

package/dist/components/GidsBreadcrumbItem/GidsBreadcrumbItem.js

@@ -0,0 +1,42 @@
+import { GidsBreadcrumbItemWebUtils } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+import { GidsIcon } from '../GidsIcon/GidsIcon.js';
+const { getGidsBreadcrumbItemClassNames } = GidsBreadcrumbItemWebUtils;
+/**
+ * React DOM implementation of GIDS Breadcrumb Item component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsBreadcrumbItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsBreadcrumbItem
+ * 	 currentIndex={1}
+ * 	 href="/"
+ * 	 isSeparatorVisible
+ * 	 leadingIcon="placeholder"
+ *   onClick={() => {}}
+ *   renderingSystem="array"
+ *   separator="chevron-right"
+ *   totalLength={3}
+ *  >
+ *  	Label
+ *	</GidsBreadcrumbItem>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsBreadcrumbItem />` component.
+ **/
+export const GidsBreadcrumbItem = ({ children, selected, className, href, onClick, leadingIcon, renderingSystem, isSeparatorVisible, separator, currentIndex, totalLength, ...rest }) => {
+    return (React.createElement("li", { ...rest, className: getGidsBreadcrumbItemClassNames({ selected }, className) },
+        React.createElement("a", { href: href ? href : undefined, onClick: onClick, className: "gids-breadcrumb-item__anchor-label" },
+            leadingIcon && leadingIcon !== '' && leadingIcon !== '(none)' ? (React.createElement(GidsIcon, { name: leadingIcon, size: "md", appearance: "regular", alt: "", className: "gids-breadcrumb-item__leading-icon" })) : null,
+            children),
+        isSeparatorVisible &&
+            ((renderingSystem === 'array' && currentIndex < totalLength - 1) ||
+                renderingSystem === 'non-array') ? (React.createElement(GidsIcon, { name: separator && separator !== '' && separator !== '(none)'
+                ? separator
+                : 'chevron-right', size: "md", appearance: "filled", alt: "", className: "gids-breadcrumb-item__separator-icon" })) : null));
+};
+//# sourceMappingURL=GidsBreadcrumbItem.js.map

package/dist/components/GidsBreadcrumbItem/GidsBreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsBreadcrumbItem.js","sourceRoot":"","sources":["../../../src/components/GidsBreadcrumbItem/GidsBreadcrumbItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAYvE;;;;;;;;;;;;;;;;;;;;;;;;;IAyBI;AACJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACkB,EAAe,EAAE;IAC1C,OAAO,CACN,+BACK,IAAI,EACR,SAAS,EAAE,+BAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC;QAEnE,2BACC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oCAAoC;YAE7C,WAAW,IAAI,WAAW,KAAK,EAAE,IAAI,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChE,oBAAC,QAAQ,IACR,IAAI,EAAE,WAAuB,EAC7B,IAAI,EAAC,IAAI,EACT,UAAU,EAAC,SAAS,EACpB,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,oCAAoC,GAC7C,CACF,CAAC,CAAC,CAAC,IAAI;YACP,QAAQ,CACN;QACH,kBAAkB;YACnB,CAAC,CAAC,eAAe,KAAK,OAAO,IAAI,YAAY,GAAG,WAAW,GAAG,CAAC,CAAC;gBAC/D,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CACnC,oBAAC,QAAQ,IACR,IAAI,EACH,SAAS,IAAI,SAAS,KAAK,EAAE,IAAI,SAAS,KAAK,QAAQ;gBACtD,CAAC,CAAE,SAAsB;gBACzB,CAAC,CAAC,eAAe,EAEnB,IAAI,EAAC,IAAI,EACT,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,sCAAsC,GAC/C,CACF,CAAC,CAAC,CAAC,IAAI,CACJ,CACL,CAAC;AACH,CAAC,CAAC"}

package/dist/components/GidsCard/GidsCard.d.ts

@@ -0,0 +1,61 @@
+import { type JSX, type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type GidsCardCommonProps } from '@ganpatiinfo/gids-core-shared';
+export interface GidsCardProps extends GidsCardCommonProps<ReactNode, string, string>, Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onClick'> {
+}
+/**
+ * React DOM implementation of GIDS Card component.
+ *
+ * **Basic Usage**
+ *
+ * ```tsx
+ * import { GidsCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsCard
+ * 		baseCardAppearance="default"
+ * 		cardHeaderSrc=""
+ * 		description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!"
+ * 		heading="Advanced Card"
+ * 		subHeading="Card subtitle"
+ * 	/>
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * ```tsx
+ * import { GidsCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsCard
+ * 		baseCardAppearance="default"
+ * 		cardHeaderSrc="./images/cardImages/card-img-09.jpg"
+ * 		cardHeaderType="image"
+ * 		description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!"
+ * 		headerVisible
+ * 		heading="Advanced Card"
+ * 		subHeading="Card subtitle"
+ *	>
+ * 		<GidsButtonGroup layout="wrap">
+ *   		<GidsToggleButton
+ *     			appearance="default"
+ *     			size="md"
+ *   		>
+ *     			Toggle 1
+ *   		</GidsToggleButton>
+ *   		<GidsButton
+ *     			appearance="primary"
+ *     			as="button"
+ *     			size="md"
+ *   		>
+ *     			Button 2
+ *   		</GidsButton>
+ * 			</GidsButtonGroup>
+ *	</GidsCard>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsCard />` component.
+ **/
+export declare const GidsCard: ({ children, cardHeaderType, cardHeaderSrc, heading, subHeading, description, baseCardAppearance, headerVisible, className, ...rest }: GidsCardProps) => JSX.Element;
+//# sourceMappingURL=GidsCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCard/GidsCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,KAAK,mBAAmB,EAExB,MAAM,+BAA+B,CAAC;AAQvC,MAAM,WAAW,aAChB,SAAQ,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EACrD,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAAG;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDI;AACJ,eAAO,MAAM,QAAQ,GAAI,sIAWtB,aAAa,KAAG,GAAG,CAAC,OAmFtB,CAAC"}

package/dist/components/GidsCard/GidsCard.js

@@ -0,0 +1,93 @@
+import React from 'react';
+import { GidsCardCommonUtils, } from '@ganpatiinfo/gids-core-shared';
+import { GidsCardWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { GidsAvatar } from '../GidsAvatar/GidsAvatar.js';
+import { GidsBaseCard } from '../GidsBaseCard/GidsBaseCard.js';
+const { getGidsCardClassNames } = GidsCardWebUtils;
+const { isContentContainerVisible, isSimpleCard } = GidsCardCommonUtils;
+/**
+ * React DOM implementation of GIDS Card component.
+ *
+ * **Basic Usage**
+ *
+ * ```tsx
+ * import { GidsCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsCard
+ * 		baseCardAppearance="default"
+ * 		cardHeaderSrc=""
+ * 		description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!"
+ * 		heading="Advanced Card"
+ * 		subHeading="Card subtitle"
+ * 	/>
+ * );
+ * ```
+ *
+ * **Advanced Usage**
+ *
+ * ```tsx
+ * import { GidsCard } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsCard
+ * 		baseCardAppearance="default"
+ * 		cardHeaderSrc="./images/cardImages/card-img-09.jpg"
+ * 		cardHeaderType="image"
+ * 		description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!"
+ * 		headerVisible
+ * 		heading="Advanced Card"
+ * 		subHeading="Card subtitle"
+ *	>
+ * 		<GidsButtonGroup layout="wrap">
+ *   		<GidsToggleButton
+ *     			appearance="default"
+ *     			size="md"
+ *   		>
+ *     			Toggle 1
+ *   		</GidsToggleButton>
+ *   		<GidsButton
+ *     			appearance="primary"
+ *     			as="button"
+ *     			size="md"
+ *   		>
+ *     			Button 2
+ *   		</GidsButton>
+ * 			</GidsButtonGroup>
+ *	</GidsCard>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsCard />` component.
+ **/
+export const GidsCard = ({ children, cardHeaderType, cardHeaderSrc, heading, subHeading, description, baseCardAppearance, headerVisible, className, ...rest }) => {
+    const getHeader = () => {
+        switch (cardHeaderType) {
+            case 'avatar':
+                return (React.createElement(GidsAvatar, { appearance: "image", size: "xl", imageSrc: cardHeaderSrc ?? '' }));
+            default:
+                return (React.createElement("img", { src: cardHeaderSrc, alt: "alt_text", className: "gids-card__image" }));
+        }
+    };
+    return (React.createElement("div", { ...rest, className: getGidsCardClassNames({ isSimpleCard: isSimpleCard({ cardHeaderSrc, headerVisible }) }, className) },
+        React.createElement(GidsBaseCard, { cardType: "content", appearance: baseCardAppearance, className: isSimpleCard({ cardHeaderSrc, headerVisible })
+                ? 'gids-card__base-card-simple'
+                : 'gids-card__base-card-advanced' },
+            React.createElement("div", { className: isSimpleCard({ cardHeaderSrc, headerVisible })
+                    ? 'gids-card__simple-card-inner-container'
+                    : 'gids-card__advanced-card-inner-container' },
+                headerVisible ? (React.createElement("div", { className: cardHeaderType === 'avatar'
+                        ? 'gids-card__header-container-avatar'
+                        : 'gids-card__header-container-image' }, getHeader())) : null,
+                isContentContainerVisible({
+                    heading,
+                    subHeading,
+                    description,
+                    children,
+                }) ? (React.createElement("div", { className: "gids-card__content-container" },
+                    heading && heading !== '' ? (React.createElement("div", { className: "gids-card__heading" }, heading)) : null,
+                    subHeading && subHeading !== '' ? (React.createElement("div", { className: "gids-card__subheading" }, subHeading)) : null,
+                    description && description !== '' ? (React.createElement("p", { className: "gids-card__description" }, description)) : null,
+                    children ? (React.createElement("div", { className: "gids-card__children" }, children)) : null)) : null))));
+};
+//# sourceMappingURL=GidsCard.js.map

package/dist/components/GidsCard/GidsCard.js.map

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

package/dist/components/GidsContainer/GidsContainer.d.ts

@@ -0,0 +1,26 @@
+import { type ClassValue, type GidsContainerWebProps } from '@ganpatiinfo/gids-web-shared';
+import { ComponentPropsWithRef, JSX, ReactNode } from 'react';
+export type GidsContainerProps = GidsContainerWebProps<ReactNode> & ComponentPropsWithRef<'div'> & {
+    className?: ClassValue;
+};
+/**
+ * React DOM implementation of GIDS Container component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsContainer } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsContainer
+ * 	 maxWidth="lg"
+ *	>
+ * 	 <GidsBox className="gids-container-demo__container" />
+ *	</GidsContainer>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsContainer />` component.
+ **/
+export declare const GidsContainer: ({ children, maxWidth, fixed, className, ...rest }: GidsContainerProps) => JSX.Element;
+//# sourceMappingURL=GidsContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsContainer.d.ts","sourceRoot":"","sources":["../../../src/components/GidsContainer/GidsContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,qBAAqB,EAE1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,SAAS,CAAC,GAChE,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEH;;;;;;;;;;;;;;;;;;IAkBI;AACJ,eAAO,MAAM,aAAa,GAAI,mDAM3B,kBAAkB,KAAG,GAAG,CAAC,OAS3B,CAAC"}

package/dist/components/GidsContainer/GidsContainer.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { GidsContainerWebUtils, } from '@ganpatiinfo/gids-web-shared';
+const { getGidsContainerClassNames } = GidsContainerWebUtils;
+/**
+ * React DOM implementation of GIDS Container component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsContainer } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsContainer
+ * 	 maxWidth="lg"
+ *	>
+ * 	 <GidsBox className="gids-container-demo__container" />
+ *	</GidsContainer>
+ * );
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsContainer />` component.
+ **/
+export const GidsContainer = ({ children, maxWidth, fixed, className, ...rest }) => {
+    return (React.createElement("div", { ...rest, className: getGidsContainerClassNames({ fixed, maxWidth }, className) }, children));
+};
+//# sourceMappingURL=GidsContainer.js.map

package/dist/components/GidsContainer/GidsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsContainer.js","sourceRoot":"","sources":["../../../src/components/GidsContainer/GidsContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AAGtC,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAO7D;;;;;;;;;;;;;;;;;;IAkBI;AACJ,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACa,EAAe,EAAE;IACrC,OAAO,CACN,gCACK,IAAI,EACR,SAAS,EAAE,0BAA0B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,IAEpE,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/index.d.ts

@@ -20,6 +20,12 @@ export * from './components/GidsButtonGroup/GidsButtonGroup.js';
 export * from './components/GidsButtonDock/GidsButtonDock.js';
 export * from './components/GidsSectionNotice/GidsSectionNotice.js';
 export * from './components/GidsCompoundButton/GidsCompoundButton.js';
+export * from './components/GidsBox/GidsBox.js';
+export * from './components/GidsContainer/GidsContainer.js';
+export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
+export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
+export * from './components/GidsBaseCard/GidsBaseCard.js';
+export * from './components/GidsCard/GidsCard.js';
 /**
  * STENCIL GENERATED
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAElD;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}

package/dist/index.js

@@ -20,6 +20,12 @@ export * from './components/GidsButtonGroup/GidsButtonGroup.js';
 export * from './components/GidsButtonDock/GidsButtonDock.js';
 export * from './components/GidsSectionNotice/GidsSectionNotice.js';
 export * from './components/GidsCompoundButton/GidsCompoundButton.js';
+export * from './components/GidsBox/GidsBox.js';
+export * from './components/GidsContainer/GidsContainer.js';
+export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
+export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
+export * from './components/GidsBaseCard/GidsBaseCard.js';
+export * from './components/GidsCard/GidsCard.js';
 /**
  * STENCIL GENERATED
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAElD;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oDAAoD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-react-web",
-	"version": "2.0.9",
+	"version": "2.1.1",
 	"private": false,
 	"description": "This package is react web package with all components",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -22,15 +22,18 @@
 		"dist/"
 	],
 	"peerDependencies": {
-		"@ganpatiinfo/gids-core-web": "2.0.8",
+		"@ganpatiinfo/gids-core-web": "2.1.1",
 		"@ganpatiinfo/gids-web-theme-interface": "2.0.7",
-		"react": "19.1.0",
-		"react-dom": "19.1.0"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	},
 	"dependencies": {
 		"@stencil/react-output-target": "0.8.2",
-		"@ganpatiinfo/gids-core-shared": "2.0.9",
-		"@ganpatiinfo/gids-web-shared": "2.0.9"
+		"@ganpatiinfo/gids-core-shared": "2.1.1",
+		"@ganpatiinfo/gids-web-shared": "2.1.1",
+		"@mui/material": "^7.2.0",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.1"
 	},
 	"devDependencies": {
 		"@fontsource/inter": "5.2.5",
@@ -49,15 +52,15 @@
 		"@testing-library/react": "16.3.0",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
-		"react": "19.1.0",
-		"react-dom": "19.1.0",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"storybook": "8.6.12",
 		"storybook-addon-tag-badges": "1.4.0",
 		"ts-jest": "29.3.2",
 		"sass": "^1.88.0",
-		"@ganpatiinfo/gids-storybook-theme": "2.0.7",
+		"@ganpatiinfo/gids-storybook-theme": "2.0.8",
 		"@ganpatiinfo/gids-storybook-utilities": "2.0.6",
-		"@ganpatiinfo/gids-web-dom-reference": "2.0.9",
+		"@ganpatiinfo/gids-web-dom-reference": "2.1.1",
 		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "2.0.7"
 	},
 	"author": {