@ganpatiinfo/gids-react-web 2.1.1 → 3.1.0

package/dist/components/GidsPagination/GidsPagination.d.ts

@@ -0,0 +1,35 @@
+import { type GidsPaginationCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type GidsPaginationButtonParamsProps } from '@ganpatiinfo/gids-web-shared';
+import { type JSX, type ComponentPropsWithoutRef, MouseEvent } from 'react';
+export type GidsPaginationProps = Omit<GidsPaginationCommonProps<string>, 'onClickItem'> & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onClick'> & {
+    onClickItem?: ({ event, index, page, defaultPage, type, }: GidsPaginationButtonParamsProps<MouseEvent>) => void;
+};
+/**
+ * React DOM implementation of GIDS Pagination component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsPagination } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsPagination
+ * 		count={8}
+ * 		defaultPage={2}
+ * 		nextIcon="chevron-right"
+ * 		onClickItem={() => {}}
+ * 		page={2}
+ * 		previousIcon="chevron-left"
+ * 		selectColor="default"
+ * 		shape="circled"
+ * 		showFirstButton
+ * 		showLastButton
+ * 		size="md"
+ * 		variant="outlined"
+ * 	/>
+ * );
+ * ```
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsPagination />` component.
+ **/
+export declare const GidsPagination: ({ selectColor, variant, shape, size, disabled, count, defaultPage, page, nextIcon, previousIcon, showFirstButton, showLastButton, hidePrevButton, hideNextButton, onClickItem, className, ...rest }: GidsPaginationProps) => JSX.Element;
+//# sourceMappingURL=GidsPagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPagination.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPagination/GidsPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,yBAAyB,EAE9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,KAAK,+BAA+B,EAEpC,MAAM,8BAA8B,CAAC;AACtC,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,UAAU,EACV,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,yBAAyB,CAAC,MAAM,CAAC,EACjC,aAAa,CACb,GACA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,CAAC,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACJ,EAAE,+BAA+B,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BI;AACJ,eAAO,MAAM,cAAc,GAAI,qMAkB5B,mBAAmB,KAAG,GAAG,CAAC,OA2L5B,CAAC"}

package/dist/components/GidsPagination/GidsPagination.js

@@ -0,0 +1,144 @@
+import { GidsPaginationCommonUtils, } from '@ganpatiinfo/gids-core-shared';
+import { GidsPaginationWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+import { GidsPaginationItem } from '../_GidsPaginationItem/GidsPaginationItem.js';
+const { getGidsPaginationClassNames, getGidsPaginationDotsClassNames } = GidsPaginationWebUtils;
+const { getPaginationsArr } = GidsPaginationCommonUtils;
+/**
+ * React DOM implementation of GIDS Pagination component.
+ *
+ * **Usage**
+ *
+ * ```tsx
+ * import { GidsPagination } from '@ganpatiinfo/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ *	<GidsPagination
+ * 		count={8}
+ * 		defaultPage={2}
+ * 		nextIcon="chevron-right"
+ * 		onClickItem={() => {}}
+ * 		page={2}
+ * 		previousIcon="chevron-left"
+ * 		selectColor="default"
+ * 		shape="circled"
+ * 		showFirstButton
+ * 		showLastButton
+ * 		size="md"
+ * 		variant="outlined"
+ * 	/>
+ * );
+ * ```
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsPagination />` component.
+ **/
+export const GidsPagination = ({ selectColor = 'default', variant = 'default', shape = 'circled', size = 'sm', disabled = false, count = 0, defaultPage = 1, page, nextIcon, previousIcon, showFirstButton, showLastButton, hidePrevButton = false, hideNextButton = false, onClickItem, className, ...rest }) => {
+    let internalPage = 0;
+    if (defaultPage !== undefined && defaultPage > 0) {
+        internalPage = defaultPage;
+    }
+    if (page !== undefined && page > 0) {
+        internalPage = page;
+    }
+    const getPrevPageNumber = () => {
+        return internalPage > 1 ? internalPage - 1 : 1;
+    };
+    const getNextPageNumber = () => {
+        return internalPage < count ? internalPage + 1 : count;
+    };
+    const getItems = () => {
+        if (count !== undefined && count > 0) {
+            const paginationsArr = getPaginationsArr({
+                pageNumber: internalPage,
+                count,
+            });
+            const newLength = paginationsArr.length;
+            return Array.from({ length: newLength }, (_, i) => {
+                const dataObj = paginationsArr[i];
+                let selectedPage = false;
+                if (internalPage > 0 &&
+                    internalPage === Number(dataObj) &&
+                    dataObj !== '...') {
+                    selectedPage = true;
+                }
+                if (dataObj === '...') {
+                    return (React.createElement("div", { key: `${i.toString()}`, className: getGidsPaginationDotsClassNames({ size }) }, `...`));
+                }
+                return (React.createElement(GidsPaginationItem, { key: `${i.toString()}`, selectColor: selectColor, variant: variant, shape: shape, size: size, isIcon: false, icon: '(none)', disabled: disabled, selected: selectedPage, 
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onClickItem: (event) => {
+                        if (onClickItem) {
+                            onClickItem({
+                                event,
+                                index: Number(dataObj) - 1,
+                                page: Number(dataObj),
+                                defaultPage,
+                                type: 'page',
+                            });
+                        }
+                    } }, `${dataObj}`));
+            });
+        }
+        return null;
+    };
+    return (React.createElement("div", { ...rest, className: getGidsPaginationClassNames(className) },
+        showFirstButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: "backward", disabled: internalPage <= 1 || disabled, 
+            // eslint-disable-next-line react/jsx-no-bind
+            onClickItem: (event) => {
+                if (onClickItem) {
+                    onClickItem({
+                        event,
+                        index: 0,
+                        page: 1,
+                        defaultPage,
+                        type: 'first',
+                    });
+                }
+            } })) : null,
+        !hidePrevButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: previousIcon !== undefined &&
+                previousIcon !== '' &&
+                previousIcon !== '(none)'
+                ? previousIcon
+                : 'chevron-left', disabled: internalPage <= 1 || disabled, 
+            // eslint-disable-next-line react/jsx-no-bind
+            onClickItem: (event) => {
+                if (onClickItem) {
+                    onClickItem({
+                        event,
+                        index: getPrevPageNumber() - 1,
+                        page: getPrevPageNumber(),
+                        defaultPage,
+                        type: 'previous',
+                    });
+                }
+            } })) : null,
+        getItems(),
+        !hideNextButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: nextIcon !== undefined && nextIcon !== '' && nextIcon !== '(none)'
+                ? nextIcon
+                : 'chevron-right', disabled: internalPage >= count || disabled, 
+            // eslint-disable-next-line react/jsx-no-bind
+            onClickItem: (event) => {
+                if (onClickItem) {
+                    onClickItem({
+                        event,
+                        index: getNextPageNumber() - 1,
+                        page: getNextPageNumber(),
+                        defaultPage,
+                        type: 'next',
+                    });
+                }
+            } })) : null,
+        showLastButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: 'forward', disabled: internalPage >= count || disabled, 
+            // eslint-disable-next-line react/jsx-no-bind
+            onClickItem: (event) => {
+                if (onClickItem) {
+                    onClickItem({
+                        event,
+                        index: count - 1,
+                        page: count,
+                        defaultPage,
+                        type: 'last',
+                    });
+                }
+            } })) : null));
+};
+//# sourceMappingURL=GidsPagination.js.map

package/dist/components/GidsPagination/GidsPagination.js.map

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

package/dist/components/GidsSegmentedControl/GidsSegmentedControl.d.ts

@@ -0,0 +1,7 @@
+import { type JSX, type ComponentPropsWithRef, type ReactNode } from 'react';
+import { GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedControlCommonProps } from '@ganpatiinfo/gids-core-shared';
+export interface GidsSegmentedControlProps extends Omit<ComponentPropsWithRef<'div'>, 'onClick' | 'children' | 'onChange' | 'onBlur'>, GidsSegmentedControlCommonProps<ReactNode, string> {
+    onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
+}
+export declare const GidsSegmentedControl: ({ width, tabItems, onPress, className, ...rest }: GidsSegmentedControlProps) => JSX.Element;
+//# sourceMappingURL=GidsSegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,GAAG,EACR,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,wCAAwC,EACxC,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AAMvC,MAAM,WAAW,yBACf,SACE,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAC/C,EACD,+BAA+B,CAAC,SAAS,EAAE,MAAM,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;CACrE;AAED,eAAO,MAAM,oBAAoB,GAAI,kDAMlC,yBAAyB,KAAG,GAAG,CAAC,OAmClC,CAAC"}

package/dist/components/GidsSegmentedControl/GidsSegmentedControl.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { GidsSegmentedControlWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { GidsSegmentedTabItem } from '../GidsSegmentedTabItem/GidsSegmentedTabItem.js';
+const { getGidsSegmentedControlClassNames } = GidsSegmentedControlWebUtils;
+export const GidsSegmentedControl = ({ width = 'intrinsic', tabItems = [], onPress, className, ...rest }) => {
+    const [currentSelectedIndex, setCurrentSelectedIndex] = React.useState(0);
+    const handlePress = (props) => {
+        if (props.selectedIndex !== undefined && props.selectedIndex !== null) {
+            setCurrentSelectedIndex(props.selectedIndex);
+            if (onPress) {
+                onPress(props);
+            }
+        }
+    };
+    return (React.createElement("div", { className: getGidsSegmentedControlClassNames({ width }, className), ...rest }, tabItems.map((tabItem, index) => {
+        return (React.createElement(GidsSegmentedTabItem, { ...tabItem, width: width, key: index.toString(), index: index, 
+            // 4. Now this logic actually runs again on every click!
+            selected: index === currentSelectedIndex, 
+            // eslint-disable-next-line react/jsx-no-bind
+            onPress: handlePress }));
+    })));
+};
+//# sourceMappingURL=GidsSegmentedControl.js.map

package/dist/components/GidsSegmentedControl/GidsSegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSegmentedControl.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAEvF,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAY3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACmB,EAAe,EAAE;IAC3C,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAEpE,CAAC,CAAC,CAAC;IAEL,MAAM,WAAW,GAAG,CAAC,KAA+C,EAAE,EAAE;QACtE,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YACtE,uBAAuB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAC7C,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,iCAAiC,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,KAC9D,IAAI,IAEP,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAC/B,OAAO,CACL,oBAAC,oBAAoB,OACf,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,EACrB,KAAK,EAAE,KAAK;YACZ,wDAAwD;YACxD,QAAQ,EAAE,KAAK,KAAK,oBAAoB;YACxC,6CAA6C;YAC7C,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.d.ts

@@ -0,0 +1,7 @@
+import { type JSX, type ComponentPropsWithRef, type ReactNode } from 'react';
+import { GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedTabItemCommonProps } from '@ganpatiinfo/gids-core-shared';
+export interface GidsSegmentedTabItemProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children' | 'onChange' | 'onBlur'>, GidsSegmentedTabItemCommonProps<ReactNode, string> {
+    onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
+}
+export declare const GidsSegmentedTabItem: ({ index, label, selected, badge, badgeAccessibleText, badgeAppearance, className, onPress, width, ...rest }: GidsSegmentedTabItemProps) => JSX.Element;
+//# sourceMappingURL=GidsSegmentedTabItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSegmentedTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,GAAG,EACR,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,wCAAwC,EACxC,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AAOvC,MAAM,WAAW,yBACf,SACE,IAAI,CACF,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAC/C,EACD,+BAA+B,CAAC,SAAS,EAAE,MAAM,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;CACrE;AAED,eAAO,MAAM,oBAAoB,GAAI,6GAWlC,yBAAyB,KAAG,GAAG,CAAC,OAmDlC,CAAC"}

package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { GidsSegmentedTabItemWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { GidsBadge } from '../GidsBadge/GidsBadge.js';
+import clsx from 'clsx';
+const { getGidsSegmentedTabItemClassNames } = GidsSegmentedTabItemWebUtils;
+export const GidsSegmentedTabItem = ({ index, label, selected, badge, badgeAccessibleText, badgeAppearance = 'information', className, onPress, width = 'intrinsic', ...rest }) => {
+    const renderLabel = () => {
+        if (typeof label === 'string') {
+            return (React.createElement("label", { className: clsx('gids-segmented-tab-item__label', {
+                    'gids-segmented-tab-item__selected-label': selected,
+                }) }, label));
+        }
+        return label;
+    };
+    const onItemPress = () => {
+        if (onPress) {
+            onPress({ selectedIndex: index ? index : 0 });
+        }
+    };
+    const renderBadge = () => {
+        if (badge) {
+            return (React.createElement(GidsBadge, { accessibleText: badgeAccessibleText, appearance: badgeAppearance, outline: false, type: "dot" }));
+        }
+        return null;
+    };
+    return (React.createElement("button", { className: getGidsSegmentedTabItemClassNames({ selected, width }, className), onClick: onItemPress, role: "tab", "data-gids-segmented-item": "segmented-tab-item", ...rest },
+        renderLabel(),
+        renderBadge()));
+};
+//# sourceMappingURL=GidsSegmentedTabItem.js.map

package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSegmentedTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAY3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,eAAe,GAAG,aAAa,EAC/B,SAAS,EACT,OAAO,EACP,KAAK,GAAG,WAAW,EACnB,GAAG,IAAI,EACmB,EAAe,EAAE;IAC3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACL,+BACE,SAAS,EAAE,IAAI,CAAC,gCAAgC,EAAE;oBAChD,yCAAyC,EAAE,QAAQ;iBACpD,CAAC,IAED,KAAK,CACA,CACT,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CACL,oBAAC,SAAS,IACR,cAAc,EAAE,mBAAmB,EACnC,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,KAAK,GACV,CACH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,iCAAiC,CAC1C,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB,SAAS,CACV,EACD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,KAAK,8BACe,oBAAoB,KACzC,IAAI;QAEP,WAAW,EAAE;QACb,WAAW,EAAE,CACP,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts

@@ -0,0 +1,52 @@
+import { type GidsPaginationItemCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type MouseEvent, type ComponentPropsWithoutRef, type JSX, type ReactNode } from 'react';
+export type GidsPaginationItemProps = GidsPaginationItemCommonProps<ReactNode, string> & Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'> & {
+    onClickItem?: (event: MouseEvent) => void;
+};
+/**
+ * React DOM implementation of GIDS Pagination Item component.
+ *
+ * **Text Usage**
+ *
+ * ```tsx
+ * import { GidsPaginationItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsPaginationItem
+ * 		onClickItem={() => {}}
+ * 		selectColor="default"
+ * 		selected
+ * 		shape="circled"
+ * 		size="sm"
+ * 		variant="default"
+ * 	>
+ *  	1
+ * 	</GidsPaginationItem>
+ * );
+ *
+ * ```
+ *
+ * **Icon Usage**
+ *
+ * ```tsx
+ * import { GidsPaginationItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsPaginationItem
+ * 	 icon="placeholder"
+ * 	 isIcon
+ * 	 onClickItem={() => {}}
+ * 	 selectColor="default"
+ * 	 selected
+ * 	 shape="circled"
+ * 	 size="sm"
+ * 	 variant="default"
+ * 	/>
+ * );
+ *
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsPaginationItem />` component.
+ **/
+export declare const GidsPaginationItem: ({ selectColor, variant, shape, size, children, isIcon, icon, disabled, className, onClickItem, selected, ...rest }: GidsPaginationItemProps) => JSX.Element;
+//# sourceMappingURL=GidsPaginationItem.d.ts.map

package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsPaginationItem/GidsPaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,6BAA6B,EAElC,MAAM,+BAA+B,CAAC;AAEvC,OAAc,EACb,KAAK,UAAU,EACf,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EACR,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,CAClE,SAAS,EACT,MAAM,CACN,GACA,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CI;AACJ,eAAO,MAAM,kBAAkB,GAAI,oHAahC,uBAAuB,KAAG,GAAG,CAAC,OA4BhC,CAAC"}

package/dist/components/_GidsPaginationItem/GidsPaginationItem.js

@@ -0,0 +1,62 @@
+import { GidsPaginationItemCommonUtils, } from '@ganpatiinfo/gids-core-shared';
+import { GidsPaginationItemWebUtils } from '@ganpatiinfo/gids-web-shared';
+import React from 'react';
+import { GidsIcon } from '../GidsIcon/GidsIcon.js';
+const { getGidsPaginationItemClassNames } = GidsPaginationItemWebUtils;
+const { getPaginationItemIconSize } = GidsPaginationItemCommonUtils;
+/**
+ * React DOM implementation of GIDS Pagination Item component.
+ *
+ * **Text Usage**
+ *
+ * ```tsx
+ * import { GidsPaginationItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsPaginationItem
+ * 		onClickItem={() => {}}
+ * 		selectColor="default"
+ * 		selected
+ * 		shape="circled"
+ * 		size="sm"
+ * 		variant="default"
+ * 	>
+ *  	1
+ * 	</GidsPaginationItem>
+ * );
+ *
+ * ```
+ *
+ * **Icon Usage**
+ *
+ * ```tsx
+ * import { GidsPaginationItem } from '@investec/gids-react-web';
+ *
+ * export const MyComponent = () => (
+ * 	<GidsPaginationItem
+ * 	 icon="placeholder"
+ * 	 isIcon
+ * 	 onClickItem={() => {}}
+ * 	 selectColor="default"
+ * 	 selected
+ * 	 shape="circled"
+ * 	 size="sm"
+ * 	 variant="default"
+ * 	/>
+ * );
+ *
+ * ```
+ *
+ * Click `Show code` below and play with the controls to see the various props that can be applied to the `<GidsPaginationItem />` component.
+ **/
+export const GidsPaginationItem = ({ selectColor = 'default', variant = 'default', shape = 'circled', size = 'sm', children, isIcon = false, icon, disabled = false, className, onClickItem, selected = false, ...rest }) => {
+    function onItemClick(event) {
+        if (!disabled && onClickItem) {
+            onClickItem(event);
+        }
+    }
+    return (React.createElement("button", { ...rest, className: getGidsPaginationItemClassNames({ selectColor, shape, size, variant, disabled, selected }, className), onClick: onItemClick, disabled: disabled },
+        !isIcon && children ? children : null,
+        isIcon && icon !== undefined && icon !== '' && icon !== '(none)' ? (React.createElement(GidsIcon, { size: getPaginationItemIconSize({ size }), name: icon, appearance: "regular", alt: "" })) : null));
+};
+//# sourceMappingURL=GidsPaginationItem.js.map

package/dist/components/_GidsPaginationItem/GidsPaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPaginationItem.js","sourceRoot":"","sources":["../../../src/components/_GidsPaginationItem/GidsPaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,6BAA6B,GAC7B,MAAM,+BAA+B,CAAC;AACvC,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;AACvE,MAAM,EAAE,yBAAyB,EAAE,GAAG,6BAA6B,CAAC;AAUpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CI;AACJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACkB,EAAe,EAAE;IAC1C,SAAS,WAAW,CAAC,KAAoC;QACxD,IAAI,CAAC,QAAQ,IAAI,WAAW,EAAE,CAAC;YAC9B,WAAW,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACF,CAAC;IAED,OAAO,CACN,mCACK,IAAI,EACR,SAAS,EAAE,+BAA+B,CACzC,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACzD,SAAS,CACT,EACD,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ;QAEjB,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACrC,MAAM,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnE,oBAAC,QAAQ,IACR,IAAI,EAAE,yBAAyB,CAAC,EAAE,IAAI,EAAE,CAAC,EACzC,IAAI,EAAE,IAAgB,EACtB,UAAU,EAAC,SAAS,EACpB,GAAG,EAAC,EAAE,GACL,CACF,CAAC,CAAC,CAAC,IAAI,CACA,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/stencil-generated/components.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+export { GidsToggleButton } from "./gids-toggle-button.js";
+//# sourceMappingURL=components.d.ts.map

package/dist/components/stencil-generated/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/stencil-generated/components.js

@@ -0,0 +1,7 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+/* eslint-disable */
+export { GidsToggleButton } from "./gids-toggle-button.js";
+//# sourceMappingURL=components.js.map

package/dist/components/stencil-generated/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,oBAAoB;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/stencil-generated/gids-toggle-button.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type GidsToggleButtonCustomEvent } from "@ganpatiinfo/gids-core-web";
+import type { JSX } from '@ganpatiinfo/gids-core-web';
+import { GidsToggleButton as GidsToggleButtonElement } from "@ganpatiinfo/gids-core-web/dist/gids-toggle-button.js";
+export type GidsToggleButtonEvents = {
+    onSelect: EventName<GidsToggleButtonCustomEvent<boolean>>;
+};
+export declare const GidsToggleButton: StencilReactComponent<GidsToggleButtonElement, GidsToggleButtonEvents, JSX.GidsToggleButton>;
+//# sourceMappingURL=gids-toggle-button.d.ts.map

package/dist/components/stencil-generated/gids-toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gids-toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/gids-toggle-button.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAI7F,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAiD,MAAM,uDAAuD,CAAC;AAEnK,MAAM,MAAM,sBAAsB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,CAAC;AAEnG,eAAO,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,uBAAuB,EAAE,sBAAsB,EAAE,GAAG,CAAC,gBAAgB,CAOxH,CAAC"}

package/dist/components/stencil-generated/gids-toggle-button.js

@@ -0,0 +1,13 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { GidsToggleButton as GidsToggleButtonElement, defineCustomElement as defineGidsToggleButton } from "@ganpatiinfo/gids-core-web/dist/gids-toggle-button.js";
+export const GidsToggleButton = /*@__PURE__*/ createComponent({
+    tagName: 'gids-toggle-button',
+    elementClass: GidsToggleButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelect: 'select' },
+    defineCustomElement: defineGidsToggleButton
+});
+//# sourceMappingURL=gids-toggle-button.js.map

package/dist/components/stencil-generated/gids-toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gids-toggle-button.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/gids-toggle-button.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAUb,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAInK,MAAM,CAAC,MAAM,gBAAgB,GAAiG,aAAa,CAAC,eAAe,CAAwE;IAC/N,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,uBAAuB;IACrC,0GAA0G;IAC1G,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAA4B;IACxD,mBAAmB,EAAE,sBAAsB;CAC9C,CAAC,CAAC"}

package/dist/index.d.ts

@@ -26,8 +26,13 @@ export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
 export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
 export * from './components/GidsBaseCard/GidsBaseCard.js';
 export * from './components/GidsCard/GidsCard.js';
+export * from './components/GidsPagination/GidsPagination.js';
+export * from './components/GidsSegmentedTabItem/GidsSegmentedTabItem.js';
+export * from './components/GidsSegmentedControl/GidsSegmentedControl.js';
 /**
  * STENCIL GENERATED
  */
-export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton.js';
+export * from './components/stencil-generated/gids-toggle-button.js';
+import { setGidsAssetPaths, type GidsThemeAsset } from '@ganpatiinfo/gids-core-web';
+export { GidsThemeAsset, setGidsAssetPaths };
 //# sourceMappingURL=index.d.ts.map

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;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"}
+{"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;AAClD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAE1E;;GAEG;AACH,cAAc,sDAAsD,CAAC;AAGrE,OAAO,EACL,iBAAiB,EACjB,KAAK,cAAc,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/index.js

@@ -26,8 +26,14 @@ export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
 export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
 export * from './components/GidsBaseCard/GidsBaseCard.js';
 export * from './components/GidsCard/GidsCard.js';
+export * from './components/GidsPagination/GidsPagination.js';
+export * from './components/GidsSegmentedTabItem/GidsSegmentedTabItem.js';
+export * from './components/GidsSegmentedControl/GidsSegmentedControl.js';
 /**
  * STENCIL GENERATED
  */
-export { default as GidsToggleButton } from './components/stencil-generated/GidsToggleButton.js';
+export * from './components/stencil-generated/gids-toggle-button.js';
+// Re-export asset Api's
+import { setGidsAssetPaths, } from '@ganpatiinfo/gids-core-web';
+export { setGidsAssetPaths };
 //# sourceMappingURL=index.js.map

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;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"}
+{"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;AAClD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAE1E;;GAEG;AACH,cAAc,sDAAsD,CAAC;AAErE,wBAAwB;AACxB,OAAO,EACL,iBAAiB,GAElB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAkB,iBAAiB,EAAE,CAAC"}

package/package.json

@@ -1,67 +1,74 @@
 {
 	"name": "@ganpatiinfo/gids-react-web",
-	"version": "2.1.1",
+	"version": "3.1.0",
 	"private": false,
 	"description": "This package is react web package with all components",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
-	"main": "dist/index.js",
-	"types": "dist/index.d.ts",
 	"type": "module",
+	"sideEffects": false,
 	"scripts": {
 		"clean": "del-cli dist/** storybook-static/**",
 		"build": "tsc",
+		"postbuild": "node ./post-install.js",
 		"test": "NODE_OPTIONS='--experimental-vm-modules' jest --coverage",
 		"test:local": "NODE_OPTIONS='--experimental-vm-modules' jest --watch",
 		"watch": "tsc --watch",
 		"storybook": "storybook dev -p 6006",
 		"build-site": "storybook build -o ../../site/public/workshop/react-web/",
 		"size": "size-limit",
-		"release:manually": "npm run build && npm publish --access public"
+		"release:manually": "npm run build && npm publish --access public",
+		"postinstall": "node ./post-install.js"
 	},
 	"files": [
-		"dist/"
+		"dist/",
+		"post-install.js"
 	],
+	"exports": {
+		"./index.css": {
+			"style": "./dist/css/index.css",
+			"default": "./dist/css/index.css"
+		},
+		"./elements.css": {
+			"style": "./dist/css/elements.css",
+			"default": "./dist/css/elements.css"
+		},
+		".": {
+			"style": "./dist/index.d.ts",
+			"default": "./dist/index.js"
+		}
+	},
 	"peerDependencies": {
-		"@ganpatiinfo/gids-core-web": "2.1.1",
-		"@ganpatiinfo/gids-web-theme-interface": "2.0.7",
-		"react": "19.0.0",
-		"react-dom": "19.0.0"
+		"@ganpatiinfo/gids-web-theme-interface": "3.1.0",
+		"react": "^18.2.0 || ^19.0.0",
+		"react-dom": "^18.2.0 || ^19.0.0"
 	},
 	"dependencies": {
-		"@stencil/react-output-target": "0.8.2",
-		"@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"
+		"@ganpatiinfo/gids-core-shared": "^3.1.0",
+		"@ganpatiinfo/gids-core-web": "^3.1.0",
+		"@ganpatiinfo/gids-web-shared": "^3.1.0",
+		"@stencil/react-output-target": "^1.4.2"
 	},
 	"devDependencies": {
-		"@fontsource/inter": "5.2.5",
-		"@fontsource/libre-caslon-text": "5.2.5",
-		"@jest/globals": "29.7.0",
-		"@storybook/addon-a11y": "8.6.12",
-		"@storybook/addon-essentials": "8.6.12",
-		"@storybook/addon-links": "8.6.12",
-		"@storybook/blocks": "8.6.12",
-		"@storybook/manager-api": "8.6.12",
-		"@storybook/preview-api": "8.6.12",
-		"@storybook/react": "8.6.12",
-		"@storybook/react-vite": "8.6.12",
-		"@storybook/test": "8.6.12",
-		"@testing-library/jest-dom": "6.6.3",
-		"@testing-library/react": "16.3.0",
-		"jest": "29.7.0",
-		"jest-environment-jsdom": "29.7.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.8",
-		"@ganpatiinfo/gids-storybook-utilities": "2.0.6",
-		"@ganpatiinfo/gids-web-dom-reference": "2.1.1",
-		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "2.0.7"
+		"@fontsource/inter": "^5.2.8",
+		"@fontsource/libre-caslon-text": "^5.2.7",
+		"@ganpatiinfo/gids-storybook-theme": "^4.0.0",
+		"@ganpatiinfo/gids-storybook-utilities": "^3.0.0",
+		"@ganpatiinfo/gids-web-dom-reference": "^3.1.0",
+		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^4.0.0",
+		"@jest/globals": "^30.2.0",
+		"@storybook/addon-a11y": "^10.2.17",
+		"@storybook/addon-docs": "^10.2.17",
+		"@storybook/addon-links": "^10.2.17",
+		"@storybook/react-vite": "^10.1.3",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/react": "^16.3.2",
+		"jest": "^30.3.0",
+		"jest-environment-jsdom": "^30.3.0",
+		"react": "19.2.0",
+		"react-dom": "19.2.0",
+		"storybook": "^10.2.17",
+		"storybook-addon-tag-badges": "^3.0.6",
+		"ts-jest": "^29.4.6"
 	},
 	"author": {
 		"name": "Ganpatiinfo Design System",
@@ -77,6 +84,14 @@
 	"nx": {
 		"targets": {
 			"build-site": {
+				"dependsOn": [
+					{
+						"target": "build-site",
+						"projects": [
+							"@ganpatiinfo/gids-website"
+						]
+					}
+				],
 				"outputs": [
 					"{workspaceRoot}/site/dist/workshop/react-web/"
 				]

package/post-install.js

@@ -0,0 +1,3 @@
+import {createCoreWebCssSymlink} from '@ganpatiinfo/gids-core-web/scriptUtils.js'
+
+createCoreWebCssSymlink(new URL('./dist/css', import.meta.url));

package/dist/components/stencil-generated/GidsToggleButton.d.ts

@@ -1,12 +0,0 @@
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-import { GidsToggleButton as GidsToggleButtonElement } from "@ganpatiinfo/gids-core-web/dist/gids-toggle-button.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-type GidsToggleButtonEvents = {
-    onSelect: EventName<CustomEvent<boolean>>;
-};
-declare const GidsToggleButton: StencilReactComponent<GidsToggleButtonElement, GidsToggleButtonEvents>;
-export default GidsToggleButton;
-//# sourceMappingURL=GidsToggleButton.d.ts.map

package/dist/components/stencil-generated/GidsToggleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GidsToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/GidsToggleButton.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAIH,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAiD,MAAM,uDAAuD,CAAC;AACnK,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAI7F,KAAK,sBAAsB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,CAAC;AAE5E,QAAA,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,uBAAuB,EAAE,sBAAsB,CAO3F,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/components/stencil-generated/GidsToggleButton.js

@@ -1,19 +0,0 @@
-'use client';
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-/* eslint-disable */
-import { GidsToggleButton as GidsToggleButtonElement, defineCustomElement as defineGidsToggleButton } from "@ganpatiinfo/gids-core-web/dist/gids-toggle-button.js";
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-const GidsToggleButton = /*@__PURE__*/ createComponent({
-    tagName: 'gids-toggle-button',
-    elementClass: GidsToggleButtonElement,
-    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
-    react: React,
-    events: { onSelect: 'select' },
-    defineCustomElement: defineGidsToggleButton
-});
-export default GidsToggleButton;
-//# sourceMappingURL=GidsToggleButton.js.map

package/dist/components/stencil-generated/GidsToggleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GidsToggleButton.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/GidsToggleButton.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;GAGG;AAEH,oBAAoB;AAEpB,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAEnK,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,gBAAgB,GAA2E,aAAa,CAAC,eAAe,CAAkD;IAC5K,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,uBAAuB;IACrC,uIAAuI;IACvI,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAA4B;IACxD,mBAAmB,EAAE,sBAAsB;CAC9C,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}