@webiny/admin-ui 0.0.0-unstable.2aaa1916d9

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

@@ -0,0 +1,64 @@
+import React from "react";
+import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon";
+import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction";
+import type { LinkProps, To } from "@webiny/react-router";
+export interface SidebarMenuItemBaseProps {
+    text: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    variant?: "group-label";
+    active?: boolean;
+    disabled?: boolean;
+}
+type SidebarMenuItemButtonProps = SidebarMenuItemBaseProps & {
+    to?: never;
+};
+type SidebarMenuItemGroupProps = SidebarMenuItemButtonProps;
+type SidebarMenuItemLinkProps = SidebarMenuItemBaseProps & LinkProps & {
+    to: To;
+};
+type SidebarMenuItemProps = SidebarMenuItemButtonProps | SidebarMenuItemLinkProps;
+declare const SidebarMenuItem: ((props: SidebarMenuItemProps) => React.JSX.Element) & {
+    original: (props: SidebarMenuItemProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarMenuItemProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").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;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+            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;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Action: ({ element, ...props }: SidebarMenuItemActionProps) => React.JSX.Element;
+};
+export { SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuItemButtonProps, type SidebarMenuItemLinkProps, type SidebarMenuItemGroupProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuItem.js

@@ -0,0 +1,24 @@
+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";
+const SidebarMenuItemBase = props => {
+  const {
+    currentLevel
+  } = useSidebarMenu();
+  if (currentLevel === 0) {
+    return /*#__PURE__*/React.createElement(SidebarMenuRootItem, props);
+  }
+  return /*#__PURE__*/React.createElement(SidebarMenuSubItem, props);
+};
+const DecoratableSidebarMenuItem = makeDecoratable("SidebarMenuItem", SidebarMenuItemBase);
+const SidebarMenuItem = withStaticProps(DecoratableSidebarMenuItem, {
+  Icon: SidebarMenuItemIcon,
+  Action: SidebarMenuItemAction
+});
+export { SidebarMenuItem };
+
+//# sourceMappingURL=SidebarMenuItem.js.map

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

@@ -0,0 +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":[]}

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

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

package/Sidebar/components/items/SidebarMenuItemAction.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { IconButton } from "../../../Button/IconButton";
+const SidebarMenuItemAction = ({
+  element,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
+    icon: element,
+    size: "xs",
+    variant: "ghost",
+    className: "wby-ml-auto group-data-[state=collapsed]:wby-hidden"
+  }, props));
+};
+export { SidebarMenuItemAction };
+
+//# sourceMappingURL=SidebarMenuItemAction.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { type IconProps } from "../../../Icon";
+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;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
+        original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+        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;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { SidebarMenuItemIcon, type SidebarMenuItemIconProps };

package/Sidebar/components/items/SidebarMenuItemIcon.js

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,45 @@
+import React from "react";
+import { type SidebarMenuItemLinkProps } from "./SidebarMenuItem";
+import { type SidebarMenuItemIconProps } from "./SidebarMenuItemIcon";
+import { type SidebarMenuItemActionProps } from "./SidebarMenuItemAction";
+declare const SidebarMenuLink: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
+    original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarMenuItemLinkProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").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;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: SidebarMenuItemIconProps) => React.JSX.Element;
+            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;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Action: ({ element, ...props }: SidebarMenuItemActionProps) => React.JSX.Element;
+};
+export { SidebarMenuLink, type SidebarMenuItemLinkProps, type SidebarMenuItemIconProps, type SidebarMenuItemActionProps };

package/Sidebar/components/items/SidebarMenuLink.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { SidebarMenuItem } from "./SidebarMenuItem";
+import { makeDecoratable, withStaticProps } from "../../../utils";
+import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction";
+const SidebarMenuLinkBase = props => {
+  return /*#__PURE__*/React.createElement(SidebarMenuItem, props);
+};
+const DecoratableSidebarMenuLink = makeDecoratable("SidebarMenuLink", SidebarMenuLinkBase);
+const SidebarMenuLink = withStaticProps(DecoratableSidebarMenuLink, {
+  Icon: SidebarMenuItemIcon,
+  Action: SidebarMenuItemAction
+});
+export { SidebarMenuLink };
+
+//# sourceMappingURL=SidebarMenuLink.js.map

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

@@ -0,0 +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":[]}

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

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

package/Sidebar/components/items/SidebarMenuProvider.js

@@ -0,0 +1,27 @@
+import React from "react";
+const SidebarMenuContext = /*#__PURE__*/React.createContext({
+  currentLevel: 0,
+  nextLevel: 1
+});
+function useSidebarMenu() {
+  const context = React.useContext(SidebarMenuContext);
+  if (!context) {
+    throw new Error("useSidebarItem must be used within a SidebarMenuProvider.");
+  }
+  return context;
+}
+const SidebarMenuProvider = ({
+  level = 0,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(SidebarMenuContext.Provider, {
+    value: {
+      currentLevel: level,
+      nextLevel: level + 1
+    }
+  }, children);
+};
+SidebarMenuProvider.displayName = "SidebarMenuProvider";
+export { SidebarMenuProvider, useSidebarMenu };
+
+//# sourceMappingURL=SidebarMenuProvider.js.map

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

@@ -0,0 +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":[]}

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

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

package/Sidebar/components/items/SidebarMenuRoot.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { SidebarMenuProvider } from "./SidebarMenuProvider";
+const SidebarMenuRoot = 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)));
+export { SidebarMenuRoot };
+
+//# sourceMappingURL=SidebarMenuRoot.js.map

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

@@ -0,0 +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":[]}

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

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

package/Sidebar/components/items/SidebarMenuRootButton.js

@@ -0,0 +1,51 @@
+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"], {
+  variants: {
+    variant: {
+      "group-label": "!wby-text-neutral-muted wby-uppercase"
+    },
+    disabled: {
+      true: "wby-pointer-events-none !wby-text-neutral-disabled"
+    }
+  }
+});
+const SidebarMenuRootButton = ({
+  className,
+  onClick,
+  variant,
+  active,
+  disabled,
+  icon,
+  action,
+  text,
+  to,
+  ...linkProps
+}) => {
+  const sharedProps = {
+    "data-sidebar": "menu-button",
+    "data-active": active,
+    className: variants({
+      variant,
+      disabled
+    }),
+    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, {
+    to: to
+  }, linkProps), icon, text, chevron) : /*#__PURE__*/React.createElement(DivButton, Object.assign({}, sharedProps, {
+    disabled: disabled,
+    tabIndex: variant === "group-label" ? -1 : undefined
+  }), icon, text, chevron);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-flex wby-items-center wby-w-full", className)
+  }, content);
+};
+export { SidebarMenuRootButton };
+
+//# sourceMappingURL=SidebarMenuRootButton.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { type SidebarMenuItemProps } from "./SidebarMenuItem";
+declare const SidebarMenuRootItem: (({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
+    original: ({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
+        original: ({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element) & {
+        original: ({ children, className, ...buttonProps }: SidebarMenuItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Icon: (({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+        original: ({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("./SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Action: ({ element, ...props }: import("./SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+};
+export { SidebarMenuRootItem, type SidebarMenuItemProps };

package/Sidebar/components/items/SidebarMenuRootItem.js

@@ -0,0 +1,70 @@
+import React, { useCallback, useMemo } from "react";
+import { cn, makeDecoratable, withStaticProps } from "../../../utils";
+import { SidebarMenuRootButton } from "./SidebarMenuRootButton";
+import { SidebarMenuItemIcon } from "./SidebarMenuItemIcon";
+import { SidebarMenuItemAction } from "./SidebarMenuItemAction";
+import { SidebarMenuSub } from "./SidebarMenuSub";
+import { Collapsible } from "radix-ui";
+import { Icon } from "../../../Icon";
+import { ReactComponent as KeyboardArrowRightIcon } from "@webiny/icons/keyboard_arrow_down.svg";
+import { useSidebarMenu } from "./SidebarMenuProvider";
+import { useSidebar } from "../..";
+const SidebarMenuItemBase = ({
+  children,
+  className,
+  ...buttonProps
+}) => {
+  const {
+    currentLevel
+  } = useSidebarMenu();
+  const sidebar = useSidebar();
+  const menuItemId = useMemo(() => {
+    return btoa(`sidebar-item-${currentLevel}-${buttonProps.text}`);
+  }, [buttonProps.text, currentLevel]);
+  const isSectionExpanded = useMemo(() => {
+    return sidebar.isSectionExpanded(menuItemId);
+  }, [sidebar.expandedSections]);
+  const toggleSectionExpanded = useCallback(() => {
+    sidebar.toggleSectionExpanded(menuItemId);
+  }, [isSectionExpanded]);
+  const sidebarMenuButton = useMemo(() => {
+    if (!children) {
+      return /*#__PURE__*/React.createElement(SidebarMenuRootButton, buttonProps);
+    }
+    const chevron = /*#__PURE__*/React.createElement(Icon, {
+      label: "Expand / Collapse",
+      size: "sm",
+      className: "wby-ml-auto wby-transition-transform wby-duration-175 group-data-[state=open]/menu-item-collapsible:wby-rotate-180 group-data-[state=collapsed]:wby-hidden",
+      color: "neutral-strong",
+      "data-sidebar": "menu-item-expanded-indicator",
+      icon: /*#__PURE__*/React.createElement(KeyboardArrowRightIcon, null)
+    });
+    return /*#__PURE__*/React.createElement(Collapsible.Root, {
+      className: cn("wby-w-full wby-group/menu-item-collapsible"),
+      open: isSectionExpanded,
+      onOpenChange: toggleSectionExpanded
+    }, /*#__PURE__*/React.createElement(Collapsible.Trigger, {
+      asChild: true
+    }, /*#__PURE__*/React.createElement(SidebarMenuRootButton, Object.assign({}, buttonProps, {
+      action: chevron
+    }))), /*#__PURE__*/React.createElement(Collapsible.Content, {
+      forceMount: true,
+      className: "wby-hidden data-[state=open]:!wby-block"
+    }, /*#__PURE__*/React.createElement(SidebarMenuSub, null, children)));
+  }, [children, buttonProps, menuItemId, isSectionExpanded, toggleSectionExpanded]);
+  return /*#__PURE__*/React.createElement("li", {
+    "data-sidebar": "menu-item",
+    className: cn("wby-group/menu-item wby-relative wby-px-xs-plus",
+    // When the sidebar is collapsed, this ensures that the sidebar menu item is highlighted
+    // if it contains an active child (no matter how deep in the hierarchy).
+    "group-data-[state=collapsed]:[&:has([data-active=true])_[data-sidebar=menu-button]_svg]:!wby-fill-neutral-xstrong", "group-data-[state=collapsed]:[&:has([data-active=true])_[data-sidebar=menu-button]]:!wby-bg-neutral-dark/5", className)
+  }, sidebarMenuButton);
+};
+const DecoratableSidebarMenuItem = makeDecoratable("SidebarMenuItem", SidebarMenuItemBase);
+const SidebarMenuRootItem = withStaticProps(DecoratableSidebarMenuItem, {
+  Icon: SidebarMenuItemIcon,
+  Action: SidebarMenuItemAction
+});
+export { SidebarMenuRootItem };
+
+//# sourceMappingURL=SidebarMenuRootItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","cn","makeDecoratable","withStaticProps","SidebarMenuRootButton","SidebarMenuItemIcon","SidebarMenuItemAction","SidebarMenuSub","Collapsible","Icon","ReactComponent","KeyboardArrowRightIcon","useSidebarMenu","useSidebar","SidebarMenuItemBase","children","className","buttonProps","currentLevel","sidebar","menuItemId","btoa","text","isSectionExpanded","expandedSections","toggleSectionExpanded","sidebarMenuButton","createElement","chevron","label","size","color","icon","Root","open","onOpenChange","Trigger","asChild","Object","assign","action","Content","forceMount","DecoratableSidebarMenuItem","SidebarMenuRootItem","Action"],"sources":["SidebarMenuRootItem.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { SidebarMenuRootButton } from \"./SidebarMenuRootButton\";\nimport { SidebarMenuItemIcon } from \"./SidebarMenuItemIcon\";\nimport { SidebarMenuItemAction } from \"./SidebarMenuItemAction\";\nimport { SidebarMenuSub } from \"./SidebarMenuSub\";\nimport { Collapsible } from \"radix-ui\";\nimport { Icon } from \"~/Icon\";\nimport { ReactComponent as KeyboardArrowRightIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { type SidebarMenuItemProps } from \"./SidebarMenuItem\";\nimport { useSidebarMenu } from \"~/Sidebar/components/items/SidebarMenuProvider\";\nimport { useSidebar } from \"~/Sidebar\";\n\nconst SidebarMenuItemBase = ({ children, className, ...buttonProps }: SidebarMenuItemProps) => {\n    const { currentLevel } = useSidebarMenu();\n    const sidebar = useSidebar();\n\n    const menuItemId = useMemo(() => {\n        return btoa(`sidebar-item-${currentLevel}-${buttonProps.text}`);\n    }, [buttonProps.text, currentLevel]);\n\n    const isSectionExpanded = useMemo(() => {\n        return sidebar.isSectionExpanded(menuItemId);\n    }, [sidebar.expandedSections]);\n\n    const toggleSectionExpanded = useCallback(() => {\n        sidebar.toggleSectionExpanded(menuItemId);\n    }, [isSectionExpanded]);\n\n    const sidebarMenuButton = useMemo(() => {\n        if (!children) {\n            return <SidebarMenuRootButton {...buttonProps} />;\n        }\n\n        const chevron = (\n            <Icon\n                label={\"Expand / Collapse\"}\n                size={\"sm\"}\n                className={\n                    \"wby-ml-auto wby-transition-transform wby-duration-175 group-data-[state=open]/menu-item-collapsible:wby-rotate-180 group-data-[state=collapsed]:wby-hidden\"\n                }\n                color={\"neutral-strong\"}\n                data-sidebar={\"menu-item-expanded-indicator\"}\n                icon={<KeyboardArrowRightIcon />}\n            />\n        );\n\n        return (\n            <Collapsible.Root\n                className={cn(\"wby-w-full wby-group/menu-item-collapsible\")}\n                open={isSectionExpanded}\n                onOpenChange={toggleSectionExpanded}\n            >\n                <Collapsible.Trigger asChild>\n                    <SidebarMenuRootButton {...buttonProps} action={chevron} />\n                </Collapsible.Trigger>\n                <Collapsible.Content\n                    forceMount\n                    className={\"wby-hidden data-[state=open]:!wby-block\"}\n                >\n                    <SidebarMenuSub>{children}</SidebarMenuSub>\n                </Collapsible.Content>\n            </Collapsible.Root>\n        );\n    }, [children, buttonProps, menuItemId, isSectionExpanded, toggleSectionExpanded]);\n\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={cn(\n                \"wby-group/menu-item wby-relative wby-px-xs-plus\",\n\n                // When the sidebar is collapsed, this ensures that the sidebar menu item is highlighted\n                // if it contains an active child (no matter how deep in the hierarchy).\n                \"group-data-[state=collapsed]:[&:has([data-active=true])_[data-sidebar=menu-button]_svg]:!wby-fill-neutral-xstrong\",\n                \"group-data-[state=collapsed]:[&:has([data-active=true])_[data-sidebar=menu-button]]:!wby-bg-neutral-dark/5\",\n                className\n            )}\n        >\n            {sidebarMenuButton}\n        </li>\n    );\n};\n\nconst DecoratableSidebarMenuItem = makeDecoratable(\"SidebarMenuItem\", SidebarMenuItemBase);\n\nconst SidebarMenuRootItem = withStaticProps(DecoratableSidebarMenuItem, {\n    Icon: SidebarMenuItemIcon,\n    Action: SidebarMenuItemAction\n});\n\nexport { SidebarMenuRootItem, type SidebarMenuItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,EAAE,EAAEC,eAAe,EAAEC,eAAe;AAC7C,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,cAAc;AACvB,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,IAAI;AACb,SAASC,cAAc,IAAIC,sBAAsB,QAAQ,uCAAuC;AAEhG,SAASC,cAAc;AACvB,SAASC,UAAU;AAEnB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAkC,CAAC,KAAK;EAC3F,MAAM;IAAEC;EAAa,CAAC,GAAGN,cAAc,CAAC,CAAC;EACzC,MAAMO,OAAO,GAAGN,UAAU,CAAC,CAAC;EAE5B,MAAMO,UAAU,GAAGpB,OAAO,CAAC,MAAM;IAC7B,OAAOqB,IAAI,CAAC,gBAAgBH,YAAY,IAAID,WAAW,CAACK,IAAI,EAAE,CAAC;EACnE,CAAC,EAAE,CAACL,WAAW,CAACK,IAAI,EAAEJ,YAAY,CAAC,CAAC;EAEpC,MAAMK,iBAAiB,GAAGvB,OAAO,CAAC,MAAM;IACpC,OAAOmB,OAAO,CAACI,iBAAiB,CAACH,UAAU,CAAC;EAChD,CAAC,EAAE,CAACD,OAAO,CAACK,gBAAgB,CAAC,CAAC;EAE9B,MAAMC,qBAAqB,GAAG1B,WAAW,CAAC,MAAM;IAC5CoB,OAAO,CAACM,qBAAqB,CAACL,UAAU,CAAC;EAC7C,CAAC,EAAE,CAACG,iBAAiB,CAAC,CAAC;EAEvB,MAAMG,iBAAiB,GAAG1B,OAAO,CAAC,MAAM;IACpC,IAAI,CAACe,QAAQ,EAAE;MACX,oBAAOjB,KAAA,CAAA6B,aAAA,CAACvB,qBAAqB,EAAKa,WAAc,CAAC;IACrD;IAEA,MAAMW,OAAO,gBACT9B,KAAA,CAAA6B,aAAA,CAAClB,IAAI;MACDoB,KAAK,EAAE,mBAAoB;MAC3BC,IAAI,EAAE,IAAK;MACXd,SAAS,EACL,4JACH;MACDe,KAAK,EAAE,gBAAiB;MACxB,gBAAc,8BAA+B;MAC7CC,IAAI,eAAElC,KAAA,CAAA6B,aAAA,CAAChB,sBAAsB,MAAE;IAAE,CACpC,CACJ;IAED,oBACIb,KAAA,CAAA6B,aAAA,CAACnB,WAAW,CAACyB,IAAI;MACbjB,SAAS,EAAEf,EAAE,CAAC,4CAA4C,CAAE;MAC5DiC,IAAI,EAAEX,iBAAkB;MACxBY,YAAY,EAAEV;IAAsB,gBAEpC3B,KAAA,CAAA6B,aAAA,CAACnB,WAAW,CAAC4B,OAAO;MAACC,OAAO;IAAA,gBACxBvC,KAAA,CAAA6B,aAAA,CAACvB,qBAAqB,EAAAkC,MAAA,CAAAC,MAAA,KAAKtB,WAAW;MAAEuB,MAAM,EAAEZ;IAAQ,EAAE,CACzC,CAAC,eACtB9B,KAAA,CAAA6B,aAAA,CAACnB,WAAW,CAACiC,OAAO;MAChBC,UAAU;MACV1B,SAAS,EAAE;IAA0C,gBAErDlB,KAAA,CAAA6B,aAAA,CAACpB,cAAc,QAAEQ,QAAyB,CACzB,CACP,CAAC;EAE3B,CAAC,EAAE,CAACA,QAAQ,EAAEE,WAAW,EAAEG,UAAU,EAAEG,iBAAiB,EAAEE,qBAAqB,CAAC,CAAC;EAEjF,oBACI3B,KAAA,CAAA6B,aAAA;IACI,gBAAa,WAAW;IACxBX,SAAS,EAAEf,EAAE,CACT,iDAAiD;IAEjD;IACA;IACA,mHAAmH,EACnH,4GAA4G,EAC5Ge,SACJ;EAAE,GAEDU,iBACD,CAAC;AAEb,CAAC;AAED,MAAMiB,0BAA0B,GAAGzC,eAAe,CAAC,iBAAiB,EAAEY,mBAAmB,CAAC;AAE1F,MAAM8B,mBAAmB,GAAGzC,eAAe,CAACwC,0BAA0B,EAAE;EACpElC,IAAI,EAAEJ,mBAAmB;EACzBwC,MAAM,EAAEvC;AACZ,CAAC,CAAC;AAEF,SAASsC,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SidebarMenuSub: ({ className, ...props }: React.HTMLAttributes<HTMLUListElement>) => React.JSX.Element;
+export { SidebarMenuSub };

package/Sidebar/components/items/SidebarMenuSub.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { cn } from "../../../utils";
+import { SidebarMenuProvider, useSidebarMenu } from "./SidebarMenuProvider";
+const SidebarMenuSub = ({
+  className,
+  ...props
+}) => {
+  const parentSidebarMenu = useSidebarMenu();
+  return /*#__PURE__*/React.createElement(SidebarMenuProvider, {
+    level: parentSidebarMenu.nextLevel
+  }, /*#__PURE__*/React.createElement("ul", Object.assign({
+    "data-sidebar": "menu-sub",
+    className: cn("wby-flex wby-min-w-0 wby-flex-col wby-gap-y-xs wby-pt-xs", "group-data-[state=collapsed]:wby-hidden", className)
+  }, props)));
+};
+export { SidebarMenuSub };
+
+//# sourceMappingURL=SidebarMenuSub.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","SidebarMenuProvider","useSidebarMenu","SidebarMenuSub","className","props","parentSidebarMenu","createElement","level","nextLevel","Object","assign"],"sources":["SidebarMenuSub.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"~/utils\";\nimport { SidebarMenuProvider, useSidebarMenu } from \"./SidebarMenuProvider\";\n\nconst SidebarMenuSub = ({ className, ...props }: React.HTMLAttributes<HTMLUListElement>) => {\n    const parentSidebarMenu = useSidebarMenu();\n\n    return (\n        <SidebarMenuProvider level={parentSidebarMenu.nextLevel}>\n            <ul\n                data-sidebar=\"menu-sub\"\n                className={cn(\n                    \"wby-flex wby-min-w-0 wby-flex-col wby-gap-y-xs wby-pt-xs\",\n                    \"group-data-[state=collapsed]:wby-hidden\",\n                    className\n                )}\n                {...props}\n            />\n        </SidebarMenuProvider>\n    );\n};\n\nexport { SidebarMenuSub };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE;AACX,SAASC,mBAAmB,EAAEC,cAAc;AAE5C,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8C,CAAC,KAAK;EACxF,MAAMC,iBAAiB,GAAGJ,cAAc,CAAC,CAAC;EAE1C,oBACIH,KAAA,CAAAQ,aAAA,CAACN,mBAAmB;IAACO,KAAK,EAAEF,iBAAiB,CAACG;EAAU,gBACpDV,KAAA,CAAAQ,aAAA,OAAAG,MAAA,CAAAC,MAAA;IACI,gBAAa,UAAU;IACvBP,SAAS,EAAEJ,EAAE,CACT,0DAA0D,EAC1D,yCAAyC,EACzCI,SACJ;EAAE,GACEC,KAAK,CACZ,CACgB,CAAC;AAE9B,CAAC;AAED,SAASF,cAAc","ignoreList":[]}

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

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

package/Sidebar/components/items/SidebarMenuSubButton.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { Link } from "@webiny/react-router";
+import { cva } from "../../../utils";
+import { DivButton } from "./DivButton";
+const variants = cva(["wby-flex wby-w-full wby-cursor-pointer wby-items-center wby-gap-sm", "wby-text-md wby-text-neutral-primary !wby-no-underline", "wby-rounded-md wby-p-xs-plus wby-pr-sm wby-outline-none", "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=collapsed]:wby-hidden", "group-data-[state=open]/menu-sub-item-collapsible:!wby-font-semibold"], {
+  variants: {
+    variant: {
+      "group-label": ["wby-uppercase wby-font-semibold !wby-text-neutral-muted wby-text-sm", "wby-pt-md wby-pb-xs-plus wby-pointer-events-none"]
+    },
+    disabled: {
+      true: "wby-pointer-events-none !wby-text-neutral-disabled"
+    }
+  }
+});
+const SidebarMenuSubButton = ({
+  onClick,
+  variant,
+  active,
+  disabled,
+  icon,
+  action,
+  text,
+  to,
+  ...linkProps
+}) => {
+  const sharedProps = {
+    "data-sidebar": "menu-button",
+    "data-active": active,
+    className: variants({
+      variant,
+      disabled
+    }),
+    onClick
+  };
+  const content = to ? /*#__PURE__*/React.createElement(Link, Object.assign({}, sharedProps, {
+    to: to
+  }, linkProps), icon, text) : /*#__PURE__*/React.createElement(DivButton, Object.assign({}, sharedProps, {
+    disabled: disabled,
+    tabIndex: variant === "group-label" ? -1 : undefined
+  }), icon, text);
+
+  // We can't use the default button element here because the content of the button
+  // can also contain a button, which is not allowed in HTML.
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-w-full"
+  }, content, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-absolute wby-right-[10px]"
+  }, action));
+};
+export { SidebarMenuSubButton };
+
+//# sourceMappingURL=SidebarMenuSubButton.js.map