@pibit.ai/cure-design-system 0.3.15 → 0.3.17

package/dist/patterns/table/TableWrapper.js

@@ -1,159 +1,81 @@
-import { jsx as r, jsxs as N, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as C, useState as k, useRef as v, useEffect as O } from "react";
-import { createPortal as R } from "react-dom";
-import { TableCard as $, Table as c } from "./table.js";
-import { cx as g } from "../../utils/cn.js";
-const A = C(
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as O } from "react";
+import { TableCard as T, Table as a } from "./table.js";
+import { cx as j } from "../../utils/cn.js";
+const B = O(
   function({
-    data: h,
-    columns: n,
-    renderRowCell: t,
-    onRowClick: a,
-    arialabel: x,
-    size: l = "sm",
-    allowDefaultRowClass: w = !1,
-    centeredHeaders: o = [],
-    rootClassName: u,
-    removeBorders: p,
-    headerClassName: m,
+    data: x,
+    columns: i,
+    renderRowCell: f,
+    onRowClick: s,
+    arialabel: p,
+    size: h = "sm",
+    allowDefaultRowClass: W = !1,
+    centeredHeaders: k = [],
+    rootClassName: n,
+    removeBorders: b,
+    headerClassName: c,
     isRowExpandable: y,
-    renderExpandedContent: d
-  }, b) {
-    return /* @__PURE__ */ r(
-      $.Root,
-      {
-        ref: b,
-        className: g("overflow-x-auto", u),
-        size: l,
-        children: /* @__PURE__ */ N(c, { "aria-label": x, size: l, children: [
-          /* @__PURE__ */ r(c.Header, { className: g("sticky top-0", m), children: n.map((e, f) => /* @__PURE__ */ r(
-            c.Head,
-            {
-              sticky: e.sticky,
-              stickyOffset: e.stickyOffset,
-              id: e.key,
-              label: e.label,
-              isRowHeader: !0,
-              allowsSorting: e.allowsSorting,
-              headerCellClass: o.includes(e.key) ? "justify-center" : "",
-              style: {
-                maxWidth: e.maxWidth,
-                minWidth: e.maxWidth,
-                width: e.maxWidth
-              },
-              className: "overflow-hidde"
-            },
-            f
-          )) }),
-          /* @__PURE__ */ r(c.Body, { items: h, children: (e) => {
-            const f = y ? y(e) : !1, W = e.id || e.rule_id || String(e);
-            return /* @__PURE__ */ r(
-              c.Row,
-              {
-                onAction: () => a == null ? void 0 : a(e),
-                id: W,
-                isExpandable: f,
-                renderExpandedContent: f ? d : void 0,
-                columns: n,
-                className: g(
-                  a && "cursor-pointer",
-                  w ? "prose" : "",
-                  p && "[&>td]:after:hidden"
-                  // Remove row borders
-                ),
-                children: n.map((i, T) => /* @__PURE__ */ r(
-                  c.Cell,
-                  {
-                    sticky: i.sticky,
-                    stickyOffset: i.stickyOffset,
-                    style: {
-                      maxWidth: i.maxWidth,
-                      minWidth: i.maxWidth,
-                      width: i.maxWidth
-                    },
-                    className: "overflow-x-hidden text-left",
-                    children: T === 0 && f ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: t(i.key, e[i.key], e) }) : t(i.key, e[i.key], e)
-                  },
-                  i.key
-                ))
-              },
-              W
-            );
-          } })
-        ] })
-      }
-    );
-  }
-), j = ({
-  content: s,
-  className: h = "",
-  link: n = !1,
-  tooltipPosition: t = "center",
-  tooltipSide: a = "above",
-  textClassName: x = ""
-}) => {
-  const [l, w] = k(!1), [o, u] = k({ top: 0, left: 0, right: 0 }), p = v(null), m = v(null);
-  return O(() => {
-    var y;
-    if (l && p.current) {
-      const d = p.current.getBoundingClientRect(), b = 8, e = typeof window < "u" ? window.innerWidth : document.documentElement.clientWidth, f = (y = m.current) == null ? void 0 : y.getBoundingClientRect(), W = t === "end" && f ? Math.min(d.right, f.right) : d.right;
-      u({
-        top: a === "below" ? d.bottom + b : d.top - b,
-        left: t === "start" ? d.left : t === "center" ? d.left + d.width / 2 : 0,
-        // `right` is offset from the viewport's right edge; rects are viewport-relative.
-        right: t === "end" ? e - W : 0
-      });
-    }
-  }, [l, t, a]), /* @__PURE__ */ N(E, { children: [
-    /* @__PURE__ */ r(
-      "span",
-      {
-        ref: p,
-        className: g(
-          "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
-          x,
-          h,
-          n ? "!text-[var(--color-brand-600)]" : ""
-        ),
-        onMouseEnter: () => w(!0),
-        onMouseLeave: () => w(!1),
-        children: /* @__PURE__ */ r("span", { ref: m, className: "inline", children: n ? /* @__PURE__ */ r("a", { href: s, target: "_blank", children: s }) : s })
-      }
-    ),
-    l && R(
-      /* @__PURE__ */ r(
-        "div",
+    renderExpandedContent: N
+  }, g) {
+    return /* @__PURE__ */ r(T.Root, { ref: g, className: n, size: h, children: /* @__PURE__ */ v(a, { "aria-label": p, size: h, children: [
+      /* @__PURE__ */ r(a.Header, { className: c, children: i.map((e, d) => /* @__PURE__ */ r(
+        a.Head,
         {
-          className: g(
-            "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg pointer-events-none z-999 max-w-2xs lg:max-w-xs xl:max-w-sm break-words whitespace-normal",
-            a === "above" && "-translate-y-full",
-            t === "center" && "-translate-x-1/2",
-            h
-          ),
+          sticky: e.sticky,
+          stickyOffset: e.stickyOffset,
+          id: e.key,
+          label: e.label,
+          isRowHeader: !0,
+          allowsSorting: e.allowsSorting,
+          headerCellClass: k.includes(e.key) ? "justify-center" : "",
           style: {
-            top: `${o.top}px`,
-            ...(t === "start" || t === "center") && { left: `${o.left}px` },
-            ...t === "end" && { right: `${o.right}px` }
+            maxWidth: e.maxWidth,
+            minWidth: e.maxWidth,
+            width: e.maxWidth
+          },
+          className: "overflow-hidden"
+        },
+        d
+      )) }),
+      /* @__PURE__ */ r(a.Body, { items: x, children: (e) => {
+        const d = y ? y(e) : !1, l = e.id || e.rule_id || String(e);
+        return /* @__PURE__ */ r(
+          a.Row,
+          {
+            onAction: () => s == null ? void 0 : s(e),
+            id: l,
+            isExpandable: d,
+            renderExpandedContent: d ? N : void 0,
+            columns: i,
+            className: j(
+              s && "cursor-pointer",
+              W ? "prose" : "",
+              b && "[&>td]:after:hidden"
+              // Remove row borders
+            ),
+            children: i.map((t, o) => /* @__PURE__ */ r(
+              a.Cell,
+              {
+                sticky: t.sticky,
+                stickyOffset: t.stickyOffset,
+                style: {
+                  maxWidth: t.maxWidth,
+                  minWidth: t.maxWidth,
+                  width: t.maxWidth
+                },
+                className: "overflow-x-hidden text-left",
+                children: o === 0 && d ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: f(t.key, e[t.key], e) }) : f(t.key, e[t.key], e)
+              },
+              t.key
+            ))
           },
-          children: s
-        }
-      ),
-      document.body
-    )
-  ] });
-}, F = (s, h = "", n, t = "start", a, x, l) => s === "" || s === "-" ? /* @__PURE__ */ r("span", { className: `text-left ${h}`, children: s || x || "-" }) : /* @__PURE__ */ r(
-  j,
-  {
-    content: s,
-    className: h,
-    link: n,
-    tooltipPosition: t,
-    tooltipSide: a,
-    textClassName: l
+          l
+        );
+      } })
+    ] }) });
   }
 );
 export {
-  j as EllipsisContentWithTooltip,
-  A as TableWrapper,
-  F as createEllipsisContent
+  B as TableWrapper
 };

package/dist/patterns/table/index.d.ts

@@ -1,3 +1,4 @@
 export { Table, TableCard, TableCell } from './table';
-export { TableWrapper, EllipsisContentWithTooltip, createEllipsisContent, type TableWrapperProps } from './TableWrapper';
+export { TableWrapper, type TableWrapperProps } from './TableWrapper';
+export { EllipsisContentWithTooltip, createEllipsisContent, type EllipsisContentWithTooltipProps, } from '../../primitives/tooltip';
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,KAAK,+BAA+B,GACrC,MAAM,0BAA0B,CAAC"}

package/dist/patterns/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/table/table.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as m, Fragment as V } from "react/jsx-runtime";
+import { jsx as o, jsxs as h, Fragment as V } from "react/jsx-runtime";
 import { forwardRef as W, useContext as g, createContext as F, useState as T, isValidElement as A, useRef as G, useEffect as L, Children as M, cloneElement as I } from "react";
-import { Table as B, useTableOptions as C, Cell as S, TableBody as J, Column as z, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
+import { Table as B, useTableOptions as C, Cell as z, TableBody as J, Column as S, Group as Q, TableHeader as X, Collection as P, Row as O } from "react-aria-components";
 import { cn as c } from "../../utils/cn.js";
 import { Badge as Y } from "../../primitives/badge/badge.js";
 import { Icon as w } from "../../primitives/icon/icon.js";
-import { Checkbox as D } from "../../primitives/checkbox/checkbox.js";
+import { Checkbox as _ } from "../../primitives/checkbox/checkbox.js";
 const b = F({
   size: "md",
   expandedRows: /* @__PURE__ */ new Set(),
   toggleRow: () => {
   }
-}), E = W(({ children: r, className: n, size: i = "md", ...d }, e) => {
+}), D = W(({ children: r, className: n, size: i = "md", ...d }, e) => {
   const s = G(null), [a, f] = T(!1), [p, l] = T(/* @__PURE__ */ new Set());
   L(() => {
     const t = s.current;
@@ -20,15 +20,15 @@ const b = F({
       f(R > N);
     };
     x();
-    const h = new ResizeObserver(x);
-    return h.observe(t), () => {
-      h.disconnect();
+    const m = new ResizeObserver(x);
+    return m.observe(t), () => {
+      m.disconnect();
     };
   }, []);
   const u = (t) => {
     l((x) => {
-      const h = new Set(x);
-      return h.has(t) ? h.delete(t) : h.add(t), h;
+      const m = new Set(x);
+      return m.has(t) ? m.delete(t) : m.add(t), m;
     });
   };
   return /* @__PURE__ */ o(
@@ -42,15 +42,18 @@ const b = F({
             s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
           },
           ...d,
-          className: c("overflow-hidden rounded-lg bg-primary", n),
+          className: c(
+            "rounded-lg bg-primary overflow-x-auto overflow-y-clip",
+            n
+          ),
           children: r
         }
       )
     }
   );
 });
-E.displayName = "TableCardRoot";
-const _ = ({
+D.displayName = "TableCardRoot";
+const E = ({
   title: r,
   badge: n,
   description: i,
@@ -58,7 +61,7 @@ const _ = ({
   className: e
 }) => {
   const { size: s } = g(b);
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: c(
@@ -67,8 +70,8 @@ const _ = ({
         e
       ),
       children: [
-        /* @__PURE__ */ m("div", { className: "flex flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ h("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o(
               "h2",
               {
@@ -97,7 +100,7 @@ const _ = ({
     }
   );
 };
-_.displayName = "TableCardHeader";
+E.displayName = "TableCardHeader";
 const j = ({
   className: r,
   size: n = "md",
@@ -145,7 +148,7 @@ const j = ({
             B,
             {
               className: (l) => c(
-                "w-full overflow-x-hidden",
+                "w-full",
                 n === "xs" && "px-3 py-0",
                 typeof r == "function" ? r(l) : r
               ),
@@ -157,7 +160,7 @@ const j = ({
         B,
         {
           className: (l) => c(
-            "w-full overflow-x-hidden",
+            "w-full",
             n === "xs" && "px-3 py-0",
             typeof r == "function" ? r(l) : r
           ),
@@ -177,34 +180,34 @@ const q = ({
   ...s
 }) => {
   const { size: a } = g(b), { selectionBehavior: f, selectionMode: p } = C();
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     X,
     {
       ...s,
       className: (l) => c(
-        "sticky top-0 z-30 bg-secondary_subtle rounded-lg h-9",
+        "sticky top-[-1px] z-30 bg-secondary_subtle rounded-lg h-9",
         // Row border—using an "after" pseudo-element to avoid the border taking up space.
         i && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
         typeof e == "function" ? e(l) : e
       ),
       children: [
         d && /* @__PURE__ */ o(
-          z,
+          S,
           {
             className: c(
-              "relative p-0",
+              "sticky top-[-1px] z-30 bg-secondary_subtle p-0",
               a === "sm" || a === "xs" ? "w-9" : "w-11"
             )
           }
         ),
         f === "toggle" && /* @__PURE__ */ o(
-          z,
+          S,
           {
             className: c(
-              "relative p-0",
+              "sticky top-[-1px] z-30 bg-secondary_subtle p-0",
               a === "sm" || a === "xs" ? "w-9" : "w-11"
             ),
-            children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(D, { slot: "selection" }) })
+            children: p === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(_, { slot: "selection" }) })
           }
         ),
         /* @__PURE__ */ o(P, { items: r, children: n })
@@ -226,30 +229,33 @@ const K = ({
 }) => {
   const { selectionBehavior: l } = C(), { size: u } = g(b);
   return /* @__PURE__ */ o(
-    z,
+    S,
     {
       ...p,
       style: (t) => {
-        const x = e ? {
+        const x = {
           position: "sticky",
-          [e]: s,
-          zIndex: 30,
-          boxShadow: e === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
-        } : {};
+          top: -1,
+          zIndex: e ? 40 : 30,
+          ...e ? {
+            [e]: s,
+            boxShadow: e === "right" ? "inset 2px 0 0px 0px var(--color-border-tertiary)" : "inset -2px 0 0px 0px var(--color-border-tertiary)"
+          } : {}
+        };
         return { ...typeof p.style == "function" ? p.style(t) : p.style || {}, ...x };
       },
       className: (t) => c(
-        "relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
+        "sticky top-[-1px] bg-secondary_subtle p-0 outline-hidden focus-visible:z-[41] focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
         u === "xs" && "px-3 py-0",
         u === "sm" && "px-4 py-2",
         u === "md" && "px-6 py-2",
         l === "toggle" && "nth-2:pl-3",
-        e && "bg-secondary_subtle",
+        e ? "z-40" : "z-30",
         t.allowsSorting && "cursor-pointer",
         typeof r == "function" ? r(t) : r
       ),
-      children: (t) => /* @__PURE__ */ m(Q, { className: c("flex items-center gap-1", a), children: [
-        /* @__PURE__ */ m("div", { className: "flex items-center gap-1 overflow-hidden", children: [
+      children: (t) => /* @__PURE__ */ h(Q, { className: c("flex items-center gap-1", a), children: [
+        /* @__PURE__ */ h("div", { className: "flex items-center gap-1 overflow-hidden", children: [
           i && /* @__PURE__ */ o("span", { className: "text-xs font-medium whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: i }),
           typeof d == "function" ? d(t) : d
         ] }),
@@ -307,7 +313,7 @@ const $ = ({
       return [
         I(H, {
           ...k,
-          children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+          children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
             R,
             k.children
           ] })
@@ -317,8 +323,8 @@ const $ = ({
     }
     return n;
   })() : n;
-  return /* @__PURE__ */ m(V, { children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ h(
       O,
       {
         ...a,
@@ -332,13 +338,13 @@ const $ = ({
         ),
         children: [
           u === "toggle" && /* @__PURE__ */ o(
-            S,
+            z,
             {
               className: c(
                 "relative p-0",
                 f === "sm" || f === "xs" ? "w-9" : "w-11"
               ),
-              children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(D, { className: "hidden", slot: "selection" }) })
+              children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(_, { className: "hidden", slot: "selection" }) })
             }
           ),
           /* @__PURE__ */ o(P, { items: r, children: N })
@@ -351,7 +357,7 @@ const $ = ({
         id: `${t}-expanded`,
         className: "relative bg-secondary_subtle",
         children: /* @__PURE__ */ o(
-          S,
+          z,
           {
             className: "p-0",
             colSpan: (r == null ? void 0 : r.length) || 0,
@@ -372,7 +378,7 @@ const U = ({
 }) => {
   const { size: s } = g(b), { selectionBehavior: a } = C();
   return /* @__PURE__ */ o(
-    S,
+    z,
     {
       ...e,
       style: (f) => {
@@ -399,8 +405,8 @@ const U = ({
 };
 U.displayName = "TableCell";
 const le = {
-  Root: E,
-  Header: _
+  Root: D,
+  Header: E
 }, v = j;
 v.Body = J;
 v.Cell = U;

package/dist/patterns/tree-view/tree-view.d.ts

@@ -29,6 +29,9 @@ export interface TreeViewProps {
     searchClassName?: string;
     /** Class name(s) for the search input element */
     searchInputClassName?: string;
+    /** When true, every node starts expanded. Per-node `isOpen` on the
+     *  source data, if present, still wins. Default false. */
+    defaultExpanded?: boolean;
 }
 /**
  * Config for building TreeViewNode[] from arbitrary data.
@@ -47,6 +50,9 @@ export interface TreeViewBuildConfig {
     idKey?: string;
     /** Optional max depth to traverse (default: no limit) */
     maxDepth?: number;
+    /** When true, every built node starts with `isOpen: true`. Per-node
+     *  `isOpen` on source data overrides this (source data always wins). */
+    defaultExpanded?: boolean;
 }
 /**
  * Converts any array of items into TreeViewNode[] using the given config.
@@ -55,7 +61,7 @@ export interface TreeViewBuildConfig {
  */
 export declare function buildTreeViewNodes<T extends Record<string, any>>(data: T[], config: TreeViewBuildConfig, parentPath?: string): TreeViewNode[];
 export declare const TreeView: {
-    ({ data, config, CustomNode, onNodeClick, selectedNodeId, showSearch, searchPlaceholder, searchClassName, searchInputClassName, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
+    ({ data, config, CustomNode, onNodeClick, selectedNodeId, showSearch, searchPlaceholder, searchClassName, searchInputClassName, defaultExpanded, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=tree-view.d.ts.map

package/dist/patterns/tree-view/tree-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/tree-view.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,iEAAiE;IACjE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,mBAAmB,EAC3B,UAAU,GAAE,MAAW,GACxB,YAAY,EAAE,CAuChB;AAqBD,eAAO,MAAM,QAAQ;uIAUlB,aAAa;;CAkDf,CAAC"}
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/tree-view.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,iEAAiE;IACjE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;8DAC0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;4EACwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,mBAAmB,EAC3B,UAAU,GAAE,MAAW,GACxB,YAAY,EAAE,CAwChB;AAqBD,eAAO,MAAM,QAAQ;wJAWlB,aAAa;;CAuDf,CAAC"}