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

package/Sidebar/components/items/SidebarMenuItem.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon";
-import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction";
-import type { LinkProps, To } from "@webiny/react-router";
+import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon.js";
+import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction.js";
+import { LinkProps } from "../../../index.js";
 export interface SidebarMenuItemBaseProps {
     text: React.ReactNode;
     className?: string;
@@ -12,14 +12,16 @@ export interface SidebarMenuItemBaseProps {
     variant?: "group-label";
     active?: boolean;
     disabled?: boolean;
+    pinnable?: boolean;
+    pinnedIcon?: React.ReactNode;
 }
 type SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & {
     to?: never;
+    route?: never;
+    params?: never;
 };
 type SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;
-type SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps & {
-    to: To;
-};
+type SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps;
 type SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;
 declare const SidebarMenuItem: ((props: SidebarMenuItemProps) => React.JSX.Element) & {
     original: (props: SidebarMenuItemProps) => React.JSX.Element;
@@ -34,31 +36,31 @@ declare const SidebarMenuItem: ((props: SidebarMenuItemProps) => React.JSX.Eleme
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemProps) => React.JSX.Element) & {
         original: (props: SidebarMenuItemProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Icon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+    Icon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, ...props }: SidebarMenuItemActionProps) => React.JSX.Element;
+    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
 };
 export { SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuItemButtonProps, type SidebarMenuItemLinkProps, type SidebarMenuItemGroupProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuItem.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { makeDecoratable, withStaticProps } from "../../../utils";
-import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon";
-import { SidebarMenuItemAction } from "./SidebarMenuItemAction";
-import { SidebarMenuSubItem } from "./SidebarMenuSubItem";
-import { useSidebarMenu } from "./SidebarMenuProvider";
-import { SidebarMenuRootItem } from "./SidebarMenuRootItem";
+import { makeDecoratable, withStaticProps } from "../../../utils.js";
+import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon.js";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
+import { SidebarMenuSubItem } from "./SidebarMenuSubItem.js";
+import { useSidebarMenu } from "./SidebarMenuProvider.js";
+import { SidebarMenuRootItem } from "./SidebarMenuRootItem.js";
 const SidebarMenuItemBase = props => {
   const {
     currentLevel

package/Sidebar/components/items/SidebarMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuSubItem","useSidebarMenu","SidebarMenuRootItem","SidebarMenuItemBase","props","currentLevel","createElement","DecoratableSidebarMenuItem","SidebarMenuItem","Icon","Action"],"sources":["SidebarMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { SidebarMenuItemIcon, type SidebarMenuItemIconProps } from \"./SidebarMenuItemIcon\";\nimport { SidebarMenuItemAction, type SidebarMenuItemActionProps } from \"./SidebarMenuItemAction\";\nimport { SidebarMenuSubItem } from \"./SidebarMenuSubItem\";\nimport { useSidebarMenu } from \"./SidebarMenuProvider\";\nimport type { LinkProps, To } from \"@webiny/react-router\";\nimport { SidebarMenuRootItem } from \"~/Sidebar/components/items/SidebarMenuRootItem\";\n\nexport interface SidebarMenuItemBaseProps {\n    text: React.ReactNode;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: React.MouseEventHandler;\n    icon?: React.ReactNode;\n    action?: React.ReactNode;\n    variant?: \"group-label\";\n    active?: boolean;\n    disabled?: boolean;\n}\n\ntype SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & { to?: never };\ntype SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;\ntype SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps & { to: To };\n\ntype SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;\n\nconst SidebarMenuItemBase = (props: SidebarMenuItemProps) => {\n    const { currentLevel } = useSidebarMenu();\n\n    if (currentLevel === 0) {\n        return <SidebarMenuRootItem {...props} />;\n    }\n\n    return <SidebarMenuSubItem {...props} />;\n};\n\nconst DecoratableSidebarMenuItem = makeDecoratable(\"SidebarMenuItem\", SidebarMenuItemBase);\n\nconst SidebarMenuItem = withStaticProps(DecoratableSidebarMenuItem, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuItem,\n    type SidebarMenuItemProps,\n    type SidebarMenuItemButtonProps,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemGroupProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AAEvB,SAASC,mBAAmB;AAoB5B,MAAMC,mBAAmB,GAAIC,KAA2B,IAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAEzC,IAAII,YAAY,KAAK,CAAC,EAAE;IACpB,oBAAOV,KAAA,CAAAW,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EAC7C;EAEA,oBAAOT,KAAA,CAAAW,aAAA,CAACN,kBAAkB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,MAAMG,0BAA0B,GAAGX,eAAe,CAAC,iBAAiB,EAAEO,mBAAmB,CAAC;AAE1F,MAAMK,eAAe,GAAGX,eAAe,CAACU,0BAA0B,EAAE;EAChEE,IAAI,EAAEX,mBAAmB;EACzBY,MAAM,EAAEX;AACZ,CAAC,CAAC;AAEF,SACIS,eAAe","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuSubItem","useSidebarMenu","SidebarMenuRootItem","SidebarMenuItemBase","props","currentLevel","createElement","DecoratableSidebarMenuItem","SidebarMenuItem","Icon","Action"],"sources":["SidebarMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { SidebarMenuItemIcon, type SidebarMenuItemIconProps } from \"./SidebarMenuItemIcon.js\";\nimport { SidebarMenuItemAction, type SidebarMenuItemActionProps } from \"./SidebarMenuItemAction.js\";\nimport { SidebarMenuSubItem } from \"./SidebarMenuSubItem.js\";\nimport { useSidebarMenu } from \"./SidebarMenuProvider.js\";\nimport { SidebarMenuRootItem } from \"~/Sidebar/components/items/SidebarMenuRootItem.js\";\nimport { LinkProps } from \"~/index.js\";\n\nexport interface SidebarMenuItemBaseProps {\n    text: React.ReactNode;\n    className?: string;\n    children?: React.ReactNode;\n    onClick?: React.MouseEventHandler;\n    icon?: React.ReactNode;\n    action?: React.ReactNode;\n    variant?: \"group-label\";\n    active?: boolean;\n    disabled?: boolean;\n    pinnable?: boolean;\n    pinnedIcon?: React.ReactNode;\n}\n\ntype SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & {\n    to?: never;\n    route?: never;\n    params?: never;\n};\n\ntype SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;\ntype SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps;\n\ntype SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;\n\nconst SidebarMenuItemBase = (props: SidebarMenuItemProps) => {\n    const { currentLevel } = useSidebarMenu();\n\n    if (currentLevel === 0) {\n        return <SidebarMenuRootItem {...props} />;\n    }\n\n    return <SidebarMenuSubItem {...props} />;\n};\n\nconst DecoratableSidebarMenuItem = makeDecoratable(\"SidebarMenuItem\", SidebarMenuItemBase);\n\nconst SidebarMenuItem = withStaticProps(DecoratableSidebarMenuItem, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuItem,\n    type SidebarMenuItemProps,\n    type SidebarMenuItemButtonProps,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemGroupProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AACvB,SAASC,mBAAmB;AA4B5B,MAAMC,mBAAmB,GAAIC,KAA2B,IAAK;EACzD,MAAM;IAAEC;EAAa,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAEzC,IAAII,YAAY,KAAK,CAAC,EAAE;IACpB,oBAAOV,KAAA,CAAAW,aAAA,CAACJ,mBAAmB,EAAKE,KAAQ,CAAC;EAC7C;EAEA,oBAAOT,KAAA,CAAAW,aAAA,CAACN,kBAAkB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,MAAMG,0BAA0B,GAAGX,eAAe,CAAC,iBAAiB,EAAEO,mBAAmB,CAAC;AAE1F,MAAMK,eAAe,GAAGX,eAAe,CAACU,0BAA0B,EAAE;EAChEE,IAAI,EAAEX,mBAAmB;EACzBY,MAAM,EAAEX;AACZ,CAAC,CAAC;AAEF,SACIS,eAAe","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuItemAction.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
-import { type IconButtonProps } from "../../../Button/IconButton";
+import { type IconButtonProps } from "../../../Button/IconButton.js";
 interface SidebarMenuItemActionProps extends Omit<IconButtonProps, "icon"> {
     element?: React.ReactNode;
+    showOnHover?: boolean;
 }
-declare const SidebarMenuItemAction: ({ element, ...props }: SidebarMenuItemActionProps) => React.JSX.Element;
+declare const SidebarMenuItemAction: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
 export { SidebarMenuItemAction, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuItemAction.js

@@ -1,14 +1,35 @@
-import React from "react";
-import { IconButton } from "../../../Button/IconButton";
+import React, { useEffect, useState } from "react";
+import { cn } from "../../../utils.js";
+import { IconButton } from "../../../Button/IconButton.js";
+import { useSidebar } from "../../index.js";
 const SidebarMenuItemAction = ({
   element,
+  showOnHover = false,
+  className,
   ...props
 }) => {
+  const {
+    expanded
+  } = useSidebar();
+  const [showAction, setShowAction] = useState(false);
+  useEffect(() => {
+    if (expanded) {
+      const timer = setTimeout(() => {
+        setShowAction(true);
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+    setShowAction(false);
+    return undefined;
+  }, [expanded]);
+  if (!showAction) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     icon: element,
     size: "xs",
     variant: "ghost",
-    className: "wby-ml-auto group-data-[state=collapsed]:wby-hidden"
+    className: cn("ml-auto", "group-data-[state=collapsed]:hidden", showOnHover && ["opacity-0", "group-hover/menu-root-button:opacity-100", "group-hover/menu-sub-button:opacity-100"], className)
   }, props));
 };
 export { SidebarMenuItemAction };

package/Sidebar/components/items/SidebarMenuItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","SidebarMenuItemAction","element","props","createElement","Object","assign","icon","size","variant","className"],"sources":["SidebarMenuItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, type IconButtonProps } from \"~/Button/IconButton\";\n\ninterface SidebarMenuItemActionProps extends Omit<IconButtonProps, \"icon\"> {\n    element?: React.ReactNode;\n}\n\nconst SidebarMenuItemAction = ({ element, ...props }: SidebarMenuItemActionProps) => {\n    return (\n        <IconButton\n            icon={element}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            className={\"wby-ml-auto group-data-[state=collapsed]:wby-hidden\"}\n            {...props}\n        />\n    );\n};\n\nexport { SidebarMenuItemAction, type SidebarMenuItemActionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AAMnB,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAkC,CAAC,KAAK;EACjF,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,UAAU,EAAAK,MAAA,CAAAC,MAAA;IACPC,IAAI,EAAEL,OAAQ;IACdM,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,EAAE;EAAsD,GAC7DP,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASF,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","cn","IconButton","useSidebar","SidebarMenuItemAction","element","showOnHover","className","props","expanded","showAction","setShowAction","timer","setTimeout","clearTimeout","undefined","createElement","Object","assign","icon","size","variant"],"sources":["SidebarMenuItemAction.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/IconButton.js\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\n\ninterface SidebarMenuItemActionProps extends Omit<IconButtonProps, \"icon\"> {\n    element?: React.ReactNode;\n    showOnHover?: boolean;\n}\n\nconst SidebarMenuItemAction = ({\n    element,\n    showOnHover = false,\n    className,\n    ...props\n}: SidebarMenuItemActionProps) => {\n    const { expanded } = useSidebar();\n    const [showAction, setShowAction] = useState(false);\n\n    useEffect(() => {\n        if (expanded) {\n            const timer = setTimeout(() => {\n                setShowAction(true);\n            }, 100);\n            return () => clearTimeout(timer);\n        }\n        setShowAction(false);\n        return undefined;\n    }, [expanded]);\n\n    if (!showAction) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            icon={element}\n            size={\"xs\"}\n            variant={\"ghost\"}\n            className={cn(\n                \"ml-auto\",\n                \"group-data-[state=collapsed]:hidden\",\n                showOnHover && [\n                    \"opacity-0\",\n                    \"group-hover/menu-root-button:opacity-100\",\n                    \"group-hover/menu-sub-button:opacity-100\"\n                ],\n                className\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { SidebarMenuItemAction, type SidebarMenuItemActionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,EAAE;AACX,SAASC,UAAU;AACnB,SAASC,UAAU;AAOnB,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,SAAS;EACT,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAM;IAAEC;EAAS,CAAC,GAAGN,UAAU,CAAC,CAAC;EACjC,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,EAAE;MACV,MAAMG,KAAK,GAAGC,UAAU,CAAC,MAAM;QAC3BF,aAAa,CAAC,IAAI,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;MACP,OAAO,MAAMG,YAAY,CAACF,KAAK,CAAC;IACpC;IACAD,aAAa,CAAC,KAAK,CAAC;IACpB,OAAOI,SAAS;EACpB,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACC,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAkB,aAAA,CAACd,UAAU,EAAAe,MAAA,CAAAC,MAAA;IACPC,IAAI,EAAEd,OAAQ;IACde,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBd,SAAS,EAAEN,EAAE,CACT,SAAS,EACT,qCAAqC,EACrCK,WAAW,IAAI,CACX,WAAW,EACX,0CAA0C,EAC1C,yCAAyC,CAC5C,EACDC,SACJ;EAAE,GACEC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASJ,qBAAqB","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuItemIcon.d.ts

@@ -1,23 +1,23 @@
 import React from "react";
-import { type IconProps } from "../../../Icon";
+import { type IconProps } from "../../../Icon/index.js";
 interface SidebarMenuItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
 }
-declare const SidebarMenuItemIcon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-    original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+declare const SidebarMenuItemIcon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+    original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+    original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Sidebar/components/items/SidebarMenuItemIcon.js

@@ -1,14 +1,17 @@
 import React from "react";
-import { Icon } from "../../../Icon";
+import { Icon } from "../../../Icon/index.js";
 import { makeDecoratable } from "@webiny/react-composition";
 const SidebarMenuItemIconBase = ({
   element,
   ...props
 }) => {
+  if (!element) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(Icon, Object.assign({
     icon: element,
     size: "sm",
-    color: "neutral-light"
+    color: "neutral-strong"
   }, props));
 };
 const SidebarMenuItemIcon = makeDecoratable("SidebarMenuItemIcon", SidebarMenuItemIconBase);

package/Sidebar/components/items/SidebarMenuItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","makeDecoratable","SidebarMenuItemIconBase","element","props","createElement","Object","assign","icon","size","color","SidebarMenuItemIcon"],"sources":["SidebarMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\ninterface SidebarMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n}\n\nconst SidebarMenuItemIconBase = ({ element, ...props }: SidebarMenuItemIconProps) => {\n    return <Icon icon={element} size={\"sm\"} color={\"neutral-light\"} {...props} />;\n};\n\nconst SidebarMenuItemIcon = makeDecoratable(\"SidebarMenuItemIcon\", SidebarMenuItemIconBase);\n\nexport { SidebarMenuItemIcon, type SidebarMenuItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF,oBAAOL,KAAA,CAAAM,aAAA,CAACL,IAAI,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAEL,OAAQ;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAgB,GAAKN,KAAK,CAAG,CAAC;AACjF,CAAC;AAED,MAAMO,mBAAmB,GAAGV,eAAe,CAAC,qBAAqB,EAAEC,uBAAuB,CAAC;AAE3F,SAASS,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","Icon","makeDecoratable","SidebarMenuItemIconBase","element","props","createElement","Object","assign","icon","size","color","SidebarMenuItemIcon"],"sources":["SidebarMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\ninterface SidebarMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n}\n\nconst SidebarMenuItemIconBase = ({ element, ...props }: SidebarMenuItemIconProps) => {\n    if (!element) {\n        return null;\n    }\n\n    return <Icon icon={element} size={\"sm\"} color={\"neutral-strong\"} {...props} />;\n};\n\nconst SidebarMenuItemIcon = makeDecoratable(\"SidebarMenuItemIcon\", SidebarMenuItemIconBase);\n\nexport { SidebarMenuItemIcon, type SidebarMenuItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,IAAI,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAEL,OAAQ;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKN,KAAK,CAAG,CAAC;AAClF,CAAC;AAED,MAAMO,mBAAmB,GAAGV,eAAe,CAAC,qBAAqB,EAAEC,uBAAuB,CAAC;AAE3F,SAASS,mBAAmB","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuLink.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { type SidebarMenuItemLinkProps } from "./SidebarMenuItem";
-import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon";
-import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction";
+import { type SidebarMenuItemLinkProps } from "./SidebarMenuItem.js";
+import { type SidebarMenuItemIconProps } from "../../../Sidebar/components/items/SidebarMenuItemIcon.js";
+import { type SidebarMenuItemActionProps } from "../../../Sidebar/components/items/SidebarMenuItemAction.js";
 declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
     original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
     originalName: string;
@@ -15,31 +15,31 @@ declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.E
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
         original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Icon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+    Icon: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
-            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element | null;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: ({ element, ...props }: SidebarMenuItemActionProps) => React.JSX.Element;
+    Action: ({ element, showOnHover, className, ...props }: SidebarMenuItemActionProps) => React.JSX.Element | null;
 };
 export { SidebarMenuLink, type SidebarMenuItemLinkProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuLink.js

@@ -1,8 +1,8 @@
 import React from "react";
-import { SidebarMenuItem } from "./SidebarMenuItem";
-import { makeDecoratable, withStaticProps } from "../../../utils";
-import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon";
-import { SidebarMenuItemAction } from "./SidebarMenuItemAction";
+import { SidebarMenuItem } from "./SidebarMenuItem.js";
+import { makeDecoratable, withStaticProps } from "../../../utils.js";
+import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon.js";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
 const SidebarMenuLinkBase = props => {
   return /*#__PURE__*/React.createElement(SidebarMenuItem, props);
 };

package/Sidebar/components/items/SidebarMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuItem","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuLinkBase","props","createElement","DecoratableSidebarMenuLink","SidebarMenuLink","Icon","Action"],"sources":["SidebarMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuItem, type SidebarMenuItemLinkProps } from \"./SidebarMenuItem\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport {\n    SidebarMenuItemIcon,\n    type SidebarMenuItemIconProps\n} from \"~/Sidebar/components/items/SidebarMenuItemIcon\";\nimport {\n    SidebarMenuItemAction,\n    type SidebarMenuItemActionProps\n} from \"~/Sidebar/components/items/SidebarMenuItemAction\";\n\nconst SidebarMenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    return <SidebarMenuItem {...props} />;\n};\n\nconst DecoratableSidebarMenuLink = makeDecoratable(\"SidebarMenuLink\", SidebarMenuLinkBase);\n\nconst SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuLink,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,mBAAmB;AAGvB,SACIC,qBAAqB;AAIzB,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EAC7D,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,eAAe,EAAKM,KAAQ,CAAC;AACzC,CAAC;AAED,MAAME,0BAA0B,GAAGP,eAAe,CAAC,iBAAiB,EAAEI,mBAAmB,CAAC;AAE1F,MAAMI,eAAe,GAAGP,eAAe,CAACM,0BAA0B,EAAE;EAChEE,IAAI,EAAEP,mBAAmB;EACzBQ,MAAM,EAAEP;AACZ,CAAC,CAAC;AAEF,SACIK,eAAe","ignoreList":[]}
+{"version":3,"names":["React","SidebarMenuItem","makeDecoratable","withStaticProps","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuLinkBase","props","createElement","DecoratableSidebarMenuLink","SidebarMenuLink","Icon","Action"],"sources":["SidebarMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuItem, type SidebarMenuItemLinkProps } from \"./SidebarMenuItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport {\n    SidebarMenuItemIcon,\n    type SidebarMenuItemIconProps\n} from \"~/Sidebar/components/items/SidebarMenuItemIcon.js\";\nimport {\n    SidebarMenuItemAction,\n    type SidebarMenuItemActionProps\n} from \"~/Sidebar/components/items/SidebarMenuItemAction.js\";\n\nconst SidebarMenuLinkBase = (props: SidebarMenuItemLinkProps) => {\n    return <SidebarMenuItem {...props} />;\n};\n\nconst DecoratableSidebarMenuLink = makeDecoratable(\"SidebarMenuLink\", SidebarMenuLinkBase);\n\nconst SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport {\n    SidebarMenuLink,\n    type SidebarMenuItemLinkProps,\n    type SidebarMenuItemIconProps,\n    type SidebarMenuItemActionProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe,EAAEC,eAAe;AACzC,SACIC,mBAAmB;AAGvB,SACIC,qBAAqB;AAIzB,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EAC7D,oBAAOP,KAAA,CAAAQ,aAAA,CAACP,eAAe,EAAKM,KAAQ,CAAC;AACzC,CAAC;AAED,MAAME,0BAA0B,GAAGP,eAAe,CAAC,iBAAiB,EAAEI,mBAAmB,CAAC;AAE1F,MAAMI,eAAe,GAAGP,eAAe,CAACM,0BAA0B,EAAE;EAChEE,IAAI,EAAEP,mBAAmB;EACzBQ,MAAM,EAAEP;AACZ,CAAC,CAAC;AAEF,SACIK,eAAe","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuPinnedItems.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SidebarMenuPinnedItems: () => React.JSX.Element | null;
+export { SidebarMenuPinnedItems };

package/Sidebar/components/items/SidebarMenuPinnedItems.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { useSidebar } from "../../index.js";
+import { SidebarMenuRootItem } from "./SidebarMenuRootItem.js";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction.js";
+import { ReactComponent as UnPinIcon } from "@webiny/icons/push_pin_off.svg";
+const SidebarMenuPinnedItems = () => {
+  const sidebar = useSidebar();
+
+  // Don't memoize - we want this to re-render when active state changes
+  const pinnedItems = sidebar.getPinnedItemsData();
+  if (pinnedItems.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, pinnedItems.map(item => {
+    const handleUnpin = e => {
+      e.stopPropagation();
+      e.preventDefault();
+      sidebar.toggleItemPinned(item.id);
+    };
+    const unpinAction = /*#__PURE__*/React.createElement(SidebarMenuItemAction, {
+      element: /*#__PURE__*/React.createElement(UnPinIcon, null),
+      onClick: handleUnpin
+    });
+    return /*#__PURE__*/React.createElement(SidebarMenuRootItem, {
+      key: item.id,
+      text: item.text,
+      icon: item.icon,
+      to: item.to,
+      onClick: item.onClick,
+      active: item.active,
+      action: unpinAction
+    });
+  }), /*#__PURE__*/React.createElement("li", {
+    className: "px-sm py-xs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "h-px bg-neutral-dimmed"
+  })));
+};
+export { SidebarMenuPinnedItems };
+
+//# sourceMappingURL=SidebarMenuPinnedItems.js.map

package/Sidebar/components/items/SidebarMenuPinnedItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSidebar","SidebarMenuRootItem","SidebarMenuItemAction","ReactComponent","UnPinIcon","SidebarMenuPinnedItems","sidebar","pinnedItems","getPinnedItemsData","length","createElement","Fragment","map","item","handleUnpin","e","stopPropagation","preventDefault","toggleItemPinned","id","unpinAction","element","onClick","key","text","icon","to","active","action","className"],"sources":["SidebarMenuPinnedItems.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSidebar } from \"~/Sidebar/index.js\";\nimport { SidebarMenuRootItem } from \"./SidebarMenuRootItem.js\";\nimport { SidebarMenuItemAction } from \"./SidebarMenuItemAction.js\";\nimport { ReactComponent as UnPinIcon } from \"@webiny/icons/push_pin_off.svg\";\n\nconst SidebarMenuPinnedItems = () => {\n    const sidebar = useSidebar();\n\n    // Don't memoize - we want this to re-render when active state changes\n    const pinnedItems = sidebar.getPinnedItemsData();\n\n    if (pinnedItems.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {pinnedItems.map(item => {\n                const handleUnpin = (e: React.MouseEvent) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                    sidebar.toggleItemPinned(item.id);\n                };\n\n                const unpinAction = (\n                    <SidebarMenuItemAction element={<UnPinIcon />} onClick={handleUnpin} />\n                );\n\n                return (\n                    <SidebarMenuRootItem\n                        key={item.id}\n                        text={item.text}\n                        icon={item.icon}\n                        to={item.to}\n                        onClick={item.onClick}\n                        active={item.active}\n                        action={unpinAction}\n                    />\n                );\n            })}\n            <li className=\"px-sm py-xs\">\n                <div className=\"h-px bg-neutral-dimmed\" />\n            </li>\n        </>\n    );\n};\n\nexport { SidebarMenuPinnedItems };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,gCAAgC;AAE5E,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAMC,OAAO,GAAGN,UAAU,CAAC,CAAC;;EAE5B;EACA,MAAMO,WAAW,GAAGD,OAAO,CAACE,kBAAkB,CAAC,CAAC;EAEhD,IAAID,WAAW,CAACE,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKJ,WAAW,CAACK,GAAG,CAACC,IAAI,IAAI;IACrB,MAAMC,WAAW,GAAIC,CAAmB,IAAK;MACzCA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBX,OAAO,CAACY,gBAAgB,CAACL,IAAI,CAACM,EAAE,CAAC;IACrC,CAAC;IAED,MAAMC,WAAW,gBACbrB,KAAA,CAAAW,aAAA,CAACR,qBAAqB;MAACmB,OAAO,eAAEtB,KAAA,CAAAW,aAAA,CAACN,SAAS,MAAE,CAAE;MAACkB,OAAO,EAAER;IAAY,CAAE,CACzE;IAED,oBACIf,KAAA,CAAAW,aAAA,CAACT,mBAAmB;MAChBsB,GAAG,EAAEV,IAAI,CAACM,EAAG;MACbK,IAAI,EAAEX,IAAI,CAACW,IAAK;MAChBC,IAAI,EAAEZ,IAAI,CAACY,IAAK;MAChBC,EAAE,EAAEb,IAAI,CAACa,EAAG;MACZJ,OAAO,EAAET,IAAI,CAACS,OAAQ;MACtBK,MAAM,EAAEd,IAAI,CAACc,MAAO;MACpBC,MAAM,EAAER;IAAY,CACvB,CAAC;EAEV,CAAC,CAAC,eACFrB,KAAA,CAAAW,aAAA;IAAImB,SAAS,EAAC;EAAa,gBACvB9B,KAAA,CAAAW,aAAA;IAAKmB,SAAS,EAAC;EAAwB,CAAE,CACzC,CACN,CAAC;AAEX,CAAC;AAED,SAASxB,sBAAsB","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuProvider.d.ts

@@ -2,15 +2,17 @@ import React from "react";
 interface SidebarMenuContext {
     currentLevel: number;
     nextLevel: number;
+    parentIcon?: React.ReactNode;
 }
 interface SidebarMenuProviderProps {
     level?: number;
+    parentIcon?: React.ReactNode;
     children: React.ReactNode;
 }
 declare const SidebarMenuContext: React.Context<SidebarMenuContext>;
 declare function useSidebarMenu(): SidebarMenuContext;
 declare const SidebarMenuProvider: {
-    ({ level, children }: SidebarMenuProviderProps): React.JSX.Element;
+    ({ level, parentIcon, children }: SidebarMenuProviderProps): React.JSX.Element;
     displayName: string;
 };
 export { SidebarMenuProvider, useSidebarMenu };

package/Sidebar/components/items/SidebarMenuProvider.js

@@ -1,7 +1,8 @@
 import React from "react";
 const SidebarMenuContext = /*#__PURE__*/React.createContext({
   currentLevel: 0,
-  nextLevel: 1
+  nextLevel: 1,
+  parentIcon: undefined
 });
 function useSidebarMenu() {
   const context = React.useContext(SidebarMenuContext);
@@ -12,12 +13,14 @@ function useSidebarMenu() {
 }
 const SidebarMenuProvider = ({
   level = 0,
+  parentIcon,
   children
 }) => {
   return /*#__PURE__*/React.createElement(SidebarMenuContext.Provider, {
     value: {
       currentLevel: level,
-      nextLevel: level + 1
+      nextLevel: level + 1,
+      parentIcon
     }
   }, children);
 };

package/Sidebar/components/items/SidebarMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuContext","createContext","currentLevel","nextLevel","useSidebarMenu","context","useContext","Error","SidebarMenuProvider","level","children","createElement","Provider","value","displayName"],"sources":["SidebarMenuProvider.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SidebarMenuContext {\n    currentLevel: number;\n    nextLevel: number;\n}\n\ninterface SidebarMenuProviderProps {\n    level?: number;\n    children: React.ReactNode;\n}\n\nconst SidebarMenuContext = React.createContext<SidebarMenuContext>({\n    currentLevel: 0,\n    nextLevel: 1\n});\n\nfunction useSidebarMenu() {\n    const context = React.useContext(SidebarMenuContext);\n    if (!context) {\n        throw new Error(\"useSidebarItem must be used within a SidebarMenuProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarMenuProvider = ({ level = 0, children }: SidebarMenuProviderProps) => {\n    return (\n        <SidebarMenuContext.Provider value={{ currentLevel: level, nextLevel: level + 1 }}>\n            {children}\n        </SidebarMenuContext.Provider>\n    );\n};\n\nSidebarMenuProvider.displayName = \"SidebarMenuProvider\";\n\nexport { SidebarMenuProvider, useSidebarMenu };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAYzB,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAa,CAAqB;EAC/DC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,SAASC,cAAcA,CAAA,EAAG;EACtB,MAAMC,OAAO,GAAGN,KAAK,CAACO,UAAU,CAACN,kBAAkB,CAAC;EACpD,IAAI,CAACK,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,2DAA2D,CAAC;EAChF;EAEA,OAAOF,OAAO;AAClB;AAEA,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC/E,oBACIX,KAAA,CAAAY,aAAA,CAACX,kBAAkB,CAACY,QAAQ;IAACC,KAAK,EAAE;MAAEX,YAAY,EAAEO,KAAK;MAAEN,SAAS,EAAEM,KAAK,GAAG;IAAE;EAAE,GAC7EC,QACwB,CAAC;AAEtC,CAAC;AAEDF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAEvD,SAASN,mBAAmB,EAAEJ,cAAc","ignoreList":[]}
+{"version":3,"names":["React","SidebarMenuContext","createContext","currentLevel","nextLevel","parentIcon","undefined","useSidebarMenu","context","useContext","Error","SidebarMenuProvider","level","children","createElement","Provider","value","displayName"],"sources":["SidebarMenuProvider.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SidebarMenuContext {\n    currentLevel: number;\n    nextLevel: number;\n    parentIcon?: React.ReactNode;\n}\n\ninterface SidebarMenuProviderProps {\n    level?: number;\n    parentIcon?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst SidebarMenuContext = React.createContext<SidebarMenuContext>({\n    currentLevel: 0,\n    nextLevel: 1,\n    parentIcon: undefined\n});\n\nfunction useSidebarMenu() {\n    const context = React.useContext(SidebarMenuContext);\n    if (!context) {\n        throw new Error(\"useSidebarItem must be used within a SidebarMenuProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarMenuProvider = ({ level = 0, parentIcon, children }: SidebarMenuProviderProps) => {\n    return (\n        <SidebarMenuContext.Provider\n            value={{ currentLevel: level, nextLevel: level + 1, parentIcon }}\n        >\n            {children}\n        </SidebarMenuContext.Provider>\n    );\n};\n\nSidebarMenuProvider.displayName = \"SidebarMenuProvider\";\n\nexport { SidebarMenuProvider, useSidebarMenu };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAczB,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAa,CAAqB;EAC/DC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,CAAC;EACZC,UAAU,EAAEC;AAChB,CAAC,CAAC;AAEF,SAASC,cAAcA,CAAA,EAAG;EACtB,MAAMC,OAAO,GAAGR,KAAK,CAACS,UAAU,CAACR,kBAAkB,CAAC;EACpD,IAAI,CAACO,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,2DAA2D,CAAC;EAChF;EAEA,OAAOF,OAAO;AAClB;AAEA,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEP,UAAU;EAAEQ;AAAmC,CAAC,KAAK;EAC3F,oBACIb,KAAA,CAAAc,aAAA,CAACb,kBAAkB,CAACc,QAAQ;IACxBC,KAAK,EAAE;MAAEb,YAAY,EAAES,KAAK;MAAER,SAAS,EAAEQ,KAAK,GAAG,CAAC;MAAEP;IAAW;EAAE,GAEhEQ,QACwB,CAAC;AAEtC,CAAC;AAEDF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB;AAEvD,SAASN,mBAAmB,EAAEJ,cAAc","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuRoot.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface SidebarMenuProps {
     children: React.ReactNode;
+    showPinnedItems?: boolean;
 }
-declare const SidebarMenuRoot: (props: SidebarMenuProps) => React.JSX.Element;
+declare const SidebarMenuRoot: ({ children, showPinnedItems, ...props }: SidebarMenuProps) => React.JSX.Element;
 export { SidebarMenuRoot, type SidebarMenuProps };

package/Sidebar/components/items/SidebarMenuRoot.js

@@ -1,9 +1,14 @@
 import React from "react";
-import { SidebarMenuProvider } from "./SidebarMenuProvider";
-const SidebarMenuRoot = props => /*#__PURE__*/React.createElement(SidebarMenuProvider, null, /*#__PURE__*/React.createElement("ul", Object.assign({
+import { SidebarMenuProvider } from "./SidebarMenuProvider.js";
+import { SidebarMenuPinnedItems } from "./SidebarMenuPinnedItems.js";
+const SidebarMenuRoot = ({
+  children,
+  showPinnedItems = true,
+  ...props
+}) => /*#__PURE__*/React.createElement(SidebarMenuProvider, null, /*#__PURE__*/React.createElement("ul", Object.assign({
   "data-sidebar": "menu",
-  className: "wby-flex wby-w-full wby-min-w-0 wby-flex-col wby-gap-y-xs"
-}, props)));
+  className: "flex w-full min-w-0 flex-col gap-y-xs"
+}, props), showPinnedItems && /*#__PURE__*/React.createElement(SidebarMenuPinnedItems, null), children));
 export { SidebarMenuRoot };
 
 //# sourceMappingURL=SidebarMenuRoot.js.map

package/Sidebar/components/items/SidebarMenuRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SidebarMenuProvider","SidebarMenuRoot","props","createElement","Object","assign","className"],"sources":["SidebarMenuRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuProvider } from \"./SidebarMenuProvider\";\n\ninterface SidebarMenuProps {\n    children: React.ReactNode;\n}\n\nconst SidebarMenuRoot = (props: SidebarMenuProps) => (\n    <SidebarMenuProvider>\n        <ul\n            data-sidebar=\"menu\"\n            className={\"wby-flex wby-w-full wby-min-w-0 wby-flex-col wby-gap-y-xs\"}\n            {...props}\n        />\n    </SidebarMenuProvider>\n);\n\nexport { SidebarMenuRoot, type SidebarMenuProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAM5B,MAAMC,eAAe,GAAIC,KAAuB,iBAC5CH,KAAA,CAAAI,aAAA,CAACH,mBAAmB,qBAChBD,KAAA,CAAAI,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACI,gBAAa,MAAM;EACnBC,SAAS,EAAE;AAA4D,GACnEJ,KAAK,CACZ,CACgB,CACxB;AAED,SAASD,eAAe","ignoreList":[]}
+{"version":3,"names":["React","SidebarMenuProvider","SidebarMenuPinnedItems","SidebarMenuRoot","children","showPinnedItems","props","createElement","Object","assign","className"],"sources":["SidebarMenuRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarMenuProvider } from \"./SidebarMenuProvider.js\";\nimport { SidebarMenuPinnedItems } from \"./SidebarMenuPinnedItems.js\";\n\ninterface SidebarMenuProps {\n    children: React.ReactNode;\n    showPinnedItems?: boolean;\n}\n\nconst SidebarMenuRoot = ({ children, showPinnedItems = true, ...props }: SidebarMenuProps) => (\n    <SidebarMenuProvider>\n        <ul data-sidebar=\"menu\" className={\"flex w-full min-w-0 flex-col gap-y-xs\"} {...props}>\n            {showPinnedItems && <SidebarMenuPinnedItems />}\n            {children}\n        </ul>\n    </SidebarMenuProvider>\n);\n\nexport { SidebarMenuRoot, type SidebarMenuProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAO/B,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,eAAe,GAAG,IAAI;EAAE,GAAGC;AAAwB,CAAC,kBACrFN,KAAA,CAAAO,aAAA,CAACN,mBAAmB,qBAChBD,KAAA,CAAAO,aAAA,OAAAC,MAAA,CAAAC,MAAA;EAAI,gBAAa,MAAM;EAACC,SAAS,EAAE;AAAwC,GAAKJ,KAAK,GAChFD,eAAe,iBAAIL,KAAA,CAAAO,aAAA,CAACL,sBAAsB,MAAE,CAAC,EAC7CE,QACD,CACa,CACxB;AAED,SAASD,eAAe","ignoreList":[]}

package/Sidebar/components/items/SidebarMenuRootButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { SidebarMenuItemProps } from "./SidebarMenuRootItem";
+import type { SidebarMenuItemProps } from "./SidebarMenuRootItem.js";
 type SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, "children">;
-declare const SidebarMenuRootButton: ({ className, onClick, variant, active, disabled, icon, action, text, to, ...linkProps }: SidebarMenuButtonBaseProps) => React.JSX.Element;
+declare const SidebarMenuRootButton: ({ className, onClick, variant, active, disabled, icon, pinnedIcon, action, text, to, ...linkProps }: SidebarMenuButtonBaseProps) => React.JSX.Element;
 export { SidebarMenuRootButton };

package/Sidebar/components/items/SidebarMenuRootButton.js

@@ -1,14 +1,14 @@
 import React from "react";
-import { cn, cva } from "../../../utils";
-import { Link } from "@webiny/react-router";
-import { DivButton } from "./DivButton";
-const variants = cva(["wby-flex wby-w-full wby-items-center wby-gap-sm wby-rounded-md", "!wby-no-underline wby-text-neutral-primary wby-cursor-pointer wby-px-sm wby-py-xs-plus wby-text-left", "wby-text-md wby-outline-none wby-transition-[width,height,padding]", "wby-whitespace-nowrap wby-overflow-hidden", "hover:wby-bg-neutral-dark/5", "focus:wby-bg-neutral-dark/5 focus:wby-ring-none focus:wby-ring-transparent", "data-[active=true]:wby-bg-neutral-dark/5 data-[active=true]:wby-font-semibold data-[active=true]:wby-pointer-events-none", "group-data-[state=open]/menu-item-collapsible:!wby-font-semibold"], {
+import { cn, cva } from "../../../utils.js";
+import { DivButton } from "./DivButton.js";
+import { useAdminUi } from "../../../index.js";
+const variants = cva(["flex w-full items-center gap-sm rounded-md", "no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left", "text-md outline-none transition-[width,height,padding]", "whitespace-nowrap overflow-hidden", "hover:bg-neutral-dark/5", "group-hover/menu-root-button:bg-neutral-dark/5", "focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent", "data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none", "group-data-[state=open]/menu-item-collapsible:font-semibold!"], {
   variants: {
     variant: {
-      "group-label": "!wby-text-neutral-muted wby-uppercase"
+      "group-label": "text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!"
     },
     disabled: {
-      true: "wby-pointer-events-none !wby-text-neutral-disabled"
+      true: "pointer-events-none text-neutral-disabled!"
     }
   }
 });
@@ -19,6 +19,8 @@ const SidebarMenuRootButton = ({
   active,
   disabled,
   icon,
+  // eslint-disable-next-line
+  pinnedIcon,
   action,
   text,
   to,
@@ -33,18 +35,20 @@ const SidebarMenuRootButton = ({
     }),
     onClick
   };
-  const chevron = action ? /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-absolute wby-right-sm-plus"
-  }, action) : null;
-  const content = to ? /*#__PURE__*/React.createElement(Link, Object.assign({}, sharedProps, {
+  const {
+    linkComponent: LinkComponent
+  } = useAdminUi();
+  const content = to ? /*#__PURE__*/React.createElement(LinkComponent, Object.assign({}, sharedProps, {
     to: to
-  }, linkProps), icon, text, chevron) : /*#__PURE__*/React.createElement(DivButton, Object.assign({}, sharedProps, {
+  }, linkProps), icon, text) : /*#__PURE__*/React.createElement(DivButton, Object.assign({}, sharedProps, {
     disabled: disabled,
     tabIndex: variant === "group-label" ? -1 : undefined
-  }), icon, text, chevron);
+  }), icon, text);
   return /*#__PURE__*/React.createElement("div", {
-    className: cn("wby-flex wby-items-center wby-w-full", className)
-  }, content);
+    className: cn("flex items-center w-full relative group/menu-root-button", className)
+  }, content, action && /*#__PURE__*/React.createElement("div", {
+    className: "absolute top-0 right-0 mr-sm h-full flex items-center"
+  }, action));
 };
 export { SidebarMenuRootButton };
 

package/Sidebar/components/items/SidebarMenuRootButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Link","DivButton","variants","variant","disabled","true","SidebarMenuRootButton","className","onClick","active","icon","action","text","to","linkProps","sharedProps","chevron","createElement","content","Object","assign","tabIndex","undefined"],"sources":["SidebarMenuRootButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva } from \"~/utils\";\nimport { Link } from \"@webiny/react-router\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuRootItem\";\nimport { DivButton } from \"./DivButton\";\n\nconst variants = cva(\n    [\n        \"wby-flex wby-w-full wby-items-center wby-gap-sm wby-rounded-md\",\n        \"!wby-no-underline wby-text-neutral-primary wby-cursor-pointer wby-px-sm wby-py-xs-plus wby-text-left\",\n        \"wby-text-md wby-outline-none wby-transition-[width,height,padding]\",\n        \"wby-whitespace-nowrap wby-overflow-hidden\",\n        \"hover:wby-bg-neutral-dark/5\",\n        \"focus:wby-bg-neutral-dark/5 focus:wby-ring-none focus:wby-ring-transparent\",\n        \"data-[active=true]:wby-bg-neutral-dark/5 data-[active=true]:wby-font-semibold data-[active=true]:wby-pointer-events-none\",\n        \"group-data-[state=open]/menu-item-collapsible:!wby-font-semibold\"\n    ],\n    {\n        variants: {\n            variant: {\n                \"group-label\": \"!wby-text-neutral-muted wby-uppercase\"\n            },\n            disabled: {\n                true: \"wby-pointer-events-none !wby-text-neutral-disabled\"\n            }\n        }\n    }\n);\n\ntype SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, \"children\">;\n\nconst SidebarMenuRootButton = ({\n    className,\n    onClick,\n    variant,\n    active,\n    disabled,\n    icon,\n    action,\n    text,\n    to,\n    ...linkProps\n}: SidebarMenuButtonBaseProps) => {\n    const sharedProps = {\n        \"data-sidebar\": \"menu-button\",\n        \"data-active\": active,\n        className: variants({ variant, disabled }),\n        onClick\n    };\n\n    const chevron = action ? (\n        <div className=\"wby-flex wby-absolute wby-right-sm-plus\">{action}</div>\n    ) : null;\n\n    const content = to ? (\n        <Link {...sharedProps} to={to} {...linkProps}>\n            {icon}\n            {text}\n            {chevron}\n        </Link>\n    ) : (\n        <DivButton\n            {...sharedProps}\n            disabled={disabled}\n            tabIndex={variant === \"group-label\" ? -1 : undefined}\n        >\n            {icon}\n            {text}\n            {chevron}\n        </DivButton>\n    );\n\n    return <div className={cn(\"wby-flex wby-items-center wby-w-full\", className)}>{content}</div>;\n};\n\nexport { SidebarMenuRootButton };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI,QAAQ,sBAAsB;AAE3C,SAASC,SAAS;AAElB,MAAMC,QAAQ,GAAGH,GAAG,CAChB,CACI,gEAAgE,EAChE,sGAAsG,EACtG,oEAAoE,EACpE,2CAA2C,EAC3C,6BAA6B,EAC7B,4EAA4E,EAC5E,0HAA0H,EAC1H,kEAAkE,CACrE,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACL,aAAa,EAAE;IACnB,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAID,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,OAAO;EACPL,OAAO;EACPM,MAAM;EACNL,QAAQ;EACRM,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC,EAAE;EACF,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,WAAW,GAAG;IAChB,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAEN,MAAM;IACrBF,SAAS,EAAEL,QAAQ,CAAC;MAAEC,OAAO;MAAEC;IAAS,CAAC,CAAC;IAC1CI;EACJ,CAAC;EAED,MAAMQ,OAAO,GAAGL,MAAM,gBAClBd,KAAA,CAAAoB,aAAA;IAAKV,SAAS,EAAC;EAAyC,GAAEI,MAAY,CAAC,GACvE,IAAI;EAER,MAAMO,OAAO,GAAGL,EAAE,gBACdhB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,EAAAmB,MAAA,CAAAC,MAAA,KAAKL,WAAW;IAAEF,EAAE,EAAEA;EAAG,GAAKC,SAAS,GACvCJ,IAAI,EACJE,IAAI,EACJI,OACC,CAAC,gBAEPnB,KAAA,CAAAoB,aAAA,CAAChB,SAAS,EAAAkB,MAAA,CAAAC,MAAA,KACFL,WAAW;IACfX,QAAQ,EAAEA,QAAS;IACnBiB,QAAQ,EAAElB,OAAO,KAAK,aAAa,GAAG,CAAC,CAAC,GAAGmB;EAAU,IAEpDZ,IAAI,EACJE,IAAI,EACJI,OACM,CACd;EAED,oBAAOnB,KAAA,CAAAoB,aAAA;IAAKV,SAAS,EAAET,EAAE,CAAC,sCAAsC,EAAES,SAAS;EAAE,GAAEW,OAAa,CAAC;AACjG,CAAC;AAED,SAASZ,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","DivButton","useAdminUi","variants","variant","disabled","true","SidebarMenuRootButton","className","onClick","active","icon","pinnedIcon","action","text","to","linkProps","sharedProps","linkComponent","LinkComponent","content","createElement","Object","assign","tabIndex","undefined"],"sources":["SidebarMenuRootButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport type { SidebarMenuItemProps } from \"./SidebarMenuRootItem.js\";\nimport { DivButton } from \"./DivButton.js\";\nimport { useAdminUi } from \"~/index.js\";\n\nconst variants = cva(\n    [\n        \"flex w-full items-center gap-sm rounded-md\",\n        \"no-underline! text-neutral-primary cursor-pointer px-sm py-xs-plus text-left\",\n        \"text-md outline-none transition-[width,height,padding]\",\n        \"whitespace-nowrap overflow-hidden\",\n        \"hover:bg-neutral-dark/5\",\n        \"group-hover/menu-root-button:bg-neutral-dark/5\",\n        \"focus:bg-neutral-dark/5 focus:ring-none focus:ring-transparent\",\n        \"data-[active=true]:bg-neutral-dark/5 data-[active=true]:font-semibold data-[active=true]:pointer-events-none\",\n        \"group-data-[state=open]/menu-item-collapsible:font-semibold!\"\n    ],\n    {\n        variants: {\n            variant: {\n                \"group-label\":\n                    \"text-neutral-muted! uppercase hover:bg-transparent! group-hover/menu-root-button:bg-transparent! focus:bg-transparent! cursor-default!\"\n            },\n            disabled: {\n                true: \"pointer-events-none text-neutral-disabled!\"\n            }\n        }\n    }\n);\n\ntype SidebarMenuButtonBaseProps = Omit<SidebarMenuItemProps, \"children\">;\n\nconst SidebarMenuRootButton = ({\n    className,\n    onClick,\n    variant,\n    active,\n    disabled,\n    icon,\n\n    // eslint-disable-next-line\n    pinnedIcon,\n\n    action,\n    text,\n    to,\n    ...linkProps\n}: SidebarMenuButtonBaseProps) => {\n    const sharedProps = {\n        \"data-sidebar\": \"menu-button\",\n        \"data-active\": active,\n        className: variants({ variant, disabled }),\n        onClick\n    };\n\n    const { linkComponent: LinkComponent } = useAdminUi();\n\n    const content = to ? (\n        <LinkComponent {...sharedProps} to={to} {...linkProps}>\n            {icon}\n            {text}\n        </LinkComponent>\n    ) : (\n        <DivButton\n            {...sharedProps}\n            disabled={disabled}\n            tabIndex={variant === \"group-label\" ? -1 : undefined}\n        >\n            {icon}\n            {text}\n        </DivButton>\n    );\n\n    return (\n        <div className={cn(\"flex items-center w-full relative group/menu-root-button\", className)}>\n            {content}\n            {action && (\n                <div className=\"absolute top-0 right-0 mr-sm h-full flex items-center\">\n                    {action}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { SidebarMenuRootButton };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,MAAMC,QAAQ,GAAGH,GAAG,CAChB,CACI,4CAA4C,EAC5C,8EAA8E,EAC9E,wDAAwD,EACxD,mCAAmC,EACnC,yBAAyB,EACzB,gDAAgD,EAChD,gEAAgE,EAChE,8GAA8G,EAC9G,8DAA8D,CACjE,EACD;EACIG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACL,aAAa,EACT;IACR,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAID,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,OAAO;EACPL,OAAO;EACPM,MAAM;EACNL,QAAQ;EACRM,IAAI;EAEJ;EACAC,UAAU;EAEVC,MAAM;EACNC,IAAI;EACJC,EAAE;EACF,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAMC,WAAW,GAAG;IAChB,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAEP,MAAM;IACrBF,SAAS,EAAEL,QAAQ,CAAC;MAAEC,OAAO;MAAEC;IAAS,CAAC,CAAC;IAC1CI;EACJ,CAAC;EAED,MAAM;IAAES,aAAa,EAAEC;EAAc,CAAC,GAAGjB,UAAU,CAAC,CAAC;EAErD,MAAMkB,OAAO,GAAGL,EAAE,gBACdjB,KAAA,CAAAuB,aAAA,CAACF,aAAa,EAAAG,MAAA,CAAAC,MAAA,KAAKN,WAAW;IAAEF,EAAE,EAAEA;EAAG,GAAKC,SAAS,GAChDL,IAAI,EACJG,IACU,CAAC,gBAEhBhB,KAAA,CAAAuB,aAAA,CAACpB,SAAS,EAAAqB,MAAA,CAAAC,MAAA,KACFN,WAAW;IACfZ,QAAQ,EAAEA,QAAS;IACnBmB,QAAQ,EAAEpB,OAAO,KAAK,aAAa,GAAG,CAAC,CAAC,GAAGqB;EAAU,IAEpDd,IAAI,EACJG,IACM,CACd;EAED,oBACIhB,KAAA,CAAAuB,aAAA;IAAKb,SAAS,EAAET,EAAE,CAAC,0DAA0D,EAAES,SAAS;EAAE,GACrFY,OAAO,EACPP,MAAM,iBACHf,KAAA,CAAAuB,aAAA;IAAKb,SAAS,EAAC;EAAuD,GACjEK,MACA,CAER,CAAC;AAEd,CAAC;AAED,SAASN,qBAAqB","ignoreList":[]}