@ganpatiinfo/gids-web-dom-reference 5.0.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @ganpatiinfo/gids-web-dom-reference
 
+## 6.0.0
+
+### Major Changes
+
+- fba5d5d: Developed `GidsSideMenu` private component for react and html core web platforms
+- 8f1220b: Developed `GidsSideMenuHeader` private component for react and html core web platforms
+- 482b769: - Developed `GidsSideNavigation` component for react and html core web platforms
+
+### Minor Changes
+
+- 482b769: - Updated `GidsSidemuItem` component in all web platforms
+- 9caf527: - Updated `GidsTopNavigation` component in all web platforms
+- 482b769: - Updated `GidsSideMenuHeader` in all web platforms
+- 9caf527: - Fixed a coloring issue in `GidsInputTag` component in all web platforms
+- e505944: Updated `GidsLogo` component in all web platforms
+- e505944: Updated `GidsTopNavigation` component in all web platforms
+- 482b769: - Updated `GidsSideMenu` in all web platforms
+- 9caf527: - Updated `GidsSegmentedControl` component in all web platforms
+
+### Patch Changes
+
+- Updated dependencies [fba5d5d]
+- Updated dependencies [482b769]
+- Updated dependencies [9caf527]
+- Updated dependencies [482b769]
+- Updated dependencies [e505944]
+- Updated dependencies [e505944]
+- Updated dependencies [482b769]
+- Updated dependencies [8f1220b]
+- Updated dependencies [482b769]
+- Updated dependencies [9caf527]
+  - @ganpatiinfo/gids-core-shared@6.0.0
+  - @ganpatiinfo/gids-web-shared@6.0.0
+
 ## 5.0.0
 
 ### Major Changes

package/dist/components/GidsHeading/GidsHeading.d.ts

@@ -1,6 +1,6 @@
-import { GidsHeadingCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type GidsHeadingWebProps } from '@ganpatiinfo/gids-web-shared';
 import { DomChildren, DomNodeOrString } from '../../utils/domUtils.js';
-export interface GidsHeadingDomProps extends GidsHeadingCommonProps<DomChildren, DomNodeOrString> {
+export interface GidsHeadingDomProps extends GidsHeadingWebProps<DomChildren, DomNodeOrString> {
     extraClasses?: string;
 }
 export declare const GidsHeadingDom: (props: GidsHeadingDomProps) => HTMLDivElement;

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

@@ -1 +1 @@
-{"version":3,"file":"GidsHeading.d.ts","sourceRoot":"","sources":["../../../src/components/GidsHeading/GidsHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,CACjE,WAAW,EACX,eAAe,CAChB;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,cAqD3D,CAAC"}
+{"version":3,"file":"GidsHeading.d.ts","sourceRoot":"","sources":["../../../src/components/GidsHeading/GidsHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAQjC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAC9D,WAAW,EACX,eAAe,CAChB;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,cAuD3D,CAAC"}

package/dist/components/GidsHeading/GidsHeading.js

@@ -1,9 +1,9 @@
-import { GidsHeadingWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { GidsHeadingWebUtils, } from '@ganpatiinfo/gids-web-shared';
 import { appendAsChildren, } from '../../utils/domUtils.js';
 import { GidsButtonGroupDom } from '../GidsButtonGroup/GidsButtonGroup.js';
-const { getGidsHeadingClassNames } = GidsHeadingWebUtils;
+const { getGidsHeadingClassNames, getGidsHeadingSupportingTextTypographyClass, } = GidsHeadingWebUtils;
 export const GidsHeadingDom = (props) => {
-    const { heading, supportingText, level = 'section', children, extraClasses, } = props;
+    const { heading, supportingText, supportingTextTypography, level = 'section', children, extraClasses, } = props;
     const headingContainer = document.createElement('div');
     headingContainer.className = getGidsHeadingClassNames(extraClasses);
     const contentContainer = document.createElement('div');
@@ -25,10 +25,9 @@ export const GidsHeadingDom = (props) => {
     if (supportingText) {
         if (typeof supportingText === 'string') {
             const supportingTextEl = document.createElement('span');
-            supportingTextEl.className =
-                level === 'section'
-                    ? 'gids-heading__supporting-text-section'
-                    : 'gids-heading__supporting-text-group';
+            supportingTextEl.className = `${level === 'section'
+                ? 'gids-heading__supporting-text-section'
+                : 'gids-heading__supporting-text-group'} ${getGidsHeadingSupportingTextTypographyClass(supportingTextTypography)}`;
             supportingTextEl.textContent = supportingText;
             appendAsChildren(contentContainer, supportingTextEl);
         }

package/dist/components/GidsHeading/GidsHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"GidsHeading.js","sourceRoot":"","sources":["../../../src/components/GidsHeading/GidsHeading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EACL,gBAAgB,GAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;AASzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAkB,EAAE;IAC3E,MAAM,EACJ,OAAO,EACP,cAAc,EACd,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAAC;IAC/D,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACjD,SAAS,CAAC,SAAS;gBACjB,KAAK,KAAK,SAAS;oBACjB,CAAC,CAAC,oCAAoC;oBACtC,CAAC,CAAC,kCAAkC,CAAC;YACzC,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;YAEhC,gBAAgB,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;YACvC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,gBAAgB,CAAC,SAAS;gBACxB,KAAK,KAAK,SAAS;oBACjB,CAAC,CAAC,uCAAuC;oBACzC,CAAC,CAAC,qCAAqC,CAAC;YAC5C,gBAAgB,CAAC,WAAW,GAAG,cAAc,CAAC;YAE9C,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAE/C,IAAI,QAAQ,EAAE,CAAC;QACb,gBAAgB,CAAC,MAAM,CACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAC3D,CAAC;IACJ,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
+{"version":3,"file":"GidsHeading.js","sourceRoot":"","sources":["../../../src/components/GidsHeading/GidsHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,EACJ,wBAAwB,EACxB,2CAA2C,GAC5C,GAAG,mBAAmB,CAAC;AASxB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAkB,EAAE;IAC3E,MAAM,EACJ,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAAC;IAC/D,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACjD,SAAS,CAAC,SAAS;gBACjB,KAAK,KAAK,SAAS;oBACjB,CAAC,CAAC,oCAAoC;oBACtC,CAAC,CAAC,kCAAkC,CAAC;YACzC,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;YAEhC,gBAAgB,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,IAAI,cAAc,EAAE,CAAC;QACnB,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;YACvC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,gBAAgB,CAAC,SAAS,GAAG,GAC3B,KAAK,KAAK,SAAS;gBACjB,CAAC,CAAC,uCAAuC;gBACzC,CAAC,CAAC,qCACN,IAAI,2CAA2C,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAC5E,gBAAgB,CAAC,WAAW,GAAG,cAAc,CAAC;YAE9C,gBAAgB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAE/C,IAAI,QAAQ,EAAE,CAAC;QACb,gBAAgB,CAAC,MAAM,CACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAC3D,CAAC;IACJ,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}

package/dist/components/GidsLogo/GidsLogo.d.ts

@@ -4,5 +4,5 @@ export interface GidsLogoDomProps extends GidsLogoWebProps<string, string>, Omit
     imgClasses?: ClassValue;
     imgProps?: Omit<Partial<HTMLImageElement>, 'src' | 'alt' | 'class' | 'height'>;
 }
-export declare const GidsLogoDom: ({ src, href, alt, clickable, extraClasses, imgClasses, imgProps, imgHeight, ...restProps }: GidsLogoDomProps) => HTMLAnchorElement;
+export declare const GidsLogoDom: ({ src, href, alt, clickable, extraClasses, imgClasses, imgProps, imgHeight, invertedInDarkMode, invertedInLightMode, ...restProps }: GidsLogoDomProps) => HTMLAnchorElement;
 //# sourceMappingURL=GidsLogo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GidsLogo.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLogo/GidsLogo.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EAEtB,MAAM,8BAA8B,CAAC;AAKtC,MAAM,WAAW,gBACf,SACE,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,CACb,OAAO,CAAC,gBAAgB,CAAC,EACzB,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC,CAAC;CACH;AAED,eAAO,MAAM,WAAW,GAAI,4FAUzB,gBAAgB,KAAG,iBA4BrB,CAAC"}
+{"version":3,"file":"GidsLogo.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLogo/GidsLogo.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EAEtB,MAAM,8BAA8B,CAAC;AAKtC,MAAM,WAAW,gBACf,SACE,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,CACb,OAAO,CAAC,gBAAgB,CAAC,EACzB,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC,CAAC;CACH;AAED,eAAO,MAAM,WAAW,GAAI,qIAYzB,gBAAgB,KAAG,iBAgCrB,CAAC"}

package/dist/components/GidsLogo/GidsLogo.js

@@ -1,7 +1,7 @@
 import { GidsLogoWebUtils, } from '@ganpatiinfo/gids-web-shared';
 import clsx from 'clsx';
 const { getGidsLogoClassNames } = GidsLogoWebUtils;
-export const GidsLogoDom = ({ src, href, alt, clickable, extraClasses, imgClasses, imgProps, imgHeight = '100', ...restProps }) => {
+export const GidsLogoDom = ({ src, href, alt, clickable, extraClasses, imgClasses, imgProps, imgHeight = '100', invertedInDarkMode, invertedInLightMode, ...restProps }) => {
     const linkElement = document.createElement('a');
     linkElement.className = getGidsLogoClassNames(extraClasses);
     if (restProps) {
@@ -12,7 +12,10 @@ export const GidsLogoDom = ({ src, href, alt, clickable, extraClasses, imgClasse
     }
     if (src && src !== '') {
         const imgElement = document.createElement('img');
-        imgElement.className = clsx(`gids-logo__img gids-logo__img-height-${imgHeight}`, imgClasses);
+        imgElement.className = clsx(`gids-logo__img gids-logo__img-height-${imgHeight}`, {
+            'gids-logo__inverted-img-in-dark': invertedInDarkMode,
+            'gids-logo__inverted-img-in-light': invertedInLightMode,
+        }, imgClasses);
         imgElement.setAttribute('src', src);
         imgElement.setAttribute('alt', alt ? alt : 'logo');
         if (imgProps) {

package/dist/components/GidsLogo/GidsLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"GidsLogo.js","sourceRoot":"","sources":["../../../src/components/GidsLogo/GidsLogo.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,CAAC;AAcnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,GAAG,EACH,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,GAAG,SAAS,EACK,EAAqB,EAAE;IACxC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChD,WAAW,CAAC,SAAS,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC5D,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,SAAS,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;QACrC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,UAAU,CAAC,SAAS,GAAG,IAAI,CACzB,wCAAwC,SAAS,EAAE,EACnD,UAAU,CACX,CAAC;QACF,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACpC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEnD,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACtC,CAAC;QAED,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
+{"version":3,"file":"GidsLogo.js","sourceRoot":"","sources":["../../../src/components/GidsLogo/GidsLogo.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,CAAC;AAcnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,GAAG,EACH,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,GAAG,SAAS,EACK,EAAqB,EAAE;IACxC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChD,WAAW,CAAC,SAAS,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC5D,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,SAAS,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;QACrC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,UAAU,CAAC,SAAS,GAAG,IAAI,CACzB,wCAAwC,SAAS,EAAE,EACnD;YACE,iCAAiC,EAAE,kBAAkB;YACrD,kCAAkC,EAAE,mBAAmB;SACxD,EACD,UAAU,CACX,CAAC;QACF,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACpC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEnD,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACtC,CAAC;QAED,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}

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

@@ -5,5 +5,5 @@ export interface GidsSegmentedControlDomProps extends GidsSegmentedControlCommon
     onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
     className?: ClassValue;
 }
-export declare const GidsSegmentedControlDom: ({ width, tabItems, onPress, className, }: GidsSegmentedControlDomProps) => HTMLDivElement;
+export declare const GidsSegmentedControlDom: ({ width, tabItems, onPress, className, defaultSelectedIndex, }: GidsSegmentedControlDomProps) => HTMLDivElement;
 //# sourceMappingURL=GidsSegmentedControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GidsSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wCAAwC,EACxC,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK5E,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,EACN,WAAW,CACZ;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,0CAKrC,4BAA4B,KAAG,cAgDjC,CAAC"}
+{"version":3,"file":"GidsSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wCAAwC,EACxC,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK5E,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,EACN,WAAW,CACZ;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,gEAMrC,4BAA4B,KAAG,cAgDjC,CAAC"}

package/dist/components/GidsSegmentedControl/GidsSegmentedControl.js

@@ -1,7 +1,7 @@
 import { GidsSegmentedControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
 import { GidsSegmentedTabItemDom } from '../GidsSegmentedTabItem/GidsSegmentedTabItem.js';
 const { getGidsSegmentedControlClassNames } = GidsSegmentedControlWebUtils;
-export const GidsSegmentedControlDom = ({ width = 'intrinsic', tabItems, onPress, className, }) => {
+export const GidsSegmentedControlDom = ({ width = 'intrinsic', tabItems, onPress, className, defaultSelectedIndex, }) => {
     const segmentedControl = document.createElement('div');
     segmentedControl.className = getGidsSegmentedControlClassNames({ width }, className);
     if (tabItems && tabItems.length > 0) {
@@ -13,7 +13,7 @@ export const GidsSegmentedControlDom = ({ width = 'intrinsic', tabItems, onPress
                 tabItems.forEach((tabItem, index) => {
                     // Determine if this tab is selected
                     // Priority: 1. The newly clicked index, 2. The initial tabItem.selected state
-                    let isSelected = false;
+                    let isSelected = defaultSelectedIndex === index;
                     if (selectedIndex !== undefined && selectedIndex !== null) {
                         isSelected = index === selectedIndex;
                     }

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

@@ -1 +1 @@
-{"version":3,"file":"GidsSegmentedControl.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAE1F,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAW3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,GACoB,EAAkB,EAAE;IACjD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAC5D,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC;IAEF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,iDAAiD;QACjD,MAAM,UAAU,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC5C,sBAAsB;YACtB,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;YAEhC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBAClC,oCAAoC;oBACpC,8EAA8E;oBAE9E,IAAI,UAAU,GAAG,KAAK,CAAC;oBACvB,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;wBAC1D,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;oBACvC,CAAC;yBAAM,CAAC;wBACN,UAAU,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBAC1C,CAAC;oBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC;wBACzC,GAAG,OAAO;wBACV,KAAK;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,KAAK;wBACZ,OAAO,EAAE,CAAC,aAAa,EAAE,EAAE;4BACzB,4CAA4C;4BAC5C,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;4BACxC,4BAA4B;4BAC5B,IAAI,OAAO;gCAAE,OAAO,CAAC,aAAa,CAAC,CAAC;wBACtC,CAAC;qBACF,CAAC,CAAC;oBAEH,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBAC3C,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,iBAAiB;QACjB,UAAU,EAAE,CAAC;IACf,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
+{"version":3,"file":"GidsSegmentedControl.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedControl/GidsSegmentedControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAE1F,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAW3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,oBAAoB,GACS,EAAkB,EAAE;IACjD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAC5D,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC;IAEF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,iDAAiD;QACjD,MAAM,UAAU,GAAG,CAAC,aAAsB,EAAE,EAAE;YAC5C,sBAAsB;YACtB,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;YAEhC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBAClC,oCAAoC;oBACpC,8EAA8E;oBAE9E,IAAI,UAAU,GAAG,oBAAoB,KAAK,KAAK,CAAC;oBAChD,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;wBAC1D,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;oBACvC,CAAC;yBAAM,CAAC;wBACN,UAAU,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBAC1C,CAAC;oBAED,MAAM,UAAU,GAAG,uBAAuB,CAAC;wBACzC,GAAG,OAAO;wBACV,KAAK;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,KAAK;wBACZ,OAAO,EAAE,CAAC,aAAa,EAAE,EAAE;4BACzB,4CAA4C;4BAC5C,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;4BACxC,4BAA4B;4BAC5B,IAAI,OAAO;gCAAE,OAAO,CAAC,aAAa,CAAC,CAAC;wBACtC,CAAC;qBACF,CAAC,CAAC;oBAEH,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBAC3C,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,iBAAiB;QACjB,UAAU,EAAE,CAAC;IACf,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GidsSegmentedTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wCAAwC,EAC7C,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAEL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,EACN,WAAW,CACZ;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,gIAYrC,4BAA4B,KAAG,iBAwDjC,CAAC"}
+{"version":3,"file":"GidsSegmentedTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wCAAwC,EAC7C,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAEL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,EACN,WAAW,CACZ;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,gIAYrC,4BAA4B,KAAG,iBAqEjC,CAAC"}

package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js

@@ -5,7 +5,12 @@ import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
 const { getGidsSegmentedTabItemClassNames } = GidsSegmentedTabItemWebUtils;
 export const GidsSegmentedTabItemDom = ({ leadingIcon, trailingIcon, index, label, selected = false, badge = false, badgeAccessibleText, badgeAppearance = 'information', onPress, className, width = 'intrinsic', }) => {
     const segmentedTabItem = document.createElement('button');
-    segmentedTabItem.className = getGidsSegmentedTabItemClassNames({ selected, width }, className);
+    let isIconOnly = false;
+    if ((leadingIcon && !trailingIcon && (!label || label === '') && !badge) ||
+        (!leadingIcon && trailingIcon && (!label || label === '') && !badge)) {
+        isIconOnly = true;
+    }
+    segmentedTabItem.className = getGidsSegmentedTabItemClassNames({ selected, width, isIconOnly }, className);
     segmentedTabItem.setAttribute('data-gids-segmented-item', 'true');
     segmentedTabItem.setAttribute('aria-selected', selected.toString());
     segmentedTabItem.addEventListener('click', () => {
@@ -17,7 +22,9 @@ export const GidsSegmentedTabItemDom = ({ leadingIcon, trailingIcon, index, labe
     });
     if (leadingIcon) {
         const leadingIconContainer = document.createElement('div');
-        leadingIconContainer.className = 'gids-segmented-item__icons';
+        leadingIconContainer.className = clsx('gids-segmented-tab-item__icons', {
+            'gids-segmented-tab-item__selected-icons': selected,
+        });
         appendAsChildren(leadingIconContainer, leadingIcon);
         segmentedTabItem.appendChild(leadingIconContainer);
     }
@@ -36,7 +43,9 @@ export const GidsSegmentedTabItemDom = ({ leadingIcon, trailingIcon, index, labe
     }
     if (trailingIcon) {
         const trailingIconContainer = document.createElement('div');
-        trailingIconContainer.className = 'gids-segmented-item__selected-icons';
+        trailingIconContainer.className = clsx('gids-segmented-tab-item__icons', {
+            'gids-segmented-tab-item__selected-icons': selected,
+        });
         appendAsChildren(trailingIconContainer, trailingIcon);
         segmentedTabItem.appendChild(trailingIconContainer);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"GidsSegmentedTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EACL,gBAAgB,GAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAW3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,WAAW,EACX,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,mBAAmB,EACnB,eAAe,GAAG,aAAa,EAC/B,OAAO,EACP,SAAS,EACT,KAAK,GAAG,WAAW,GACU,EAAqB,EAAE;IACpD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1D,gBAAgB,CAAC,SAAS,GAAG,iCAAiC,CAC5D,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB,SAAS,CACV,CAAC;IACF,gBAAgB,CAAC,YAAY,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAClE,gBAAgB,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEpE,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QAC9C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC;gBACN,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3D,oBAAoB,CAAC,SAAS,GAAG,4BAA4B,CAAC;QAC9D,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QACpD,gBAAgB,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,gCAAgC,EAAE;gBAC9D,yCAAyC,EAAE,QAAQ;aACpD,CAAC,CAAC;YACH,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC;YACjC,gBAAgB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5D,qBAAqB,CAAC,SAAS,GAAG,qCAAqC,CAAC;QACxE,gBAAgB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;QACtD,gBAAgB,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,gBAAgB,CAAC,WAAW,CAC1B,YAAY,CAAC;YACX,cAAc,EAAE,mBAAmB;YACnC,UAAU,EAAE,eAAe;YAC3B,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,KAAK;SACZ,CAAC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}
+{"version":3,"file":"GidsSegmentedTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts"],"names":[],"mappings":"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"}

package/dist/components/GidsSideMenu/GidsSideMenu.d.ts

@@ -0,0 +1,7 @@
+import { GidsSideMenuWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils.js';
+export interface GidsSideMenuDomProps extends GidsSideMenuWebProps<DomChildren> {
+    sideMenuExtraClasses?: string;
+}
+export declare const GidsSideMenuDom: ({ children, sideMenuAppearance, sideMenuExtraClasses, }: GidsSideMenuDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsSideMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideMenu.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSideMenu/GidsSideMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAErB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIxE,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB,CAAC,WAAW,CAAC;IAC7E,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,GAAI,yDAI7B,oBAAoB,KAAG,cAczB,CAAC"}

package/dist/components/GidsSideMenu/GidsSideMenu.js

@@ -0,0 +1,13 @@
+import { GidsSideMenuWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils.js';
+const { getGidsSideMenuClassNames } = GidsSideMenuWebUtils;
+export const GidsSideMenuDom = ({ children, sideMenuAppearance = 'default', sideMenuExtraClasses, }) => {
+    const sideMenu = document.createElement('div');
+    sideMenu.className = getGidsSideMenuClassNames({ sideMenuAppearance }, sideMenuExtraClasses);
+    sideMenu.setAttribute('side-menu-appearance', sideMenuAppearance);
+    if (children) {
+        appendAsChildren(sideMenu, children);
+    }
+    return sideMenu;
+};
+//# sourceMappingURL=GidsSideMenu.js.map

package/dist/components/GidsSideMenu/GidsSideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideMenu.js","sourceRoot":"","sources":["../../../src/components/GidsSideMenu/GidsSideMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AAExE,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAM3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,kBAAkB,GAAG,SAAS,EAC9B,oBAAoB,GACC,EAAkB,EAAE;IACzC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,yBAAyB,CAC5C,EAAE,kBAAkB,EAAE,EACtB,oBAAoB,CACrB,CAAC;IAEF,QAAQ,CAAC,YAAY,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAAC;IAElE,IAAI,QAAQ,EAAE,CAAC;QACb,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsSideMenuHeader/GidsSideMenuHeader.d.ts

@@ -0,0 +1,9 @@
+import { GidsSideMenuHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type HtmlInputAttributes } from '../GidsInput/GidsInput.js';
+import { GidsSearchBarDomProps } from '../GidsSearchBar/GidsSearchBar.js';
+import { DomChildren } from '../../utils/domUtils.js';
+export interface GidsSideMenuHeaderDomProps extends GidsSideMenuHeaderWebProps<DomChildren, Element, HtmlInputAttributes>, Pick<GidsSearchBarDomProps, 'wrapperClass' | 'onGidsSearchBarClear' | 'className' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+    headerClasses?: string;
+}
+export declare const GidsSideMenuHeaderDom: ({ headerAppearance, headerDividedByDivider, customChildren, searchVisible, onGidsSearchBarClear, headerClasses, ...restProps }: GidsSideMenuHeaderDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsSideMenuHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideMenuHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSideMenuHeader/GidsSideMenuHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAE3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAEL,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKxE,MAAM,WAAW,0BACf,SACE,0BAA0B,CAAC,WAAW,EAAE,OAAO,EAAE,mBAAmB,CAAC,EACrE,IAAI,CACF,qBAAqB,EACnB,cAAc,GACd,sBAAsB,GACtB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CACZ;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,gIAQnC,0BAA0B,mBAgC5B,CAAC"}

package/dist/components/GidsSideMenuHeader/GidsSideMenuHeader.js

@@ -0,0 +1,29 @@
+import { GidsSideMenuHeaderWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsSearchBarDom, } from '../GidsSearchBar/GidsSearchBar.js';
+import { appendAsChildren } from '../../utils/domUtils.js';
+import { GidsDividerDom } from '../GidsDivider/GidsDivider.js';
+const { getGidsSideMenuHeaderClassNames } = GidsSideMenuHeaderWebUtils;
+export const GidsSideMenuHeaderDom = ({ headerAppearance, headerDividedByDivider = true, customChildren, searchVisible = true, onGidsSearchBarClear, headerClasses, ...restProps }) => {
+    const sideMenuHeader = document.createElement('div');
+    sideMenuHeader.className = getGidsSideMenuHeaderClassNames({ headerAppearance }, headerClasses);
+    const sideMenuContentWrapper = document.createElement('div');
+    sideMenuContentWrapper.className = 'gids-side-menu-header__content-wrapper';
+    if (customChildren) {
+        appendAsChildren(sideMenuContentWrapper, customChildren);
+    }
+    if (searchVisible) {
+        const searchBarEl = document.createElement('div');
+        searchBarEl.className = 'gids-side-menu-header__search-bar';
+        searchBarEl.append(GidsSearchBarDom({
+            ...restProps,
+            onGidsSearchBarClear: onGidsSearchBarClear,
+        }));
+        sideMenuContentWrapper.appendChild(searchBarEl);
+    }
+    sideMenuHeader.appendChild(sideMenuContentWrapper);
+    if (headerDividedByDivider) {
+        sideMenuHeader.append(GidsDividerDom({ orientation: 'horizontal' }));
+    }
+    return sideMenuHeader;
+};
+//# sourceMappingURL=GidsSideMenuHeader.js.map

package/dist/components/GidsSideMenuHeader/GidsSideMenuHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideMenuHeader.js","sourceRoot":"","sources":["../../../src/components/GidsSideMenuHeader/GidsSideMenuHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,gBAAgB,GAEjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAkBvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,gBAAgB,EAChB,sBAAsB,GAAG,IAAI,EAC7B,cAAc,EACd,aAAa,GAAG,IAAI,EACpB,oBAAoB,EACpB,aAAa,EACb,GAAG,SAAS,EACe,EAAE,EAAE;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS,GAAG,+BAA+B,CACxD,EAAE,gBAAgB,EAAE,EACpB,aAAa,CACd,CAAC;IAEF,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7D,sBAAsB,CAAC,SAAS,GAAG,wCAAwC,CAAC;IAE5E,IAAI,cAAc,EAAE,CAAC;QACnB,gBAAgB,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAClB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,SAAS,GAAG,mCAAmC,CAAC;QAC5D,WAAW,CAAC,MAAM,CAChB,gBAAgB,CAAC;YACf,GAAG,SAAS;YACZ,oBAAoB,EAAE,oBAAoB;SAC3C,CAAC,CACH,CAAC;QACF,sBAAsB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IACD,cAAc,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAEnD,IAAI,sBAAsB,EAAE,CAAC;QAC3B,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSideMenuItem/GidsSideMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAE9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AASjC,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CACxE,eAAe,EACf,WAAW,EACX,WAAW,CACZ;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACpD;AAED,eAAO,MAAM,mBAAmB,GAAI,0OAejC,wBAAwB,KAAG,cAiE7B,CAAC"}

package/dist/components/GidsSideMenuItem/GidsSideMenuItem.js.map

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

package/dist/components/GidsSideNavigation/GidsSideNavigation.d.ts

@@ -0,0 +1,9 @@
+import { GidsSideNavigationWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils.js';
+import { HtmlInputAttributes } from '../GidsInput/GidsInput.js';
+import { type GidsSideMenuHeaderDomProps } from '../GidsSideMenuHeader/GidsSideMenuHeader.js';
+export interface GidsSideNavigationDomProps extends GidsSideNavigationWebProps<DomChildren, DomChildren, Element, HtmlInputAttributes>, Pick<GidsSideMenuHeaderDomProps, 'headerClasses' | 'wrapperClass' | 'onGidsSearchBarClear' | 'className' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+    extraSideNavigationClasses?: string;
+}
+export declare const GidsSideNavigationDom: ({ sideNavigationAppearance, headerDividedByDivider, headerClasses, extraSideNavigationClasses, customHeaderChildren, isHeaderVisible, searchVisible, children, onGidsSearchBarClear, onBlur, onChange, onFocus, onInput, ...restProps }: GidsSideNavigationDomProps) => HTMLElement;
+//# sourceMappingURL=GidsSideNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSideNavigation/GidsSideNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAE3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACL,KAAK,0BAA0B,EAEhC,MAAM,6CAA6C,CAAC;AAKrD,MAAM,WAAW,0BACf,SACE,0BAA0B,CACxB,WAAW,EACX,WAAW,EACX,OAAO,EACP,mBAAmB,CACpB,EACD,IAAI,CACF,0BAA0B,EACxB,eAAe,GACf,cAAc,GACd,sBAAsB,GACtB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,CACZ;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,qBAAqB,GAAI,yOAenC,0BAA0B,KAAG,WA6C/B,CAAC"}

package/dist/components/GidsSideNavigation/GidsSideNavigation.js

@@ -0,0 +1,36 @@
+import { GidsSideNavigationWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsSideMenuHeaderDom, } from '../GidsSideMenuHeader/GidsSideMenuHeader.js';
+import { GidsSideMenuDom } from '../GidsSideMenu/GidsSideMenu.js';
+const { getGidsSideNavigationClassNames } = GidsSideNavigationWebUtils;
+export const GidsSideNavigationDom = ({ sideNavigationAppearance = 'default', headerDividedByDivider = true, headerClasses, extraSideNavigationClasses, customHeaderChildren, isHeaderVisible = true, searchVisible = true, children, onGidsSearchBarClear, onBlur, onChange, onFocus, onInput, ...restProps }) => {
+    const sideNav = document.createElement('nav');
+    // FIX: Force set the physical HTML attributes so Stencil is forced to read them on boot
+    sideNav.setAttribute('side-navigation-appearance', sideNavigationAppearance);
+    sideNav.setAttribute('is-header-visible', String(isHeaderVisible));
+    sideNav.setAttribute('search-visible', String(searchVisible));
+    sideNav.setAttribute('header-divided-by-divider', String(headerDividedByDivider));
+    sideNav.className = getGidsSideNavigationClassNames({ sideNavigationAppearance }, extraSideNavigationClasses);
+    if (isHeaderVisible) {
+        sideNav.append(GidsSideMenuHeaderDom({
+            searchVisible,
+            headerClasses,
+            headerAppearance: sideNavigationAppearance,
+            customChildren: customHeaderChildren,
+            onBlur,
+            onChange,
+            onFocus,
+            onInput,
+            onGidsSearchBarClear,
+            headerDividedByDivider,
+            ...restProps,
+        }));
+    }
+    if (children) {
+        sideNav.append(GidsSideMenuDom({
+            children,
+            sideMenuAppearance: sideNavigationAppearance,
+        }));
+    }
+    return sideNav;
+};
+//# sourceMappingURL=GidsSideNavigation.js.map

package/dist/components/GidsSideNavigation/GidsSideNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSideNavigation.js","sourceRoot":"","sources":["../../../src/components/GidsSideNavigation/GidsSideNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,0BAA0B,GAC3B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAEL,qBAAqB,GACtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;AAwBvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,wBAAwB,GAAG,SAAS,EACpC,sBAAsB,GAAG,IAAI,EAC7B,aAAa,EACb,0BAA0B,EAC1B,oBAAoB,EACpB,eAAe,GAAG,IAAI,EACtB,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACe,EAAe,EAAE;IAC5C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE9C,wFAAwF;IACxF,OAAO,CAAC,YAAY,CAAC,4BAA4B,EAAE,wBAAwB,CAAC,CAAC;IAC7E,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,YAAY,CAClB,2BAA2B,EAC3B,MAAM,CAAC,sBAAsB,CAAC,CAC/B,CAAC;IAEF,OAAO,CAAC,SAAS,GAAG,+BAA+B,CACjD,EAAE,wBAAwB,EAAE,EAC5B,0BAA0B,CAC3B,CAAC;IAEF,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC,MAAM,CACZ,qBAAqB,CAAC;YACpB,aAAa;YACb,aAAa;YACb,gBAAgB,EAAE,wBAAwB;YAC1C,cAAc,EAAE,oBAAoB;YACpC,MAAM;YACN,QAAQ;YACR,OAAO;YACP,OAAO;YACP,oBAAoB;YACpB,sBAAsB;YACtB,GAAG,SAAS;SACb,CAAC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CAAC,MAAM,CACZ,eAAe,CAAC;YACd,QAAQ;YACR,kBAAkB,EAAE,wBAAwB;SAC7C,CAAC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GidsTopNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,4BAA4B,EAC7B,MAAM,iDAAiD,CAAC;AAKzD,MAAM,WAAW,yBACf,SACE,yBAAyB,CACvB,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,EACf,MAAM,EACN,MAAM,EACN,MAAM,EACN,WAAW,CACZ,EACD,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC,EAC1E,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,yBAAyB,KAC/B,WAmFF,CAAC"}
+{"version":3,"file":"GidsTopNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,4BAA4B,EAC7B,MAAM,iDAAiD,CAAC;AAMzD,MAAM,WAAW,yBACf,SACE,yBAAyB,CACvB,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,EACf,MAAM,EACN,MAAM,EACN,MAAM,EACN,WAAW,CACZ,EACD,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC,EAC1E,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,yBAAyB,KAC/B,WAwGF,CAAC"}

package/dist/components/GidsTopNavigation/GidsTopNavigation.js

@@ -3,11 +3,14 @@ import { appendAsChildren, } from '../../utils/domUtils.js';
 import { GidsSearchBarDom, } from '../GidsSearchBar/GidsSearchBar.js';
 import { GidsSegmentedControlDom, } from '../GidsSegmentedControl/GidsSegmentedControl.js';
 import { GidsLogoDom } from '../GidsLogo/GidsLogo.js';
+import { GidsDividerDom } from '../GidsDivider/GidsDivider.js';
 const { getGidsTopNavigationClassNames } = GidsTopNavigationWebUtils;
 export const GidsTopNavigationDom = (props) => {
-    const { isDefaultLeftContentRender = true, isDefaultMiddleContentRender = true, isDefaultRightContentRender = true, leftContent, middleContent, rightContent, src, imgHeight = '100', href, clickable, onPress, width, tabItems = [], extraClasses, ...rest } = props;
+    const { isDefaultLeftContentRender = true, isDefaultMiddleContentRender = true, isDefaultRightContentRender = true, leftContent, middleContent, rightContent, src, imgHeight = '100', href, clickable, onPress, width, tabItems = [], extraClasses, invertedInDarkMode, invertedInLightMode, dividerVisible = true, topNavigationAppearance = 'default', ...rest } = props;
     const topNavigation = document.createElement('nav');
-    topNavigation.className = getGidsTopNavigationClassNames(extraClasses);
+    topNavigation.className = getGidsTopNavigationClassNames({ topNavigationAppearance }, extraClasses);
+    const topNavigationWrapper = document.createElement('div');
+    topNavigationWrapper.className = 'gids-top-navigation__wrapper';
     const leftContentContainer = document.createElement('div');
     leftContentContainer.className = 'gids-top-navigation__left-content';
     if (leftContent || isDefaultLeftContentRender) {
@@ -21,9 +24,11 @@ export const GidsTopNavigationDom = (props) => {
                 alt: 'logo-img',
                 href: href && href !== '' ? href : '/',
                 clickable,
+                invertedInDarkMode,
+                invertedInLightMode,
             }));
         }
-        topNavigation.appendChild(leftContentContainer);
+        topNavigationWrapper.appendChild(leftContentContainer);
     }
     const middleContentContainer = document.createElement('div');
     middleContentContainer.className = 'gids-top-navigation__middle-content';
@@ -39,7 +44,7 @@ export const GidsTopNavigationDom = (props) => {
                 ...rest,
             }));
         }
-        topNavigation.appendChild(middleContentContainer);
+        topNavigationWrapper.appendChild(middleContentContainer);
     }
     const rightContentContainer = document.createElement('div');
     rightContentContainer.className = 'gids-top-navigation__right-content';
@@ -54,7 +59,14 @@ export const GidsTopNavigationDom = (props) => {
                 onPress,
             }));
         }
-        topNavigation.appendChild(rightContentContainer);
+        topNavigationWrapper.appendChild(rightContentContainer);
+    }
+    topNavigation.appendChild(topNavigationWrapper);
+    if (dividerVisible) {
+        const dividerWrapper = document.createElement('div');
+        dividerWrapper.className = 'gids-top-navigation__divider-wrapper';
+        dividerWrapper.appendChild(GidsDividerDom({ orientation: 'horizontal' }));
+        topNavigation.appendChild(dividerWrapper);
     }
     return topNavigation;
 };

package/dist/components/GidsTopNavigation/GidsTopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"GidsTopNavigation.js","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GidsTopNavigation.js","sourceRoot":"","sources":["../../../src/components/GidsTopNavigation/GidsTopNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,GAEjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,uBAAuB,GAExB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAmBrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAgC,EACnB,EAAE;IACf,MAAM,EACJ,0BAA0B,GAAG,IAAI,EACjC,4BAA4B,GAAG,IAAI,EACnC,2BAA2B,GAAG,IAAI,EAClC,WAAW,EACX,aAAa,EACb,YAAY,EACZ,GAAG,EACH,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GAAG,IAAI,EACrB,uBAAuB,GAAG,SAAS,EACnC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,GAAG,8BAA8B,CACtD,EAAE,uBAAuB,EAAE,EAC3B,YAAY,CACb,CAAC;IAEF,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3D,oBAAoB,CAAC,SAAS,GAAG,8BAA8B,CAAC;IAEhE,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3D,oBAAoB,CAAC,SAAS,GAAG,mCAAmC,CAAC;IAErE,IAAI,WAAW,IAAI,0BAA0B,EAAE,CAAC;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC;QACD,IAAI,0BAA0B,EAAE,CAAC;YAC/B,oBAAoB,CAAC,MAAM,CACzB,WAAW,CAAC;gBACV,GAAG,EAAE,GAAG;gBACR,SAAS,EAAE,SAAS;gBACpB,GAAG,EAAE,UAAU;gBACf,IAAI,EAAE,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;gBACtC,SAAS;gBACT,kBAAkB;gBAClB,mBAAmB;aACpB,CAAC,CACH,CAAC;QACJ,CAAC;QACD,oBAAoB,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7D,sBAAsB,CAAC,SAAS,GAAG,qCAAqC,CAAC;IAEzE,IAAI,aAAa,IAAI,4BAA4B,EAAE,CAAC;QAClD,IAAI,aAAa,EAAE,CAAC;YAClB,gBAAgB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;QAC1D,CAAC;QACD,IAAI,4BAA4B,EAAE,CAAC;YACjC,sBAAsB,CAAC,MAAM,CAC3B,gBAAgB,CAAC;gBACf,IAAI,EAAE,SAAS;gBACf,UAAU,EAAE,SAAS;gBACrB,MAAM,EAAE,SAAS;gBACjB,GAAG,IAAI;aACR,CAAC,CACH,CAAC;QACJ,CAAC;QACD,oBAAoB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5D,qBAAqB,CAAC,SAAS,GAAG,oCAAoC,CAAC;IAEvE,IAAI,YAAY,IAAI,2BAA2B,EAAE,CAAC;QAChD,IAAI,YAAY,EAAE,CAAC;YACjB,gBAAgB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;QACxD,CAAC;QACD,IAAI,2BAA2B,EAAE,CAAC;YAChC,qBAAqB,CAAC,MAAM,CAC1B,uBAAuB,CAAC;gBACtB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW;gBAClC,QAAQ,EAAE,QAAQ;gBAClB,OAAO;aACR,CAAC,CACH,CAAC;QACJ,CAAC;QACD,oBAAoB,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAC1D,CAAC;IAED,aAAa,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAEhD,IAAI,cAAc,EAAE,CAAC;QACnB,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrD,cAAc,CAAC,SAAS,GAAG,sCAAsC,CAAC;QAClE,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;QAC1E,aAAa,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -59,8 +59,11 @@ export * from './components/GidsOverlayProvider/GidsOverlayProvider.js';
 export * from './components/GidsSnackbar/GidsSnackbar.js';
 export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
 export * from './components/GidsNotification/GidsNotification.js';
-export * from './components/_GidsSideMenuItem/GidsSideMenuItem.js';
+export * from './components/GidsSideMenuItem/GidsSideMenuItem.js';
 export * from './components/GidsScrim/GidsScrim.js';
+export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
+export * from './components/GidsSideMenu/GidsSideMenu.js';
+export * from './components/GidsSideNavigation/GidsSideNavigation.js';
 /**
  * Utilities
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,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,qEAAqE,CAAC;AACpF,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,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,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,qEAAqE,CAAC;AACpF,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,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -59,8 +59,11 @@ export * from './components/GidsOverlayProvider/GidsOverlayProvider.js';
 export * from './components/GidsSnackbar/GidsSnackbar.js';
 export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
 export * from './components/GidsNotification/GidsNotification.js';
-export * from './components/_GidsSideMenuItem/GidsSideMenuItem.js';
+export * from './components/GidsSideMenuItem/GidsSideMenuItem.js';
 export * from './components/GidsScrim/GidsScrim.js';
+export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
+export * from './components/GidsSideMenu/GidsSideMenu.js';
+export * from './components/GidsSideNavigation/GidsSideNavigation.js';
 /**
  * Utilities
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,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,qEAAqE,CAAC;AACpF,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,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,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,qEAAqE,CAAC;AACpF,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,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AAEtE;;GAEG;AACH,cAAc,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-web-dom-reference",
-	"version": "5.0.0",
+	"version": "6.0.0",
 	"private": false,
 	"description": "DOM for components reference implementations",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -24,8 +24,8 @@
 		"directory": "packages/private/web-dom-reference"
 	},
 	"dependencies": {
-		"@ganpatiinfo/gids-core-shared": "5.0.0",
-		"@ganpatiinfo/gids-web-shared": "5.0.0"
+		"@ganpatiinfo/gids-core-shared": "6.0.0",
+		"@ganpatiinfo/gids-web-shared": "6.0.0"
 	},
 	"peerDependencies": {
 		"@ganpatiinfo/gids-web-theme-interface": "3.1.0",

package/src/components/GidsHeading/GidsHeading.ts

@@ -1,5 +1,7 @@
-import { GidsHeadingCommonProps } from '@ganpatiinfo/gids-core-shared';
-import { GidsHeadingWebUtils } from '@ganpatiinfo/gids-web-shared';
+import {
+  type GidsHeadingWebProps,
+  GidsHeadingWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
 import {
   appendAsChildren,
   DomChildren,
@@ -7,9 +9,12 @@ import {
 } from '../../utils/domUtils.js';
 import { GidsButtonGroupDom } from '../GidsButtonGroup/GidsButtonGroup.js';
 
-const { getGidsHeadingClassNames } = GidsHeadingWebUtils;
+const {
+  getGidsHeadingClassNames,
+  getGidsHeadingSupportingTextTypographyClass,
+} = GidsHeadingWebUtils;
 
-export interface GidsHeadingDomProps extends GidsHeadingCommonProps<
+export interface GidsHeadingDomProps extends GidsHeadingWebProps<
   DomChildren,
   DomNodeOrString
 > {
@@ -20,6 +25,7 @@ export const GidsHeadingDom = (props: GidsHeadingDomProps): HTMLDivElement => {
   const {
     heading,
     supportingText,
+    supportingTextTypography,
     level = 'section',
     children,
     extraClasses,
@@ -48,10 +54,11 @@ export const GidsHeadingDom = (props: GidsHeadingDomProps): HTMLDivElement => {
   if (supportingText) {
     if (typeof supportingText === 'string') {
       const supportingTextEl = document.createElement('span');
-      supportingTextEl.className =
+      supportingTextEl.className = `${
         level === 'section'
           ? 'gids-heading__supporting-text-section'
-          : 'gids-heading__supporting-text-group';
+          : 'gids-heading__supporting-text-group'
+      } ${getGidsHeadingSupportingTextTypographyClass(supportingTextTypography)}`;
       supportingTextEl.textContent = supportingText;
 
       appendAsChildren(contentContainer, supportingTextEl);

package/src/components/GidsLogo/GidsLogo.ts

@@ -28,6 +28,8 @@ export const GidsLogoDom = ({
   imgClasses,
   imgProps,
   imgHeight = '100',
+  invertedInDarkMode,
+  invertedInLightMode,
   ...restProps
 }: GidsLogoDomProps): HTMLAnchorElement => {
   const linkElement = document.createElement('a');
@@ -44,6 +46,10 @@ export const GidsLogoDom = ({
     const imgElement = document.createElement('img');
     imgElement.className = clsx(
       `gids-logo__img gids-logo__img-height-${imgHeight}`,
+      {
+        'gids-logo__inverted-img-in-dark': invertedInDarkMode,
+        'gids-logo__inverted-img-in-light': invertedInLightMode,
+      },
       imgClasses,
     );
     imgElement.setAttribute('src', src);

package/src/components/GidsSegmentedControl/GidsSegmentedControl.ts

@@ -25,6 +25,7 @@ export const GidsSegmentedControlDom = ({
   tabItems,
   onPress,
   className,
+  defaultSelectedIndex,
 }: GidsSegmentedControlDomProps): HTMLDivElement => {
   const segmentedControl = document.createElement('div');
   segmentedControl.className = getGidsSegmentedControlClassNames(
@@ -43,7 +44,7 @@ export const GidsSegmentedControlDom = ({
           // Determine if this tab is selected
           // Priority: 1. The newly clicked index, 2. The initial tabItem.selected state
 
-          let isSelected = false;
+          let isSelected = defaultSelectedIndex === index;
           if (selectedIndex !== undefined && selectedIndex !== null) {
             isSelected = index === selectedIndex;
           } else {

package/src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts

@@ -39,8 +39,17 @@ export const GidsSegmentedTabItemDom = ({
   width = 'intrinsic',
 }: GidsSegmentedTabItemDomProps): HTMLButtonElement => {
   const segmentedTabItem = document.createElement('button');
+
+  let isIconOnly = false;
+  if (
+    (leadingIcon && !trailingIcon && (!label || label === '') && !badge) ||
+    (!leadingIcon && trailingIcon && (!label || label === '') && !badge)
+  ) {
+    isIconOnly = true;
+  }
+
   segmentedTabItem.className = getGidsSegmentedTabItemClassNames(
-    { selected, width },
+    { selected, width, isIconOnly },
     className,
   );
   segmentedTabItem.setAttribute('data-gids-segmented-item', 'true');
@@ -56,7 +65,9 @@ export const GidsSegmentedTabItemDom = ({
 
   if (leadingIcon) {
     const leadingIconContainer = document.createElement('div');
-    leadingIconContainer.className = 'gids-segmented-item__icons';
+    leadingIconContainer.className = clsx('gids-segmented-tab-item__icons', {
+      'gids-segmented-tab-item__selected-icons': selected,
+    });
     appendAsChildren(leadingIconContainer, leadingIcon);
     segmentedTabItem.appendChild(leadingIconContainer);
   }
@@ -76,7 +87,9 @@ export const GidsSegmentedTabItemDom = ({
 
   if (trailingIcon) {
     const trailingIconContainer = document.createElement('div');
-    trailingIconContainer.className = 'gids-segmented-item__selected-icons';
+    trailingIconContainer.className = clsx('gids-segmented-tab-item__icons', {
+      'gids-segmented-tab-item__selected-icons': selected,
+    });
     appendAsChildren(trailingIconContainer, trailingIcon);
     segmentedTabItem.appendChild(trailingIconContainer);
   }

package/src/components/GidsSideMenu/GidsSideMenu.ts

@@ -0,0 +1,31 @@
+import {
+  GidsSideMenuWebProps,
+  GidsSideMenuWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, DomChildren } from '../../utils/domUtils.js';
+
+const { getGidsSideMenuClassNames } = GidsSideMenuWebUtils;
+
+export interface GidsSideMenuDomProps extends GidsSideMenuWebProps<DomChildren> {
+  sideMenuExtraClasses?: string;
+}
+
+export const GidsSideMenuDom = ({
+  children,
+  sideMenuAppearance = 'default',
+  sideMenuExtraClasses,
+}: GidsSideMenuDomProps): HTMLDivElement => {
+  const sideMenu = document.createElement('div');
+  sideMenu.className = getGidsSideMenuClassNames(
+    { sideMenuAppearance },
+    sideMenuExtraClasses,
+  );
+
+  sideMenu.setAttribute('side-menu-appearance', sideMenuAppearance);
+
+  if (children) {
+    appendAsChildren(sideMenu, children);
+  }
+
+  return sideMenu;
+};

package/src/components/GidsSideMenuHeader/GidsSideMenuHeader.ts

@@ -0,0 +1,71 @@
+import {
+  GidsSideMenuHeaderWebProps,
+  GidsSideMenuHeaderWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { type HtmlInputAttributes } from '../GidsInput/GidsInput.js';
+import {
+  GidsSearchBarDom,
+  GidsSearchBarDomProps,
+} from '../GidsSearchBar/GidsSearchBar.js';
+import { appendAsChildren, DomChildren } from '../../utils/domUtils.js';
+import { GidsDividerDom } from '../GidsDivider/GidsDivider.js';
+
+const { getGidsSideMenuHeaderClassNames } = GidsSideMenuHeaderWebUtils;
+
+export interface GidsSideMenuHeaderDomProps
+  extends
+    GidsSideMenuHeaderWebProps<DomChildren, Element, HtmlInputAttributes>,
+    Pick<
+      GidsSearchBarDomProps,
+      | 'wrapperClass'
+      | 'onGidsSearchBarClear'
+      | 'className'
+      | 'onBlur'
+      | 'onChange'
+      | 'onFocus'
+      | 'onInput'
+    > {
+  headerClasses?: string;
+}
+
+export const GidsSideMenuHeaderDom = ({
+  headerAppearance,
+  headerDividedByDivider = true,
+  customChildren,
+  searchVisible = true,
+  onGidsSearchBarClear,
+  headerClasses,
+  ...restProps
+}: GidsSideMenuHeaderDomProps) => {
+  const sideMenuHeader = document.createElement('div');
+  sideMenuHeader.className = getGidsSideMenuHeaderClassNames(
+    { headerAppearance },
+    headerClasses,
+  );
+
+  const sideMenuContentWrapper = document.createElement('div');
+  sideMenuContentWrapper.className = 'gids-side-menu-header__content-wrapper';
+
+  if (customChildren) {
+    appendAsChildren(sideMenuContentWrapper, customChildren);
+  }
+
+  if (searchVisible) {
+    const searchBarEl = document.createElement('div');
+    searchBarEl.className = 'gids-side-menu-header__search-bar';
+    searchBarEl.append(
+      GidsSearchBarDom({
+        ...restProps,
+        onGidsSearchBarClear: onGidsSearchBarClear,
+      }),
+    );
+    sideMenuContentWrapper.appendChild(searchBarEl);
+  }
+  sideMenuHeader.appendChild(sideMenuContentWrapper);
+
+  if (headerDividedByDivider) {
+    sideMenuHeader.append(GidsDividerDom({ orientation: 'horizontal' }));
+  }
+
+  return sideMenuHeader;
+};

package/src/components/GidsSideNavigation/GidsSideNavigation.ts

@@ -0,0 +1,97 @@
+import {
+  GidsSideNavigationWebProps,
+  GidsSideNavigationWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils.js';
+import { HtmlInputAttributes } from '../GidsInput/GidsInput.js';
+import {
+  type GidsSideMenuHeaderDomProps,
+  GidsSideMenuHeaderDom,
+} from '../GidsSideMenuHeader/GidsSideMenuHeader.js';
+import { GidsSideMenuDom } from '../GidsSideMenu/GidsSideMenu.js';
+
+const { getGidsSideNavigationClassNames } = GidsSideNavigationWebUtils;
+
+export interface GidsSideNavigationDomProps
+  extends
+    GidsSideNavigationWebProps<
+      DomChildren,
+      DomChildren,
+      Element,
+      HtmlInputAttributes
+    >,
+    Pick<
+      GidsSideMenuHeaderDomProps,
+      | 'headerClasses'
+      | 'wrapperClass'
+      | 'onGidsSearchBarClear'
+      | 'className'
+      | 'onBlur'
+      | 'onChange'
+      | 'onFocus'
+      | 'onInput'
+    > {
+  extraSideNavigationClasses?: string;
+}
+
+export const GidsSideNavigationDom = ({
+  sideNavigationAppearance = 'default',
+  headerDividedByDivider = true,
+  headerClasses,
+  extraSideNavigationClasses,
+  customHeaderChildren,
+  isHeaderVisible = true,
+  searchVisible = true,
+  children,
+  onGidsSearchBarClear,
+  onBlur,
+  onChange,
+  onFocus,
+  onInput,
+  ...restProps
+}: GidsSideNavigationDomProps): HTMLElement => {
+  const sideNav = document.createElement('nav');
+
+  // FIX: Force set the physical HTML attributes so Stencil is forced to read them on boot
+  sideNav.setAttribute('side-navigation-appearance', sideNavigationAppearance);
+  sideNav.setAttribute('is-header-visible', String(isHeaderVisible));
+  sideNav.setAttribute('search-visible', String(searchVisible));
+  sideNav.setAttribute(
+    'header-divided-by-divider',
+    String(headerDividedByDivider),
+  );
+
+  sideNav.className = getGidsSideNavigationClassNames(
+    { sideNavigationAppearance },
+    extraSideNavigationClasses,
+  );
+
+  if (isHeaderVisible) {
+    sideNav.append(
+      GidsSideMenuHeaderDom({
+        searchVisible,
+        headerClasses,
+        headerAppearance: sideNavigationAppearance,
+        customChildren: customHeaderChildren,
+        onBlur,
+        onChange,
+        onFocus,
+        onInput,
+        onGidsSearchBarClear,
+        headerDividedByDivider,
+        ...restProps,
+      }),
+    );
+  }
+
+  if (children) {
+    sideNav.append(
+      GidsSideMenuDom({
+        children,
+        sideMenuAppearance: sideNavigationAppearance,
+      }),
+    );
+  }
+
+  return sideNav;
+};

package/src/components/GidsTopNavigation/GidsTopNavigation.ts

@@ -16,6 +16,7 @@ import {
   GidsSegmentedControlDomProps,
 } from '../GidsSegmentedControl/GidsSegmentedControl.js';
 import { GidsLogoDom } from '../GidsLogo/GidsLogo.js';
+import { GidsDividerDom } from '../GidsDivider/GidsDivider.js';
 
 const { getGidsTopNavigationClassNames } = GidsTopNavigationWebUtils;
 
@@ -54,11 +55,21 @@ export const GidsTopNavigationDom = (
     width,
     tabItems = [],
     extraClasses,
+    invertedInDarkMode,
+    invertedInLightMode,
+    dividerVisible = true,
+    topNavigationAppearance = 'default',
     ...rest
   } = props;
 
   const topNavigation = document.createElement('nav');
-  topNavigation.className = getGidsTopNavigationClassNames(extraClasses);
+  topNavigation.className = getGidsTopNavigationClassNames(
+    { topNavigationAppearance },
+    extraClasses,
+  );
+
+  const topNavigationWrapper = document.createElement('div');
+  topNavigationWrapper.className = 'gids-top-navigation__wrapper';
 
   const leftContentContainer = document.createElement('div');
   leftContentContainer.className = 'gids-top-navigation__left-content';
@@ -75,10 +86,12 @@ export const GidsTopNavigationDom = (
           alt: 'logo-img',
           href: href && href !== '' ? href : '/',
           clickable,
+          invertedInDarkMode,
+          invertedInLightMode,
         }),
       );
     }
-    topNavigation.appendChild(leftContentContainer);
+    topNavigationWrapper.appendChild(leftContentContainer);
   }
 
   const middleContentContainer = document.createElement('div');
@@ -98,7 +111,7 @@ export const GidsTopNavigationDom = (
         }),
       );
     }
-    topNavigation.appendChild(middleContentContainer);
+    topNavigationWrapper.appendChild(middleContentContainer);
   }
 
   const rightContentContainer = document.createElement('div');
@@ -117,7 +130,16 @@ export const GidsTopNavigationDom = (
         }),
       );
     }
-    topNavigation.appendChild(rightContentContainer);
+    topNavigationWrapper.appendChild(rightContentContainer);
+  }
+
+  topNavigation.appendChild(topNavigationWrapper);
+
+  if (dividerVisible) {
+    const dividerWrapper = document.createElement('div');
+    dividerWrapper.className = 'gids-top-navigation__divider-wrapper';
+    dividerWrapper.appendChild(GidsDividerDom({ orientation: 'horizontal' }));
+    topNavigation.appendChild(dividerWrapper);
   }
 
   return topNavigation;

package/src/index.ts

@@ -59,8 +59,11 @@ export * from './components/GidsOverlayProvider/GidsOverlayProvider.js';
 export * from './components/GidsSnackbar/GidsSnackbar.js';
 export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
 export * from './components/GidsNotification/GidsNotification.js';
-export * from './components/_GidsSideMenuItem/GidsSideMenuItem.js';
+export * from './components/GidsSideMenuItem/GidsSideMenuItem.js';
 export * from './components/GidsScrim/GidsScrim.js';
+export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
+export * from './components/GidsSideMenu/GidsSideMenu.js';
+export * from './components/GidsSideNavigation/GidsSideNavigation.js';
 
 /**
  * Utilities

package/dist/components/_GidsSideMenuItem/GidsSideMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GidsSideMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsSideMenuItem/GidsSideMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAE9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,WAAW,EACX,eAAe,EAChB,MAAM,yBAAyB,CAAC;AASjC,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CACxE,eAAe,EACf,WAAW,EACX,WAAW,CACZ;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACpD;AAED,eAAO,MAAM,mBAAmB,GAAI,0OAejC,wBAAwB,KAAG,cAiE7B,CAAC"}

package/dist/components/_GidsSideMenuItem/GidsSideMenuItem.js.map

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