@chayns-components/navigation 5.0.64 → 5.1.0

package/lib/esm/components/navigation-layout/NavigationLayout.styles.js

@@ -0,0 +1,67 @@
+import styled, { css } from 'styled-components';
+import { motion } from 'motion/react';
+export const StyledNavigationLayout = styled.div`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    min-height: 0;
+    position: relative;
+    overflow: hidden;
+`;
+export const StyledMotionNavigationLayoutContentWrapper = styled(motion.div)`
+    display: flex;
+    flex: 1;
+    width: 100%;
+    min-height: 0;
+`;
+export const StyledNavigationLayoutContent = styled.div`
+    ${({
+  $isCornerContent
+}) => $isCornerContent && css`
+            border-top-left-radius: 10px;
+            box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 16px;
+        `}
+
+    overflow: hidden;
+
+    flex: 1;
+    width: ${({
+  $isMobile
+}) => $isMobile ? '100vw' : '100%'};
+    min-width: ${({
+  $isMobile
+}) => $isMobile ? '100vw' : 0};
+    min-height: 0;
+
+    position: relative;
+`;
+export const StyledMotionNavigationLayoutContentOverlay = styled(motion.div)`
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    z-index: 3;
+
+    background-color: rgb(0, 0, 0);
+`;
+export const StyledNavigationLayoutBackground = styled.div`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: -100;
+
+    background-color: ${({
+  $backgroundColor
+}) => $backgroundColor};
+`;
+export const StyledNavigationLayoutBackgroundImage = styled.img`
+    object-fit: cover;
+    height: 100%;
+    width: 100%;
+`;
+//# sourceMappingURL=NavigationLayout.styles.js.map

package/lib/esm/components/navigation-layout/NavigationLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.styles.js","names":["styled","css","motion","StyledNavigationLayout","div","StyledMotionNavigationLayoutContentWrapper","StyledNavigationLayoutContent","$isCornerContent","$isMobile","StyledMotionNavigationLayoutContentOverlay","StyledNavigationLayoutBackground","$backgroundColor","StyledNavigationLayoutBackgroundImage","img"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\nimport { motion } from 'motion/react';\n\nexport const StyledNavigationLayout = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    min-height: 0;\n    position: relative;\n    overflow: hidden;\n`;\n\nexport const StyledMotionNavigationLayoutContentWrapper = styled(motion.div)`\n    display: flex;\n    flex: 1;\n    width: 100%;\n    min-height: 0;\n`;\n\ntype StyledNavigationLayoutContentProps = WithTheme<{\n    $isCornerContent: boolean;\n    $isMobile: boolean;\n}>;\n\nexport const StyledNavigationLayoutContent = styled.div<StyledNavigationLayoutContentProps>`\n    ${({ $isCornerContent }) =>\n        $isCornerContent &&\n        css`\n            border-top-left-radius: 10px;\n            box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 16px;\n        `}\n\n    overflow: hidden;\n\n    flex: 1;\n    width: ${({ $isMobile }) => ($isMobile ? '100vw' : '100%')};\n    min-width: ${({ $isMobile }) => ($isMobile ? '100vw' : 0)};\n    min-height: 0;\n\n    position: relative;\n`;\n\nexport const StyledMotionNavigationLayoutContentOverlay = styled(motion.div)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    z-index: 3;\n\n    background-color: rgb(0, 0, 0);\n`;\n\ntype StyledNavigationLayoutBackgroundProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledNavigationLayoutBackground = styled.div<StyledNavigationLayoutBackgroundProps>`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: -100;\n\n    background-color: ${({ $backgroundColor }) => $backgroundColor};\n`;\n\nexport const StyledNavigationLayoutBackgroundImage = styled.img`\n    object-fit: cover;\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,cAAc;AAErC,OAAO,MAAMC,sBAAsB,GAAGH,MAAM,CAACI,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,0CAA0C,GAAGL,MAAM,CAACE,MAAM,CAACE,GAAG,CAAC;AAC5E;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAME,6BAA6B,GAAGN,MAAM,CAACI,GAAuC;AAC3F,MAAM,CAAC;EAAEG;AAAiB,CAAC,KACnBA,gBAAgB,IAChBN,GAAG;AACX;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEO;AAAU,CAAC,KAAMA,SAAS,GAAG,OAAO,GAAG,MAAO;AAC9D,iBAAiB,CAAC;EAAEA;AAAU,CAAC,KAAMA,SAAS,GAAG,OAAO,GAAG,CAAE;AAC7D;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,0CAA0C,GAAGT,MAAM,CAACE,MAAM,CAACE,GAAG,CAAC;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMM,gCAAgC,GAAGV,MAAM,CAACI,GAA0C;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEO;AAAiB,CAAC,KAAKA,gBAAgB;AAClE,CAAC;AAED,OAAO,MAAMC,qCAAqC,GAAGZ,MAAM,CAACa,GAAG;AAC/D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/navigation-layout/NavigationLayout.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NavigationLayout.types.js.map

package/lib/esm/components/navigation-layout/NavigationLayout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.types.js","names":[],"sources":["../../../../src/components/navigation-layout/NavigationLayout.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type NavigationLayoutItemReorderPlacement = 'before' | 'after' | 'inside';\n\n/**\n * Describes a location inside the item tree of a single navigation group.\n */\nexport interface NavigationLayoutItemLocation {\n    /**\n     * Ordered parent chain from root level to the direct parent.\n     */\n    parentIds: NavigationLayoutItem['id'][];\n    /**\n     * Zero-based index within the resolved level.\n     */\n    index: number;\n}\n\n/**\n * Describes the dragged item and its original position.\n */\nexport interface NavigationLayoutItemReorderSource extends NavigationLayoutItemLocation {\n    itemId: NavigationLayoutItem['id'];\n}\n\n/**\n * Describes the resolved drop target inside the current group.\n */\nexport interface NavigationLayoutItemReorderTarget extends NavigationLayoutItemLocation {\n    itemId?: NavigationLayoutItem['id'];\n    placement: NavigationLayoutItemReorderPlacement;\n}\n\n/**\n * Payload emitted after a valid reorder interaction within a single group.\n */\nexport interface NavigationLayoutItemReorderEvent {\n    groupId: NavigationLayoutGroup['id'];\n    itemId: NavigationLayoutItem['id'];\n    source: NavigationLayoutItemReorderSource;\n    target: NavigationLayoutItemReorderTarget;\n}\n\n/**\n * Public props for the navigation layout shell.\n */\nexport interface NavigationLayoutProps {\n    /**\n     * Main content rendered next to the navigation sidebar.\n     */\n    children: ReactNode;\n    /**\n     * Visual configuration for header, sidebar and background.\n     */\n    config?: NavigationLayoutConfig;\n    /**\n     * Grouped navigation data rendered in the sidebar.\n     */\n    groups: NavigationLayoutGroup[];\n    /**\n     * Optional content rendered above the navigation items.\n     */\n    sidebarTopContent?: ReactNode;\n    /**\n     * Optional content rendered below the navigation items.\n     */\n    sidebarBottomContent?: ReactNode;\n    /**\n     * Currently selected item id.\n     */\n    selectedItemId?: NavigationLayoutItem['id'];\n    /**\n     * Called when a navigation item is clicked.\n     */\n    onItemClick?: (\n        id: NavigationLayoutItem['id'],\n        parentIds?: NavigationLayoutItem['id'][],\n    ) => void;\n    /**\n     * Called after a successful reorder inside a single group.\n     */\n    onItemReorder?: (event: NavigationLayoutItemReorderEvent) => void;\n    /**\n     * Content rendered inside the fixed header.\n     */\n    headerContent: ReactNode;\n    /**\n     * Called when the sidebar snaps open.\n     */\n    onSidebarOpen?: VoidFunction;\n    /**\n     * Called when the sidebar snaps closed.\n     */\n    onSidebarClose?: VoidFunction;\n    /**\n     * Shows labels in collapsed mode via tooltip-like popups.\n     */\n    shouldShowCollapsedLabel?: boolean;\n    /**\n     * Enables the mobile layout variant.\n     */\n    isMobile?: boolean;\n}\n\nexport interface SafeAreas {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n}\n\nexport interface NavigationLayoutConfig {\n    headerHeight?: number;\n    backgroundColor?: string;\n    backgroundImage?: string;\n    color?: string;\n    sidebarMinWidth?: number;\n    sidebarMaxWidth?: number;\n    safeAreas?: SafeAreas;\n}\n\nexport interface NavigationLayoutItem {\n    id: string;\n    label: string;\n    icons?: string[];\n    imageUrl?: string;\n    imageElement?: ReactNode;\n    isDisabled?: boolean;\n    disabledReason?: string;\n    children?: NavigationLayoutItem[];\n}\n\nexport interface NavigationLayoutGroup {\n    id: string;\n    isReorderable?: boolean;\n    isPinned?: boolean;\n    items: NavigationLayoutItem[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/components/navigation-layout/NavigationLayout.utils.js

@@ -0,0 +1,251 @@
+// noinspection JSUnusedGlobalSymbols
+
+const areNavigationLayoutParentIdsEqual = ({
+  parentIdsA,
+  parentIdsB
+}) => {
+  if (parentIdsA.length !== parentIdsB.length) {
+    return false;
+  }
+  return parentIdsA.every((parentId, index) => parentId === parentIdsB[index]);
+};
+const cloneNavigationLayoutItems = ({
+  items
+}) => items.map(item => ({
+  ...item,
+  children: item.children ? cloneNavigationLayoutItems({
+    items: item.children
+  }) : undefined
+}));
+const findNavigationLayoutItemById = ({
+  items,
+  itemId
+}) => {
+  for (const item of items) {
+    if (item.id === itemId) {
+      return item;
+    }
+    if (item.children?.length) {
+      const nestedItem = findNavigationLayoutItemById({
+        items: item.children,
+        itemId
+      });
+      if (nestedItem) {
+        return nestedItem;
+      }
+    }
+  }
+  return null;
+};
+const getNavigationLayoutItemsByParentIds = ({
+  items,
+  parentIds,
+  shouldCreateMissingChildren = false,
+  shouldReturnEmptyChildrenAtLeaf = false
+}) => {
+  if (parentIds.length === 0) {
+    return items;
+  }
+  const [parentId, ...remainingParentIds] = parentIds;
+  const parentItem = items.find(({
+    id
+  }) => id === parentId);
+  if (!parentItem) {
+    return null;
+  }
+  if (!parentItem.children) {
+    if (remainingParentIds.length > 0) {
+      return null;
+    }
+    if (!shouldCreateMissingChildren) {
+      return shouldReturnEmptyChildrenAtLeaf ? [] : null;
+    }
+    parentItem.children = [];
+  }
+  return getNavigationLayoutItemsByParentIds({
+    items: parentItem.children,
+    parentIds: remainingParentIds,
+    shouldCreateMissingChildren,
+    shouldReturnEmptyChildrenAtLeaf
+  });
+};
+const removeNavigationLayoutItemAtLocation = ({
+  items,
+  location
+}) => {
+  const parentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: location.parentIds,
+    shouldCreateMissingChildren: true
+  });
+  if (!parentItems || location.index < 0 || location.index >= parentItems.length) {
+    return null;
+  }
+  const [item] = parentItems.splice(location.index, 1);
+  if (!item) {
+    return null;
+  }
+  return {
+    item,
+    items
+  };
+};
+const insertNavigationLayoutItemAtLocation = ({
+  items,
+  location,
+  item
+}) => {
+  const parentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: location.parentIds,
+    shouldCreateMissingChildren: true
+  });
+  if (!parentItems) {
+    return items;
+  }
+  const nextIndex = Math.max(0, Math.min(location.index, parentItems.length));
+  parentItems.splice(nextIndex, 0, item);
+  return items;
+};
+const normalizeNavigationLayoutReorderTarget = ({
+  source,
+  target
+}) => {
+  if (areNavigationLayoutParentIdsEqual({
+    parentIdsA: source.parentIds,
+    parentIdsB: target.parentIds
+  }) && source.index < target.index) {
+    return {
+      ...target,
+      index: target.index - 1
+    };
+  }
+  return target;
+};
+export function isNavigationLayoutReorderTargetEqual({
+  targetA,
+  targetB
+}) {
+  if (!targetA || !targetB) {
+    return targetA === targetB;
+  }
+  return targetA.itemId === targetB.itemId && targetA.index === targetB.index && targetA.placement === targetB.placement && areNavigationLayoutParentIdsEqual({
+    parentIdsA: targetA.parentIds,
+    parentIdsB: targetB.parentIds
+  });
+}
+export function isNavigationLayoutItemReorderEventValid({
+  items,
+  event
+}) {
+  const {
+    itemId,
+    source,
+    target
+  } = event;
+  const sourceParentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: source.parentIds
+  });
+  const sourceItem = sourceParentItems?.[source.index];
+  if (!sourceParentItems || sourceItem?.id !== itemId || source.itemId !== itemId) {
+    return false;
+  }
+  if (sourceItem.isDisabled) {
+    return false;
+  }
+  if (target.itemId === itemId || target.parentIds.includes(itemId)) {
+    return false;
+  }
+  if (target.placement === 'inside' && !target.itemId) {
+    return false;
+  }
+  const targetParentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: target.parentIds,
+    shouldReturnEmptyChildrenAtLeaf: true
+  });
+  if (!targetParentItems) {
+    return false;
+  }
+  if (target.index < 0 || target.index > targetParentItems.length) {
+    return false;
+  }
+  if (target.placement === 'inside' && target.itemId) {
+    const targetItem = findNavigationLayoutItemById({
+      items,
+      itemId: target.itemId
+    });
+    if (!targetItem || targetItem.isDisabled) {
+      return false;
+    }
+  }
+  const normalizedTarget = normalizeNavigationLayoutReorderTarget({
+    source,
+    target
+  });
+  return !(areNavigationLayoutParentIdsEqual({
+    parentIdsA: source.parentIds,
+    parentIdsB: normalizedTarget.parentIds
+  }) && source.index === normalizedTarget.index);
+}
+export function reorderNavigationLayoutGroupItems({
+  items,
+  event
+}) {
+  if (!isNavigationLayoutItemReorderEventValid({
+    items,
+    event
+  })) {
+    return items;
+  }
+  const nextItems = cloneNavigationLayoutItems({
+    items
+  });
+  const sourceResult = removeNavigationLayoutItemAtLocation({
+    items: nextItems,
+    location: event.source
+  });
+  if (!sourceResult) {
+    return items;
+  }
+  const target = normalizeNavigationLayoutReorderTarget({
+    source: event.source,
+    target: event.target
+  });
+  return insertNavigationLayoutItemAtLocation({
+    items: sourceResult.items,
+    location: target,
+    item: sourceResult.item
+  });
+}
+export function reorderNavigationLayoutGroups({
+  groups,
+  event
+}) {
+  const group = groups.find(({
+    id
+  }) => id === event.groupId);
+  if (!group) {
+    return groups;
+  }
+  if (!isNavigationLayoutItemReorderEventValid({
+    items: group.items,
+    event
+  })) {
+    return groups;
+  }
+  return groups.map(currentGroup => {
+    if (currentGroup.id !== event.groupId) {
+      return currentGroup;
+    }
+    return {
+      ...currentGroup,
+      items: reorderNavigationLayoutGroupItems({
+        items: currentGroup.items,
+        event
+      })
+    };
+  });
+}
+//# sourceMappingURL=NavigationLayout.utils.js.map

package/lib/esm/components/navigation-layout/NavigationLayout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.utils.js","names":["areNavigationLayoutParentIdsEqual","parentIdsA","parentIdsB","length","every","parentId","index","cloneNavigationLayoutItems","items","map","item","children","undefined","findNavigationLayoutItemById","itemId","id","nestedItem","getNavigationLayoutItemsByParentIds","parentIds","shouldCreateMissingChildren","shouldReturnEmptyChildrenAtLeaf","remainingParentIds","parentItem","find","removeNavigationLayoutItemAtLocation","location","parentItems","splice","insertNavigationLayoutItemAtLocation","nextIndex","Math","max","min","normalizeNavigationLayoutReorderTarget","source","target","isNavigationLayoutReorderTargetEqual","targetA","targetB","placement","isNavigationLayoutItemReorderEventValid","event","sourceParentItems","sourceItem","isDisabled","includes","targetParentItems","targetItem","normalizedTarget","reorderNavigationLayoutGroupItems","nextItems","sourceResult","reorderNavigationLayoutGroups","groups","group","groupId","currentGroup"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.utils.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nimport {\n    NavigationLayoutGroup,\n    NavigationLayoutItem,\n    NavigationLayoutItemLocation,\n    NavigationLayoutItemReorderEvent,\n    NavigationLayoutItemReorderTarget,\n} from './NavigationLayout.types';\n\ninterface CloneNavigationLayoutItemsOptions {\n    items: NavigationLayoutItem[];\n}\n\ninterface AreNavigationLayoutParentIdsEqualOptions {\n    parentIdsA: NavigationLayoutItem['id'][];\n    parentIdsB: NavigationLayoutItem['id'][];\n}\n\ninterface FindNavigationLayoutItemByIdOptions {\n    items: NavigationLayoutItem[];\n    itemId: NavigationLayoutItem['id'];\n}\n\ninterface GetNavigationLayoutItemsByParentIdsOptions {\n    items: NavigationLayoutItem[];\n    parentIds: NavigationLayoutItem['id'][];\n    shouldCreateMissingChildren?: boolean;\n    shouldReturnEmptyChildrenAtLeaf?: boolean;\n}\n\ninterface RemoveNavigationLayoutItemAtLocationOptions {\n    items: NavigationLayoutItem[];\n    location: NavigationLayoutItemLocation;\n}\n\ninterface RemoveNavigationLayoutItemAtLocationResult {\n    item: NavigationLayoutItem;\n    items: NavigationLayoutItem[];\n}\n\ninterface InsertNavigationLayoutItemAtLocationOptions {\n    items: NavigationLayoutItem[];\n    location: NavigationLayoutItemLocation;\n    item: NavigationLayoutItem;\n}\n\ninterface NormalizeNavigationLayoutReorderTargetOptions {\n    source: NavigationLayoutItemReorderEvent['source'];\n    target: NavigationLayoutItemReorderEvent['target'];\n}\n\ninterface IsNavigationLayoutItemReorderEventValidOptions {\n    items: NavigationLayoutItem[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface ReorderNavigationLayoutGroupItemsOptions {\n    items: NavigationLayoutItem[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface ReorderNavigationLayoutGroupsOptions {\n    groups: NavigationLayoutGroup[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface IsNavigationLayoutReorderTargetEqualOptions {\n    targetA: NavigationLayoutItemReorderTarget | null;\n    targetB: NavigationLayoutItemReorderTarget | null;\n}\n\nconst areNavigationLayoutParentIdsEqual = ({\n    parentIdsA,\n    parentIdsB,\n}: AreNavigationLayoutParentIdsEqualOptions): boolean => {\n    if (parentIdsA.length !== parentIdsB.length) {\n        return false;\n    }\n\n    return parentIdsA.every((parentId, index) => parentId === parentIdsB[index]);\n};\n\nconst cloneNavigationLayoutItems = ({\n    items,\n}: CloneNavigationLayoutItemsOptions): NavigationLayoutItem[] =>\n    items.map((item) => ({\n        ...item,\n        children: item.children ? cloneNavigationLayoutItems({ items: item.children }) : undefined,\n    }));\n\nconst findNavigationLayoutItemById = ({\n    items,\n    itemId,\n}: FindNavigationLayoutItemByIdOptions): NavigationLayoutItem | null => {\n    for (const item of items) {\n        if (item.id === itemId) {\n            return item;\n        }\n\n        if (item.children?.length) {\n            const nestedItem = findNavigationLayoutItemById({\n                items: item.children,\n                itemId,\n            });\n\n            if (nestedItem) {\n                return nestedItem;\n            }\n        }\n    }\n\n    return null;\n};\n\nconst getNavigationLayoutItemsByParentIds = ({\n    items,\n    parentIds,\n    shouldCreateMissingChildren = false,\n    shouldReturnEmptyChildrenAtLeaf = false,\n}: GetNavigationLayoutItemsByParentIdsOptions): NavigationLayoutItem[] | null => {\n    if (parentIds.length === 0) {\n        return items;\n    }\n\n    const [parentId, ...remainingParentIds] = parentIds;\n    const parentItem = items.find(({ id }) => id === parentId);\n\n    if (!parentItem) {\n        return null;\n    }\n\n    if (!parentItem.children) {\n        if (remainingParentIds.length > 0) {\n            return null;\n        }\n\n        if (!shouldCreateMissingChildren) {\n            return shouldReturnEmptyChildrenAtLeaf ? [] : null;\n        }\n\n        parentItem.children = [];\n    }\n\n    return getNavigationLayoutItemsByParentIds({\n        items: parentItem.children,\n        parentIds: remainingParentIds,\n        shouldCreateMissingChildren,\n        shouldReturnEmptyChildrenAtLeaf,\n    });\n};\n\nconst removeNavigationLayoutItemAtLocation = ({\n    items,\n    location,\n}: RemoveNavigationLayoutItemAtLocationOptions): RemoveNavigationLayoutItemAtLocationResult | null => {\n    const parentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: location.parentIds,\n        shouldCreateMissingChildren: true,\n    });\n\n    if (!parentItems || location.index < 0 || location.index >= parentItems.length) {\n        return null;\n    }\n\n    const [item] = parentItems.splice(location.index, 1);\n\n    if (!item) {\n        return null;\n    }\n\n    return {\n        item,\n        items,\n    };\n};\n\nconst insertNavigationLayoutItemAtLocation = ({\n    items,\n    location,\n    item,\n}: InsertNavigationLayoutItemAtLocationOptions): NavigationLayoutItem[] => {\n    const parentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: location.parentIds,\n        shouldCreateMissingChildren: true,\n    });\n\n    if (!parentItems) {\n        return items;\n    }\n\n    const nextIndex = Math.max(0, Math.min(location.index, parentItems.length));\n\n    parentItems.splice(nextIndex, 0, item);\n\n    return items;\n};\n\nconst normalizeNavigationLayoutReorderTarget = ({\n    source,\n    target,\n}: NormalizeNavigationLayoutReorderTargetOptions): NavigationLayoutItemReorderTarget => {\n    if (\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: source.parentIds,\n            parentIdsB: target.parentIds,\n        }) &&\n        source.index < target.index\n    ) {\n        return {\n            ...target,\n            index: target.index - 1,\n        };\n    }\n\n    return target;\n};\n\nexport function isNavigationLayoutReorderTargetEqual({\n    targetA,\n    targetB,\n}: IsNavigationLayoutReorderTargetEqualOptions): boolean {\n    if (!targetA || !targetB) {\n        return targetA === targetB;\n    }\n\n    return (\n        targetA.itemId === targetB.itemId &&\n        targetA.index === targetB.index &&\n        targetA.placement === targetB.placement &&\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: targetA.parentIds,\n            parentIdsB: targetB.parentIds,\n        })\n    );\n}\n\nexport function isNavigationLayoutItemReorderEventValid({\n    items,\n    event,\n}: IsNavigationLayoutItemReorderEventValidOptions): boolean {\n    const { itemId, source, target } = event;\n    const sourceParentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: source.parentIds,\n    });\n    const sourceItem = sourceParentItems?.[source.index];\n\n    if (!sourceParentItems || sourceItem?.id !== itemId || source.itemId !== itemId) {\n        return false;\n    }\n\n    if (sourceItem.isDisabled) {\n        return false;\n    }\n\n    if (target.itemId === itemId || target.parentIds.includes(itemId)) {\n        return false;\n    }\n\n    if (target.placement === 'inside' && !target.itemId) {\n        return false;\n    }\n\n    const targetParentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: target.parentIds,\n        shouldReturnEmptyChildrenAtLeaf: true,\n    });\n\n    if (!targetParentItems) {\n        return false;\n    }\n\n    if (target.index < 0 || target.index > targetParentItems.length) {\n        return false;\n    }\n\n    if (target.placement === 'inside' && target.itemId) {\n        const targetItem = findNavigationLayoutItemById({\n            items,\n            itemId: target.itemId,\n        });\n\n        if (!targetItem || targetItem.isDisabled) {\n            return false;\n        }\n    }\n\n    const normalizedTarget = normalizeNavigationLayoutReorderTarget({\n        source,\n        target,\n    });\n\n    return !(\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: source.parentIds,\n            parentIdsB: normalizedTarget.parentIds,\n        }) && source.index === normalizedTarget.index\n    );\n}\n\nexport function reorderNavigationLayoutGroupItems({\n    items,\n    event,\n}: ReorderNavigationLayoutGroupItemsOptions): NavigationLayoutItem[] {\n    if (!isNavigationLayoutItemReorderEventValid({ items, event })) {\n        return items;\n    }\n\n    const nextItems = cloneNavigationLayoutItems({ items });\n    const sourceResult = removeNavigationLayoutItemAtLocation({\n        items: nextItems,\n        location: event.source,\n    });\n\n    if (!sourceResult) {\n        return items;\n    }\n\n    const target = normalizeNavigationLayoutReorderTarget({\n        source: event.source,\n        target: event.target,\n    });\n\n    return insertNavigationLayoutItemAtLocation({\n        items: sourceResult.items,\n        location: target,\n        item: sourceResult.item,\n    });\n}\n\nexport function reorderNavigationLayoutGroups({\n    groups,\n    event,\n}: ReorderNavigationLayoutGroupsOptions): NavigationLayoutGroup[] {\n    const group = groups.find(({ id }) => id === event.groupId);\n\n    if (!group) {\n        return groups;\n    }\n\n    if (\n        !isNavigationLayoutItemReorderEventValid({\n            items: group.items,\n            event,\n        })\n    ) {\n        return groups;\n    }\n\n    return groups.map((currentGroup) => {\n        if (currentGroup.id !== event.groupId) {\n            return currentGroup;\n        }\n\n        return {\n            ...currentGroup,\n            items: reorderNavigationLayoutGroupItems({\n                items: currentGroup.items,\n                event,\n            }),\n        };\n    });\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyledNavigationHeader } from './NavigationHeader.styles';
+import MenuToggle from './menu-toggle/MenuToggle';
+const NavigationHeader = ({
+  color,
+  height,
+  safeAreas,
+  headerContent,
+  onMenuClick,
+  isMobileOpen,
+  isMobile
+}) => /*#__PURE__*/React.createElement(StyledNavigationHeader, {
+  $color: color,
+  $height: height,
+  $safeAreas: safeAreas,
+  className: "navigation-layout-header"
+}, isMobile && /*#__PURE__*/React.createElement(MenuToggle, {
+  color: color,
+  isOpen: isMobileOpen,
+  onClick: onMenuClick
+}), headerContent);
+NavigationHeader.displayName = 'NavigationHeader';
+export default NavigationHeader;
+//# sourceMappingURL=NavigationHeader.js.map

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","names":["React","StyledNavigationHeader","MenuToggle","NavigationHeader","color","height","safeAreas","headerContent","onMenuClick","isMobileOpen","isMobile","createElement","$color","$height","$safeAreas","className","isOpen","onClick","displayName"],"sources":["../../../../../src/components/navigation-layout/navigation-header/NavigationHeader.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledNavigationHeader } from './NavigationHeader.styles';\nimport { NavigationHeaderProps } from './NavigationHeader.types';\nimport MenuToggle from './menu-toggle/MenuToggle';\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n    color,\n    height,\n    safeAreas,\n    headerContent,\n    onMenuClick,\n    isMobileOpen,\n    isMobile,\n}) => (\n    <StyledNavigationHeader\n        $color={color}\n        $height={height}\n        $safeAreas={safeAreas}\n        className=\"navigation-layout-header\"\n    >\n        {isMobile && <MenuToggle color={color} isOpen={isMobileOpen} onClick={onMenuClick} />}\n        {headerContent}\n    </StyledNavigationHeader>\n);\nNavigationHeader.displayName = 'NavigationHeader';\n\nexport default NavigationHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAOC,UAAU,MAAM,0BAA0B;AAEjD,MAAMC,gBAA2C,GAAGA,CAAC;EACjDC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,YAAY;EACZC;AACJ,CAAC,kBACGV,KAAA,CAAAW,aAAA,CAACV,sBAAsB;EACnBW,MAAM,EAAER,KAAM;EACdS,OAAO,EAAER,MAAO;EAChBS,UAAU,EAAER,SAAU;EACtBS,SAAS,EAAC;AAA0B,GAEnCL,QAAQ,iBAAIV,KAAA,CAAAW,aAAA,CAACT,UAAU;EAACE,KAAK,EAAEA,KAAM;EAACY,MAAM,EAAEP,YAAa;EAACQ,OAAO,EAAET;AAAY,CAAE,CAAC,EACpFD,aACmB,CAC3B;AACDJ,gBAAgB,CAACe,WAAW,GAAG,kBAAkB;AAEjD,eAAef,gBAAgB","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.styles.js

@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+export const StyledNavigationHeader = styled.div`
+    width: 100%;
+    height: ${({
+  $height
+}) => $height}px;
+    color: ${({
+  $color
+}) => $color};
+
+    padding: ${({
+  $safeAreas
+}) => `${$safeAreas?.top || 0}px ${$safeAreas?.right || 16}px 0
+        ${$safeAreas?.left || 16}px`};
+
+    // Need for electron dragging
+    -webkit-app-region: drag;
+
+    display: flex;
+    align-items: center;
+    gap: 8px;
+`;
+//# sourceMappingURL=NavigationHeader.styles.js.map

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.styles.js","names":["styled","StyledNavigationHeader","div","$height","$color","$safeAreas","top","right","left"],"sources":["../../../../../src/components/navigation-layout/navigation-header/NavigationHeader.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\nimport { NavigationLayoutConfig } from '../NavigationLayout.types';\n\ntype StyledNavigationHeaderProps = WithTheme<{\n    $height: number;\n    $color: string;\n    $safeAreas: NavigationLayoutConfig['safeAreas'];\n}>;\n\nexport const StyledNavigationHeader = styled.div<StyledNavigationHeaderProps>`\n    width: 100%;\n    height: ${({ $height }) => $height}px;\n    color: ${({ $color }) => $color};\n\n    padding: ${({ $safeAreas }) => `${$safeAreas?.top || 0}px ${$safeAreas?.right || 16}px 0\n        ${$safeAreas?.left || 16}px`};\n\n    // Need for electron dragging\n    -webkit-app-region: drag;\n\n    display: flex;\n    align-items: center;\n    gap: 8px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAUtC,OAAO,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,GAAgC;AAC7E;AACA,cAAc,CAAC;EAAEC;AAAQ,CAAC,KAAKA,OAAO;AACtC,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AACnC;AACA,eAAe,CAAC;EAAEC;AAAW,CAAC,KAAK,GAAGA,UAAU,EAAEC,GAAG,IAAI,CAAC,MAAMD,UAAU,EAAEE,KAAK,IAAI,EAAE;AACvF,UAAUF,UAAU,EAAEG,IAAI,IAAI,EAAE,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NavigationHeader.types.js.map

package/lib/esm/components/navigation-layout/navigation-header/NavigationHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.types.js","names":[],"sources":["../../../../../src/components/navigation-layout/navigation-header/NavigationHeader.types.ts"],"sourcesContent":["import { NavigationLayoutConfig, NavigationLayoutProps } from '../NavigationLayout.types';\n\nexport interface NavigationHeaderProps {\n    height: number;\n    color: string;\n    safeAreas?: NavigationLayoutConfig['safeAreas'];\n    headerContent: NavigationLayoutProps['headerContent'];\n    isMobile: NavigationLayoutProps['isMobile'];\n    isMobileOpen: boolean;\n    onMenuClick: () => void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { motion, MotionConfig } from 'motion/react';
+import { StyledMotionMenuToggle } from './MenuToggle.styles';
+const Path = ({
+  d,
+  variants
+}) => /*#__PURE__*/React.createElement(motion.path, {
+  d: d,
+  strokeLinecap: "round",
+  strokeWidth: "3",
+  variants: variants
+});
+const MenuToggle = ({
+  isOpen,
+  onClick,
+  color
+}) => /*#__PURE__*/React.createElement(StyledMotionMenuToggle, {
+  animate: isOpen ? 'open' : 'closed',
+  onClick: onClick,
+  type: "button"
+}, /*#__PURE__*/React.createElement(MotionConfig, {
+  transition: {
+    duration: 0.3,
+    type: 'tween'
+  }
+}, /*#__PURE__*/React.createElement("svg", {
+  width: "22",
+  height: "22",
+  viewBox: "0 0 23 23",
+  stroke: color
+}, /*#__PURE__*/React.createElement(Path, {
+  variants: {
+    closed: {
+      d: 'M 2 2.5 L 20 2.5'
+    },
+    open: {
+      d: 'M 3 16.5 L 17 2.5'
+    }
+  }
+}), /*#__PURE__*/React.createElement(Path, {
+  d: "M 2 9.423 L 20 9.423",
+  variants: {
+    closed: {
+      opacity: 1,
+      scale: 1
+    },
+    open: {
+      opacity: 0,
+      scale: 0
+    }
+  }
+}), /*#__PURE__*/React.createElement(Path, {
+  variants: {
+    closed: {
+      d: 'M 2 16.346 L 20 16.346'
+    },
+    open: {
+      d: 'M 3 2.5 L 17 16.346'
+    }
+  }
+}))));
+MenuToggle.displayName = 'MenuToggle';
+export default MenuToggle;
+//# sourceMappingURL=MenuToggle.js.map

package/lib/esm/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggle.js","names":["React","motion","MotionConfig","StyledMotionMenuToggle","Path","d","variants","createElement","path","strokeLinecap","strokeWidth","MenuToggle","isOpen","onClick","color","animate","type","transition","duration","width","height","viewBox","stroke","closed","open","opacity","scale","displayName"],"sources":["../../../../../../src/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.tsx"],"sourcesContent":["import React, { FC, SVGAttributes } from 'react';\nimport { motion, MotionConfig, Variants } from 'motion/react';\nimport { StyledMotionMenuToggle } from './MenuToggle.styles';\n\ninterface PathProps {\n    d?: SVGAttributes<unknown>['d'];\n    variants: Variants;\n}\n\nconst Path: FC<PathProps> = ({ d, variants }) => (\n    <motion.path d={d} strokeLinecap=\"round\" strokeWidth=\"3\" variants={variants} />\n);\n\ninterface MenuToggleProps {\n    isOpen: boolean;\n    onClick: () => void;\n    color: string;\n}\n\nconst MenuToggle: FC<MenuToggleProps> = ({ isOpen, onClick, color }) => (\n    <StyledMotionMenuToggle animate={isOpen ? 'open' : 'closed'} onClick={onClick} type=\"button\">\n        <MotionConfig transition={{ duration: 0.3, type: 'tween' }}>\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 23 23\" stroke={color}>\n                <Path\n                    variants={{\n                        closed: { d: 'M 2 2.5 L 20 2.5' },\n                        open: { d: 'M 3 16.5 L 17 2.5' },\n                    }}\n                />\n                <Path\n                    d=\"M 2 9.423 L 20 9.423\"\n                    variants={{\n                        closed: { opacity: 1, scale: 1 },\n                        open: { opacity: 0, scale: 0 },\n                    }}\n                />\n                <Path\n                    variants={{\n                        closed: { d: 'M 2 16.346 L 20 16.346' },\n                        open: { d: 'M 3 2.5 L 17 16.346' },\n                    }}\n                />\n            </svg>\n        </MotionConfig>\n    </StyledMotionMenuToggle>\n);\n\nMenuToggle.displayName = 'MenuToggle';\n\nexport default MenuToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,MAAM,EAAEC,YAAY,QAAkB,cAAc;AAC7D,SAASC,sBAAsB,QAAQ,qBAAqB;AAO5D,MAAMC,IAAmB,GAAGA,CAAC;EAAEC,CAAC;EAAEC;AAAS,CAAC,kBACxCN,KAAA,CAAAO,aAAA,CAACN,MAAM,CAACO,IAAI;EAACH,CAAC,EAAEA,CAAE;EAACI,aAAa,EAAC,OAAO;EAACC,WAAW,EAAC,GAAG;EAACJ,QAAQ,EAAEA;AAAS,CAAE,CACjF;AAQD,MAAMK,UAA+B,GAAGA,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAM,CAAC,kBAC/Dd,KAAA,CAAAO,aAAA,CAACJ,sBAAsB;EAACY,OAAO,EAAEH,MAAM,GAAG,MAAM,GAAG,QAAS;EAACC,OAAO,EAAEA,OAAQ;EAACG,IAAI,EAAC;AAAQ,gBACxFhB,KAAA,CAAAO,aAAA,CAACL,YAAY;EAACe,UAAU,EAAE;IAAEC,QAAQ,EAAE,GAAG;IAAEF,IAAI,EAAE;EAAQ;AAAE,gBACvDhB,KAAA,CAAAO,aAAA;EAAKY,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,MAAM,EAAER;AAAM,gBAC1Dd,KAAA,CAAAO,aAAA,CAACH,IAAI;EACDE,QAAQ,EAAE;IACNiB,MAAM,EAAE;MAAElB,CAAC,EAAE;IAAmB,CAAC;IACjCmB,IAAI,EAAE;MAAEnB,CAAC,EAAE;IAAoB;EACnC;AAAE,CACL,CAAC,eACFL,KAAA,CAAAO,aAAA,CAACH,IAAI;EACDC,CAAC,EAAC,sBAAsB;EACxBC,QAAQ,EAAE;IACNiB,MAAM,EAAE;MAAEE,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC;IAChCF,IAAI,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE;EACjC;AAAE,CACL,CAAC,eACF1B,KAAA,CAAAO,aAAA,CAACH,IAAI;EACDE,QAAQ,EAAE;IACNiB,MAAM,EAAE;MAAElB,CAAC,EAAE;IAAyB,CAAC;IACvCmB,IAAI,EAAE;MAAEnB,CAAC,EAAE;IAAsB;EACrC;AAAE,CACL,CACA,CACK,CACM,CAC3B;AAEDM,UAAU,CAACgB,WAAW,GAAG,YAAY;AAErC,eAAehB,UAAU","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+import { motion } from 'motion/react';
+export const StyledMotionMenuToggle = styled(motion.button)`
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    flex: 0 0 auto;
+    margin-top: 4px;
+    padding: 0;
+    user-select: none;
+`;
+//# sourceMappingURL=MenuToggle.styles.js.map

package/lib/esm/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggle.styles.js","names":["styled","motion","StyledMotionMenuToggle","button"],"sources":["../../../../../../src/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'motion/react';\n\nexport const StyledMotionMenuToggle = styled(motion.button)`\n    background: transparent;\n    cursor: pointer;\n    display: flex;\n    flex: 0 0 auto;\n    margin-top: 4px;\n    padding: 0;\n    user-select: none;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AAErC,OAAO,MAAMC,sBAAsB,GAAGF,MAAM,CAACC,MAAM,CAACE,MAAM,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/navigation-layout/navigation-sidebar/NavigationSidebar.context.js

@@ -0,0 +1,17 @@
+import React, { createContext, useContext } from 'react';
+const NavigationSidebarContext = /*#__PURE__*/createContext(null);
+export const NavigationSidebarProvider = ({
+  children,
+  value
+}) => /*#__PURE__*/React.createElement(NavigationSidebarContext.Provider, {
+  value: value
+}, children);
+NavigationSidebarProvider.displayName = 'NavigationSidebarProvider';
+export const useNavigationSidebarContext = () => {
+  const context = useContext(NavigationSidebarContext);
+  if (!context) {
+    throw new Error('useNavigationSidebarContext must be used within NavigationSidebarProvider.');
+  }
+  return context;
+};
+//# sourceMappingURL=NavigationSidebar.context.js.map

package/lib/esm/components/navigation-layout/navigation-sidebar/NavigationSidebar.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSidebar.context.js","names":["React","createContext","useContext","NavigationSidebarContext","NavigationSidebarProvider","children","value","createElement","Provider","displayName","useNavigationSidebarContext","context","Error"],"sources":["../../../../../src/components/navigation-layout/navigation-sidebar/NavigationSidebar.context.tsx"],"sourcesContent":["import React, { ReactNode, createContext, useContext } from 'react';\nimport { NavigationLayoutProps } from '../NavigationLayout.types';\n\ninterface NavigationSidebarContextValue {\n    color: string;\n    isCompact: boolean;\n    selectedItemId?: NavigationLayoutProps['selectedItemId'];\n    onItemClick?: NavigationLayoutProps['onItemClick'];\n    shouldShowCollapsedLabel?: NavigationLayoutProps['shouldShowCollapsedLabel'];\n}\n\ninterface NavigationSidebarProviderProps {\n    children: ReactNode;\n    value: NavigationSidebarContextValue;\n}\n\nconst NavigationSidebarContext = createContext<NavigationSidebarContextValue | null>(null);\n\nexport const NavigationSidebarProvider = ({ children, value }: NavigationSidebarProviderProps) => (\n    <NavigationSidebarContext.Provider value={value}>{children}</NavigationSidebarContext.Provider>\n);\n\nNavigationSidebarProvider.displayName = 'NavigationSidebarProvider';\n\nexport const useNavigationSidebarContext = (): NavigationSidebarContextValue => {\n    const context = useContext(NavigationSidebarContext);\n\n    if (!context) {\n        throw new Error(\n            'useNavigationSidebarContext must be used within NavigationSidebarProvider.',\n        );\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAeC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAgBnE,MAAMC,wBAAwB,gBAAGF,aAAa,CAAuC,IAAI,CAAC;AAE1F,OAAO,MAAMG,yBAAyB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,kBACzFN,KAAA,CAAAO,aAAA,CAACJ,wBAAwB,CAACK,QAAQ;EAACF,KAAK,EAAEA;AAAM,GAAED,QAA4C,CACjG;AAEDD,yBAAyB,CAACK,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAqC;EAC5E,MAAMC,OAAO,GAAGT,UAAU,CAACC,wBAAwB,CAAC;EAEpD,IAAI,CAACQ,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CACX,4EACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}