@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Tree/components/Item.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const itemVariants: (props?: ({
     active?: boolean | null | undefined;
     loading?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 type ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;
 declare const Item: (({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
     original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
@@ -18,122 +18,122 @@ declare const Item: (({ children, className, active, loading, ...props }: ItemPr
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
         original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    CollapseTrigger: (({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-        original: ({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+    CollapseTrigger: (({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+        original: ({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-            original: ({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+        original: (({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+            original: ({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-            original: ({ open, loading, ...props }: import("./ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+            original: ({ open, loading, ...props }: import("./ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Content: (({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element) & {
-        original: ({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element;
+    Content: (({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+        original: ({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element) & {
-            original: ({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element;
+        original: (({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+            original: ({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element) & {
-            original: ({ children, className, ...props }: import("./ItemContent").ItemContentProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+            original: ({ children, className, ...props }: import("./ItemContent.js").ItemContentProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    DragHandle: (({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-        original: ({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+    DragHandle: (({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+        original: ({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-            original: ({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+        original: (({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+            original: ({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-            original: ({ handleRef }: import("./ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+            original: ({ handleRef }: import("./ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Icon: (({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element) & {
-        original: ({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element;
+    Icon: (({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+        original: ({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element) & {
-            original: ({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element;
+        original: (({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+            original: ({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element) & {
-            original: ({ element, active, ...props }: import("./ItemIcon").ItemIconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+            original: ({ element, active, ...props }: import("./ItemIcon.js").ItemIconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    SubIndentation: (({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+    SubIndentation: (({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+        original: ({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-            original: ({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+        original: (({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+            original: ({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-            original: ({ level }: import("./ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+            original: ({ level }: import("./ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Placeholder: (({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-        original: ({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+    Placeholder: (({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+        original: ({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-            original: ({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+        original: (({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+            original: ({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-            original: ({ depth }: import("./ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+            original: ({ depth }: import("./ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/Item.js

@@ -1,18 +1,18 @@
 import React from "react";
-import { cn, cva, makeDecoratable, withStaticProps } from "../../utils";
-import { ItemCollapseTrigger } from "./ItemCollapseTrigger";
-import { ItemContent } from "./ItemContent";
-import { ItemDragHandle } from "./ItemDragHandle";
-import { ItemIcon } from "./ItemIcon";
-import { ItemSubIndentation } from "./ItemSubIndentation";
-import { ItemPlaceholder } from "./ItemPlaceholder";
-const itemVariants = cva(["wby-group", "wby-relative", "wby-flex wby-items-center wby-justify-start wby-gap-xs", "wby-px-sm-plus wby-py-xs-plus wby-rounded-md", "wby-text-neutral-primary", "wby-cursor-pointer", "hover:wby-bg-neutral-dark/5"], {
+import { cn, cva, makeDecoratable, withStaticProps } from "../../utils.js";
+import { ItemCollapseTrigger } from "./ItemCollapseTrigger.js";
+import { ItemContent } from "./ItemContent.js";
+import { ItemDragHandle } from "./ItemDragHandle.js";
+import { ItemIcon } from "./ItemIcon.js";
+import { ItemSubIndentation } from "./ItemSubIndentation.js";
+import { ItemPlaceholder } from "./ItemPlaceholder.js";
+const itemVariants = cva(["group", "relative", "flex items-center justify-start gap-xs", "px-sm-plus py-xs-plus rounded-md", "text-neutral-primary", "cursor-pointer", "hover:bg-neutral-dark/5"], {
   variants: {
     active: {
-      true: "wby-bg-neutral-dark/5 wby-font-semibold"
+      true: "bg-neutral-dark/5 font-semibold"
     },
     loading: {
-      true: "!wby-text-neutral-disabled !wby-fill-neutral-disabled !wby-pointer-events-none"
+      true: "text-neutral-disabled! fill-neutral-disabled! pointer-events-none!"
     }
   }
 });
@@ -24,7 +24,7 @@ const BaseItem = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-xs wby-px-sm"
+    className: "mb-xs px-sm"
   }, /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
     className: cn(itemVariants({
       active,

package/Tree/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","withStaticProps","ItemCollapseTrigger","ItemContent","ItemDragHandle","ItemIcon","ItemSubIndentation","ItemPlaceholder","itemVariants","variants","active","true","loading","BaseItem","children","className","props","createElement","Object","assign","DecoratableItem","Item","CollapseTrigger","Content","DragHandle","Icon","SubIndentation","Placeholder"],"sources":["Item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { ItemCollapseTrigger } from \"./ItemCollapseTrigger\";\nimport { ItemContent } from \"./ItemContent\";\nimport { ItemDragHandle } from \"./ItemDragHandle\";\nimport { ItemIcon } from \"./ItemIcon\";\nimport { ItemSubIndentation } from \"./ItemSubIndentation\";\nimport { ItemPlaceholder } from \"./ItemPlaceholder\";\n\nconst itemVariants = cva(\n    [\n        \"wby-group\",\n        \"wby-relative\",\n        \"wby-flex wby-items-center wby-justify-start wby-gap-xs\",\n        \"wby-px-sm-plus wby-py-xs-plus wby-rounded-md\",\n        \"wby-text-neutral-primary\",\n        \"wby-cursor-pointer\",\n        \"hover:wby-bg-neutral-dark/5\"\n    ],\n    {\n        variants: {\n            active: {\n                true: \"wby-bg-neutral-dark/5 wby-font-semibold\"\n            },\n            loading: {\n                true: \"!wby-text-neutral-disabled !wby-fill-neutral-disabled !wby-pointer-events-none\"\n            }\n        }\n    }\n);\n\ntype ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;\n\nconst BaseItem = ({ children, className, active, loading, ...props }: ItemProps) => {\n    return (\n        <div className={\"wby-mb-xs wby-px-sm\"}>\n            <div {...props} className={cn(itemVariants({ active, loading }), className)}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nconst DecoratableItem = makeDecoratable(\"TreeItem\", BaseItem);\n\nconst Item = withStaticProps(DecoratableItem, {\n    CollapseTrigger: ItemCollapseTrigger,\n    Content: ItemContent,\n    DragHandle: ItemDragHandle,\n    Icon: ItemIcon,\n    SubIndentation: ItemSubIndentation,\n    Placeholder: ItemPlaceholder\n});\n\nexport { Item, type ItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe,EAAEC,eAAe;AACrE,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,cAAc;AACvB,SAASC,QAAQ;AACjB,SAASC,kBAAkB;AAC3B,SAASC,eAAe;AAExB,MAAMC,YAAY,GAAGT,GAAG,CACpB,CACI,WAAW,EACX,cAAc,EACd,wDAAwD,EACxD,8CAA8C,EAC9C,0BAA0B,EAC1B,oBAAoB,EACpB,6BAA6B,CAChC,EACD;EACIU,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAID,MAAME,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEL,MAAM;EAAEE,OAAO;EAAE,GAAGI;AAAiB,CAAC,KAAK;EAChF,oBACInB,KAAA,CAAAoB,aAAA;IAAKF,SAAS,EAAE;EAAsB,gBAClClB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEjB,EAAE,CAACU,YAAY,CAAC;MAAEE,MAAM;MAAEE;IAAQ,CAAC,CAAC,EAAEG,SAAS;EAAE,IACvED,QACA,CACJ,CAAC;AAEd,CAAC;AAED,MAAMM,eAAe,GAAGpB,eAAe,CAAC,UAAU,EAAEa,QAAQ,CAAC;AAE7D,MAAMQ,IAAI,GAAGpB,eAAe,CAACmB,eAAe,EAAE;EAC1CE,eAAe,EAAEpB,mBAAmB;EACpCqB,OAAO,EAAEpB,WAAW;EACpBqB,UAAU,EAAEpB,cAAc;EAC1BqB,IAAI,EAAEpB,QAAQ;EACdqB,cAAc,EAAEpB,kBAAkB;EAClCqB,WAAW,EAAEpB;AACjB,CAAC,CAAC;AAEF,SAASc,IAAI","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","makeDecoratable","withStaticProps","ItemCollapseTrigger","ItemContent","ItemDragHandle","ItemIcon","ItemSubIndentation","ItemPlaceholder","itemVariants","variants","active","true","loading","BaseItem","children","className","props","createElement","Object","assign","DecoratableItem","Item","CollapseTrigger","Content","DragHandle","Icon","SubIndentation","Placeholder"],"sources":["Item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { ItemCollapseTrigger } from \"./ItemCollapseTrigger.js\";\nimport { ItemContent } from \"./ItemContent.js\";\nimport { ItemDragHandle } from \"./ItemDragHandle.js\";\nimport { ItemIcon } from \"./ItemIcon.js\";\nimport { ItemSubIndentation } from \"./ItemSubIndentation.js\";\nimport { ItemPlaceholder } from \"./ItemPlaceholder.js\";\n\nconst itemVariants = cva(\n    [\n        \"group\",\n        \"relative\",\n        \"flex items-center justify-start gap-xs\",\n        \"px-sm-plus py-xs-plus rounded-md\",\n        \"text-neutral-primary\",\n        \"cursor-pointer\",\n        \"hover:bg-neutral-dark/5\"\n    ],\n    {\n        variants: {\n            active: {\n                true: \"bg-neutral-dark/5 font-semibold\"\n            },\n            loading: {\n                true: \"text-neutral-disabled! fill-neutral-disabled! pointer-events-none!\"\n            }\n        }\n    }\n);\n\ntype ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;\n\nconst BaseItem = ({ children, className, active, loading, ...props }: ItemProps) => {\n    return (\n        <div className={\"mb-xs px-sm\"}>\n            <div {...props} className={cn(itemVariants({ active, loading }), className)}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nconst DecoratableItem = makeDecoratable(\"TreeItem\", BaseItem);\n\nconst Item = withStaticProps(DecoratableItem, {\n    CollapseTrigger: ItemCollapseTrigger,\n    Content: ItemContent,\n    DragHandle: ItemDragHandle,\n    Icon: ItemIcon,\n    SubIndentation: ItemSubIndentation,\n    Placeholder: ItemPlaceholder\n});\n\nexport { Item, type ItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe,EAAEC,eAAe;AACrE,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,cAAc;AACvB,SAASC,QAAQ;AACjB,SAASC,kBAAkB;AAC3B,SAASC,eAAe;AAExB,MAAMC,YAAY,GAAGT,GAAG,CACpB,CACI,OAAO,EACP,UAAU,EACV,wCAAwC,EACxC,kCAAkC,EAClC,sBAAsB,EACtB,gBAAgB,EAChB,yBAAyB,CAC5B,EACD;EACIU,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAID,MAAME,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEL,MAAM;EAAEE,OAAO;EAAE,GAAGI;AAAiB,CAAC,KAAK;EAChF,oBACInB,KAAA,CAAAoB,aAAA;IAAKF,SAAS,EAAE;EAAc,gBAC1BlB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEjB,EAAE,CAACU,YAAY,CAAC;MAAEE,MAAM;MAAEE;IAAQ,CAAC,CAAC,EAAEG,SAAS;EAAE,IACvED,QACA,CACJ,CAAC;AAEd,CAAC;AAED,MAAMM,eAAe,GAAGpB,eAAe,CAAC,UAAU,EAAEa,QAAQ,CAAC;AAE7D,MAAMQ,IAAI,GAAGpB,eAAe,CAACmB,eAAe,EAAE;EAC1CE,eAAe,EAAEpB,mBAAmB;EACpCqB,OAAO,EAAEpB,WAAW;EACpBqB,UAAU,EAAEpB,cAAc;EAC1BqB,IAAI,EAAEpB,QAAQ;EACdqB,cAAc,EAAEpB,kBAAkB;EAClCqB,WAAW,EAAEpB;AACjB,CAAC,CAAC;AAEF,SAASc,IAAI","ignoreList":[]}

package/Tree/components/ItemCollapseTrigger.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type IconButtonProps } from "../../Button";
+import { type IconButtonProps } from "../../Button/index.js";
 interface ItemCollapseTriggerProps extends IconButtonProps {
     open?: boolean;
     loading?: boolean;
@@ -17,7 +17,7 @@ declare const ItemCollapseTrigger: (({ open, loading, ...props }: ItemCollapseTr
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element) & {
         original: ({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tree/components/ItemCollapseTrigger.js

@@ -1,9 +1,9 @@
 import React from "react";
 import { ReactComponent as ChevronRight } from "@webiny/icons/chevron_right.svg";
-import { IconButton } from "../../Button";
-import { Loader } from "../../Loader";
-import { Icon } from "../../Icon";
-import { makeDecoratable, cn } from "../../utils";
+import { IconButton } from "../../Button/index.js";
+import { Loader } from "../../Loader/index.js";
+import { Icon } from "../../Icon/index.js";
+import { makeDecoratable, cn } from "../../utils.js";
 const BaseItemCollapseTrigger = ({
   open,
   loading,
@@ -23,7 +23,7 @@ const BaseItemCollapseTrigger = ({
       size: "sm",
       label: "Open / Close tree item",
       color: "neutral-strong",
-      className: cn("wby-transition wby-transform wby-duration-100 wby-ease-linear", open ? "wby-rotate-90" : "wby-rotate-0")
+      className: cn("transition transform duration-100 ease-linear", open ? "rotate-90" : "rotate-0")
     })
   }));
 };

package/Tree/components/ItemCollapseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronRight","IconButton","Loader","Icon","makeDecoratable","cn","BaseItemCollapseTrigger","open","loading","props","createElement","size","variant","Object","assign","icon","label","color","className","ItemCollapseTrigger"],"sources":["ItemCollapseTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button\";\nimport { Loader } from \"~/Loader\";\nimport { Icon } from \"~/Icon\";\nimport { makeDecoratable, cn } from \"~/utils\";\n\ninterface ItemCollapseTriggerProps extends IconButtonProps {\n    open?: boolean;\n    loading?: boolean;\n}\n\nconst BaseItemCollapseTrigger = ({ open, loading, ...props }: ItemCollapseTriggerProps) => {\n    if (loading) {\n        return <Loader size={\"xs\"} variant={\"subtle\"} />;\n    }\n\n    return (\n        <IconButton\n            {...props}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            icon={\n                <Icon\n                    icon={<ChevronRight />}\n                    size=\"sm\"\n                    label={\"Open / Close tree item\"}\n                    color={\"neutral-strong\"}\n                    className={cn(\n                        \"wby-transition wby-transform wby-duration-100 wby-ease-linear\",\n                        open ? \"wby-rotate-90\" : \"wby-rotate-0\"\n                    )}\n                />\n            }\n        />\n    );\n};\n\nconst ItemCollapseTrigger = makeDecoratable(\"TreeItemCollapseTrigger\", BaseItemCollapseTrigger);\n\nexport { ItemCollapseTrigger, type ItemCollapseTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAChF,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,eAAe,EAAEC,EAAE;AAO5B,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACvF,IAAID,OAAO,EAAE;IACT,oBAAOV,KAAA,CAAAY,aAAA,CAACR,MAAM;MAACS,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAS,CAAE,CAAC;EACpD;EAEA,oBACId,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAY,MAAA,CAAAC,MAAA,KACHL,KAAK;IACTE,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBG,IAAI,eACAjB,KAAA,CAAAY,aAAA,CAACP,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAY,aAAA,CAACV,YAAY,MAAE,CAAE;MACvBW,IAAI,EAAC,IAAI;MACTK,KAAK,EAAE,wBAAyB;MAChCC,KAAK,EAAE,gBAAiB;MACxBC,SAAS,EAAEb,EAAE,CACT,+DAA+D,EAC/DE,IAAI,GAAG,eAAe,GAAG,cAC7B;IAAE,CACL;EACJ,EACJ,CAAC;AAEV,CAAC;AAED,MAAMY,mBAAmB,GAAGf,eAAe,CAAC,yBAAyB,EAAEE,uBAAuB,CAAC;AAE/F,SAASa,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ChevronRight","IconButton","Loader","Icon","makeDecoratable","cn","BaseItemCollapseTrigger","open","loading","props","createElement","size","variant","Object","assign","icon","label","color","className","ItemCollapseTrigger"],"sources":["ItemCollapseTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { Loader } from \"~/Loader/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { makeDecoratable, cn } from \"~/utils.js\";\n\ninterface ItemCollapseTriggerProps extends IconButtonProps {\n    open?: boolean;\n    loading?: boolean;\n}\n\nconst BaseItemCollapseTrigger = ({ open, loading, ...props }: ItemCollapseTriggerProps) => {\n    if (loading) {\n        return <Loader size={\"xs\"} variant={\"subtle\"} />;\n    }\n\n    return (\n        <IconButton\n            {...props}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            icon={\n                <Icon\n                    icon={<ChevronRight />}\n                    size=\"sm\"\n                    label={\"Open / Close tree item\"}\n                    color={\"neutral-strong\"}\n                    className={cn(\n                        \"transition transform duration-100 ease-linear\",\n                        open ? \"rotate-90\" : \"rotate-0\"\n                    )}\n                />\n            }\n        />\n    );\n};\n\nconst ItemCollapseTrigger = makeDecoratable(\"TreeItemCollapseTrigger\", BaseItemCollapseTrigger);\n\nexport { ItemCollapseTrigger, type ItemCollapseTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAChF,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,eAAe,EAAEC,EAAE;AAO5B,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACvF,IAAID,OAAO,EAAE;IACT,oBAAOV,KAAA,CAAAY,aAAA,CAACR,MAAM;MAACS,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAS,CAAE,CAAC;EACpD;EAEA,oBACId,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAY,MAAA,CAAAC,MAAA,KACHL,KAAK;IACTE,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBG,IAAI,eACAjB,KAAA,CAAAY,aAAA,CAACP,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAY,aAAA,CAACV,YAAY,MAAE,CAAE;MACvBW,IAAI,EAAC,IAAI;MACTK,KAAK,EAAE,wBAAyB;MAChCC,KAAK,EAAE,gBAAiB;MACxBC,SAAS,EAAEb,EAAE,CACT,+CAA+C,EAC/CE,IAAI,GAAG,WAAW,GAAG,UACzB;IAAE,CACL;EACJ,EACJ,CAAC;AAEV,CAAC;AAED,MAAMY,mBAAmB,GAAGf,eAAe,CAAC,yBAAyB,EAAEE,uBAAuB,CAAC;AAE/F,SAASa,mBAAmB","ignoreList":[]}

package/Tree/components/ItemContent.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-interface ItemContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ItemContent: (({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
+export type ItemContentProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const ItemContent: (({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
     original: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
@@ -14,10 +13,9 @@ declare const ItemContent: (({ children, className, ...props }: ItemContentProps
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
         original: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export { ItemContent, type ItemContentProps };

package/Tree/components/ItemContent.js

@@ -1,15 +1,14 @@
 import React from "react";
-import { cn, makeDecoratable } from "../../utils";
+import { cn, makeDecoratable } from "../../utils.js";
 const BaseItemContent = ({
   children,
   className,
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: cn("wby-flex wby-items-center wby-w-full wby-gap-x-sm wby-truncate", className)
+    className: cn("flex items-center w-full gap-x-sm truncate", className)
   }, props), children);
 };
-const ItemContent = makeDecoratable("TreeItemContent", BaseItemContent);
-export { ItemContent };
+export const ItemContent = makeDecoratable("TreeItemContent", BaseItemContent);
 
 //# sourceMappingURL=ItemContent.js.map

package/Tree/components/ItemContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","BaseItemContent","children","className","props","createElement","Object","assign","ItemContent"],"sources":["ItemContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\ninterface ItemContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst BaseItemContent = ({ children, className, ...props }: ItemContentProps) => {\n    return (\n        <div\n            className={cn(\n                \"wby-flex wby-items-center wby-w-full wby-gap-x-sm wby-truncate\",\n                className\n            )}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst ItemContent = makeDecoratable(\"TreeItemContent\", BaseItemContent);\n\nexport { ItemContent, type ItemContentProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC7E,oBACIN,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACIJ,SAAS,EAAEJ,EAAE,CACT,gEAAgE,EAChEI,SACJ;EAAE,GACEC,KAAK,GAERF,QACA,CAAC;AAEd,CAAC;AAED,MAAMM,WAAW,GAAGR,eAAe,CAAC,iBAAiB,EAAEC,eAAe,CAAC;AAEvE,SAASO,WAAW","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","BaseItemContent","children","className","props","createElement","Object","assign","ItemContent"],"sources":["ItemContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nexport type ItemContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst BaseItemContent = ({ children, className, ...props }: ItemContentProps) => {\n    return (\n        <div className={cn(\"flex items-center w-full gap-x-sm truncate\", className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\nexport const ItemContent = makeDecoratable(\"TreeItemContent\", BaseItemContent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAI5B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC7E,oBACIN,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKJ,SAAS,EAAEJ,EAAE,CAAC,4CAA4C,EAAEI,SAAS;EAAE,GAAKC,KAAK,GACjFF,QACA,CAAC;AAEd,CAAC;AAED,OAAO,MAAMM,WAAW,GAAGR,eAAe,CAAC,iBAAiB,EAAEC,eAAe,CAAC","ignoreList":[]}

package/Tree/components/ItemDragHandle.d.ts

@@ -16,7 +16,7 @@ declare const ItemDragHandle: (({ handleRef }: ItemDragHandleProps) => React.JSX
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
         original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tree/components/ItemDragHandle.js

@@ -1,8 +1,8 @@
 import React from "react";
 import { ReactComponent as DragIndicator } from "@webiny/icons/drag_indicator.svg";
-import { IconButton } from "../../Button";
-import { Icon } from "../../Icon";
-import { cn, makeDecoratable } from "../../utils";
+import { IconButton } from "../../Button/index.js";
+import { Icon } from "../../Icon/index.js";
+import { cn, makeDecoratable } from "../../utils.js";
 const BaseItemDragHandle = ({
   handleRef
 }) => {
@@ -20,7 +20,7 @@ const BaseItemDragHandle = ({
     onMouseDown: () => setIsDragging(true),
     onMouseUp: () => setIsDragging(false),
     onMouseLeave: () => setIsDragging(false),
-    className: cn(["wby-absolute wby-top-sm -wby-left-sm", "wby-invisible group-hover:wby-visible", "wby-size-md", isDragging ? "wby-cursor-grabbing" : "wby-cursor-grab"])
+    className: cn(["absolute top-sm -left-sm", "invisible group-hover:visible", "size-md", isDragging ? "cursor-grabbing" : "cursor-grab"])
   }));
 };
 const ItemDragHandle = makeDecoratable("TreeItemDragHandle", BaseItemDragHandle);

package/Tree/components/ItemDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DragIndicator","IconButton","Icon","cn","makeDecoratable","BaseItemDragHandle","handleRef","isDragging","setIsDragging","useState","createElement","ref","size","variant","icon","label","onMouseDown","onMouseUp","onMouseLeave","className","ItemDragHandle"],"sources":["ItemDragHandle.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport React from \"react\";\nimport { ReactComponent as DragIndicator } from \"@webiny/icons/drag_indicator.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\ntype ItemDragHandleProps = {\n    handleRef?: RefObject<HTMLDivElement | null>;\n};\n\nconst BaseItemDragHandle = ({ handleRef }: ItemDragHandleProps) => {\n    const [isDragging, setIsDragging] = React.useState(false);\n\n    return (\n        <div ref={handleRef as React.LegacyRef<HTMLDivElement>}>\n            <IconButton\n                size={\"xs\"}\n                variant={\"secondary\"}\n                icon={<Icon icon={<DragIndicator />} size=\"sm\" label={\"Drag to reorder\"} />}\n                onMouseDown={() => setIsDragging(true)}\n                onMouseUp={() => setIsDragging(false)}\n                onMouseLeave={() => setIsDragging(false)}\n                className={cn([\n                    \"wby-absolute wby-top-sm -wby-left-sm\",\n                    \"wby-invisible group-hover:wby-visible\",\n                    \"wby-size-md\",\n                    isDragging ? \"wby-cursor-grabbing\" : \"wby-cursor-grab\"\n                ])}\n            />\n        </div>\n    );\n};\n\nconst ItemDragHandle = makeDecoratable(\"TreeItemDragHandle\", BaseItemDragHandle);\n\nexport { ItemDragHandle, type ItemDragHandleProps };\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,eAAe;AAM5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAC/D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAAC,KAAK,CAAC;EAEzD,oBACIX,KAAA,CAAAY,aAAA;IAAKC,GAAG,EAAEL;EAA6C,gBACnDR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,WAAY;IACrBC,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACR,IAAI;MAACY,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CAAE;MAACY,IAAI,EAAC,IAAI;MAACG,KAAK,EAAE;IAAkB,CAAE,CAAE;IAC5EC,WAAW,EAAEA,CAAA,KAAMR,aAAa,CAAC,IAAI,CAAE;IACvCS,SAAS,EAAEA,CAAA,KAAMT,aAAa,CAAC,KAAK,CAAE;IACtCU,YAAY,EAAEA,CAAA,KAAMV,aAAa,CAAC,KAAK,CAAE;IACzCW,SAAS,EAAEhB,EAAE,CAAC,CACV,sCAAsC,EACtC,uCAAuC,EACvC,aAAa,EACbI,UAAU,GAAG,qBAAqB,GAAG,iBAAiB,CACzD;EAAE,CACN,CACA,CAAC;AAEd,CAAC;AAED,MAAMa,cAAc,GAAGhB,eAAe,CAAC,oBAAoB,EAAEC,kBAAkB,CAAC;AAEhF,SAASe,cAAc","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DragIndicator","IconButton","Icon","cn","makeDecoratable","BaseItemDragHandle","handleRef","isDragging","setIsDragging","useState","createElement","ref","size","variant","icon","label","onMouseDown","onMouseUp","onMouseLeave","className","ItemDragHandle"],"sources":["ItemDragHandle.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport React from \"react\";\nimport { ReactComponent as DragIndicator } from \"@webiny/icons/drag_indicator.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\ntype ItemDragHandleProps = {\n    handleRef?: RefObject<HTMLDivElement | null>;\n};\n\nconst BaseItemDragHandle = ({ handleRef }: ItemDragHandleProps) => {\n    const [isDragging, setIsDragging] = React.useState(false);\n\n    return (\n        <div ref={handleRef as React.LegacyRef<HTMLDivElement>}>\n            <IconButton\n                size={\"xs\"}\n                variant={\"secondary\"}\n                icon={<Icon icon={<DragIndicator />} size=\"sm\" label={\"Drag to reorder\"} />}\n                onMouseDown={() => setIsDragging(true)}\n                onMouseUp={() => setIsDragging(false)}\n                onMouseLeave={() => setIsDragging(false)}\n                className={cn([\n                    \"absolute top-sm -left-sm\",\n                    \"invisible group-hover:visible\",\n                    \"size-md\",\n                    isDragging ? \"cursor-grabbing\" : \"cursor-grab\"\n                ])}\n            />\n        </div>\n    );\n};\n\nconst ItemDragHandle = makeDecoratable(\"TreeItemDragHandle\", BaseItemDragHandle);\n\nexport { ItemDragHandle, type ItemDragHandleProps };\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,eAAe;AAM5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAC/D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAAC,KAAK,CAAC;EAEzD,oBACIX,KAAA,CAAAY,aAAA;IAAKC,GAAG,EAAEL;EAA6C,gBACnDR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,WAAY;IACrBC,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACR,IAAI;MAACY,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CAAE;MAACY,IAAI,EAAC,IAAI;MAACG,KAAK,EAAE;IAAkB,CAAE,CAAE;IAC5EC,WAAW,EAAEA,CAAA,KAAMR,aAAa,CAAC,IAAI,CAAE;IACvCS,SAAS,EAAEA,CAAA,KAAMT,aAAa,CAAC,KAAK,CAAE;IACtCU,YAAY,EAAEA,CAAA,KAAMV,aAAa,CAAC,KAAK,CAAE;IACzCW,SAAS,EAAEhB,EAAE,CAAC,CACV,0BAA0B,EAC1B,+BAA+B,EAC/B,SAAS,EACTI,UAAU,GAAG,iBAAiB,GAAG,aAAa,CACjD;EAAE,CACN,CACA,CAAC;AAEd,CAAC;AAED,MAAMa,cAAc,GAAGhB,eAAe,CAAC,oBAAoB,EAAEC,kBAAkB,CAAC;AAEhF,SAASe,cAAc","ignoreList":[]}

package/Tree/components/ItemIcon.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type IconProps } from "../../Icon";
+import { type IconProps } from "../../Icon/index.js";
 interface ItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
     active?: boolean;
@@ -17,7 +17,7 @@ declare const ItemIcon: (({ element, active, ...props }: ItemIconProps) => React
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
         original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tree/components/ItemIcon.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Icon } from "../../Icon";
-import { makeDecoratable } from "../../utils";
+import { Icon } from "../../Icon/index.js";
+import { makeDecoratable } from "../../utils.js";
 const BaseItemIcon = ({
   element,
   active,

package/Tree/components/ItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","makeDecoratable","BaseItemIcon","element","active","props","createElement","Object","assign","icon","size","color","ItemIcon"],"sources":["ItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n    active?: boolean;\n}\n\nconst BaseItemIcon = ({ element, active, ...props }: ItemIconProps) => {\n    return (\n        <Icon\n            icon={element}\n            size={\"sm\"}\n            color={active ? \"neutral-strong\" : \"neutral-light\"}\n            {...props}\n        />\n    );\n};\n\nconst ItemIcon = makeDecoratable(\"TreeItemIcon\", BaseItemIcon);\n\nexport { ItemIcon, type ItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe;AAOxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACnE,oBACIN,KAAA,CAAAO,aAAA,CAACN,IAAI,EAAAO,MAAA,CAAAC,MAAA;IACDC,IAAI,EAAEN,OAAQ;IACdO,IAAI,EAAE,IAAK;IACXC,KAAK,EAAEP,MAAM,GAAG,gBAAgB,GAAG;EAAgB,GAC/CC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,MAAMO,QAAQ,GAAGX,eAAe,CAAC,cAAc,EAAEC,YAAY,CAAC;AAE9D,SAASU,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","Icon","makeDecoratable","BaseItemIcon","element","active","props","createElement","Object","assign","icon","size","color","ItemIcon"],"sources":["ItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n    active?: boolean;\n}\n\nconst BaseItemIcon = ({ element, active, ...props }: ItemIconProps) => {\n    return (\n        <Icon\n            icon={element}\n            size={\"sm\"}\n            color={active ? \"neutral-strong\" : \"neutral-light\"}\n            {...props}\n        />\n    );\n};\n\nconst ItemIcon = makeDecoratable(\"TreeItemIcon\", BaseItemIcon);\n\nexport { ItemIcon, type ItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe;AAOxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACnE,oBACIN,KAAA,CAAAO,aAAA,CAACN,IAAI,EAAAO,MAAA,CAAAC,MAAA;IACDC,IAAI,EAAEN,OAAQ;IACdO,IAAI,EAAE,IAAK;IACXC,KAAK,EAAEP,MAAM,GAAG,gBAAgB,GAAG;EAAgB,GAC/CC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,MAAMO,QAAQ,GAAGX,eAAe,CAAC,cAAc,EAAEC,YAAY,CAAC;AAE9D,SAASU,QAAQ","ignoreList":[]}

package/Tree/components/ItemPlaceholder.d.ts

@@ -15,7 +15,7 @@ declare const ItemPlaceholder: (({ depth }: ItemPlaceholderProps) => React.JSX.E
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
         original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tree/components/ItemPlaceholder.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { makeDecoratable } from "../../utils";
+import { makeDecoratable } from "../../utils.js";
 const BaseItemPlaceholder = ({
   depth
 }) => {
   const left = depth * 20 + 20;
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-xxs wby-bg-primary-muted wby-absolute wby-top-0 wby-right-0",
+    className: "w-full h-xxs bg-primary-muted absolute top-0 right-0",
     style: {
       left
     }

package/Tree/components/ItemPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","BaseItemPlaceholder","depth","left","createElement","className","style","ItemPlaceholder"],"sources":["ItemPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemPlaceholderProps {\n    depth: number;\n}\n\nconst BaseItemPlaceholder = ({ depth }: ItemPlaceholderProps) => {\n    const left = depth * 20 + 20;\n\n    return (\n        <div\n            className=\"wby-w-full wby-h-xxs wby-bg-primary-muted wby-absolute wby-top-0 wby-right-0\"\n            style={{ left }}\n        />\n    );\n};\n\nconst ItemPlaceholder = makeDecoratable(\"TreeItemPlaceholder\", BaseItemPlaceholder);\n\nexport { ItemPlaceholder, type ItemPlaceholderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC7D,MAAMC,IAAI,GAAGD,KAAK,GAAG,EAAE,GAAG,EAAE;EAE5B,oBACIH,KAAA,CAAAK,aAAA;IACIC,SAAS,EAAC,8EAA8E;IACxFC,KAAK,EAAE;MAAEH;IAAK;EAAE,CACnB,CAAC;AAEV,CAAC;AAED,MAAMI,eAAe,GAAGP,eAAe,CAAC,qBAAqB,EAAEC,mBAAmB,CAAC;AAEnF,SAASM,eAAe","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","BaseItemPlaceholder","depth","left","createElement","className","style","ItemPlaceholder"],"sources":["ItemPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemPlaceholderProps {\n    depth: number;\n}\n\nconst BaseItemPlaceholder = ({ depth }: ItemPlaceholderProps) => {\n    const left = depth * 20 + 20;\n\n    return (\n        <div className=\"w-full h-xxs bg-primary-muted absolute top-0 right-0\" style={{ left }} />\n    );\n};\n\nconst ItemPlaceholder = makeDecoratable(\"TreeItemPlaceholder\", BaseItemPlaceholder);\n\nexport { ItemPlaceholder, type ItemPlaceholderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC7D,MAAMC,IAAI,GAAGD,KAAK,GAAG,EAAE,GAAG,EAAE;EAE5B,oBACIH,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC,sDAAsD;IAACC,KAAK,EAAE;MAAEH;IAAK;EAAE,CAAE,CAAC;AAEjG,CAAC;AAED,MAAMI,eAAe,GAAGP,eAAe,CAAC,qBAAqB,EAAEC,mBAAmB,CAAC;AAEnF,SAASM,eAAe","ignoreList":[]}

package/Tree/components/ItemSubIndentation.d.ts

@@ -15,7 +15,7 @@ declare const ItemSubIndentation: (({ level }: ItemSubIndentationProps) => React
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
         original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Tree/components/ItemSubIndentation.js

@@ -1,21 +1,21 @@
 import React from "react";
-import { Separator } from "../../Separator";
-import { makeDecoratable } from "../../utils";
+import { Separator } from "../../Separator/index.js";
+import { makeDecoratable } from "../../utils.js";
 const BaseItemSubIndentation = ({
   level
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-gap-x-xs wby-flex wby-mr-sm"
+    className: "gap-x-xs flex mr-sm"
   }, Array.from({
     length: level
   }, (_, index) => /*#__PURE__*/React.createElement("div", {
-    className: "wby-ml-md",
+    className: "ml-md",
     key: `sub-indentation-${level + index}`
   }, /*#__PURE__*/React.createElement(Separator, {
     orientation: "vertical",
     margin: "none",
     variant: "strong",
-    className: "wby-h-xl wby-ml-px"
+    className: "h-xl ml-px"
   }))));
 };
 const ItemSubIndentation = makeDecoratable("TreeItemSubIndentation", BaseItemSubIndentation);

package/Tree/components/ItemSubIndentation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","makeDecoratable","BaseItemSubIndentation","level","createElement","className","Array","from","length","_","index","key","orientation","margin","variant","ItemSubIndentation"],"sources":["ItemSubIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"content\"> {\n    level: number;\n}\n\nconst BaseItemSubIndentation = ({ level }: ItemSubIndentationProps) => {\n    return (\n        <div className={\"wby-gap-x-xs wby-flex wby-mr-sm\"}>\n            {Array.from({ length: level }, (_, index) => (\n                <div className={\"wby-ml-md\"} key={`sub-indentation-${level + index}`}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={\"wby-h-xl wby-ml-px\"}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nconst ItemSubIndentation = makeDecoratable(\"TreeItemSubIndentation\", BaseItemSubIndentation);\n\nexport { ItemSubIndentation, type ItemSubIndentationProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,eAAe;AAMxB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAkC,GAC7CC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL;EAAM,CAAC,EAAE,CAACM,CAAC,EAAEC,KAAK,kBACpCX,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,WAAY;IAACM,GAAG,EAAE,mBAAmBR,KAAK,GAAGO,KAAK;EAAG,gBACjEX,KAAA,CAAAK,aAAA,CAACJ,SAAS;IACNY,WAAW,EAAE,UAAW;IACxBC,MAAM,EAAE,MAAO;IACfC,OAAO,EAAE,QAAS;IAClBT,SAAS,EAAE;EAAqB,CACnC,CACA,CACR,CACA,CAAC;AAEd,CAAC;AAED,MAAMU,kBAAkB,GAAGd,eAAe,CAAC,wBAAwB,EAAEC,sBAAsB,CAAC;AAE5F,SAASa,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","Separator","makeDecoratable","BaseItemSubIndentation","level","createElement","className","Array","from","length","_","index","key","orientation","margin","variant","ItemSubIndentation"],"sources":["ItemSubIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"content\"> {\n    level: number;\n}\n\nconst BaseItemSubIndentation = ({ level }: ItemSubIndentationProps) => {\n    return (\n        <div className={\"gap-x-xs flex mr-sm\"}>\n            {Array.from({ length: level }, (_, index) => (\n                <div className={\"ml-md\"} key={`sub-indentation-${level + index}`}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={\"h-xl ml-px\"}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nconst ItemSubIndentation = makeDecoratable(\"TreeItemSubIndentation\", BaseItemSubIndentation);\n\nexport { ItemSubIndentation, type ItemSubIndentationProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,eAAe;AAMxB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsB,GACjCC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL;EAAM,CAAC,EAAE,CAACM,CAAC,EAAEC,KAAK,kBACpCX,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,OAAQ;IAACM,GAAG,EAAE,mBAAmBR,KAAK,GAAGO,KAAK;EAAG,gBAC7DX,KAAA,CAAAK,aAAA,CAACJ,SAAS;IACNY,WAAW,EAAE,UAAW;IACxBC,MAAM,EAAE,MAAO;IACfC,OAAO,EAAE,QAAS;IAClBT,SAAS,EAAE;EAAa,CAC3B,CACA,CACR,CACA,CAAC;AAEd,CAAC;AAED,MAAMU,kBAAkB,GAAGd,eAAe,CAAC,wBAAwB,EAAEC,sBAAsB,CAAC;AAE5F,SAASa,kBAAkB","ignoreList":[]}

package/Tree/components/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./Item";
-export * from "./ItemCollapseTrigger";
-export * from "./ItemContent";
-export * from "./ItemDragHandle";
-export * from "./ItemIcon";
-export * from "./ItemPlaceholder";
-export * from "./ItemSubIndentation";
+export * from "./Item.js";
+export * from "./ItemCollapseTrigger.js";
+export * from "./ItemContent.js";
+export * from "./ItemDragHandle.js";
+export * from "./ItemIcon.js";
+export * from "./ItemPlaceholder.js";
+export * from "./ItemSubIndentation.js";

package/Tree/components/index.js

@@ -1,9 +1,9 @@
-export * from "./Item";
-export * from "./ItemCollapseTrigger";
-export * from "./ItemContent";
-export * from "./ItemDragHandle";
-export * from "./ItemIcon";
-export * from "./ItemPlaceholder";
-export * from "./ItemSubIndentation";
+export * from "./Item.js";
+export * from "./ItemCollapseTrigger.js";
+export * from "./ItemContent.js";
+export * from "./ItemDragHandle.js";
+export * from "./ItemIcon.js";
+export * from "./ItemPlaceholder.js";
+export * from "./ItemSubIndentation.js";
 
 //# sourceMappingURL=index.js.map

package/Tree/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Item\";\nexport * from \"./ItemCollapseTrigger\";\nexport * from \"./ItemContent\";\nexport * from \"./ItemDragHandle\";\nexport * from \"./ItemIcon\";\nexport * from \"./ItemPlaceholder\";\nexport * from \"./ItemSubIndentation\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Item.js\";\nexport * from \"./ItemCollapseTrigger.js\";\nexport * from \"./ItemContent.js\";\nexport * from \"./ItemDragHandle.js\";\nexport * from \"./ItemIcon.js\";\nexport * from \"./ItemPlaceholder.js\";\nexport * from \"./ItemSubIndentation.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Tree/domains/NodeFormatter.d.ts

@@ -1,6 +1,6 @@
-import type { Node } from "./Node";
-import type { NodeFormatted } from "./NodeFormatted";
-import type { NodeDto } from "./NodeDto";
+import type { Node } from "./Node.js";
+import type { NodeFormatted } from "../../Tree/domains/NodeFormatted.js";
+import type { NodeDto } from "../../Tree/domains/NodeDto.js";
 export declare class NodeFormatter {
     static toFormatted<TData = Record<string, any>>(item: Node<TData>, loadingNodeIds: string[]): NodeFormatted<TData>;
     static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData>;

package/Tree/domains/NodeFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeFormatter","toFormatted","item","loadingNodeIds","id","text","label","parent","parentId","droppable","data","active","loading","includes","toDto"],"sources":["NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CACdC,IAAiB,EACjBC,cAAwB,EACJ;IACpB,OAAO;MACHC,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXC,IAAI,EAAEH,IAAI,CAACI,KAAK;MAChBC,MAAM,EAAEL,IAAI,CAACM,QAAQ;MACrBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;MACjCC,IAAI,EAAE;QACFN,EAAE,EAAEF,IAAI,CAACE,EAAE;QACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;QACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;QACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;QACjCE,MAAM,EAAET,IAAI,CAACS,MAAM,IAAI,KAAK;QAC5BC,OAAO,EAAET,cAAc,CAACU,QAAQ,CAACX,IAAI,CAACE,EAAE,CAAC;QACzC,GAAGF,IAAI,CAACQ;MACZ;IACJ,CAAC;EACL;EAEA,OAAOI,KAAKA,CAA8BZ,IAAiB,EAAkB;IACzE,OAAO;MACHE,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS;MACzBC,IAAI,EAAER,IAAI,CAACQ;IACf,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["NodeFormatter","toFormatted","item","loadingNodeIds","id","text","label","parent","parentId","droppable","data","active","loading","includes","toDto"],"sources":["NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node.js\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted.js\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto.js\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CACdC,IAAiB,EACjBC,cAAwB,EACJ;IACpB,OAAO;MACHC,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXC,IAAI,EAAEH,IAAI,CAACI,KAAK;MAChBC,MAAM,EAAEL,IAAI,CAACM,QAAQ;MACrBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;MACjCC,IAAI,EAAE;QACFN,EAAE,EAAEF,IAAI,CAACE,EAAE;QACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;QACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;QACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;QACjCE,MAAM,EAAET,IAAI,CAACS,MAAM,IAAI,KAAK;QAC5BC,OAAO,EAAET,cAAc,CAACU,QAAQ,CAACX,IAAI,CAACE,EAAE,CAAC;QACzC,GAAGF,IAAI,CAACQ;MACZ;IACJ,CAAC;EACL;EAEA,OAAOI,KAAKA,CAA8BZ,IAAiB,EAAkB;IACzE,OAAO;MACHE,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS;MACzBC,IAAI,EAAER,IAAI,CAACQ;IACf,CAAC;EACL;AACJ","ignoreList":[]}

package/Tree/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./Node";
-export * from "./NodeDto";
-export * from "./NodeFormatted";
-export * from "./NodeFormatter";
+export * from "./Node.js";
+export type * from "./NodeDto.js";
+export type * from "./NodeFormatted.js";
+export * from "./NodeFormatter.js";