wimui 0.1.0

package/dist/components/data-display/Table/Table.d.ts

@@ -0,0 +1,108 @@
+import { default as React } from 'react';
+export { useTableSort, getNextSortDirection } from './useTableSort';
+export type { SortDirection, SortConfig, UseTableSortOptions, UseTableSortReturn } from './useTableSort';
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Whether to show striped (zebra) rows */
+    striped?: boolean;
+    /** Whether to show borders between cells */
+    bordered?: boolean;
+    /** Whether rows highlight on hover */
+    hoverable?: boolean;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Whether the header sticks to the top while scrolling */
+    stickyHeader?: boolean;
+    /** Scrollbar style of the container */
+    scrollbar?: "default" | "subtle" | "hidden";
+    /**
+     * Mobile view: Switch to card layout
+     */
+    mobileCard?: boolean;
+    /** Height of the container (enables vertical scrolling) */
+    height?: string | number;
+    /** Maximum height of the container (enables vertical scrolling) */
+    maxHeight?: string | number;
+    /** Additional class name for the scroll container */
+    containerClassName?: string;
+    /**
+     * Add outer border and border-radius to the container (DataGrid look)
+     */
+    card?: boolean;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+}
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+}
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+}
+export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Whether the row is in the selected state */
+    selected?: boolean;
+}
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Whether the column is sortable */
+    sortable?: boolean;
+    /** Current sort direction of the column */
+    sortDirection?: "asc" | "desc" | "none";
+    /** Callback when the sortable header is activated */
+    onSort?: (e: React.SyntheticEvent) => void;
+    /** Whether this is a selection (checkbox) column */
+    selection?: boolean;
+    /** Whether the cell sticks to the left edge while scrolling */
+    stickyLeft?: boolean;
+    /** Whether the cell sticks to the right edge while scrolling */
+    stickyRight?: boolean;
+    /** Offset from the left edge when stickyLeft is set */
+    leftOffset?: string | number;
+    /** Offset from the right edge when stickyRight is set */
+    rightOffset?: string | number;
+    /** z-index applied to the sticky cell */
+    stickyZIndex?: number;
+}
+export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Whether this is a selection (checkbox) cell */
+    selection?: boolean;
+    /** Header label shown in the mobile card layout */
+    label?: string;
+    /** Whether the cell sticks to the left edge while scrolling */
+    stickyLeft?: boolean;
+    /** Whether the cell sticks to the right edge while scrolling */
+    stickyRight?: boolean;
+    /** Offset from the left edge when stickyLeft is set */
+    leftOffset?: string | number;
+    /** Offset from the right edge when stickyRight is set */
+    rightOffset?: string | number;
+    /** z-index applied to the sticky cell */
+    stickyZIndex?: number;
+}
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableComponent: typeof Table & {
+    Header: typeof TableHeader;
+    Body: typeof TableBody;
+    Footer: typeof TableFooter;
+    Row: typeof TableRow;
+    Head: typeof TableHead;
+    Cell: typeof TableCell;
+};
+export { TableComponent as Table };
+export default TableComponent;

package/dist/components/data-display/Table/Table.js

@@ -0,0 +1,100 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "../../../icon/chevron-down.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./table.module.js";
+import { getNextSortDirection as a, useTableSort as o } from "./useTableSort.js";
+import s from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/data-display/Table/Table.tsx
+var d = s.forwardRef(({ asChild: n = !1, striped: r = !1, bordered: a = !1, hoverable: o = !1, fullWidth: s = !1, stickyHeader: u = !1, scrollbar: d = "default", mobileCard: f = !1, height: p, maxHeight: m, containerClassName: h, card: g = !1, className: _, children: v, ...y }, b) => {
+	let x = {
+		height: p,
+		maxHeight: m,
+		overflow: p || m ? "auto" : void 0
+	}, S = n ? e : "table";
+	return /* @__PURE__ */ l("div", {
+		className: c(i.container, u && i.sticky, d === "subtle" && i.subtleScrollbar, d === "hidden" && i.noScrollbar, g && i.cardContainer, h),
+		style: x,
+		tabIndex: p || m ? 0 : void 0,
+		role: "none",
+		"data-testid": "table-container",
+		children: /* @__PURE__ */ l(S, {
+			className: c(i.root, r && i.striped, a && i.bordered, o && i.hoverable, s && i.fullWidth, u && i.stickyHeader, f && i.mobileCard, "wim-table", _),
+			ref: b,
+			"data-testid": "table-root",
+			...y,
+			children: /* @__PURE__ */ l(t, { children: v })
+		})
+	});
+}), f = s.forwardRef(({ asChild: n = !1, className: r, children: a, ...o }, s) => /* @__PURE__ */ l(n ? e : "thead", {
+	className: c(i.header, r),
+	ref: s,
+	"data-testid": "table-header",
+	...o,
+	children: /* @__PURE__ */ l(t, { children: a })
+})), p = s.forwardRef(({ asChild: n = !1, className: r, children: a, ...o }, s) => /* @__PURE__ */ l(n ? e : "tbody", {
+	className: c(i.body, r),
+	ref: s,
+	"data-testid": "table-body",
+	...o,
+	children: /* @__PURE__ */ l(t, { children: a })
+})), m = s.forwardRef(({ asChild: n = !1, className: r, children: a, ...o }, s) => /* @__PURE__ */ l(n ? e : "tfoot", {
+	className: c(i.footer, r),
+	ref: s,
+	"data-testid": "table-footer",
+	...o,
+	children: /* @__PURE__ */ l(t, { children: a })
+})), h = s.forwardRef(({ asChild: n = !1, selected: r = !1, className: a, children: o, ...s }, u) => /* @__PURE__ */ l(n ? e : "tr", {
+	className: c(i.row, r && i.selected, a),
+	ref: u,
+	"data-testid": "table-row",
+	...s,
+	children: /* @__PURE__ */ l(t, { children: o })
+})), g = s.forwardRef(({ asChild: a = !1, sortable: o = !1, sortDirection: s = "none", onSort: d, selection: f = !1, stickyLeft: p = !1, stickyRight: m = !1, leftOffset: h, rightOffset: g, stickyZIndex: _, className: v, style: y, children: b, ...x }, S) => /* @__PURE__ */ l(a ? e : "th", {
+	className: c(i.head, o && i.sortable, f && i.selection, p && i.stickyLeft, m && i.stickyRight, v),
+	style: {
+		...y,
+		left: p ? h === void 0 ? 0 : h : void 0,
+		right: m ? g === void 0 ? 0 : g : void 0,
+		zIndex: _ === void 0 ? void 0 : _
+	},
+	ref: S,
+	"data-testid": "table-head",
+	...x,
+	onClick: o ? d : x.onClick,
+	tabIndex: x.tabIndex === void 0 ? o ? 0 : void 0 : x.tabIndex,
+	"aria-sort": o ? s === "asc" ? "ascending" : s === "desc" ? "descending" : "none" : void 0,
+	onKeyDown: (e) => {
+		o && d && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(e)), x.onKeyDown?.(e);
+	},
+	children: /* @__PURE__ */ u("div", {
+		className: i.headContent,
+		children: [/* @__PURE__ */ l(t, { children: b }), o && /* @__PURE__ */ l("span", {
+			className: c(i.sortIcon, i[s]),
+			children: /* @__PURE__ */ l(r, {
+				component: n,
+				size: "sm"
+			})
+		})]
+	})
+})), _ = s.forwardRef(({ asChild: n = !1, selection: r = !1, label: a, stickyLeft: o = !1, stickyRight: s = !1, leftOffset: u, rightOffset: d, stickyZIndex: f, className: p, style: m, children: h, ...g }, _) => /* @__PURE__ */ l(n ? e : "td", {
+	className: c(i.cell, r && i.selection, o && i.stickyLeft, s && i.stickyRight, p),
+	style: {
+		...m,
+		left: o ? u === void 0 ? 0 : u : void 0,
+		right: s ? d === void 0 ? 0 : d : void 0,
+		zIndex: f === void 0 ? void 0 : f
+	},
+	"data-label": a,
+	ref: _,
+	"data-testid": "table-cell",
+	...g,
+	children: /* @__PURE__ */ l(t, { children: h })
+}));
+d.displayName = "Table", f.displayName = "Table.Header", p.displayName = "Table.Body", m.displayName = "Table.Footer", h.displayName = "Table.Row", g.displayName = "Table.Head", _.displayName = "Table.Cell";
+var v = d;
+v.Header = f, v.Body = p, v.Footer = m, v.Row = h, v.Head = g, v.Cell = _;
+//#endregion
+export { v as Table, v as default, p as TableBody, _ as TableCell, m as TableFooter, g as TableHead, f as TableHeader, h as TableRow, a as getNextSortDirection, o as useTableSort };

package/dist/components/data-display/Table/table.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_n6iuv_4`,t=`_sticky_n6iuv_10`,n=`_cardContainer_n6iuv_13`,r=`_root_n6iuv_18`,i=`_fullWidth_n6iuv_34`,a=`_striped_n6iuv_37`,o=`_bordered_n6iuv_41`,s=`_hoverable_n6iuv_48`,c=`_stickyLeft_n6iuv_52`,l=`_stickyRight_n6iuv_52`,u=`_stickyHeader_n6iuv_55`,d=`_mobileCard_n6iuv_72`,f=`_header_n6iuv_109`,p=`_body_n6iuv_113`,m=`_row_n6iuv_116`,h=`_selected_n6iuv_121`,g=`_head_n6iuv_109`,_=`_sortable_n6iuv_132`,v=`_selection_n6iuv_139`,y=`_cell_n6iuv_159`,b=`_headContent_n6iuv_183`,x=`_sortIcon_n6iuv_191`,S=`_asc_n6iuv_196`,C=`_desc_n6iuv_200`,w=`_noScrollbar_n6iuv_203`,T=`_subtleScrollbar_n6iuv_211`,E={container:e,sticky:t,cardContainer:n,root:r,fullWidth:i,striped:a,bordered:o,hoverable:s,stickyLeft:c,stickyRight:l,stickyHeader:u,mobileCard:d,header:f,body:p,row:m,selected:h,head:g,sortable:_,selection:v,cell:y,headContent:b,sortIcon:x,asc:S,desc:C,noScrollbar:w,subtleScrollbar:T};exports.asc=S,exports.body=p,exports.bordered=o,exports.cardContainer=n,exports.cell=y,exports.container=e,exports.default=E,exports.desc=C,exports.fullWidth=i,exports.head=g,exports.headContent=b,exports.header=f,exports.hoverable=s,exports.mobileCard=d,exports.noScrollbar=w,exports.root=r,exports.row=m,exports.selected=h,exports.selection=v,exports.sortIcon=x,exports.sortable=_,exports.sticky=t,exports.stickyHeader=u,exports.stickyLeft=c,exports.stickyRight=l,exports.striped=a,exports.subtleScrollbar=T;

package/dist/components/data-display/Table/table.module.js

@@ -0,0 +1,32 @@
+"use client";
+//#region src/components/data-display/Table/table.module.scss
+var e = "_container_n6iuv_4", t = "_sticky_n6iuv_10", n = "_cardContainer_n6iuv_13", r = "_root_n6iuv_18", i = "_fullWidth_n6iuv_34", a = "_striped_n6iuv_37", o = "_bordered_n6iuv_41", s = "_hoverable_n6iuv_48", c = "_stickyLeft_n6iuv_52", l = "_stickyRight_n6iuv_52", u = "_stickyHeader_n6iuv_55", d = "_mobileCard_n6iuv_72", f = "_header_n6iuv_109", p = "_body_n6iuv_113", m = "_row_n6iuv_116", h = "_selected_n6iuv_121", g = "_head_n6iuv_109", _ = "_sortable_n6iuv_132", v = "_selection_n6iuv_139", y = "_cell_n6iuv_159", b = "_headContent_n6iuv_183", x = "_sortIcon_n6iuv_191", S = "_asc_n6iuv_196", C = "_desc_n6iuv_200", w = "_noScrollbar_n6iuv_203", T = "_subtleScrollbar_n6iuv_211", E = {
+	container: e,
+	sticky: t,
+	cardContainer: n,
+	root: r,
+	fullWidth: i,
+	striped: a,
+	bordered: o,
+	hoverable: s,
+	stickyLeft: c,
+	stickyRight: l,
+	stickyHeader: u,
+	mobileCard: d,
+	header: f,
+	body: p,
+	row: m,
+	selected: h,
+	head: g,
+	sortable: _,
+	selection: v,
+	cell: y,
+	headContent: b,
+	sortIcon: x,
+	asc: S,
+	desc: C,
+	noScrollbar: w,
+	subtleScrollbar: T
+};
+//#endregion
+export { S as asc, p as body, o as bordered, n as cardContainer, y as cell, e as container, E as default, C as desc, i as fullWidth, g as head, b as headContent, f as header, s as hoverable, d as mobileCard, w as noScrollbar, r as root, m as row, h as selected, v as selection, x as sortIcon, _ as sortable, t as sticky, u as stickyHeader, c as stickyLeft, l as stickyRight, a as striped, T as subtleScrollbar };

package/dist/components/data-display/Table/useTableSort.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react");function t(e,t){return!t||e===`none`?`asc`:e===`asc`?`desc`:`none`}function n(n,r={}){let{initialSort:i,onSortChange:a}=r,[o,s]=(0,e.useState)(i||{key:null,direction:`none`}),c=(0,e.useCallback)(e=>{let n={key:e,direction:t(o.direction,o.key===e)};s(n),a?.(n)},[o,a]);return{sortedData:(0,e.useMemo)(()=>!o.key||o.direction===`none`?n:[...n].sort((e,t)=>{let n=e[o.key],r=t[o.key];return n==null&&r==null?0:n==null?1:r==null?-1:typeof n==`string`&&typeof r==`string`?o.direction===`asc`?n.localeCompare(r):r.localeCompare(n):typeof n==`number`&&typeof r==`number`?o.direction===`asc`?n-r:r-n:n<r?o.direction===`asc`?-1:1:n>r?o.direction===`asc`?1:-1:0}),[n,o]),sortConfig:o,handleSort:c,getSortDirection:(0,e.useCallback)(e=>o.key===e?o.direction:`none`,[o])}}exports.getNextSortDirection=t,exports.useTableSort=n;

package/dist/components/data-display/Table/useTableSort.d.ts

@@ -0,0 +1,26 @@
+export type SortDirection = "asc" | "desc" | "none";
+/**
+ * Utility to get the next sort direction in the sequence: none -> asc -> desc -> none
+ */
+export declare function getNextSortDirection(currentDirection: SortDirection, isSameKey: boolean): SortDirection;
+export interface SortConfig<T = unknown> {
+    key: keyof T | null;
+    direction: SortDirection;
+}
+export interface UseTableSortOptions<T> {
+    initialSort?: SortConfig<T>;
+    onSortChange?: (config: SortConfig<T>) => void;
+}
+export interface UseTableSortReturn<T> {
+    sortedData: T[];
+    sortConfig: SortConfig<T>;
+    handleSort: (key: keyof T) => void;
+    getSortDirection: (key: keyof T) => SortDirection;
+}
+/**
+ * Hook for managing table sorting logic
+ * @param data - The data array to sort
+ * @param options - Optional configuration
+ * @returns Sorted data and sorting utilities
+ */
+export declare function useTableSort<T extends Record<string, unknown>>(data: T[], options?: UseTableSortOptions<T>): UseTableSortReturn<T>;

package/dist/components/data-display/Table/useTableSort.js

@@ -0,0 +1,29 @@
+"use client";
+import { useCallback as e, useMemo as t, useState as n } from "react";
+//#region src/components/data-display/Table/useTableSort.ts
+function r(e, t) {
+	return !t || e === "none" ? "asc" : e === "asc" ? "desc" : "none";
+}
+function i(i, a = {}) {
+	let { initialSort: o, onSortChange: s } = a, [c, l] = n(o || {
+		key: null,
+		direction: "none"
+	}), u = e((e) => {
+		let t = {
+			key: e,
+			direction: r(c.direction, c.key === e)
+		};
+		l(t), s?.(t);
+	}, [c, s]);
+	return {
+		sortedData: t(() => !c.key || c.direction === "none" ? i : [...i].sort((e, t) => {
+			let n = e[c.key], r = t[c.key];
+			return n == null && r == null ? 0 : n == null ? 1 : r == null ? -1 : typeof n == "string" && typeof r == "string" ? c.direction === "asc" ? n.localeCompare(r) : r.localeCompare(n) : typeof n == "number" && typeof r == "number" ? c.direction === "asc" ? n - r : r - n : n < r ? c.direction === "asc" ? -1 : 1 : n > r ? c.direction === "asc" ? 1 : -1 : 0;
+		}), [i, c]),
+		sortConfig: c,
+		handleSort: u,
+		getSortDirection: e((e) => c.key === e ? c.direction : "none", [c])
+	};
+}
+//#endregion
+export { r as getNextSortDirection, i as useTableSort };

package/dist/components/data-display/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/close.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../_internal/IndicatorBase.cjs"),i=require("./tag.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({children:e,content:a,icon:c,onDelete:l,disabled:u,interactive:d=!1,...f},p)=>(0,s.jsxs)(r.IndicatorBase,{ref:p,styles:i.default,icon:c,content:a,className:(0,o.default)(`wim-tag`,f.className,{[i.default.disabled]:u}),interactive:d,...f,children:[e,l&&(0,s.jsx)(`button`,{type:`button`,className:i.default.closeButton,onClick:e=>{e.stopPropagation(),l(e)},"aria-label":`Close`,children:(0,s.jsx)(n.Icon,{component:t.default,size:`sm`})})]}));c.displayName=`Tag`,exports.Tag=c;

package/dist/components/data-display/Tag/Tag.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic, IndicatorIntent, IndicatorVariant } from '../../../types/tokens';
+export type TagProps = React.ComponentPropsWithoutRef<"span"> & {
+    /**
+     * If true, the tag will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Content to display */
+    children?: React.ReactNode;
+    /** Content to display (alternative to children) */
+    content?: React.ReactNode;
+    /** Intent (semantic state) */
+    intent?: IndicatorIntent;
+    /** Visual style variant */
+    variant?: IndicatorVariant;
+    /** Size */
+    size?: ComponentSizeBasic;
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Delete event. When provided, a × button is shown. */
+    onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Whether the tag is disabled */
+    disabled?: boolean;
+    /** Whether to enable the interactive state */
+    interactive?: boolean;
+};
+/**
+ * Component used as a label for categorization or attributes.
+ * Providing onDelete makes it a removable tag.
+ */
+export declare const Tag: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    /**
+     * If true, the tag will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Content to display */
+    children?: React.ReactNode;
+    /** Content to display (alternative to children) */
+    content?: React.ReactNode;
+    /** Intent (semantic state) */
+    intent?: IndicatorIntent;
+    /** Visual style variant */
+    variant?: IndicatorVariant;
+    /** Size */
+    size?: ComponentSizeBasic;
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Delete event. When provided, a × button is shown. */
+    onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Whether the tag is disabled */
+    disabled?: boolean;
+    /** Whether to enable the interactive state */
+    interactive?: boolean;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/data-display/Tag/Tag.js

@@ -0,0 +1,33 @@
+"use client";
+import e from "../../../icon/close.js";
+import { Icon as t } from "../../media/Icon/Icon.js";
+import { IndicatorBase as n } from "../../_internal/IndicatorBase.js";
+import r from "./tag.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/data-display/Tag/Tag.tsx
+var c = i.forwardRef(({ children: i, content: c, icon: l, onDelete: u, disabled: d, interactive: f = !1, ...p }, m) => /* @__PURE__ */ s(n, {
+	ref: m,
+	styles: r,
+	icon: l,
+	content: c,
+	className: a("wim-tag", p.className, { [r.disabled]: d }),
+	interactive: f,
+	...p,
+	children: [i, u && /* @__PURE__ */ o("button", {
+		type: "button",
+		className: r.closeButton,
+		onClick: (e) => {
+			e.stopPropagation(), u(e);
+		},
+		"aria-label": "Close",
+		children: /* @__PURE__ */ o(t, {
+			component: e,
+			size: "sm"
+		})
+	})]
+}));
+c.displayName = "Tag";
+//#endregion
+export { c as Tag };

package/dist/components/data-display/Tag/tag.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1a59q_2`,t=`_md_1a59q_13`,n=`_sm_1a59q_17`,r=`_lg_1a59q_21`,i=`_primary_1a59q_25`,a=`_solid_1a59q_25`,o=`_outline_1a59q_31`,s=`_subtle_1a59q_36`,c=`_secondary_1a59q_42`,l=`_success_1a59q_59`,u=`_warning_1a59q_76`,d=`_danger_1a59q_93`,f=`_info_1a59q_110`,p=`_neutral_1a59q_127`,m=`_disabled_1a59q_144`,h=`_closeButton_1a59q_152`,g=`_interactive_1a59q_155`,_=`_icon_1a59q_167`,v={root:e,md:t,sm:n,lg:r,primary:i,solid:a,outline:o,subtle:s,secondary:c,success:l,warning:u,danger:d,info:f,neutral:p,disabled:m,closeButton:h,interactive:g,icon:_};exports.closeButton=h,exports.danger=d,exports.default=v,exports.disabled=m,exports.icon=_,exports.info=f,exports.interactive=g,exports.lg=r,exports.md=t,exports.neutral=p,exports.outline=o,exports.primary=i,exports.root=e,exports.secondary=c,exports.sm=n,exports.solid=a,exports.subtle=s,exports.success=l,exports.warning=u;

package/dist/components/data-display/Tag/tag.module.js

@@ -0,0 +1,24 @@
+"use client";
+//#region src/components/data-display/Tag/tag.module.scss
+var e = "_root_1a59q_2", t = "_md_1a59q_13", n = "_sm_1a59q_17", r = "_lg_1a59q_21", i = "_primary_1a59q_25", a = "_solid_1a59q_25", o = "_outline_1a59q_31", s = "_subtle_1a59q_36", c = "_secondary_1a59q_42", l = "_success_1a59q_59", u = "_warning_1a59q_76", d = "_danger_1a59q_93", f = "_info_1a59q_110", p = "_neutral_1a59q_127", m = "_disabled_1a59q_144", h = "_closeButton_1a59q_152", g = "_interactive_1a59q_155", _ = "_icon_1a59q_167", v = {
+	root: e,
+	md: t,
+	sm: n,
+	lg: r,
+	primary: i,
+	solid: a,
+	outline: o,
+	subtle: s,
+	secondary: c,
+	success: l,
+	warning: u,
+	danger: d,
+	info: f,
+	neutral: p,
+	disabled: m,
+	closeButton: h,
+	interactive: g,
+	icon: _
+};
+//#endregion
+export { h as closeButton, d as danger, v as default, m as disabled, _ as icon, f as info, g as interactive, r as lg, t as md, p as neutral, o as outline, i as primary, e as root, c as secondary, n as sm, a as solid, s as subtle, l as success, u as warning };

package/dist/components/data-display/Timeline/Timeline.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./timeline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.forwardRef)(({children:e,align:o=`left`,className:s,asChild:c,...l},u)=>(0,a.jsx)(c?t.Root:`div`,{ref:u,className:(0,i.default)(`wim-timeline`,n.default.root,n.default[o],s),...l,children:r.default.Children.map(e,e=>r.default.isValidElement(e)?r.default.cloneElement(e,{align:o}):e)}));o.displayName=`Timeline`;var s=(0,r.forwardRef)(({children:e,className:r,align:o,asChild:s,...c},l)=>(0,a.jsx)(s?t.Root:`div`,{ref:l,className:(0,i.default)(n.default.item,o&&n.default[o],r),...c,children:e}));s.displayName=`TimelineItem`;var c=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.separator,r),...s,children:e}));c.displayName=`TimelineSeparator`;var l=(0,r.forwardRef)(({className:e,asChild:r,...o},s)=>(0,a.jsx)(r?t.Root:`div`,{ref:s,className:(0,i.default)(n.default.connector,e),...o}));l.displayName=`TimelineConnector`;var u=(0,r.forwardRef)(({children:e,variant:r,className:o,asChild:s,...c},l)=>{let u=s?t.Root:`div`,d=!!e;return(0,a.jsx)(u,{ref:l,className:(0,i.default)(n.default.point,r&&n.default[r],d&&n.default.icon,o),...c,children:e})});u.displayName=`TimelinePoint`;var d=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.content,r),...s,children:e}));d.displayName=`TimelineContent`;var f=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.oppositeContent,r),...s,children:e}));f.displayName=`TimelineOppositeContent`,exports.Timeline=o,exports.TimelineConnector=l,exports.TimelineContent=d,exports.TimelineItem=s,exports.TimelineOppositeContent=f,exports.TimelinePoint=u,exports.TimelineSeparator=c;

package/dist/components/data-display/Timeline/Timeline.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+export interface TimelineProps {
+    /** Timeline items */
+    children: React.ReactNode;
+    /** Alignment of the items relative to the line */
+    align?: "left" | "right" | "alternate";
+    /** Additional class names */
+    className?: string;
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+}
+export declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineItemProps {
+    /** Content of the timeline item */
+    children: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+    /** Alignment relative to the line (usually inherited from Timeline) */
+    align?: "left" | "right" | "alternate";
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+}
+export declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineSeparatorProps {
+    children?: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+}
+export declare const TimelineSeparator: React.ForwardRefExoticComponent<TimelineSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineConnectorProps {
+    className?: string;
+    asChild?: boolean;
+}
+export declare const TimelineConnector: React.ForwardRefExoticComponent<TimelineConnectorProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelinePointProps {
+    children?: React.ReactNode;
+    variant?: "primary" | "secondary" | "danger" | "success";
+    className?: string;
+    asChild?: boolean;
+}
+export declare const TimelinePoint: React.ForwardRefExoticComponent<TimelinePointProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineContentProps {
+    children: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+}
+export declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineOppositeContentProps {
+    children: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+}
+export declare const TimelineOppositeContent: React.ForwardRefExoticComponent<TimelineOppositeContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/Timeline/Timeline.js

@@ -0,0 +1,60 @@
+"use client";
+import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import t from "./timeline.module.js";
+import n, { forwardRef as r } from "react";
+import i from "classnames";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/data-display/Timeline/Timeline.tsx
+var o = r(({ children: r, align: o = "left", className: s, asChild: c, ...l }, u) => /* @__PURE__ */ a(c ? e : "div", {
+	ref: u,
+	className: i("wim-timeline", t.root, t[o], s),
+	...l,
+	children: n.Children.map(r, (e) => n.isValidElement(e) ? n.cloneElement(e, { align: o }) : e)
+}));
+o.displayName = "Timeline";
+var s = r(({ children: n, className: r, align: o, asChild: s, ...c }, l) => /* @__PURE__ */ a(s ? e : "div", {
+	ref: l,
+	className: i(t.item, o && t[o], r),
+	...c,
+	children: n
+}));
+s.displayName = "TimelineItem";
+var c = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+	ref: c,
+	className: i(t.separator, r),
+	...s,
+	children: n
+}));
+c.displayName = "TimelineSeparator";
+var l = r(({ className: n, asChild: r, ...o }, s) => /* @__PURE__ */ a(r ? e : "div", {
+	ref: s,
+	className: i(t.connector, n),
+	...o
+}));
+l.displayName = "TimelineConnector";
+var u = r(({ children: n, variant: r, className: o, asChild: s, ...c }, l) => {
+	let u = s ? e : "div", d = !!n;
+	return /* @__PURE__ */ a(u, {
+		ref: l,
+		className: i(t.point, r && t[r], d && t.icon, o),
+		...c,
+		children: n
+	});
+});
+u.displayName = "TimelinePoint";
+var d = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+	ref: c,
+	className: i(t.content, r),
+	...s,
+	children: n
+}));
+d.displayName = "TimelineContent";
+var f = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+	ref: c,
+	className: i(t.oppositeContent, r),
+	...s,
+	children: n
+}));
+f.displayName = "TimelineOppositeContent";
+//#endregion
+export { o as Timeline, l as TimelineConnector, d as TimelineContent, s as TimelineItem, f as TimelineOppositeContent, u as TimelinePoint, c as TimelineSeparator };

package/dist/components/data-display/Timeline/timeline.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1ck61_2`,t=`_left_1ck61_10`,n=`_right_1ck61_13`,r=`_alternate_1ck61_16`,i=`_item_1ck61_19`,a=`_content_1ck61_35`,o=`_oppositeContent_1ck61_38`,s=`_separator_1ck61_50`,c=`_connector_1ck61_56`,l=`_point_1ck61_61`,u=`_primary_1ck61_76`,d=`_secondary_1ck61_79`,f=`_danger_1ck61_82`,p=`_success_1ck61_85`,m=`_icon_1ck61_88`,h={root:e,left:t,right:n,alternate:r,item:i,content:a,oppositeContent:o,separator:s,connector:c,point:l,primary:u,secondary:d,danger:f,success:p,icon:m};exports.alternate=r,exports.connector=c,exports.content=a,exports.danger=f,exports.default=h,exports.icon=m,exports.item=i,exports.left=t,exports.oppositeContent=o,exports.point=l,exports.primary=u,exports.right=n,exports.root=e,exports.secondary=d,exports.separator=s,exports.success=p;

package/dist/components/data-display/Timeline/timeline.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/data-display/Timeline/timeline.module.scss
+var e = "_root_1ck61_2", t = "_left_1ck61_10", n = "_right_1ck61_13", r = "_alternate_1ck61_16", i = "_item_1ck61_19", a = "_content_1ck61_35", o = "_oppositeContent_1ck61_38", s = "_separator_1ck61_50", c = "_connector_1ck61_56", l = "_point_1ck61_61", u = "_primary_1ck61_76", d = "_secondary_1ck61_79", f = "_danger_1ck61_82", p = "_success_1ck61_85", m = "_icon_1ck61_88", h = {
+	root: e,
+	left: t,
+	right: n,
+	alternate: r,
+	item: i,
+	content: a,
+	oppositeContent: o,
+	separator: s,
+	connector: c,
+	point: l,
+	primary: u,
+	secondary: d,
+	danger: f,
+	success: p,
+	icon: m
+};
+//#endregion
+export { r as alternate, c as connector, a as content, f as danger, h as default, m as icon, i as item, t as left, o as oppositeContent, l as point, u as primary, n as right, e as root, d as secondary, s as separator, p as success };

package/dist/components/data-display/TreeView/TreeView.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../VirtualList/VirtualList.cjs"),o=require("./tree-view.module.cjs"),s=require("./useTreeViewItemExpansion.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`TreeView components must be used within a TreeView`);return e},p=40,m=100;function h(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}function g(e,t,n,r=0){let i=[];for(let a of e){let e=h(a.label),o=!n||e.toLowerCase().includes(n.toLowerCase()),s=n&&a.children?_(a.children,n):!1;if(n&&!o&&!s)continue;i.push({...a,depth:r,hasChildren:!!(a.children&&a.children.length>0)});let c=t.includes(a.value)||!!n&&s;a.children&&a.children.length>0&&c&&i.push(...g(a.children,t,n,r+1))}return i}function _(e,t){return e.some(e=>h(e.label).toLowerCase().includes(t.toLowerCase())||(e.children?_(e.children,t):!1))}function v(e,t){for(let n of e){if(n.value===t){let e=[],t=n=>{for(let r of n)e.push(r.value),r.children&&t(r.children)};return n.children&&t(n.children),e}if(n.children){let e=v(n.children,t);if(e!==null)return e}}return null}function y(e,t,n=[]){for(let r of e){if(r.value===t)return n;if(r.children){let e=y(r.children,t,[...n,r.value]);if(e!==null)return e}}return null}function b(e,t){let n=[],r=new Set(t);function i(e){if(!e.children?.length)return r.has(e.value)?`checked`:`unchecked`;let t=e.children.map(i),a=t.every(e=>e===`checked`),o=t.some(e=>e!==`unchecked`);return a?(r.add(e.value),`checked`):o?(n.push(e.value),`indeterminate`):`unchecked`}for(let t of e)i(t);return{indeterminateValues:n,effectiveCheckedSet:r}}var x=({children:e,nodes:s,className:f,multiSelect:_=!1,checkable:x=!1,checkStrategy:S=`cascade`,searchable:C=!1,defaultExpandedValues:w=[],defaultSelectedValues:T=[],defaultCheckedValues:ee=[],onCheckedChange:E,onSelectedChange:D,width:O,virtualThreshold:k=m,labels:A={},labelId:j,styles:M})=>{let{t:N}=t.useWimTranslation(`components`),{searchPlaceholder:P,searchAriaLabel:F=N(`treeview.search_aria`),expandLabel:I=e=>N(`treeview.expand`,{label:e}),collapseLabel:L=e=>N(`treeview.collapse`,{label:e})}=A,[R,z]=(0,c.useState)(w),[B,V]=(0,c.useState)(T),[H,U]=(0,c.useState)(ee),[W,te]=(0,c.useState)(``),[G,K]=(0,c.useState)(T[0]||null),q=c.default.useRef(null),{indeterminateValues:J,effectiveCheckedSet:Y}=(0,c.useMemo)(()=>!s||S!==`cascade`?{indeterminateValues:[],effectiveCheckedSet:new Set(H)}:b(s,new Set(H)),[s,S,H]),X=(0,c.useCallback)(e=>{z(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),Z=(0,c.useCallback)(e=>{if(_)V(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return D?.(n),n});else{let t=[e];V(t),D?.(t)}},[_,D]),Q=(0,c.useCallback)(e=>{U(t=>{let n;if(!s)return n=t.includes(e)?t.filter(t=>t!==e):[...t,e],E?.(n),n;if(S===`cascade`){let{indeterminateValues:r}=b(s,new Set(t)),i=t.includes(e)&&!r.includes(e),a=[e,...v(s,e)??[]];n=i?t.filter(e=>!a.includes(e)):[...t,...a.filter(e=>!t.includes(e))];let{indeterminateValues:o,effectiveCheckedSet:c}=b(s,new Set(n));E?.([...c].filter(e=>!o.includes(e)))}else{if(t.includes(e))n=t.filter(t=>t!==e);else{let r=y(s,e)??[],i=v(s,e)??[],a=new Set([...r,...i]);n=[...t.filter(e=>!a.has(e)),e]}E?.(n)}return n})},[S,s,E]),ne=(0,c.useMemo)(()=>({expandedValues:R,selectedValues:B,checkedValues:H,indeterminateValues:J,focusedValue:G,toggleExpand:X,select:Z,toggleCheck:Q,setFocusedValue:K,containerRef:q,multiSelect:_,checkable:x,checkStrategy:S,searchQuery:W,labels:{expandLabel:I,collapseLabel:L}}),[R,B,H,J,G,X,Z,Q,_,x,S,W,I,L]),$=(0,c.useMemo)(()=>s?g(s,R,W):[],[s,R,W]),re=!!s&&$.length>=k,ie=(0,c.useCallback)((e,t,n)=>{switch(e.key){case`Enter`:case` `:e.preventDefault(),Z(t.value),x&&Q(t.value);break;case`ArrowDown`:e.preventDefault(),n<$.length-1&&K($[n+1].value);break;case`ArrowUp`:e.preventDefault(),n>0&&K($[n-1].value);break;case`Home`:e.preventDefault(),$.length>0&&K($[0].value);break;case`End`:e.preventDefault(),$.length>0&&K($[$.length-1].value);break;case`ArrowRight`:e.preventDefault(),t.hasChildren&&!R.includes(t.value)?X(t.value):t.hasChildren&&n<$.length-1&&K($[n+1].value);break;case`ArrowLeft`:if(e.preventDefault(),t.hasChildren&&R.includes(t.value))X(t.value);else for(let e=n-1;e>=0;e--)if($[e].depth<t.depth){K($[e].value);break}break}},[$,R,Z,x,Q,X]),ae=(0,c.useCallback)((e,t)=>{let a=B.includes(e.value),s=Y.has(e.value),c=J.includes(e.value),d=R.includes(e.value),f=G===e.value,p=h(e.label);return(0,u.jsx)(`div`,{className:(0,l.default)(o.default.item,a&&o.default.selected,e.disabled&&o.default.disabled,M?.item),role:`treeitem`,"aria-expanded":e.hasChildren?d:void 0,"aria-selected":a,"aria-disabled":e.disabled,"aria-setsize":$.length,"aria-posinset":t+1,"aria-level":e.depth+1,"data-value":e.value,tabIndex:f?0:-1,onClick:t=>{t.stopPropagation(),K(e.value),e.disabled||(_&&x?Q(e.value):Z(e.value))},onKeyDown:n=>{n.stopPropagation(),ie(n,e,t)},onFocus:t=>{t.stopPropagation(),K(e.value)},style:{paddingLeft:e.depth*20},children:(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.labelContainer,M?.labelContainer),active:a,disabled:e.disabled,icon:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.iconWrapper,M?.iconWrapper),children:[e.hasChildren?(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,d&&o.default.expanded,M?.expandBtn),onClick:t=>{t.stopPropagation(),e.disabled||X(e.value)},disabled:e.disabled,"aria-label":d?L(p):I(p),tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}):(0,u.jsx)(`span`,{className:o.default.spacer}),x&&(0,u.jsx)(`input`,{type:`checkbox`,className:(0,l.default)(o.default.checkbox,M?.checkbox),checked:s&&!c,ref:e=>{e&&(e.indeterminate=c)},onChange:t=>{t.stopPropagation(),e.disabled||Q(e.value)},disabled:e.disabled,onClick:e=>e.stopPropagation(),"aria-label":p,tabIndex:-1}),e.icon&&(0,u.jsx)(`span`,{className:(0,l.default)(o.default.icon,M?.icon),children:e.icon})]}),children:e.label})},e.value)},[B,Y,J,R,G,$.length,_,x,Z,Q,X,ie,I,L,M]);return(0,u.jsx)(d.Provider,{value:ne,children:(0,u.jsxs)(`div`,{ref:q,"data-testid":`tree-view-root`,className:(0,l.default)(`wim-tree-view`,o.default.root,!!s&&o.default.dataDriven,f,M?.root),role:`tree`,"aria-label":A.treeAriaLabel,"aria-labelledby":A.treeAriaLabel?void 0:j,style:{width:O,maxWidth:`100%`},tabIndex:G?-1:0,onFocus:e=>{e.target===q.current&&(s?G?K(G):$.length>0&&K($[0].value):G?(q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus():(q.current?.querySelector(`[role="treeitem"]`))?.focus())},children:[C&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.search,M?.search),children:(0,u.jsx)(`input`,{type:`text`,"data-testid":`tree-view-search-input`,className:(0,l.default)(o.default.searchInput,M?.searchInput),placeholder:P,value:W,onChange:e=>te(e.target.value),"aria-label":F})}),s?re?(0,u.jsx)(a.VirtualList,{items:$,itemHeight:p,height:400,renderItem:ae,itemRole:`none`,role:`presentation`}):$.map((e,t)=>ae(e,t)):e]})})},S=({value:e,label:t,icon:a,children:d,className:p,disabled:m=!1})=>{let{expandedValues:g,selectedValues:_,checkedValues:v,indeterminateValues:y,focusedValue:b,toggleExpand:x,select:C,toggleCheck:w,setFocusedValue:T,containerRef:ee,multiSelect:E,checkable:D,searchQuery:O}=f(),k=c.default.useId(),A=`wim-tree-view-item-checkbox-${k}`,j=`wim-tree-view-item-label-${k}`,M=h(t),N=!O||M.toLowerCase().includes(O.toLowerCase()),P=c.default.useMemo(()=>{if(!O||!d)return!1;let e=t=>c.default.Children.toArray(t).some(t=>{if(!c.default.isValidElement(t)||t.type!==S)return!1;let n=t.props,r=n.label;return h(r).toLowerCase().includes(O.toLowerCase())?!0:n.children?e(n.children):!1});return e(d)},[d,O]),F=!!O&&P,I=g.includes(e)||F,L=_.includes(e),R=v.includes(e),z=y.includes(e),B=!!c.default.Children.count(d),{shouldRender:V,isVisualExpanded:H,handleTransitionEnd:U}=s.useTreeViewItemExpansion(I);return O&&!N&&!P?null:(0,u.jsxs)(`div`,{className:(0,l.default)(o.default.item,L&&o.default.selected,m&&o.default.disabled,p),role:`treeitem`,"aria-expanded":B?I:void 0,"aria-selected":L,"aria-disabled":m,"data-value":e,onClick:t=>{t.stopPropagation(),T(e),m||(E&&D?w(e):C(e))},onKeyDown:t=>{if(m)return;t.stopPropagation();let n=Array.from(ee.current?.querySelectorAll(`[role="treeitem"]:not([aria-disabled="true"])`)||[]),r=n.indexOf(t.currentTarget);switch(t.key){case`Enter`:case` `:t.preventDefault(),C(e),D&&w(e);break;case`ArrowDown`:t.preventDefault(),r<n.length-1&&n[r+1].focus();break;case`ArrowUp`:t.preventDefault(),r>0&&n[r-1].focus();break;case`Home`:t.preventDefault(),n.length>0&&n[0].focus();break;case`End`:t.preventDefault(),n.length>0&&n[n.length-1].focus();break;case`ArrowRight`:B&&(I?(t.preventDefault(),r<n.length-1&&n[r+1].focus()):(t.preventDefault(),x(e)));break;case`ArrowLeft`:if(B&&I)t.preventDefault(),x(e);else{t.preventDefault();let e=t.currentTarget.parentElement?.closest(`[role="treeitem"]`);e&&e.focus()}break}},onFocus:t=>{t.stopPropagation(),T(e)},tabIndex:b===e?0:-1,children:[(0,u.jsx)(i.BaseListItem,{id:j,className:o.default.labelContainer,active:L,disabled:m,icon:(0,u.jsxs)(`div`,{className:o.default.iconWrapper,children:[B&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(o.default.expandBtn,I&&o.default.expanded),onClick:t=>{t.stopPropagation(),!m&&B&&x(e)},disabled:m,"aria-label":I?`Collapse ${typeof t==`string`?t:``}`:`Expand ${typeof t==`string`?t:``}`,tabIndex:-1,children:(0,u.jsx)(r.Icon,{component:n.default,size:`sm`})}),!B&&(0,u.jsx)(`span`,{className:o.default.spacer}),D&&(0,u.jsx)(`input`,{id:A,type:`checkbox`,className:o.default.checkbox,checked:R&&!z,ref:e=>{e&&(e.indeterminate=z)},onChange:t=>{t.stopPropagation(),m||w(e)},disabled:m,onClick:e=>e.stopPropagation(),"aria-labelledby":j,tabIndex:-1}),a&&(0,u.jsx)(`span`,{className:o.default.icon,children:a})]}),children:t}),B&&V&&(0,u.jsx)(`div`,{className:(0,l.default)(o.default.children,H&&o.default.expanded),onTransitionEnd:U,style:{gridTemplateRows:H?`1fr`:`0fr`},children:(0,u.jsx)(`div`,{className:o.default.childrenInner,role:`group`,children:d})})]})};x.displayName=`TreeView`,S.displayName=`TreeView.Item`;var C=x;C.Item=S,exports.TreeView=C,exports.default=C,exports.TreeViewItem=S;