@servicetitan/navigation 12.0.2 → 13.0.0-canary.256.b43c6d7.0

package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny-links.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAEjD,OAAO,EACH,yBAAyB,EACzB,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAK7D,mCAAmC;AACnC,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IACzC,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CA0BA,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+C9D,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA2CpE,CAAC"}

package/dist/components/left-navigation/header-navigation-tiny-links.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { Icon } from '@servicetitan/anvil2';
-import classNames from 'classnames';
-import { Fragment, useContext } from 'react';
-import { NavigationComponentContext } from '../../utils/navigation-context';
-import { getCounterTag } from '../../utils/side-nav';
-import { CounterTag } from '../counter-tag';
-// use v1 tooltips due to bug with v2 in monolith
-import { withTooltip } from '../header-navigation/with-tooltip';
-import * as Styles from './header-navigation-tiny.module.less';
-/** Content for navigation items */ export const HeaderNavigationItemContent = ({ counterClassName, icon, iconActive, label, labelClassName, tag })=>{
-    return /*#__PURE__*/ _jsxs(Fragment, {
-        children: [
-            !!icon && /*#__PURE__*/ _jsx(Icon, {
-                svg: icon,
-                className: Styles.navigationIcon
-            }),
-            !!iconActive && /*#__PURE__*/ _jsx(Icon, {
-                svg: iconActive,
-                className: classNames(Styles.navigationIcon, Styles.navigationIconActive)
-            }),
-            !!label && /*#__PURE__*/ _jsx("span", {
-                className: classNames(Styles.navigationItemLabel, labelClassName),
-                children: label
-            }),
-            !!tag && /*#__PURE__*/ _jsx(CounterTag, {
-                data: tag,
-                className: classNames(Styles.navigationItemCounter, counterClassName),
-                longClassName: Styles.navigationItemCounterLong
-            })
-        ]
-    });
-};
-/** Navigation extra item with link */ export const HeaderNavigationLink = ({ id, to, hint, tooltip, className, counter, icon, iconActive, iconClassName, iconComponent, iconName, isActive, label, labelClassName, tag, target, ...rest })=>{
-    const NavigationComponent = useContext(NavigationComponentContext);
-    return withTooltip(/*#__PURE__*/ _createElement(NavigationComponent, {
-        "data-cy": `navigation-link-${id}`,
-        "data-pendo": `navigation-link-${id}`,
-        ...rest,
-        key: id,
-        to: to,
-        title: hint,
-        className: classNames(Styles.navigationLink, className, {
-            [Styles.navigationItemActive]: isActive === true,
-            [Styles.navigationItemIconState]: !!icon && !!iconActive
-        }),
-        isActive: typeof isActive === 'function' ? isActive : undefined,
-        activeClassName: Styles.navigationItemActive,
-        target: target
-    }, /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
-        tag: getCounterTag(counter, tag),
-        icon: icon,
-        iconActive: iconActive,
-        label: label,
-        labelClassName: labelClassName
-    })), tooltip);
-};
-/** Navigation extra item with icon button */ export const HeaderNavigationTrigger = ({ id, className, counter, icon, iconActive, iconName, isActive, hint, label, labelClassName, tag, tooltip, title, titleClassName, ...rest })=>{
-    return withTooltip(/*#__PURE__*/ _jsx("div", {
-        "data-cy": `navigation-trigger-${id}`,
-        "data-pendo": `navigation-trigger-${id}`,
-        ...rest,
-        title: hint,
-        className: classNames(Styles.navigationLink, {
-            [Styles.navigationItemActive]: isActive === true,
-            [Styles.navigationItemIconState]: !!icon && !!iconActive
-        }, 'cursor-pointer', className),
-        children: /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
-            tag: getCounterTag(counter, tag),
-            icon: icon,
-            iconActive: iconActive,
-            label: label,
-            labelClassName: labelClassName
-        })
-    }), tooltip);
-};
-
-//# sourceMappingURL=header-navigation-tiny-links.js.map

package/dist/components/left-navigation/header-navigation-tiny-links.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"sourcesContent":["import { Icon, IconProps } from '@servicetitan/anvil2';\nimport classNames from 'classnames';\nimport { FC, Fragment, useContext } from 'react';\nimport { NavigationComponentContext } from '../../utils/navigation-context';\nimport {\n    HeaderNavigationLinkProps,\n    HeaderNavigationTriggerProps,\n} from '../../utils/navigation-legacy';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag, CounterTagProps } from '../counter-tag';\n// use v1 tooltips due to bug with v2 in monolith\nimport { withTooltip } from '../header-navigation/with-tooltip';\nimport * as Styles from './header-navigation-tiny.module.less';\n\n/** Content for navigation items */\nexport const HeaderNavigationItemContent: FC<{\n    tag?: CounterTagProps;\n    counterClassName?: string;\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n    label?: string;\n    labelClassName?: string;\n}> = ({ counterClassName, icon, iconActive, label, labelClassName, tag }) => {\n    return (\n        <Fragment>\n            {!!icon && <Icon svg={icon} className={Styles.navigationIcon} />}\n            {!!iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navigationIcon, Styles.navigationIconActive)}\n                />\n            )}\n\n            {!!label && (\n                <span className={classNames(Styles.navigationItemLabel, labelClassName)}>\n                    {label}\n                </span>\n            )}\n\n            {!!tag && (\n                <CounterTag\n                    data={tag}\n                    className={classNames(Styles.navigationItemCounter, counterClassName)}\n                    longClassName={Styles.navigationItemCounterLong}\n                />\n            )}\n        </Fragment>\n    );\n};\n\n/** Navigation extra item with link */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = ({\n    id,\n    to,\n    hint,\n    tooltip,\n    className,\n    counter,\n    icon,\n    iconActive,\n    iconClassName,\n    iconComponent,\n    iconName,\n    isActive,\n    label,\n    labelClassName,\n    tag,\n    target,\n    ...rest\n}) => {\n    const NavigationComponent = useContext(NavigationComponentContext);\n\n    return withTooltip(\n        <NavigationComponent\n            data-cy={`navigation-link-${id}`}\n            data-pendo={`navigation-link-${id}`}\n            {...rest}\n            key={id}\n            to={to}\n            title={hint}\n            className={classNames(Styles.navigationLink, className, {\n                [Styles.navigationItemActive]: isActive === true,\n                [Styles.navigationItemIconState]: !!icon && !!iconActive,\n            })}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navigationItemActive}\n            target={target}\n        >\n            <HeaderNavigationItemContent\n                tag={getCounterTag(counter, tag)}\n                icon={icon}\n                iconActive={iconActive}\n                label={label}\n                labelClassName={labelClassName}\n            />\n        </NavigationComponent>,\n        tooltip\n    );\n};\n\n/** Navigation extra item with icon button */\nexport const HeaderNavigationTrigger: FC<HeaderNavigationTriggerProps> = ({\n    id,\n    className,\n    counter,\n    icon,\n    iconActive,\n    iconName,\n    isActive,\n    hint,\n    label,\n    labelClassName,\n    tag,\n    tooltip,\n    title,\n    titleClassName,\n    ...rest\n}) => {\n    return withTooltip(\n        <div\n            data-cy={`navigation-trigger-${id}`}\n            data-pendo={`navigation-trigger-${id}`}\n            {...rest}\n            title={hint}\n            className={classNames(\n                Styles.navigationLink,\n                {\n                    [Styles.navigationItemActive]: isActive === true,\n                    [Styles.navigationItemIconState]: !!icon && !!iconActive,\n                },\n                'cursor-pointer',\n                className\n            )}\n        >\n            <HeaderNavigationItemContent\n                tag={getCounterTag(counter, tag)}\n                icon={icon}\n                iconActive={iconActive}\n                label={label}\n                labelClassName={labelClassName}\n            />\n        </div>,\n        tooltip\n    );\n};\n"],"names":["Icon","classNames","Fragment","useContext","NavigationComponentContext","getCounterTag","CounterTag","withTooltip","Styles","HeaderNavigationItemContent","counterClassName","icon","iconActive","label","labelClassName","tag","svg","className","navigationIcon","navigationIconActive","span","navigationItemLabel","data","navigationItemCounter","longClassName","navigationItemCounterLong","HeaderNavigationLink","id","to","hint","tooltip","counter","iconClassName","iconComponent","iconName","isActive","target","rest","NavigationComponent","data-cy","data-pendo","key","title","navigationLink","navigationItemActive","navigationItemIconState","undefined","activeClassName","HeaderNavigationTrigger","titleClassName","div"],"mappings":"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"}

package/dist/components/left-navigation/header-navigation-tiny.d.ts

@@ -1,23 +0,0 @@
-import { FC, ReactElement, ReactNode } from 'react';
-export interface HeaderNavigationTinyProps {
-    /** container class name */
-    className?: string;
-    /** extra navigation */
-    right?: ReactNode;
-    /** extra navigation container class name */
-    rightClassName?: string;
-    /** container id */
-    id?: string;
-    /** left content (usually used for logo) */
-    left?: ReactElement;
-    /** left container class name */
-    leftClassName?: string;
-    /** center content */
-    center?: ReactElement;
-    /** center container class name */
-    centerClassName?: string;
-    /** minimal width for navigation bar */
-    minWidth?: number;
-}
-export declare const HeaderNavigationTiny: FC<HeaderNavigationTinyProps>;
-//# sourceMappingURL=header-navigation-tiny.d.ts.map

package/dist/components/left-navigation/header-navigation-tiny.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,yBAAyB;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAuC9D,CAAC"}

package/dist/components/left-navigation/header-navigation-tiny.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import * as Styles from './header-navigation-tiny.module.less';
-export const HeaderNavigationTiny = ({ className, id, left, leftClassName, right, rightClassName, center, centerClassName, minWidth = 800 })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        className: classNames(Styles.headerTiny, className),
-        style: {
-            minWidth: `${minWidth}px`
-        },
-        id: id,
-        "data-cy": "header-navigation",
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.heTopLeft, leftClassName),
-                "data-cy": "navigation-left",
-                children: left
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.heTopCenter, centerClassName),
-                "data-cy": "navigation-center",
-                children: center
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: classNames('d-f flex-row justify-content-end align-items-center', Styles.heTopRight, rightClassName),
-                "data-cy": "navigation-right",
-                children: right
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=header-navigation-tiny.js.map

package/dist/components/left-navigation/header-navigation-tiny.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { FC, ReactElement, ReactNode } from 'react';\nimport * as Styles from './header-navigation-tiny.module.less';\n\nexport interface HeaderNavigationTinyProps {\n    /** container class name */\n    className?: string;\n    /** extra navigation */\n    right?: ReactNode;\n    /** extra navigation container class name */\n    rightClassName?: string;\n    /** container id */\n    id?: string;\n    /** left content (usually used for logo) */\n    left?: ReactElement;\n    /** left container class name */\n    leftClassName?: string;\n    /** center content */\n    center?: ReactElement;\n    /** center container class name */\n    centerClassName?: string;\n    /** minimal width for navigation bar */\n    minWidth?: number;\n}\n\nexport const HeaderNavigationTiny: FC<HeaderNavigationTinyProps> = ({\n    className,\n    id,\n    left,\n    leftClassName,\n    right,\n    rightClassName,\n    center,\n    centerClassName,\n    minWidth = 800,\n}) => {\n    return (\n        <div\n            className={classNames(Styles.headerTiny, className)}\n            style={{ minWidth: `${minWidth}px` }}\n            id={id}\n            data-cy=\"header-navigation\"\n        >\n            <div className={classNames(Styles.heTopLeft, leftClassName)} data-cy=\"navigation-left\">\n                {left}\n            </div>\n            <div\n                className={classNames(Styles.heTopCenter, centerClassName)}\n                data-cy=\"navigation-center\"\n            >\n                {center}\n            </div>\n            <div\n                className={classNames(\n                    'd-f flex-row justify-content-end align-items-center',\n                    Styles.heTopRight,\n                    rightClassName\n                )}\n                data-cy=\"navigation-right\"\n            >\n                {right}\n            </div>\n        </div>\n    );\n};\n"],"names":["classNames","Styles","HeaderNavigationTiny","className","id","left","leftClassName","right","rightClassName","center","centerClassName","minWidth","div","headerTiny","style","data-cy","heTopLeft","heTopCenter","heTopRight"],"mappings":";AAAA,OAAOA,gBAAgB,aAAa;AAEpC,YAAYC,YAAY,uCAAuC;AAuB/D,OAAO,MAAMC,uBAAsD,CAAC,EAChEC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,aAAa,EACbC,KAAK,EACLC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,WAAW,GAAG,EACjB;IACG,qBACI,MAACC;QACGT,WAAWH,WAAWC,OAAOY,UAAU,EAAEV;QACzCW,OAAO;YAAEH,UAAU,GAAGA,SAAS,EAAE,CAAC;QAAC;QACnCP,IAAIA;QACJW,WAAQ;;0BAER,KAACH;gBAAIT,WAAWH,WAAWC,OAAOe,SAAS,EAAEV;gBAAgBS,WAAQ;0BAChEV;;0BAEL,KAACO;gBACGT,WAAWH,WAAWC,OAAOgB,WAAW,EAAEP;gBAC1CK,WAAQ;0BAEPN;;0BAEL,KAACG;gBACGT,WAAWH,WACP,uDACAC,OAAOiB,UAAU,EACjBV;gBAEJO,WAAQ;0BAEPR;;;;AAIjB,EAAE"}

package/dist/components/left-navigation/header-navigation-tiny.module.less

@@ -1,117 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import (reference) '@servicetitan/tokens/core/tokens.less';
-
-@size-links-tiny: 24px;
-
-.header-tiny {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: 48px;
-
-    background-color: @color-white;
-    color: @color-black;
-
-    & > * {
-        overflow-y: hidden;
-    }
-
-    .he-top-left {
-        grid-column: span 1;
-    }
-
-    .he-top-center {
-        grid-column: span 1;
-    }
-
-    .he-top-right {
-        grid-column: span 1;
-
-        & > * {
-            color: @color-black;
-        }
-    }
-
-    :global(.profile-dropdown-image) {
-        height: 24px;
-        width: 24px;
-    }
-
-    :global(.profile-dropdown-trigger) {
-        height: 32px;
-        font-size: @size-links-tiny;
-    }
-
-    .navigation-link {
-        margin: 6px 2px;
-        padding: 6px 6px;
-        border-radius: 12px;
-        font-size: @size-links-tiny;
-        color: inherit;
-
-        &.navigation-item-active:not(.navigation-item-overflow) {
-            background-color: @color-blue-100 !important;
-            color: @color-blue-500 !important;
-        }
-        &:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
-            background-color: rgba(0, 0, 0, 0.12) !important;
-        }
-
-        &.navigation-item-icon-state.navigation-item-active {
-            .navigation-icon:not(.navigation-icon-active) {
-                display: none;
-            }
-
-            .navigation-icon.navigation-icon-active[data-anv][data-anv] {
-                display: block;
-            }
-        }
-    }
-
-    .navigation-icon[data-anv][data-anv] {
-        display: inline-block;
-        color: inherit;
-        height: 24px;
-        width: 24px;
-
-        > svg {
-            height: @size-links-tiny;
-            width: @size-links-tiny;
-        }
-
-        &.navigation-icon-active {
-            display: none;
-        }
-    }
-}
-
-.navigation-link {
-    // styles specific to extra nav links
-    color: @color-black;
-    position: relative;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    text-wrap: nowrap;
-
-    .navigation-item-counter {
-        color: @color-white;
-        font-weight: @font-weight-semibold;
-        font-size: 8px !important;
-        min-width: 12px;
-        position: absolute;
-        top: 4px;
-        right: -2px;
-    }
-
-    .navigation-item-label {
-        color: inherit;
-        font-size: @typescale-1;
-        font-family: @base-font-family;
-        font-weight: @font-weight-semibold;
-        margin-left: @spacing-half;
-    }
-
-    &.navigation-item-counter-long {
-        right: -8px;
-    }
-}

package/dist/components/left-navigation/header-navigation-tiny.module.less.d.ts

@@ -1,15 +0,0 @@
-export const __esModule: true;
-export const heTopCenter: string;
-export const heTopLeft: string;
-export const heTopRight: string;
-export const headerTiny: string;
-export const navigationIcon: string;
-export const navigationIconActive: string;
-export const navigationItemActive: string;
-export const navigationItemCounter: string;
-export const navigationItemCounterLong: string;
-export const navigationItemIconState: string;
-export const navigationItemLabel: string;
-export const navigationItemOverflow: string;
-export const navigationLink: string;
-

package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-declare const _default: {
-    title: string;
-    component: FC<import("./header-navigation-tiny").HeaderNavigationTinyProps>;
-    parameters: {};
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-export declare const DefaultTinyNavigation: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAllMonolithData: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAllMonolithDataCommercial: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=header-navigation-tiny.stories.d.ts.map

package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-navigation-tiny.stories.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;;;;;;;AASrC,wBAaE;AAEF,eAAO,MAAM,qBAAqB,+CAMjC,CAAC;AAQF,eAAO,MAAM,mBAAmB,+CA+D/B,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAmEzC,CAAC"}

package/dist/components/left-navigation/index.d.ts

@@ -1,5 +0,0 @@
-export * from './header-navigation-tiny';
-export * from './side-navigation';
-export * from './side-navigation-links';
-export type * from './interface';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/left-navigation/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,aAAa,CAAC"}

package/dist/components/left-navigation/index.js

@@ -1,5 +0,0 @@
-export * from './header-navigation-tiny';
-export * from './side-navigation';
-export * from './side-navigation-links';
-
-//# sourceMappingURL=index.js.map

package/dist/components/left-navigation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/index.ts"],"sourcesContent":["export * from './header-navigation-tiny';\nexport * from './side-navigation';\nexport * from './side-navigation-links';\nexport type * from './interface';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B"}

package/dist/components/left-navigation/interface-internal.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { NavLinkComponentProps } from '../../utils/navigation-context';
-import { SideNavigationExpandedState } from './interface';
-export interface NavigationComponentProps {
-    navigationComponent: FC<NavLinkComponentProps>;
-}
-export interface SideNavigationExpandedProps {
-    expanded?: SideNavigationExpandedState;
-}
-//# sourceMappingURL=interface-internal.d.ts.map

package/dist/components/left-navigation/interface-internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,2BAA2B;IACxC,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CAC1C"}

package/dist/components/left-navigation/interface-internal.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=interface-internal.js.map

package/dist/components/left-navigation/interface-internal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/interface-internal.ts"],"sourcesContent":["import { FC } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport { SideNavigationExpandedState } from './interface';\n\nexport interface NavigationComponentProps {\n    navigationComponent: FC<NavLinkComponentProps>;\n}\n\nexport interface SideNavigationExpandedProps {\n    expanded?: SideNavigationExpandedState;\n}\n"],"names":[],"mappings":"AAQA,WAEC"}

package/dist/components/left-navigation/interface.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactElement } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
-import { SideNavigationContextType } from './side-navigation-context';
-export interface SideNavigationExpandedState {
-    bar: boolean;
-    expandedSubmenu?: string;
-    collapsedBar?: boolean;
-}
-export interface SideNavigationLinkWrapperProps {
-    children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;
-    context: SideNavigationContextType;
-}
-export interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {
-    wrapper?: FC<SideNavigationLinkWrapperProps>;
-}
-export interface SideNavigationTriggerProps extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {
-    isActive?: boolean;
-    wrapper?: FC<SideNavigationLinkWrapperProps>;
-}
-//# sourceMappingURL=interface.d.ts.map

package/dist/components/left-navigation/interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAExC,GAAG,EAAE,OAAO,CAAC;IAEb,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAAC;IAC3F,OAAO,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IAChF,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD;AACD,MAAM,WAAW,0BACb,SAAQ,IAAI,CAAC,uBAAuB,EAAE,IAAI,GAAG,UAAU,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD"}

package/dist/components/left-navigation/interface.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=interface.js.map

package/dist/components/left-navigation/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/interface.ts"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { SideNavigationContextType } from './side-navigation-context';\n\nexport interface SideNavigationExpandedState {\n    // expanded bar (classic)\n    bar: boolean;\n    // expanded submenu item (classic)\n    expandedSubmenu?: string;\n    // collapsed bar (experimental submenu bar)\n    collapsedBar?: boolean;\n}\n\nexport interface SideNavigationLinkWrapperProps {\n    children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;\n    context: SideNavigationContextType;\n}\n\nexport interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {\n    wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\nexport interface SideNavigationTriggerProps\n    extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {\n    isActive?: boolean;\n    wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\n"],"names":[],"mappings":"AAqBA,WAIC"}

package/dist/components/left-navigation/side-navigation-context.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export interface SideNavigationContextType {
-    styles: {
-        popoverContent: CSSProperties;
-    };
-}
-export declare const SideNavigationContext: import("react").Context<SideNavigationContextType>;
-//# sourceMappingURL=side-navigation-context.d.ts.map

package/dist/components/left-navigation/side-navigation-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-context.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACtC,MAAM,EAAE;QACJ,cAAc,EAAE,aAAa,CAAC;KACjC,CAAC;CACL;AAED,eAAO,MAAM,qBAAqB,oDAIhC,CAAC"}

package/dist/components/left-navigation/side-navigation-context.js

@@ -1,8 +0,0 @@
-import { createContext } from 'react';
-export const SideNavigationContext = /*#__PURE__*/ createContext({
-    styles: {
-        popoverContent: {}
-    }
-});
-
-//# sourceMappingURL=side-navigation-context.js.map

package/dist/components/left-navigation/side-navigation-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"sourcesContent":["import { CSSProperties, createContext } from 'react';\n\nexport interface SideNavigationContextType {\n    styles: {\n        popoverContent: CSSProperties;\n    };\n}\n\nexport const SideNavigationContext = createContext<SideNavigationContextType>({\n    styles: {\n        popoverContent: {},\n    },\n});\n"],"names":["createContext","SideNavigationContext","styles","popoverContent"],"mappings":"AAAA,SAAwBA,aAAa,QAAQ,QAAQ;AAQrD,OAAO,MAAMC,sCAAwBD,cAAyC;IAC1EE,QAAQ;QACJC,gBAAgB,CAAC;IACrB;AACJ,GAAG"}

package/dist/components/left-navigation/side-navigation-links-internal.d.ts

@@ -1,28 +0,0 @@
-import { FC, MouseEvent } from 'react';
-import { NavigationItemData } from '../../utils/navigation';
-import { BadgeTagProps } from '../badge-tag';
-import { SideNavigationTriggerProps } from './interface';
-import { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';
-export interface InternalSideNavigationItemContentProps extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {
-    submenuExpanded: boolean | undefined;
-    tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-}
-export declare const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps>;
-export interface InternalSideNavigationLinkProps extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>, NavigationComponentProps, SideNavigationExpandedProps {
-    submenuExpanded: boolean | undefined;
-    dataPrefix?: string;
-    tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-}
-export declare const internalNavigationContentContainerProps: ({ className, icon, iconActive, iconComponent, id, isActive, prefix, }: Omit<SideNavigationTriggerProps, "isActive" | "tag"> & {
-    prefix: string;
-    isActive?: any;
-}) => {
-    'data-cy': string;
-    'data-pendo': string;
-    className: string;
-};
-/** Side Navigation menu item (for internal usage) */
-export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
-//# sourceMappingURL=side-navigation-links-internal.d.ts.map

package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAG7F,MAAM,WAAW,sCACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACvE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,sCAAsC,CAwExF,CAAC;AAEF,MAAM,WAAW,+BACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,EAC5D,wBAAwB,EACxB,2BAA2B;IAC/B,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,GAAI,uEAQrD,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;;;CAO1F,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CA6B1E,CAAC"}

package/dist/components/left-navigation/side-navigation-links-internal.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@servicetitan/anvil2';
-import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
-import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
-import classNames from 'classnames';
-import { Fragment } from 'react';
-import { BadgeTag } from '../badge-tag';
-import * as Styles from './side-navigation.module.less';
-export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle })=>/*#__PURE__*/ _jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: Styles.navigationItemIconWrapper,
-                children: [
-                    IconComponent ? /*#__PURE__*/ _jsx("i", {
-                        className: classNames(Styles.navigationIcon, iconClassName),
-                        children: /*#__PURE__*/ _jsx(IconComponent, {})
-                    }) : /*#__PURE__*/ _jsxs(Fragment, {
-                        children: [
-                            icon && /*#__PURE__*/ _jsx(Icon, {
-                                svg: icon,
-                                className: classNames(Styles.navigationIcon, Styles.navigationIconInactive, iconClassName)
-                            }),
-                            iconActive && /*#__PURE__*/ _jsx(Icon, {
-                                svg: iconActive,
-                                className: classNames(Styles.navigationIcon, Styles.navigationIconActive, iconClassName)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: Styles.navigationItemTextExpanded,
-                        children: title
-                    }),
-                    !!tag && /*#__PURE__*/ _jsx(BadgeTag, {
-                        data: tag,
-                        className: Styles.navigationItemCounter,
-                        longClassName: Styles.navigationItemCounterLong
-                    }),
-                    typeof submenuExpanded === 'boolean' && /*#__PURE__*/ _jsxs("div", {
-                        className: Styles.navigationItemGroupToggleWrapper,
-                        children: [
-                            /*#__PURE__*/ _jsx(Icon, {
-                                svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand,
-                                className: Styles.navigationItemGroupToggle,
-                                onClick: onExpandToggle
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                className: Styles.navigationItemGroupToggleClick,
-                                onClick: onExpandToggle
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: classNames(Styles.navigationItemTextCollapsed, {
-                    [Styles.navigationItemTextSmall]: title.length >= 10
-                }),
-                children: title
-            })
-        ]
-    });
-export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix })=>({
-        'data-cy': `${prefix}-${id}`,
-        'data-pendo': `${prefix}-${id}`,
-        'className': classNames(Styles.navigationItem, className, {
-            [Styles.navigationItemActive]: isActive === true,
-            [Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent
-        })
-    });
-/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props })=>{
-    return /*#__PURE__*/ _jsx(NavigationComponent, {
-        ...internalNavigationContentContainerProps({
-            ...props,
-            prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
-            className,
-            isActive
-        }),
-        to: to,
-        isActive: typeof isActive === 'function' ? isActive : undefined,
-        activeClassName: Styles.navigationItemActive,
-        children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
-            submenuExpanded: submenuExpanded,
-            onExpandToggle: onExpandToggle,
-            ...props
-        })
-    });
-};
-
-//# sourceMappingURL=side-navigation-links-internal.js.map

package/dist/components/left-navigation/side-navigation-links-internal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\n\nimport classNames from 'classnames';\nimport { FC, Fragment, MouseEvent } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { SideNavigationTriggerProps } from './interface';\nimport { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';\nimport * as Styles from './side-navigation.module.less';\n\nexport interface InternalSideNavigationItemContentProps\n    extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {\n    submenuExpanded: boolean | undefined;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nexport const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    iconClassName,\n    iconComponent: IconComponent,\n    tag,\n    title,\n    submenuExpanded,\n    onExpandToggle,\n}) => (\n    <Fragment>\n        <div className={Styles.navigationItemIconWrapper}>\n            {IconComponent ? (\n                <i className={classNames(Styles.navigationIcon, iconClassName)}>\n                    <IconComponent />\n                </i>\n            ) : (\n                <Fragment>\n                    {icon && (\n                        <Icon\n                            svg={icon}\n                            className={classNames(\n                                Styles.navigationIcon,\n                                Styles.navigationIconInactive,\n                                iconClassName\n                            )}\n                        />\n                    )}\n                    {iconActive && (\n                        <Icon\n                            svg={iconActive}\n                            className={classNames(\n                                Styles.navigationIcon,\n                                Styles.navigationIconActive,\n                                iconClassName\n                            )}\n                        />\n                    )}\n                </Fragment>\n            )}\n\n            <div className={Styles.navigationItemTextExpanded}>{title}</div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navigationItemCounter}\n                    longClassName={Styles.navigationItemCounterLong}\n                />\n            )}\n            {typeof submenuExpanded === 'boolean' && (\n                <div className={Styles.navigationItemGroupToggleWrapper}>\n                    <Icon\n                        svg={submenuExpanded ? SvgGroupCollapse : SvgGroupExpand}\n                        className={Styles.navigationItemGroupToggle}\n                        onClick={onExpandToggle}\n                    />\n                    <div\n                        className={Styles.navigationItemGroupToggleClick}\n                        onClick={onExpandToggle}\n                    />\n                </div>\n            )}\n        </div>\n\n        <div\n            className={classNames(Styles.navigationItemTextCollapsed, {\n                [Styles.navigationItemTextSmall]: title.length >= 10,\n            })}\n        >\n            {title}\n        </div>\n    </Fragment>\n);\n\nexport interface InternalSideNavigationLinkProps\n    extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>,\n        NavigationComponentProps,\n        SideNavigationExpandedProps {\n    submenuExpanded: boolean | undefined;\n    dataPrefix?: string;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nexport const internalNavigationContentContainerProps = ({\n    className,\n    icon,\n    iconActive,\n    iconComponent,\n    id,\n    isActive,\n    prefix,\n}: Omit<SideNavigationTriggerProps, 'isActive' | 'tag'> & { prefix: string; isActive?: any }) => ({\n    'data-cy': `${prefix}-${id}`,\n    'data-pendo': `${prefix}-${id}`,\n    'className': classNames(Styles.navigationItem, className, {\n        [Styles.navigationItemActive]: isActive === true,\n        [Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent,\n    }),\n});\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps> = ({\n    to,\n    className,\n    dataPrefix,\n    isActive,\n    navigationComponent: NavigationComponent,\n    submenuExpanded,\n    onExpandToggle,\n    ...props\n}) => {\n    return (\n        <NavigationComponent\n            {...internalNavigationContentContainerProps({\n                ...props,\n                prefix: dataPrefix ?? 'navigation-item',\n                className,\n                isActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navigationItemActive}\n        >\n            <InternalSideNavigationItemContent\n                submenuExpanded={submenuExpanded}\n                onExpandToggle={onExpandToggle}\n                {...props}\n            />\n        </NavigationComponent>\n    );\n};\n"],"names":["Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","BadgeTag","Styles","InternalSideNavigationItemContent","icon","iconActive","iconClassName","iconComponent","IconComponent","tag","title","submenuExpanded","onExpandToggle","div","className","navigationItemIconWrapper","i","navigationIcon","svg","navigationIconInactive","navigationIconActive","navigationItemTextExpanded","data","navigationItemCounter","longClassName","navigationItemCounterLong","navigationItemGroupToggleWrapper","navigationItemGroupToggle","onClick","navigationItemGroupToggleClick","navigationItemTextCollapsed","navigationItemTextSmall","length","internalNavigationContentContainerProps","id","isActive","prefix","navigationItem","navigationItemActive","navigationItemIconSwitch","InternalSideNavigationLink","to","dataPrefix","navigationComponent","NavigationComponent","props","undefined","activeClassName"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,OAAOC,sBAAsB,mEAAmE;AAChG,OAAOC,oBAAoB,mEAAmE;AAE9F,OAAOC,gBAAgB,aAAa;AACpC,SAAaC,QAAQ,QAAoB,QAAQ;AAEjD,SAASC,QAAQ,QAAuB,eAAe;AAGvD,YAAYC,YAAY,gCAAgC;AASxD,OAAO,MAAMC,oCAAgF,CAAC,EAC1FC,IAAI,EACJC,UAAU,EACVC,aAAa,EACbC,eAAeC,aAAa,EAC5BC,GAAG,EACHC,KAAK,EACLC,eAAe,EACfC,cAAc,EACjB,iBACG,MAACZ;;0BACG,MAACa;gBAAIC,WAAWZ,OAAOa,yBAAyB;;oBAC3CP,8BACG,KAACQ;wBAAEF,WAAWf,WAAWG,OAAOe,cAAc,EAAEX;kCAC5C,cAAA,KAACE;uCAGL,MAACR;;4BACII,sBACG,KAACR;gCACGsB,KAAKd;gCACLU,WAAWf,WACPG,OAAOe,cAAc,EACrBf,OAAOiB,sBAAsB,EAC7Bb;;4BAIXD,4BACG,KAACT;gCACGsB,KAAKb;gCACLS,WAAWf,WACPG,OAAOe,cAAc,EACrBf,OAAOkB,oBAAoB,EAC3Bd;;;;kCAOpB,KAACO;wBAAIC,WAAWZ,OAAOmB,0BAA0B;kCAAGX;;oBACnD,CAAC,CAACD,qBACC,KAACR;wBACGqB,MAAMb;wBACNK,WAAWZ,OAAOqB,qBAAqB;wBACvCC,eAAetB,OAAOuB,yBAAyB;;oBAGtD,OAAOd,oBAAoB,2BACxB,MAACE;wBAAIC,WAAWZ,OAAOwB,gCAAgC;;0CACnD,KAAC9B;gCACGsB,KAAKP,kBAAkBd,mBAAmBC;gCAC1CgB,WAAWZ,OAAOyB,yBAAyB;gCAC3CC,SAAShB;;0CAEb,KAACC;gCACGC,WAAWZ,OAAO2B,8BAA8B;gCAChDD,SAAShB;;;;;;0BAMzB,KAACC;gBACGC,WAAWf,WAAWG,OAAO4B,2BAA2B,EAAE;oBACtD,CAAC5B,OAAO6B,uBAAuB,CAAC,EAAErB,MAAMsB,MAAM,IAAI;gBACtD;0BAECtB;;;OAGX;AAYF,OAAO,MAAMuB,0CAA0C,CAAC,EACpDnB,SAAS,EACTV,IAAI,EACJC,UAAU,EACVE,aAAa,EACb2B,EAAE,EACFC,QAAQ,EACRC,MAAM,EACkF,GAAM,CAAA;QAC9F,WAAW,GAAGA,OAAO,CAAC,EAAEF,IAAI;QAC5B,cAAc,GAAGE,OAAO,CAAC,EAAEF,IAAI;QAC/B,aAAanC,WAAWG,OAAOmC,cAAc,EAAEvB,WAAW;YACtD,CAACZ,OAAOoC,oBAAoB,CAAC,EAAEH,aAAa;YAC5C,CAACjC,OAAOqC,wBAAwB,CAAC,EAAE,CAAC,CAACnC,QAAQ,CAAC,CAACC,cAAc,CAACE;QAClE;IACJ,CAAA,EAAG;AAEH,mDAAmD,GACnD,OAAO,MAAMiC,6BAAkE,CAAC,EAC5EC,EAAE,EACF3B,SAAS,EACT4B,UAAU,EACVP,QAAQ,EACRQ,qBAAqBC,mBAAmB,EACxCjC,eAAe,EACfC,cAAc,EACd,GAAGiC,OACN;IACG,qBACI,KAACD;QACI,GAAGX,wCAAwC;YACxC,GAAGY,KAAK;YACRT,QAAQM,uBAAAA,wBAAAA,aAAc;YACtB5B;YACAqB;QACJ,EAAE;QACFM,IAAIA;QACJN,UAAU,OAAOA,aAAa,aAAaA,WAAWW;QACtDC,iBAAiB7C,OAAOoC,oBAAoB;kBAE5C,cAAA,KAACnC;YACGQ,iBAAiBA;YACjBC,gBAAgBA;YACf,GAAGiC,KAAK;;;AAIzB,EAAE"}

package/dist/components/left-navigation/side-navigation-links.d.ts

@@ -1,6 +0,0 @@
-import { SideNavigationLinkProps, SideNavigationTriggerProps } from './interface';
-/** Side Navigation menu link */
-export declare function SideNavigationLink({ wrapper, ...props }: SideNavigationLinkProps): import("react/jsx-runtime").JSX.Element;
-/** Side Navigation menu trigger */
-export declare function SideNavigationTrigger({ wrapper, ...props }: SideNavigationTriggerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=side-navigation-links.d.ts.map

package/dist/components/left-navigation/side-navigation-links.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-links.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAgBlF,gCAAgC;AAChC,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAchF;AAED,mCAAmC;AACnC,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,2CAkBtF"}