@design-system-rte/core 1.5.0 → 1.6.1

package/components/drawer/drawer.utils.js

@@ -0,0 +1,36 @@
+const CONFIGURATION_ISSUES = {
+    MISSING_HEADER_OR_TITLE: "Drawer: You must provide either a title or a custom header.",
+    MISSING_FOOTER_OR_PRIMARY: "Drawer: You must provide either a primaryButtonLabel or a custom footer.",
+    RESPONSIVE_NEEDS_MAIN_CONTENT: "Drawer: You should provide your content as children when using responsive position to avoid empty space next to the drawer.",
+    MODAL_MUST_NOT_HAVE_MAIN_CONTENT: "Drawer: You should not provide children when using modal position.",
+};
+const VALIDATION_RULES = [
+    {
+        condition: (input) => !input.hasCustomHeader && !input.hasTitle,
+        issue: CONFIGURATION_ISSUES.MISSING_HEADER_OR_TITLE,
+    },
+    {
+        condition: (input) => !input.hasCustomFooter && !input.hasPrimaryButtonLabel,
+        issue: CONFIGURATION_ISSUES.MISSING_FOOTER_OR_PRIMARY,
+    },
+    {
+        condition: (input) => input.position === "responsive" && !input.hasMainContent,
+        issue: CONFIGURATION_ISSUES.RESPONSIVE_NEEDS_MAIN_CONTENT,
+    },
+    {
+        condition: (input) => input.position === "modal" && input.hasMainContent,
+        issue: CONFIGURATION_ISSUES.MODAL_MUST_NOT_HAVE_MAIN_CONTENT,
+    },
+];
+export function getDrawerConfigurationIssues(input) {
+    return VALIDATION_RULES.find(({ condition }) => condition(input))?.issue;
+}
+export function shouldUseDrawerDefaultHeader(header, title) {
+    return !header && !!title;
+}
+export function shouldUseDrawerDefaultFooter(footer, primaryButtonLabel) {
+    return !footer && !!primaryButtonLabel;
+}
+export const computeTransform = (isAnimating, drawerLeftPosition, padding = 0) => {
+    return isAnimating ? `translateX(-${drawerLeftPosition + padding}px)` : "none";
+};

package/components/drawer/index.d.ts

@@ -0,0 +1,4 @@
+export type * from "./drawer.interface";
+export * from "./drawer.constants";
+export * from "./drawer.utils";
+//# sourceMappingURL=index.d.ts.map

package/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/drawer/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,oBAAoB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/components/drawer/index.js

@@ -0,0 +1,2 @@
+export * from "./drawer.constants";
+export * from "./drawer.utils";

package/components/toast/toast.utils.d.ts

@@ -1,5 +1,5 @@
 export declare const getToastPriority: (toast: {
     hasActionButton: boolean;
     type: "info" | "success" | "warning" | "error" | "neutral";
-}) => 3 | 2 | 1 | 9 | 4 | 5 | 6 | 7 | 8 | 10;
+}) => 3 | 2 | 1 | 4 | 9 | 5 | 6 | 7 | 8 | 10;
 //# sourceMappingURL=toast.utils.d.ts.map

package/components/treeview/index.d.ts

@@ -0,0 +1,4 @@
+export type * from "./treeview-item.interface";
+export * from "./treeview.constants";
+export * from "./treeview.utils";
+//# sourceMappingURL=index.d.ts.map

package/components/treeview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/treeview/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,2BAA2B,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}

package/components/treeview/index.js

@@ -0,0 +1,2 @@
+export * from "./treeview.constants";
+export * from "./treeview.utils";

package/components/treeview/treeview-item.interface.d.ts

@@ -0,0 +1,41 @@
+export type TreeviewBorderType = "vertical" | "branch" | "corner" | "horizontal" | "spacer";
+
+export type TreeviewNodePath = number[];
+
+export interface TreeviewItemProps {
+  id?: string;
+  labelText: string;
+  icon?: string;
+  disabled?: boolean;
+  isCompact?: boolean;
+  hasCheckbox?: boolean;
+  isOpen?: boolean;
+  hasIcon?: boolean;
+  hasBadge?: boolean;
+  items?: TreeviewItemProps[];
+  borderTypes?: TreeviewBorderType[];
+  actionIcon?: string;
+  actionMenuItems?: TreeviewActionMenuItem[];
+  depth?: number;
+  treeId?: string;
+  onActionIconClick?: (itemId: string) => void;
+}
+export interface TreeviewActionMenuItem {
+  id?: string;
+  label: string;
+  leftIcon?: string;
+  disabled?: boolean;
+  hasSeparator?: boolean;
+  children?: TreeviewActionMenuItem[];
+  onClick?: () => void;
+}
+
+export interface TreeviewOpenChangeEvent {
+  id: string;
+  open: boolean;
+}
+
+export interface TreeviewSelectionChangeEvent {
+  id?: string;
+  selected: boolean;
+}

package/components/treeview/treeview.constants.d.ts

@@ -0,0 +1,11 @@
+import type { SvgConfig } from "../../common/svg";
+import type { TreeviewBorderType } from "./treeview-item.interface";
+export declare const TREEVIEW_FOCUSABLE_ATTRIBUTE = "data-treeview-focusable";
+export declare const TREEVIEW_FOCUSABLE_ORDER: readonly ["checkbox", "chevron", "content", "action"];
+export declare const TREEVIEW_EXPAND_COLLAPSE_DURATION_MS = 140;
+export declare const TREEVIEW_BORDER_WIDTH_PX = 16;
+export declare const TREEVIEW_ROW_HEIGHT_PX = 32;
+export declare const TREEVIEW_ROW_HEIGHT_COMPACT_PX = 24;
+export declare const TREEVIEW_BORDER_SVG_MAP: Record<TreeviewBorderType, SvgConfig>;
+export declare const TREEVIEW_BORDER_SVG_MAP_COMPACT: Record<TreeviewBorderType, SvgConfig>;
+//# sourceMappingURL=treeview.constants.d.ts.map

package/components/treeview/treeview.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeview.constants.d.ts","sourceRoot":"","sources":["../../../components/treeview/treeview.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AAEtE,eAAO,MAAM,wBAAwB,uDAAwD,CAAC;AAE9F,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAExD,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAQjD,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,kBAAkB,EAAE,SAAS,CA2BzE,CAAC;AAQF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,kBAAkB,EAAE,SAAS,CA2BjF,CAAC"}

package/components/treeview/treeview.constants.js

@@ -0,0 +1,72 @@
+export const TREEVIEW_FOCUSABLE_ATTRIBUTE = "data-treeview-focusable";
+export const TREEVIEW_FOCUSABLE_ORDER = ["checkbox", "chevron", "content", "action"];
+export const TREEVIEW_EXPAND_COLLAPSE_DURATION_MS = 140;
+export const TREEVIEW_BORDER_WIDTH_PX = 16;
+export const TREEVIEW_ROW_HEIGHT_PX = 32;
+export const TREEVIEW_ROW_HEIGHT_COMPACT_PX = 24;
+const baseBorderSvgConfig = {
+    viewBox: "0 0 16 32",
+    width: TREEVIEW_BORDER_WIDTH_PX,
+    height: TREEVIEW_ROW_HEIGHT_PX,
+};
+export const TREEVIEW_BORDER_SVG_MAP = {
+    vertical: {
+        ...baseBorderSvgConfig,
+        elements: [{ kind: "path", d: "M8 32L8 0" }],
+    },
+    branch: {
+        ...baseBorderSvgConfig,
+        elements: [
+            { kind: "path", d: "M8 32L8 0" },
+            { kind: "line", x1: 8, y1: 15.5, x2: 16, y2: 15.5 },
+        ],
+    },
+    corner: {
+        ...baseBorderSvgConfig,
+        elements: [
+            { kind: "path", d: "M8 16L8 0" },
+            { kind: "line", x1: 8, y1: 15.5, x2: 16, y2: 15.5 },
+        ],
+    },
+    horizontal: {
+        ...baseBorderSvgConfig,
+        elements: [{ kind: "line", x1: 0, y1: 15.5, x2: 16, y2: 15.5 }],
+    },
+    spacer: {
+        ...baseBorderSvgConfig,
+        elements: [],
+    },
+};
+const baseBorderSvgConfigCompact = {
+    viewBox: "0 0 16 24",
+    width: TREEVIEW_BORDER_WIDTH_PX,
+    height: TREEVIEW_ROW_HEIGHT_COMPACT_PX,
+};
+export const TREEVIEW_BORDER_SVG_MAP_COMPACT = {
+    vertical: {
+        ...baseBorderSvgConfigCompact,
+        elements: [{ kind: "path", d: "M8 24L8 0" }],
+    },
+    branch: {
+        ...baseBorderSvgConfigCompact,
+        elements: [
+            { kind: "path", d: "M8 24L8 0" },
+            { kind: "line", x1: 8, y1: 11.5, x2: 16, y2: 11.5 },
+        ],
+    },
+    corner: {
+        ...baseBorderSvgConfigCompact,
+        elements: [
+            { kind: "path", d: "M8 12L8 0" },
+            { kind: "line", x1: 8, y1: 11.5, x2: 16, y2: 11.5 },
+        ],
+    },
+    horizontal: {
+        ...baseBorderSvgConfigCompact,
+        elements: [{ kind: "line", x1: 0, y1: 11.5, x2: 16, y2: 11.5 }],
+    },
+    spacer: {
+        ...baseBorderSvgConfigCompact,
+        elements: [],
+    },
+};

package/components/treeview/treeview.utils.d.ts

@@ -0,0 +1,52 @@
+import type { TreeviewBorderType, TreeviewItemProps, TreeviewNodePath } from "./treeview-item.interface";
+export interface TreeviewVisibleRow {
+    rowElement: HTMLElement;
+    focusables: HTMLElement[];
+}
+export interface TreeviewFocusPosition {
+    rowIndex: number;
+    focusableIndex: number;
+}
+export declare function getVisibleFocusableRows(treeElement: HTMLElement): TreeviewVisibleRow[];
+export declare function isTreeitemVisible(treeitem: HTMLElement): boolean;
+export declare function getFocusablesForRow(treeitem: HTMLElement): HTMLElement[];
+export declare function isTreeviewFocusable(element: HTMLElement): boolean;
+export declare function isTreeitemDisabled(element: HTMLElement): boolean;
+export declare function findFocusedPosition(rows: TreeviewVisibleRow[], target: HTMLElement): TreeviewFocusPosition;
+export declare function getContentOrFirstFocusable(row: TreeviewVisibleRow): HTMLElement | null;
+export declare function getNextFocusTarget(rows: TreeviewVisibleRow[], current: TreeviewFocusPosition, direction: -1 | 1, isVertical: boolean): TreeviewFocusPosition | null;
+export declare function getFocusableElementsFromTreeview(treeElement: HTMLElement): HTMLElement[];
+export declare function setMovingTabindex(treeElement: HTMLElement, focusedElement: HTMLElement): void;
+export declare function resetMovingTabIndex(treeElement: HTMLElement): void;
+export declare function hasChildren(items: TreeviewItemProps[] | undefined): boolean;
+export declare function hasNestedItemsInTree(items: TreeviewItemProps[] | undefined): boolean;
+export interface ComputeBorderTypesConfig {
+    depth?: number;
+    isCompact?: boolean;
+    resolvedBorderTypes?: TreeviewBorderType[];
+    hasChildren?: boolean;
+}
+export declare function computeConnectorBorderTypes(config: ComputeBorderTypesConfig): TreeviewBorderType[];
+export declare function getChildBorderTypes(resolvedBorderTypes: TreeviewBorderType[], isLastChild: boolean): TreeviewBorderType[];
+export declare function isItemSelected(itemId: string | undefined, selectedId: string | undefined): boolean;
+export declare function canToggleOpen(hasChildren: boolean, disabled: boolean): boolean;
+export declare function getTreeviewItemKey(item: TreeviewItemProps): string;
+export declare function getItemId(item: TreeviewItemProps): string;
+export declare function getDescendantIds(item: TreeviewItemProps): string[];
+export declare function removeOrphanedParentIds(checkedIds: ReadonlySet<string>, items: TreeviewItemProps[]): Set<string>;
+export declare function computeCheckedIdsAfterToggle(currentChecked: ReadonlySet<string>, node: TreeviewItemProps, rootItems?: TreeviewItemProps[]): Set<string>;
+export declare function isNodeIndeterminate(node: TreeviewItemProps, checkedIds: ReadonlySet<string>): boolean;
+export declare function allDescendantsChecked(node: TreeviewItemProps, checkedIds: ReadonlySet<string>): boolean;
+export declare function findNodeById(items: TreeviewItemProps[], itemId: string): TreeviewItemProps | undefined;
+export declare function mergeChildItemWithParent(child: TreeviewItemProps, parent: Partial<Pick<TreeviewItemProps, "isCompact">>): TreeviewItemProps;
+export declare function computeCheckboxId(baseId: string): string;
+export declare function updateBorderTypeForAncestor(type: TreeviewBorderType): TreeviewBorderType;
+export interface BuildTreeviewNodeIdParams {
+    treeId: string;
+    path: TreeviewNodePath;
+    itemId?: string;
+}
+export declare function buildTreeviewNodeId({ treeId, path, itemId }: BuildTreeviewNodeIdParams): string;
+export declare function parsePathString(pathString: string): number[];
+export declare function getNodeAtPath(items: TreeviewItemProps[], pathIndices: TreeviewNodePath): TreeviewItemProps | undefined;
+//# sourceMappingURL=treeview.utils.d.ts.map

package/components/treeview/treeview.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeview.utils.d.ts","sourceRoot":"","sources":["../../../components/treeview/treeview.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGzG,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,WAAW,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,WAAW,GAAG,kBAAkB,EAAE,CAMtF;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,CAoBhE;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,WAAW,GAAG,WAAW,EAAE,CAIxE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAEjE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAGhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,qBAAqB,CAU1G;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,kBAAkB,GAAG,WAAW,GAAG,IAAI,CAOtF;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,kBAAkB,EAAE,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EACjB,UAAU,EAAE,OAAO,GAClB,qBAAqB,GAAG,IAAI,CAwC9B;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,EAAE,CAExF;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,GAAG,IAAI,CAI7F;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,CAUlE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,GAAG,OAAO,CAE3E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,GAAG,OAAO,CAMpF;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,wBAAwB,GAAG,kBAAkB,EAAE,CAgBlG;AAED,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,kBAAkB,EAAE,EACzC,WAAW,EAAE,OAAO,GACnB,kBAAkB,EAAE,CAGtB;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAElG;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAE9E;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAElE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAEzD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,EAAE,CAOlE;AAqCD,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAIhH;AAED,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,EACnC,IAAI,EAAE,iBAAiB,EACvB,SAAS,CAAC,EAAE,iBAAiB,EAAE,GAC9B,GAAG,CAAC,MAAM,CAAC,CA2Bb;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,OAAO,CAMrG;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,OAAO,CAIvG;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAWtG;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC,GACpD,iBAAiB,CAKnB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,kBAAkB,GAAG,kBAAkB,CAExF;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,yBAAyB,GAAG,MAAM,CAI/F;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ5D;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,iBAAiB,EAAE,EAC1B,WAAW,EAAE,gBAAgB,GAC5B,iBAAiB,GAAG,SAAS,CAc/B"}

package/components/treeview/treeview.utils.js

@@ -0,0 +1,285 @@
+import { TREEVIEW_FOCUSABLE_ATTRIBUTE, TREEVIEW_FOCUSABLE_ORDER } from "./treeview.constants";
+export function getVisibleFocusableRows(treeElement) {
+    const treeitems = Array.from(treeElement.querySelectorAll("li.treeview-item[role='treeitem']"));
+    return treeitems
+        .filter(isTreeitemVisible)
+        .map((treeitem) => ({ rowElement: treeitem, focusables: getFocusablesForRow(treeitem) }));
+}
+export function isTreeitemVisible(treeitem) {
+    let current = treeitem;
+    while (current) {
+        const parentElement = current.parentElement;
+        if (!parentElement) {
+            break;
+        }
+        if (parentElement.classList.contains("treeview-item-children") &&
+            !parentElement.classList.contains("treeview-item-children-open")) {
+            return false;
+        }
+        current = parentElement;
+    }
+    return true;
+}
+export function getFocusablesForRow(treeitem) {
+    return TREEVIEW_FOCUSABLE_ORDER.map((type) => treeitem.querySelector(`[${TREEVIEW_FOCUSABLE_ATTRIBUTE}="${type}"]`)).filter((element) => element !== null);
+}
+export function isTreeviewFocusable(element) {
+    return element.hasAttribute(TREEVIEW_FOCUSABLE_ATTRIBUTE);
+}
+export function isTreeitemDisabled(element) {
+    const treeitem = element.closest("li.treeview-item");
+    return !!treeitem?.classList.contains("disabled");
+}
+export function findFocusedPosition(rows, target) {
+    const defaultPosition = { rowIndex: -1, focusableIndex: -1 };
+    const found = rows
+        .map((row, rowIndex) => ({
+        rowIndex,
+        focusableIndex: row.focusables.indexOf(target),
+    }))
+        .find((result) => result.focusableIndex !== -1);
+    return found ?? defaultPosition;
+}
+export function getContentOrFirstFocusable(row) {
+    const content = row.focusables.find((element) => element.getAttribute(TREEVIEW_FOCUSABLE_ATTRIBUTE) === "content");
+    if (content && !isTreeitemDisabled(content)) {
+        return content;
+    }
+    const firstEnabled = row.focusables.find((element) => !isTreeitemDisabled(element));
+    return firstEnabled ?? null;
+}
+export function getNextFocusTarget(rows, current, direction, isVertical) {
+    if (isVertical) {
+        let targetRowIndex = current.rowIndex + direction;
+        while (targetRowIndex >= 0 && targetRowIndex < rows.length) {
+            const targetRow = rows[targetRowIndex];
+            const isTargetDisabled = targetRow.rowElement.classList.contains("disabled");
+            if (!isTargetDisabled) {
+                const contentOrFirst = getContentOrFirstFocusable(targetRow);
+                return contentOrFirst
+                    ? {
+                        rowIndex: targetRowIndex,
+                        focusableIndex: targetRow.focusables.indexOf(contentOrFirst),
+                    }
+                    : null;
+            }
+            targetRowIndex += direction;
+        }
+        return null;
+    }
+    const row = rows[current.rowIndex];
+    if (!row)
+        return null;
+    let targetFocusableIndex = current.focusableIndex + direction;
+    while (targetFocusableIndex >= 0 && targetFocusableIndex < row.focusables.length) {
+        const candidate = row.focusables[targetFocusableIndex];
+        if (!isTreeitemDisabled(candidate)) {
+            return { rowIndex: current.rowIndex, focusableIndex: targetFocusableIndex };
+        }
+        targetFocusableIndex += direction;
+    }
+    return null;
+}
+export function getFocusableElementsFromTreeview(treeElement) {
+    return Array.from(treeElement.querySelectorAll(`[${TREEVIEW_FOCUSABLE_ATTRIBUTE}]`));
+}
+export function setMovingTabindex(treeElement, focusedElement) {
+    getFocusableElementsFromTreeview(treeElement).forEach((element) => element.setAttribute("tabindex", element === focusedElement ? "0" : "-1"));
+}
+export function resetMovingTabIndex(treeElement) {
+    getFocusableElementsFromTreeview(treeElement).forEach((element) => element.setAttribute("tabindex", "-1"));
+    const rows = getVisibleFocusableRows(treeElement);
+    if (rows.length) {
+        const firstContent = getContentOrFirstFocusable(rows[0]);
+        if (firstContent) {
+            firstContent.setAttribute("tabindex", "0");
+        }
+    }
+}
+export function hasChildren(items) {
+    return (items?.length ?? 0) > 0;
+}
+export function hasNestedItemsInTree(items) {
+    if (!items?.length)
+        return false;
+    return items.some((item) => {
+        if (hasChildren(item.items))
+            return true;
+        return hasNestedItemsInTree(item.items);
+    });
+}
+export function computeConnectorBorderTypes(config) {
+    const { depth = 0, isCompact, resolvedBorderTypes = [], hasChildren } = config;
+    if (isCompact) {
+        return Array(depth).fill("spacer");
+    }
+    const outputBorders = [];
+    for (let index = 0; index < resolvedBorderTypes.length; index++) {
+        const isLastBorder = index === resolvedBorderTypes.length - 1;
+        outputBorders.push(isLastBorder ? resolvedBorderTypes[index] : updateBorderTypeForAncestor(resolvedBorderTypes[index]));
+    }
+    if (depth && outputBorders.length && !hasChildren) {
+        outputBorders.push("horizontal");
+    }
+    return outputBorders;
+}
+export function getChildBorderTypes(resolvedBorderTypes, isLastChild) {
+    const nextType = isLastChild ? "corner" : "branch";
+    return [...resolvedBorderTypes, nextType];
+}
+export function isItemSelected(itemId, selectedId) {
+    return itemId !== undefined && selectedId === itemId;
+}
+export function canToggleOpen(hasChildren, disabled) {
+    return hasChildren && !disabled;
+}
+export function getTreeviewItemKey(item) {
+    return item.id ?? item.labelText;
+}
+export function getItemId(item) {
+    return item.id ?? item.labelText;
+}
+export function getDescendantIds(item) {
+    const ids = [getItemId(item)];
+    const children = item.items ?? [];
+    for (const child of children) {
+        ids.push(...getDescendantIds(child));
+    }
+    return ids;
+}
+function isNodeChecked(node, checkedIds) {
+    const nodeHasChildren = hasChildren(node.items);
+    return allDescendantsChecked(node, checkedIds) || (checkedIds.has(getItemId(node)) && !nodeHasChildren);
+}
+function addFullyCheckedAncestors(next, items) {
+    for (const item of items) {
+        if (hasChildren(item.items)) {
+            addFullyCheckedAncestors(next, item.items);
+        }
+        const itemId = getItemId(item);
+        if (!hasChildren(item.items))
+            continue;
+        const childDescendantIds = getDescendantIds(item).slice(1);
+        const allChildrenInSet = childDescendantIds.every((id) => next.has(id));
+        if (allChildrenInSet) {
+            next.add(itemId);
+        }
+    }
+}
+function removeOrphanedRecursive(next, items) {
+    for (const item of items) {
+        if (hasChildren(item.items)) {
+            removeOrphanedRecursive(next, item.items);
+        }
+        const itemId = getItemId(item);
+        if (!next.has(itemId) || !hasChildren(item.items))
+            continue;
+        const childDescendantIds = getDescendantIds(item).slice(1);
+        const anyChildInSet = childDescendantIds.some((id) => next.has(id));
+        if (!anyChildInSet) {
+            next.delete(itemId);
+        }
+    }
+}
+export function removeOrphanedParentIds(checkedIds, items) {
+    const next = new Set(checkedIds);
+    removeOrphanedRecursive(next, items);
+    return next;
+}
+export function computeCheckedIdsAfterToggle(currentChecked, node, rootItems) {
+    const descendantIds = getDescendantIds(node);
+    const next = new Set(currentChecked);
+    const nodeId = getItemId(node);
+    if (descendantIds.length > 0) {
+        if (isNodeChecked(node, currentChecked)) {
+            descendantIds.forEach((id) => next.delete(id));
+        }
+        else {
+            descendantIds.forEach((id) => next.add(id));
+            if (rootItems && rootItems.length > 0) {
+                addFullyCheckedAncestors(next, rootItems);
+            }
+        }
+    }
+    else {
+        if (currentChecked.has(nodeId)) {
+            next.delete(nodeId);
+        }
+        else {
+            next.add(nodeId);
+            if (rootItems && rootItems.length > 0) {
+                addFullyCheckedAncestors(next, rootItems);
+            }
+        }
+    }
+    if (rootItems && rootItems.length > 0) {
+        return removeOrphanedParentIds(next, rootItems);
+    }
+    return next;
+}
+export function isNodeIndeterminate(node, checkedIds) {
+    const descendantIds = getDescendantIds(node);
+    const childDescendantIds = descendantIds.slice(1);
+    if (childDescendantIds.length === 0)
+        return false;
+    const checkedCount = childDescendantIds.filter((id) => checkedIds.has(id)).length;
+    return checkedCount > 0 && checkedCount < childDescendantIds.length;
+}
+export function allDescendantsChecked(node, checkedIds) {
+    const descendantIds = getDescendantIds(node);
+    const childDescendantIds = descendantIds.slice(1);
+    return childDescendantIds.length > 0 && childDescendantIds.every((id) => checkedIds.has(id));
+}
+export function findNodeById(items, itemId) {
+    for (const item of items) {
+        if (getItemId(item) === itemId) {
+            return item;
+        }
+        const found = findNodeById(item.items ?? [], itemId);
+        if (found) {
+            return found;
+        }
+    }
+    return undefined;
+}
+export function mergeChildItemWithParent(child, parent) {
+    return {
+        ...child,
+        isCompact: child.isCompact ?? parent.isCompact,
+    };
+}
+export function computeCheckboxId(baseId) {
+    return `treeview-checkbox-${baseId}`;
+}
+export function updateBorderTypeForAncestor(type) {
+    return type === "corner" ? "spacer" : "vertical";
+}
+export function buildTreeviewNodeId({ treeId, path, itemId }) {
+    const pathPart = path.join("-");
+    const base = `${treeId}__${pathPart}`;
+    return itemId ? `${base}__${itemId}` : base;
+}
+export function parsePathString(pathString) {
+    if (!pathString.trim()) {
+        return [];
+    }
+    return pathString
+        .split("-")
+        .map((segment) => parseInt(segment.trim(), 10))
+        .filter((index) => !Number.isNaN(index) && index >= 0);
+}
+export function getNodeAtPath(items, pathIndices) {
+    if (pathIndices.length === 0 || items.length === 0) {
+        return undefined;
+    }
+    const [headIndex, ...restIndices] = pathIndices;
+    const node = items[headIndex];
+    if (node === undefined) {
+        return undefined;
+    }
+    if (restIndices.length === 0) {
+        return node;
+    }
+    const children = node.items ?? [];
+    return getNodeAtPath(children, restIndices);
+}

package/constants/keyboard/keyboard.constants.d.ts

@@ -8,4 +8,5 @@ export declare const ARROW_RIGHT_KEY = "ArrowRight";
 export declare const ARROW_UP_KEY = "ArrowUp";
 export declare const ARROW_DOWN_KEY = "ArrowDown";
 export declare const ESCAPE_KEY = "Escape";
+export declare const ARROW_KEYS: string[];
 //# sourceMappingURL=keyboard.constants.d.ts.map

package/constants/keyboard/keyboard.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.constants.d.ts","sourceRoot":"","sources":["../../../constants/keyboard/keyboard.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,SAAS,UAAU,CAAC;AACjC,eAAO,MAAM,OAAO,QAAQ,CAAC;AAC7B,eAAO,MAAM,aAAa,cAAc,CAAC;AACzC,eAAO,MAAM,UAAU,WAAW,CAAC;AACnC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,eAAe,eAAe,CAAC;AAC5C,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,UAAU,WAAW,CAAC"}
+{"version":3,"file":"keyboard.constants.d.ts","sourceRoot":"","sources":["../../../constants/keyboard/keyboard.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAC;AAC7B,eAAO,MAAM,SAAS,UAAU,CAAC;AACjC,eAAO,MAAM,OAAO,QAAQ,CAAC;AAC7B,eAAO,MAAM,aAAa,cAAc,CAAC;AACzC,eAAO,MAAM,UAAU,WAAW,CAAC;AACnC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,eAAe,eAAe,CAAC;AAC5C,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,eAAO,MAAM,UAAU,UAAkE,CAAC"}

package/constants/keyboard/keyboard.constants.js

@@ -8,3 +8,4 @@ export const ARROW_RIGHT_KEY = "ArrowRight";
 export const ARROW_UP_KEY = "ArrowUp";
 export const ARROW_DOWN_KEY = "ArrowDown";
 export const ESCAPE_KEY = "Escape";
+export const ARROW_KEYS = [ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY];

package/design-tokens/abstract/mixins/_typography.scss

@@ -143,6 +143,15 @@
   font-style: normal;
 }
 
+@mixin typography-heading-2xs {
+  @include typography-heading;
+  font-family: $heading-2xs-semibold-font-family;
+  font-weight: $heading-2xs-semibold-font-weight;
+  font-size: $heading-2xs-semibold-font-size;
+  line-height: $heading-2xs-semibold-line-height;
+  letter-spacing: $heading-2xs-semibold-letter-spacing;
+}
+
 @mixin typography-heading-xs {
   @include typography-heading;
   font-family: $heading-xs-semibold-font-family;
@@ -188,6 +197,15 @@
   letter-spacing: $heading-xl-semibold-letter-spacing;
 }
 
+@mixin typography-heading-2xl {
+  @include typography-heading;
+  font-family: $heading-2xl-semibold-font-family;
+  font-weight: $heading-2xl-semibold-font-weight;
+  font-size: $heading-2xl-semibold-font-size;
+  line-height: $heading-2xl-semibold-line-height;
+  letter-spacing: $heading-2xl-semibold-letter-spacing;
+}
+
 @mixin typography-checkbox-error {
   @include typography-text-s;
   font-weight: $text-s-bold-font-weight;

package/index.d.ts

@@ -16,6 +16,7 @@ export * from "./components/checkbox";
 export * from "./components/checkbox-group";
 export * from "./components/chip";
 export * from "./components/divider";
+export * from "./components/drawer";
 export * from "./components/dropdown";
 export * from "./components/grid";
 export * from "./components/icon";
@@ -37,8 +38,11 @@ export * from "./components/tag";
 export * from "./components/text-input";
 export * from "./components/textarea";
 export * from "./components/toast";
+export * from "./components/treeview";
 export * from "./components/tooltip";
 export * from "./components/utils";
 export * from "./components/stepper";
+export * from "./components/accordion";
+export * from "./components/avatar";
 export * from "./utils";
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -16,6 +16,7 @@ export * from "./components/checkbox";
 export * from "./components/checkbox-group";
 export * from "./components/chip";
 export * from "./components/divider";
+export * from "./components/drawer";
 export * from "./components/dropdown";
 export * from "./components/grid";
 export * from "./components/icon";
@@ -37,7 +38,10 @@ export * from "./components/tag";
 export * from "./components/text-input";
 export * from "./components/textarea";
 export * from "./components/toast";
+export * from "./components/treeview";
 export * from "./components/tooltip";
 export * from "./components/utils";
 export * from "./components/stepper";
+export * from "./components/accordion";
+export * from "./components/avatar";
 export * from "./utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/core",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "main": "index.js",
   "types": "index.d.ts",
   "files": [
@@ -30,6 +30,10 @@
     "./design-tokens/*": "./design-tokens/*",
     "./assets/*": "./assets/*",
     "./css/*": "./css/*",
+    "./components/*": {
+      "types": "./components/*/index.d.ts",
+      "default": "./components/*/index.js"
+    },
     "./*": {
       "types": "./*.d.ts",
       "default": "./*.js"

package/components/card/card.constats.d.ts

@@ -1,3 +0,0 @@
-import { Size } from "../common/common-types";
-export declare const cardSize: Record<Size, number>;
-//# sourceMappingURL=card.constats.d.ts.map