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

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @ganpatiinfo/gids-web-dom-reference
 
+## 5.0.0
+
+### Major Changes
+
+- e6382f1: Developed `GidsSideMenuItem` private component for all web platforms
+- 3ec3507: Developed `GidsScrim` component for all web platforms
+
+### Minor Changes
+
+- 74ea6bd: - Updated `GidsSegmentedTabItem` component for all web platforms.
+- 74ea6bd: - Updated `GidsTopNavigation` component for all web platforms.
+- 74ea6bd: - Updated `GidsSegmentedControl` component for all web platforms.
+
+### Patch Changes
+
+- Updated dependencies [74ea6bd]
+- Updated dependencies [e6382f1]
+- Updated dependencies [3ec3507]
+- Updated dependencies [74ea6bd]
+- Updated dependencies [74ea6bd]
+  - @ganpatiinfo/gids-core-shared@5.0.0
+  - @ganpatiinfo/gids-web-shared@5.0.0
+
 ## 4.0.0
 
 ### Major Changes

package/dist/components/GidsScrim/GidsScrim.d.ts

@@ -0,0 +1,7 @@
+import { type GidsScrimWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type DomChildren } from '../../utils/domUtils.js';
+export interface GidsScrimDomProps extends GidsScrimWebProps<DomChildren> {
+    extraClasses?: string;
+}
+export declare const GidsScrimDom: ({ children, extraClasses, }: GidsScrimDomProps) => HTMLElement;
+//# sourceMappingURL=GidsScrim.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsScrim.d.ts","sourceRoot":"","sources":["../../../src/components/GidsScrim/GidsScrim.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI7E,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,6BAG1B,iBAAiB,KAAG,WAStB,CAAC"}

package/dist/components/GidsScrim/GidsScrim.js

@@ -0,0 +1,12 @@
+import { GidsScrimWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils.js';
+const { getGidsScrimClassNames } = GidsScrimWebUtils;
+export const GidsScrimDom = ({ children, extraClasses, }) => {
+    const scrimEl = document.createElement('gids-scrim');
+    scrimEl.className = getGidsScrimClassNames(extraClasses);
+    if (children) {
+        appendAsChildren(scrimEl, children);
+    }
+    return scrimEl;
+};
+//# sourceMappingURL=GidsScrim.js.map

package/dist/components/GidsScrim/GidsScrim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsScrim.js","sourceRoot":"","sources":["../../../src/components/GidsScrim/GidsScrim.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAoB,MAAM,yBAAyB,CAAC;AAE7E,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,CAAC;AAMrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,YAAY,GACM,EAAe,EAAE;IACnC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACrD,OAAO,CAAC,SAAS,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAEzD,IAAI,QAAQ,EAAE,CAAC;QACb,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 import { GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedControlCommonProps } from '@ganpatiinfo/gids-core-shared';
 import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
-import { type DomNodeOrString } from '../../utils/domUtils.js';
-export interface GidsSegmentedControlDomProps extends GidsSegmentedControlCommonProps<DomNodeOrString, string> {
+import { DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
+export interface GidsSegmentedControlDomProps extends GidsSegmentedControlCommonProps<DomNodeOrString, string, DomChildren> {
     onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
     className?: ClassValue;
 }

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,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK/D,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,CACP;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,0CAKrC,4BAA4B,KAAG,cAgDjC,CAAC"}

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;AAU3E,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,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"}

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

@@ -1,9 +1,9 @@
 import { type GidsSegmentedTabItemPressedReturnedProps, type GidsSegmentedTabItemCommonProps } from '@ganpatiinfo/gids-core-shared';
 import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
-import { type DomNodeOrString } from '../../utils/domUtils.js';
-export interface GidsSegmentedTabItemDomProps extends GidsSegmentedTabItemCommonProps<DomNodeOrString, string> {
+import { DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
+export interface GidsSegmentedTabItemDomProps extends GidsSegmentedTabItemCommonProps<DomNodeOrString, string, DomChildren> {
     onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
     className?: ClassValue;
 }
-export declare const GidsSegmentedTabItemDom: ({ index, label, selected, badge, badgeAccessibleText, badgeAppearance, onPress, className, width, }: GidsSegmentedTabItemDomProps) => HTMLButtonElement;
+export declare const GidsSegmentedTabItemDom: ({ leadingIcon, trailingIcon, index, label, selected, badge, badgeAccessibleText, badgeAppearance, onPress, className, width, }: GidsSegmentedTabItemDomProps) => HTMLButtonElement;
 //# sourceMappingURL=GidsSegmentedTabItem.d.ts.map

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,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK/D,MAAM,WAAW,4BAA6B,SAAQ,+BAA+B,CACnF,eAAe,EACf,MAAM,CACP;IACC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,wCAAwC,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,qGAUrC,4BAA4B,KAAG,iBA0CjC,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,iBAwDjC,CAAC"}

package/dist/components/GidsSegmentedTabItem/GidsSegmentedTabItem.js

@@ -1,8 +1,9 @@
 import { GidsSegmentedTabItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
 import clsx from 'clsx';
+import { appendAsChildren, } from '../../utils/domUtils.js';
 import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
 const { getGidsSegmentedTabItemClassNames } = GidsSegmentedTabItemWebUtils;
-export const GidsSegmentedTabItemDom = ({ index, label, selected = false, badge = false, badgeAccessibleText, badgeAppearance = 'information', onPress, className, width = 'intrinsic', }) => {
+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);
     segmentedTabItem.setAttribute('data-gids-segmented-item', 'true');
@@ -14,6 +15,12 @@ export const GidsSegmentedTabItemDom = ({ index, label, selected = false, badge
             });
         }
     });
+    if (leadingIcon) {
+        const leadingIconContainer = document.createElement('div');
+        leadingIconContainer.className = 'gids-segmented-item__icons';
+        appendAsChildren(leadingIconContainer, leadingIcon);
+        segmentedTabItem.appendChild(leadingIconContainer);
+    }
     if (label && label !== '') {
         if (typeof label === 'string') {
             const labelElement = document.createElement('label');
@@ -27,6 +34,12 @@ export const GidsSegmentedTabItemDom = ({ index, label, selected = false, badge
             segmentedTabItem.appendChild(label);
         }
     }
+    if (trailingIcon) {
+        const trailingIconContainer = document.createElement('div');
+        trailingIconContainer.className = 'gids-segmented-item__selected-icons';
+        appendAsChildren(trailingIconContainer, trailingIcon);
+        segmentedTabItem.appendChild(trailingIconContainer);
+    }
     if (badge) {
         segmentedTabItem.appendChild(GidsBadgeDom({
             accessibleText: badgeAccessibleText,

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;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAU3E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,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,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,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":"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"}

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

@@ -2,7 +2,7 @@ import { type GidsTopNavigationWebProps } from '@ganpatiinfo/gids-web-shared';
 import { DomChildren, DomNodeOrString } from '../../utils/domUtils.js';
 import { GidsSearchBarDomProps } from '../GidsSearchBar/GidsSearchBar.js';
 import { GidsSegmentedControlDomProps } from '../GidsSegmentedControl/GidsSegmentedControl.js';
-export interface GidsTopNavigationDomProps extends GidsTopNavigationWebProps<DomChildren, DomChildren, DomChildren, DomNodeOrString, string, string, string>, Pick<GidsSearchBarDomProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Pick<GidsSegmentedControlDomProps, 'onPress'> {
+export interface GidsTopNavigationDomProps extends GidsTopNavigationWebProps<DomChildren, DomChildren, DomChildren, DomNodeOrString, string, string, string, DomChildren>, Pick<GidsSearchBarDomProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Pick<GidsSegmentedControlDomProps, 'onPress'> {
     extraClasses?: string;
 }
 export declare const GidsTopNavigationDom: (props: GidsTopNavigationDomProps) => HTMLElement;

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,CACP,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;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"}

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":"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"}

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

@@ -0,0 +1,8 @@
+import { type GidsSideMenuItemOnPressEvent, type GidsSideMenuItemWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren, DomNodeOrString } from '../../utils/domUtils.js';
+export interface GidsSideMenuItemDomProps extends GidsSideMenuItemWebProps<DomNodeOrString, DomChildren, DomChildren> {
+    extraClasses?: string;
+    onPressSideMenuItem?: GidsSideMenuItemOnPressEvent;
+}
+export declare const GidsSideMenuItemDom: ({ appearance, index, selected, isLeadingDotVisible, leadingDotAppearance, leadingAccessory, trailingAccessory, leadingIcon, trailingIcon, isTrailingArrowVisible, trailingArrowDirection, children, extraClasses, onPressSideMenuItem, }: GidsSideMenuItemDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsSideMenuItem.d.ts.map

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

@@ -0,0 +1,62 @@
+import { GidsSideMenuItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, } from '../../utils/domUtils.js';
+import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
+import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
+import { GidsSideMenuItemCommonUtils } from '@ganpatiinfo/gids-core-shared';
+const { getGidsSideMenuItemClassNames } = GidsSideMenuItemWebUtils;
+const { getSideMenuTrailingIcon } = GidsSideMenuItemCommonUtils;
+export const GidsSideMenuItemDom = ({ appearance = 'default', index = 0, selected, isLeadingDotVisible = false, leadingDotAppearance = 'information', leadingAccessory, trailingAccessory, leadingIcon, trailingIcon, isTrailingArrowVisible = false, trailingArrowDirection = 'right', children, extraClasses, onPressSideMenuItem, }) => {
+    const sideMenuItem = document.createElement('div');
+    sideMenuItem.className = getGidsSideMenuItemClassNames({ selected, appearance }, extraClasses);
+    sideMenuItem.setAttribute('index', `${index}`);
+    if (leadingAccessory) {
+        appendAsChildren(sideMenuItem, leadingAccessory);
+    }
+    else {
+        if (isLeadingDotVisible) {
+            sideMenuItem.append(GidsBadgeDom({
+                appearance: leadingDotAppearance,
+                type: 'dot',
+            }));
+        }
+    }
+    if (leadingIcon) {
+        appendAsChildren(sideMenuItem, leadingIcon);
+    }
+    if (children) {
+        const textEl = document.createElement('span');
+        textEl.className = 'gids-side-menu-item__label';
+        if (typeof children === 'string') {
+            textEl.textContent = children;
+        }
+        else {
+            textEl.appendChild(children);
+        }
+        appendAsChildren(sideMenuItem, textEl);
+    }
+    if (trailingAccessory) {
+        appendAsChildren(sideMenuItem, trailingAccessory);
+    }
+    if (trailingIcon) {
+        appendAsChildren(sideMenuItem, trailingIcon);
+    }
+    else {
+        if (isTrailingArrowVisible) {
+            sideMenuItem.append(GidsIconDom({
+                name: getSideMenuTrailingIcon(trailingArrowDirection),
+                size: 'md',
+                alt: '',
+                appearance: 'regular',
+            }));
+        }
+    }
+    if (onPressSideMenuItem) {
+        sideMenuItem.addEventListener('click', () => {
+            onPressSideMenuItem({
+                selectedIndex: index,
+            });
+        });
+    }
+    return sideMenuItem;
+};
+//# sourceMappingURL=GidsSideMenuItem.js.map

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/index.d.ts

@@ -59,6 +59,8 @@ 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/GidsScrim/GidsScrim.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;AAElE;;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,oDAAoD,CAAC;AACnE,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -59,6 +59,8 @@ 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/GidsScrim/GidsScrim.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;AAElE;;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,oDAAoD,CAAC;AACnE,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-web-dom-reference",
-	"version": "4.0.0",
+	"version": "5.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": "4.0.0",
-		"@ganpatiinfo/gids-web-shared": "4.0.0"
+		"@ganpatiinfo/gids-core-shared": "5.0.0",
+		"@ganpatiinfo/gids-web-shared": "5.0.0"
 	},
 	"peerDependencies": {
 		"@ganpatiinfo/gids-web-theme-interface": "3.1.0",

package/src/components/GidsScrim/GidsScrim.ts

@@ -0,0 +1,25 @@
+import {
+  type GidsScrimWebProps,
+  GidsScrimWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, type DomChildren } from '../../utils/domUtils.js';
+
+const { getGidsScrimClassNames } = GidsScrimWebUtils;
+
+export interface GidsScrimDomProps extends GidsScrimWebProps<DomChildren> {
+  extraClasses?: string;
+}
+
+export const GidsScrimDom = ({
+  children,
+  extraClasses,
+}: GidsScrimDomProps): HTMLElement => {
+  const scrimEl = document.createElement('gids-scrim');
+  scrimEl.className = getGidsScrimClassNames(extraClasses);
+
+  if (children) {
+    appendAsChildren(scrimEl, children);
+  }
+
+  return scrimEl;
+};

package/src/components/GidsSegmentedControl/GidsSegmentedControl.ts

@@ -6,14 +6,15 @@ import {
   type ClassValue,
   GidsSegmentedControlWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
-import { type DomNodeOrString } from '../../utils/domUtils.js';
+import { DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
 import { GidsSegmentedTabItemDom } from '../GidsSegmentedTabItem/GidsSegmentedTabItem.js';
 
 const { getGidsSegmentedControlClassNames } = GidsSegmentedControlWebUtils;
 
 export interface GidsSegmentedControlDomProps extends GidsSegmentedControlCommonProps<
   DomNodeOrString,
-  string
+  string,
+  DomChildren
 > {
   onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
   className?: ClassValue;

package/src/components/GidsSegmentedTabItem/GidsSegmentedTabItem.ts

@@ -7,20 +7,27 @@ import {
   GidsSegmentedTabItemWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
 import clsx from 'clsx';
-import { type DomNodeOrString } from '../../utils/domUtils.js';
+import {
+  appendAsChildren,
+  DomChildren,
+  type DomNodeOrString,
+} from '../../utils/domUtils.js';
 import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
 
 const { getGidsSegmentedTabItemClassNames } = GidsSegmentedTabItemWebUtils;
 
 export interface GidsSegmentedTabItemDomProps extends GidsSegmentedTabItemCommonProps<
   DomNodeOrString,
-  string
+  string,
+  DomChildren
 > {
   onPress?: (props: GidsSegmentedTabItemPressedReturnedProps) => void;
   className?: ClassValue;
 }
 
 export const GidsSegmentedTabItemDom = ({
+  leadingIcon,
+  trailingIcon,
   index,
   label,
   selected = false,
@@ -47,6 +54,13 @@ export const GidsSegmentedTabItemDom = ({
     }
   });
 
+  if (leadingIcon) {
+    const leadingIconContainer = document.createElement('div');
+    leadingIconContainer.className = 'gids-segmented-item__icons';
+    appendAsChildren(leadingIconContainer, leadingIcon);
+    segmentedTabItem.appendChild(leadingIconContainer);
+  }
+
   if (label && label !== '') {
     if (typeof label === 'string') {
       const labelElement = document.createElement('label');
@@ -60,6 +74,13 @@ export const GidsSegmentedTabItemDom = ({
     }
   }
 
+  if (trailingIcon) {
+    const trailingIconContainer = document.createElement('div');
+    trailingIconContainer.className = 'gids-segmented-item__selected-icons';
+    appendAsChildren(trailingIconContainer, trailingIcon);
+    segmentedTabItem.appendChild(trailingIconContainer);
+  }
+
   if (badge) {
     segmentedTabItem.appendChild(
       GidsBadgeDom({

package/src/components/GidsTopNavigation/GidsTopNavigation.ts

@@ -28,7 +28,8 @@ export interface GidsTopNavigationDomProps
       DomNodeOrString,
       string,
       string,
-      string
+      string,
+      DomChildren
     >,
     Pick<GidsSearchBarDomProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>,
     Pick<GidsSegmentedControlDomProps, 'onPress'> {

package/src/components/_GidsSideMenuItem/GidsSideMenuItem.ts

@@ -0,0 +1,108 @@
+import {
+  type GidsSideMenuItemOnPressEvent,
+  type GidsSideMenuItemWebProps,
+  GidsSideMenuItemWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import {
+  appendAsChildren,
+  DomChildren,
+  DomNodeOrString,
+} from '../../utils/domUtils.js';
+import { GidsBadgeDom } from '../GidsBadge/GidsBadge.js';
+import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
+import { GidsSideMenuItemCommonUtils } from '@ganpatiinfo/gids-core-shared';
+import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
+
+const { getGidsSideMenuItemClassNames } = GidsSideMenuItemWebUtils;
+const { getSideMenuTrailingIcon } = GidsSideMenuItemCommonUtils;
+
+export interface GidsSideMenuItemDomProps extends GidsSideMenuItemWebProps<
+  DomNodeOrString,
+  DomChildren,
+  DomChildren
+> {
+  extraClasses?: string;
+  onPressSideMenuItem?: GidsSideMenuItemOnPressEvent;
+}
+
+export const GidsSideMenuItemDom = ({
+  appearance = 'default',
+  index = 0,
+  selected,
+  isLeadingDotVisible = false,
+  leadingDotAppearance = 'information',
+  leadingAccessory,
+  trailingAccessory,
+  leadingIcon,
+  trailingIcon,
+  isTrailingArrowVisible = false,
+  trailingArrowDirection = 'right',
+  children,
+  extraClasses,
+  onPressSideMenuItem,
+}: GidsSideMenuItemDomProps): HTMLDivElement => {
+  const sideMenuItem = document.createElement('div');
+  sideMenuItem.className = getGidsSideMenuItemClassNames(
+    { selected, appearance },
+    extraClasses,
+  );
+
+  sideMenuItem.setAttribute('index', `${index}`);
+
+  if (leadingAccessory) {
+    appendAsChildren(sideMenuItem, leadingAccessory);
+  } else {
+    if (isLeadingDotVisible) {
+      sideMenuItem.append(
+        GidsBadgeDom({
+          appearance: leadingDotAppearance,
+          type: 'dot',
+        }),
+      );
+    }
+  }
+
+  if (leadingIcon) {
+    appendAsChildren(sideMenuItem, leadingIcon);
+  }
+
+  if (children) {
+    const textEl = document.createElement('span');
+    textEl.className = 'gids-side-menu-item__label';
+    if (typeof children === 'string') {
+      textEl.textContent = children;
+    } else {
+      textEl.appendChild(children);
+    }
+    appendAsChildren(sideMenuItem, textEl);
+  }
+
+  if (trailingAccessory) {
+    appendAsChildren(sideMenuItem, trailingAccessory);
+  }
+
+  if (trailingIcon) {
+    appendAsChildren(sideMenuItem, trailingIcon);
+  } else {
+    if (isTrailingArrowVisible) {
+      sideMenuItem.append(
+        GidsIconDom({
+          name: getSideMenuTrailingIcon<IconName>(trailingArrowDirection),
+          size: 'md',
+          alt: '',
+          appearance: 'regular',
+        }),
+      );
+    }
+  }
+
+  if (onPressSideMenuItem) {
+    sideMenuItem.addEventListener('click', () => {
+      onPressSideMenuItem({
+        selectedIndex: index,
+      });
+    });
+  }
+
+  return sideMenuItem;
+};

package/src/index.ts

@@ -59,6 +59,8 @@ 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/GidsScrim/GidsScrim.js';
 
 /**
  * Utilities