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

package/Drawer/components/DrawerHeader.js

@@ -1,12 +1,12 @@
 import * as React from "react";
-import { cn } from "../../utils";
-import { DrawerTitle } from "./DrawerTitle";
-import { DrawerDescription } from "./DrawerDescription";
+import { cn } from "../../utils.js";
+import { DrawerTitle } from "./DrawerTitle.js";
+import { DrawerDescription } from "./DrawerDescription.js";
 import { ReactComponent as XIcon } from "@webiny/icons/close.svg";
-import { IconButton } from "../../Button";
+import { IconButton } from "../../Button/index.js";
 import { Dialog as DrawerPrimitive } from "radix-ui";
 import { useMemo } from "react";
-import { Separator } from "../../Separator";
+import { Separator } from "../../Separator/index.js";
 export const DrawerHeader = ({
   title,
   icon,
@@ -23,11 +23,11 @@ export const DrawerHeader = ({
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-flex wby-flex-col wby-gap-sm wby-px-lg wby-py-md wby-text-center sm:wby-text-left wby-text-neutral-primary", className)
+    className: cn("flex flex-col gap-sm px-lg py-md text-center sm:text-left text-neutral-primary", className)
   }), /*#__PURE__*/React.createElement(DrawerTitle, {
-    className: "wby-flex wby-justify-between"
+    className: "flex justify-between"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-xs"
+    className: "flex gap-xs"
   }, icon, title), showCloseButton !== false && /*#__PURE__*/React.createElement(DrawerPrimitive.Close, {
     asChild: true
   }, /*#__PURE__*/React.createElement(IconButton, {

package/Drawer/components/DrawerHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","DrawerTitle","DrawerDescription","ReactComponent","XIcon","IconButton","Dialog","DrawerPrimitive","useMemo","Separator","DrawerHeader","title","icon","description","showCloseButton","separator","className","props","nothingToRender","createElement","Fragment","Object","assign","Close","asChild","size","iconSize","variant"],"sources":["DrawerHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\nimport { type DrawerProps } from \"../Drawer\";\nimport { DrawerTitle } from \"./DrawerTitle\";\nimport { DrawerDescription } from \"./DrawerDescription\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { useMemo } from \"react\";\nimport { Separator } from \"~/Separator\";\n\nexport type DrawerHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> &\n    Pick<DrawerProps, \"title\" | \"icon\" | \"description\" | \"showCloseButton\"> & {\n        separator?: DrawerProps[\"headerSeparator\"];\n    };\n\nexport const DrawerHeader = ({\n    title,\n    icon,\n    description,\n    showCloseButton,\n    separator,\n    className,\n    ...props\n}: DrawerHeaderProps) => {\n    const nothingToRender = useMemo(() => {\n        return !title && !description && !icon && !showCloseButton;\n    }, [title, description, icon, showCloseButton]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                {...props}\n                className={cn(\n                    \"wby-flex wby-flex-col wby-gap-sm wby-px-lg wby-py-md wby-text-center sm:wby-text-left wby-text-neutral-primary\",\n                    className\n                )}\n            >\n                <DrawerTitle className={\"wby-flex wby-justify-between\"}>\n                    <div className={\"wby-flex wby-gap-xs\"}>\n                        {icon}\n                        {title}\n                    </div>\n\n                    {showCloseButton !== false && (\n                        <DrawerPrimitive.Close asChild>\n                            <IconButton\n                                size=\"md\"\n                                iconSize=\"lg\"\n                                variant={\"ghost\"}\n                                icon={<XIcon />}\n                            />\n                        </DrawerPrimitive.Close>\n                    )}\n                </DrawerTitle>\n                {description && <DrawerDescription>{description}</DrawerDescription>}\n            </div>\n            {separator && <Separator />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,UAAU;AACnB,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,SAAS;AAOlB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGV,OAAO,CAAC,MAAM;IAClC,OAAO,CAACG,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI,IAAI,CAACE,eAAe;EAC9D,CAAC,EAAE,CAACH,KAAK,EAAEE,WAAW,EAAED,IAAI,EAAEE,eAAe,CAAC,CAAC;EAE/C,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,QAAAE,MAAA,CAAAC,MAAA,KACQL,KAAK;IACTD,SAAS,EAAEhB,EAAE,CACT,gHAAgH,EAChHgB,SACJ;EAAE,iBAEFjB,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IAACe,SAAS,EAAE;EAA+B,gBACnDjB,KAAA,CAAAoB,aAAA;IAAKH,SAAS,EAAE;EAAsB,GACjCJ,IAAI,EACJD,KACA,CAAC,EAELG,eAAe,KAAK,KAAK,iBACtBf,KAAA,CAAAoB,aAAA,CAACZ,eAAe,CAACgB,KAAK;IAACC,OAAO;EAAA,gBAC1BzB,KAAA,CAAAoB,aAAA,CAACd,UAAU;IACPoB,IAAI,EAAC,IAAI;IACTC,QAAQ,EAAC,IAAI;IACbC,OAAO,EAAE,OAAQ;IACjBf,IAAI,eAAEb,KAAA,CAAAoB,aAAA,CAACf,KAAK,MAAE;EAAE,CACnB,CACkB,CAElB,CAAC,EACbS,WAAW,iBAAId,KAAA,CAAAoB,aAAA,CAACjB,iBAAiB,QAAEW,WAA+B,CAClE,CAAC,EACLE,SAAS,iBAAIhB,KAAA,CAAAoB,aAAA,CAACV,SAAS,MAAE,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","DrawerTitle","DrawerDescription","ReactComponent","XIcon","IconButton","Dialog","DrawerPrimitive","useMemo","Separator","DrawerHeader","title","icon","description","showCloseButton","separator","className","props","nothingToRender","createElement","Fragment","Object","assign","Close","asChild","size","iconSize","variant"],"sources":["DrawerHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { type DrawerProps } from \"../Drawer.js\";\nimport { DrawerTitle } from \"./DrawerTitle.js\";\nimport { DrawerDescription } from \"./DrawerDescription.js\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { useMemo } from \"react\";\nimport { Separator } from \"~/Separator/index.js\";\n\nexport type DrawerHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> &\n    Pick<DrawerProps, \"title\" | \"icon\" | \"description\" | \"showCloseButton\"> & {\n        separator?: DrawerProps[\"headerSeparator\"];\n    };\n\nexport const DrawerHeader = ({\n    title,\n    icon,\n    description,\n    showCloseButton,\n    separator,\n    className,\n    ...props\n}: DrawerHeaderProps) => {\n    const nothingToRender = useMemo(() => {\n        return !title && !description && !icon && !showCloseButton;\n    }, [title, description, icon, showCloseButton]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                {...props}\n                className={cn(\n                    \"flex flex-col gap-sm px-lg py-md text-center sm:text-left text-neutral-primary\",\n                    className\n                )}\n            >\n                <DrawerTitle className={\"flex justify-between\"}>\n                    <div className={\"flex gap-xs\"}>\n                        {icon}\n                        {title}\n                    </div>\n\n                    {showCloseButton !== false && (\n                        <DrawerPrimitive.Close asChild>\n                            <IconButton\n                                size=\"md\"\n                                iconSize=\"lg\"\n                                variant={\"ghost\"}\n                                icon={<XIcon />}\n                            />\n                        </DrawerPrimitive.Close>\n                    )}\n                </DrawerTitle>\n                {description && <DrawerDescription>{description}</DrawerDescription>}\n            </div>\n            {separator && <Separator />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,UAAU;AACnB,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,SAAS;AAOlB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGV,OAAO,CAAC,MAAM;IAClC,OAAO,CAACG,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI,IAAI,CAACE,eAAe;EAC9D,CAAC,EAAE,CAACH,KAAK,EAAEE,WAAW,EAAED,IAAI,EAAEE,eAAe,CAAC,CAAC;EAE/C,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,QAAAE,MAAA,CAAAC,MAAA,KACQL,KAAK;IACTD,SAAS,EAAEhB,EAAE,CACT,gFAAgF,EAChFgB,SACJ;EAAE,iBAEFjB,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IAACe,SAAS,EAAE;EAAuB,gBAC3CjB,KAAA,CAAAoB,aAAA;IAAKH,SAAS,EAAE;EAAc,GACzBJ,IAAI,EACJD,KACA,CAAC,EAELG,eAAe,KAAK,KAAK,iBACtBf,KAAA,CAAAoB,aAAA,CAACZ,eAAe,CAACgB,KAAK;IAACC,OAAO;EAAA,gBAC1BzB,KAAA,CAAAoB,aAAA,CAACd,UAAU;IACPoB,IAAI,EAAC,IAAI;IACTC,QAAQ,EAAC,IAAI;IACbC,OAAO,EAAE,OAAQ;IACjBf,IAAI,eAAEb,KAAA,CAAAoB,aAAA,CAACf,KAAK,MAAE;EAAE,CACnB,CACkB,CAElB,CAAC,EACbS,WAAW,iBAAId,KAAA,CAAAoB,aAAA,CAACjB,iBAAiB,QAAEW,WAA+B,CAClE,CAAC,EACLE,SAAS,iBAAIhB,KAAA,CAAAoB,aAAA,CAACV,SAAS,MAAE,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}

package/Drawer/components/DrawerOverlay.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { Dialog as DrawerPrimitive } from "radix-ui";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 export const DrawerOverlay = /*#__PURE__*/React.forwardRef(({
   className,
   ...props
 }, ref) => /*#__PURE__*/React.createElement(DrawerPrimitive.Overlay, Object.assign({
   ref: ref,
-  className: cn("wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0", className)
+  className: cn("fixed inset-0 bg-neutral-dark/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-drawer-backdrop", className)
 }, props)));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 

package/Drawer/components/DrawerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerOverlay","forwardRef","className","props","ref","createElement","Overlay","Object","assign","displayName"],"sources":["DrawerOverlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport const DrawerOverlay = React.forwardRef<\n    React.ElementRef<typeof DrawerPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <DrawerPrimitive.Overlay\n        ref={ref}\n        className={cn(\n            \"wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0\",\n            className\n        )}\n        {...props}\n    />\n));\n\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAEX,OAAO,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,eAAe,CAACQ,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACpBJ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEH,EAAE,CACT,sLAAsL,EACtLG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ,CAAC;AAEFH,aAAa,CAACS,WAAW,GAAGX,eAAe,CAACQ,OAAO,CAACG,WAAW","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerOverlay","forwardRef","className","props","ref","createElement","Overlay","Object","assign","displayName"],"sources":["DrawerOverlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport const DrawerOverlay = React.forwardRef<\n    React.ElementRef<typeof DrawerPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <DrawerPrimitive.Overlay\n        ref={ref}\n        className={cn(\n            \"fixed inset-0 bg-neutral-dark/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 z-drawer-backdrop\",\n            className\n        )}\n        {...props}\n    />\n));\n\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAEX,OAAO,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,eAAe,CAACQ,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACpBJ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEH,EAAE,CACT,4KAA4K,EAC5KG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ,CAAC;AAEFH,aAAa,CAACS,WAAW,GAAGX,eAAe,CAACQ,OAAO,CAACG,WAAW","ignoreList":[]}

package/Drawer/components/DrawerPortal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DrawerPrimitive } from "radix-ui";
 export declare const DrawerPortal: import("react").FC<DrawerPrimitive.DialogPortalProps>;

package/Drawer/components/DrawerRoot.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DrawerPrimitive } from "radix-ui";
 export declare const DrawerRoot: import("react").FC<DrawerPrimitive.DialogProps>;

package/Drawer/components/DrawerTitle.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Dialog as DrawerPrimitive } from "radix-ui";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 export const DrawerTitle = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(DrawerPrimitive.Title, Object.assign({}, props, {
-  className: cn("wby-text-h4 wby-flex wby-gap-sm", className)
+  className: cn("text-h4 flex gap-sm", className)
 }));
 
 //# sourceMappingURL=DrawerTitle.js.map

package/Drawer/components/DrawerTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerTitle","className","props","createElement","Title","Object","assign"],"sources":["DrawerTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nexport const DrawerTitle = ({ className, ...props }: DrawerTitleProps) => (\n    <DrawerPrimitive.Title\n        {...props}\n        className={cn(\"wby-text-h4 wby-flex wby-gap-sm\", className)}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACdJ,KAAK;EACTD,SAAS,EAAEF,EAAE,CAAC,iCAAiC,EAAEE,SAAS;AAAE,EAC/D,CACJ","ignoreList":[]}
+{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerTitle","className","props","createElement","Title","Object","assign"],"sources":["DrawerTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nexport type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nexport const DrawerTitle = ({ className, ...props }: DrawerTitleProps) => (\n    <DrawerPrimitive.Title {...props} className={cn(\"text-h4 flex gap-sm\", className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKJ,KAAK;EAAED,SAAS,EAAEF,EAAE,CAAC,qBAAqB,EAAEE,SAAS;AAAE,EAAE,CACvF","ignoreList":[]}

package/Drawer/components/DrawerTrigger.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { Dialog as DrawerPrimitive } from "radix-ui";
 export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DrawerPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/Drawer/components/Icon.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { IconProps as IconComponentProps } from "../../Icon";
+import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
 export declare const Icon: (({ className, ...props }: IconProps) => React.JSX.Element) & {
     original: ({ className, ...props }: IconProps) => React.JSX.Element;
@@ -14,7 +14,7 @@ export declare const Icon: (({ className, ...props }: IconProps) => React.JSX.El
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: IconProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, ...props }: IconProps) => React.JSX.Element) & {
         original: ({ className, ...props }: IconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Drawer/components/Icon.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { cn, makeDecoratable } from "../../utils";
-import { Icon as IconComponent } from "../../Icon";
+import { cn, makeDecoratable } from "../../utils.js";
+import { Icon as IconComponent } from "../../Icon/index.js";
 const IconBase = ({
   className,
   ...props
@@ -9,7 +9,7 @@ const IconBase = ({
     size: "lg",
     color: "neutral-strong"
   }, props, {
-    className: cn("wby-pt-xs", className)
+    className: cn("pt-xs", className)
   }));
 };
 export const Icon = makeDecoratable("Icon", IconBase);

package/Drawer/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","Icon","IconComponent","IconBase","className","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport type { IconProps as IconComponentProps } from \"~/Icon\";\nimport { Icon as IconComponent } from \"~/Icon\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = ({ className, ...props }: IconProps) => {\n    return (\n        <IconComponent\n            size={\"lg\"}\n            color={\"neutral-strong\"}\n            {...props}\n            className={cn(\"wby-pt-xs\", className)}\n        />\n    );\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,IAAI,IAAIC,aAAa;AAI9B,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrD,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IACVC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAiB,GACpBL,KAAK;IACTD,SAAS,EAAEL,EAAE,CAAC,WAAW,EAAEK,SAAS;EAAE,EACzC,CAAC;AAEV,CAAC;AAED,OAAO,MAAMH,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAEG,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","Icon","IconComponent","IconBase","className","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = ({ className, ...props }: IconProps) => {\n    return (\n        <IconComponent\n            size={\"lg\"}\n            color={\"neutral-strong\"}\n            {...props}\n            className={cn(\"pt-xs\", className)}\n        />\n    );\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,IAAI,IAAIC,aAAa;AAI9B,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrD,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IACVC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAiB,GACpBL,KAAK;IACTD,SAAS,EAAEL,EAAE,CAAC,OAAO,EAAEK,SAAS;EAAE,EACrC,CAAC;AAEV,CAAC;AAED,OAAO,MAAMH,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAEG,QAAQ,CAAC","ignoreList":[]}

package/Drawer/index.d.ts

@@ -1 +1 @@
-export * from "./Drawer";
+export * from "./Drawer.js";

package/Drawer/index.js

@@ -1,3 +1,3 @@
-export * from "./Drawer";
+export * from "./Drawer.js";
 
 //# sourceMappingURL=index.js.map

package/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/DropdownMenu/DropdownMenu.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { DropdownMenuRoot } from "./components/DropdownMenuRoot";
-import { DropdownMenuContent } from "./components/DropdownMenuContent";
-import { type DropdownMenuItemProps } from "./components/DropdownMenuItem";
-import { type DropdownMenuLinkProps } from "./components/DropdownMenuLink";
+import { DropdownMenuRoot } from "./components/DropdownMenuRoot.js";
+import { DropdownMenuContent } from "./components/DropdownMenuContent.js";
+import { type DropdownMenuItemProps } from "./components/DropdownMenuItem.js";
+import { type DropdownMenuLinkProps } from "./components/DropdownMenuLink.js";
 interface DropdownMenuProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuRoot>, React.ComponentPropsWithoutRef<typeof DropdownMenuContent> {
     trigger?: React.ReactNode;
     children: React.ReactNode;
@@ -20,46 +20,46 @@ declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps &
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>> & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>> & {
         original: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>>;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Separator: ((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-        original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+    Separator: ((props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element) & {
+        original: (props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+        original: ((props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element) & {
+            original: (props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element) & {
+            original: (props: import("./components/DropdownMenuSeparator.js").DropdownMenuSeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Label: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
-        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;
     } & {
-        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
-            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
-            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel.js").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
@@ -77,7 +77,7 @@ declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps &
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>> & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>> & {
             original: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
@@ -96,53 +96,53 @@ declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps &
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
             original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Icon: (props: import("./components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+        Icon: (props: import("./components/DropdownMenuItemIcon.js").DropdownMenuItemIconProps) => React.JSX.Element;
     };
-    Link: ((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
-        original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+    Link: ((props: DropdownMenuLinkProps) => React.JSX.Element) & {
+        original: (props: DropdownMenuLinkProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
-            original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+        original: ((props: DropdownMenuLinkProps) => React.JSX.Element) & {
+            original: (props: DropdownMenuLinkProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
-            original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: DropdownMenuLinkProps) => React.JSX.Element) & {
+            original: (props: DropdownMenuLinkProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Icon: (props: import("./components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+        Icon: (props: import("./components/DropdownMenuItemIcon.js").DropdownMenuItemIconProps) => React.JSX.Element;
     };
-    CheckboxItem: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
-        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;
     } & {
-        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
-            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
-            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem.js").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
 };
-export { DropdownMenu, DropdownMenuItemProps, DropdownMenuLinkProps };
+export { DropdownMenu, type DropdownMenuItemProps, type DropdownMenuLinkProps };

package/DropdownMenu/DropdownMenu.js

@@ -1,15 +1,15 @@
 import * as React from "react";
-import { makeDecoratable, withStaticProps } from "../utils";
-import { DropdownMenuRoot } from "./components/DropdownMenuRoot";
-import { DropdownMenuTrigger } from "./components/DropdownMenuTrigger";
-import { DropdownMenuContent } from "./components/DropdownMenuContent";
-import { DropdownMenuSeparator } from "./components/DropdownMenuSeparator";
-import { DropdownMenuItem } from "./components/DropdownMenuItem";
-import { DropdownMenuLink } from "./components/DropdownMenuLink";
-import { DropdownMenuCheckboxItem } from "./components/DropdownMenuCheckboxItem";
-import { DropdownMenuLabel } from "./components/DropdownMenuLabel";
-import { DropdownMenuGroup } from "./components/DropdownMenuGroup";
-import { DropdownMenuPortal } from "./components/DropdownMenuPortal";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { DropdownMenuRoot } from "./components/DropdownMenuRoot.js";
+import { DropdownMenuTrigger } from "./components/DropdownMenuTrigger.js";
+import { DropdownMenuContent } from "./components/DropdownMenuContent.js";
+import { DropdownMenuSeparator } from "./components/DropdownMenuSeparator.js";
+import { DropdownMenuItem } from "./components/DropdownMenuItem.js";
+import { DropdownMenuLink } from "./components/DropdownMenuLink.js";
+import { DropdownMenuCheckboxItem } from "./components/DropdownMenuCheckboxItem.js";
+import { DropdownMenuLabel } from "./components/DropdownMenuLabel.js";
+import { DropdownMenuGroup } from "./components/DropdownMenuGroup.js";
+import { DropdownMenuPortal } from "./components/DropdownMenuPortal.js";
 const DropdownMenuBase = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     rootProps,
@@ -38,7 +38,7 @@ const DropdownMenuBase = /*#__PURE__*/React.forwardRef((props, ref) => {
         // Temporary fix. We need this because `ref` doesn't get passed to components
         // that are decorated with `makeDecoratable`. This will be fixed in the future.
         children: /*#__PURE__*/React.createElement("div", {
-          className: "wby-inline-block wby-text-0 wby-leading-none"
+          className: "inline-block leading-none"
         }, trigger)
       },
       contentProps: rest

package/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuSeparator","DropdownMenuItem","DropdownMenuLink","DropdownMenuCheckboxItem","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuBase","forwardRef","props","ref","rootProps","triggerProps","contentProps","useMemo","defaultOpen","open","onOpenChange","dir","trigger","rest","children","createElement","className","Object","assign","asChild","displayName","DecoratableDropdownMenu","DropdownMenu","Separator","Label","Group","Item","Link","CheckboxItem"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { DropdownMenuRoot } from \"./components/DropdownMenuRoot\";\nimport { DropdownMenuTrigger } from \"./components/DropdownMenuTrigger\";\nimport { DropdownMenuContent } from \"./components/DropdownMenuContent\";\nimport { DropdownMenuSeparator } from \"./components/DropdownMenuSeparator\";\nimport { DropdownMenuItem, type DropdownMenuItemProps } from \"./components/DropdownMenuItem\";\nimport { DropdownMenuLink, type DropdownMenuLinkProps } from \"./components/DropdownMenuLink\";\nimport { DropdownMenuCheckboxItem } from \"./components/DropdownMenuCheckboxItem\";\nimport { DropdownMenuLabel } from \"./components/DropdownMenuLabel\";\nimport { DropdownMenuGroup } from \"./components/DropdownMenuGroup\";\nimport { DropdownMenuPortal } from \"./components/DropdownMenuPortal\";\n\ninterface DropdownMenuProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuRoot>,\n        React.ComponentPropsWithoutRef<typeof DropdownMenuContent> {\n    trigger?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst DropdownMenuBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuRoot>,\n    DropdownMenuProps\n>((props, ref) => {\n    const { rootProps, triggerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange,\n\n            dir,\n\n            // Trigger props.\n            trigger,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                dir\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: (\n                    <div className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</div>\n                )\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <DropdownMenuRoot {...rootProps}>\n            {triggerProps.children && <DropdownMenuTrigger {...triggerProps} asChild />}\n            <DropdownMenuPortal>\n                <DropdownMenuContent {...contentProps} ref={ref} />\n            </DropdownMenuPortal>\n        </DropdownMenuRoot>\n    );\n});\n\nDropdownMenuBase.displayName = \"DropdownMenu\";\n\nconst DecoratableDropdownMenu = makeDecoratable(\"DropdownMenu\", DropdownMenuBase);\n\nconst DropdownMenu = withStaticProps(DecoratableDropdownMenu, {\n    Separator: DropdownMenuSeparator,\n    Label: DropdownMenuLabel,\n    Group: DropdownMenuGroup,\n    Item: DropdownMenuItem,\n    Link: DropdownMenuLink,\n    CheckboxItem: DropdownMenuCheckboxItem\n});\n\nexport { DropdownMenu, DropdownMenuItemProps, DropdownMenuLinkProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,wBAAwB;AACjC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAS3B,MAAMC,gBAAgB,gBAAGb,KAAK,CAACc,UAAU,CAGvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,SAAS;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IAClE,MAAM;MACF;MACAC,WAAW;MACXC,IAAI;MACJC,YAAY;MAEZC,GAAG;MAEH;MACAC,OAAO;MAEP;MACA,GAAGC;IACP,CAAC,GAAGX,KAAK;IAET,OAAO;MACHE,SAAS,EAAE;QACPI,WAAW;QACXC,IAAI;QACJC,YAAY;QACZC;MACJ,CAAC;MACDN,YAAY,EAAE;QACV;QACA;QACAS,QAAQ,eACJ3B,KAAA,CAAA4B,aAAA;UAAKC,SAAS,EAAE;QAA+C,GAAEJ,OAAa;MAEtF,CAAC;MACDN,YAAY,EAAEO;IAClB,CAAC;EACL,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAEX,oBACIf,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB,EAAKc,SAAS,EAC1BC,YAAY,CAACS,QAAQ,iBAAI3B,KAAA,CAAA4B,aAAA,CAACxB,mBAAmB,EAAA0B,MAAA,CAAAC,MAAA,KAAKb,YAAY;IAAEc,OAAO;EAAA,EAAE,CAAC,eAC3EhC,KAAA,CAAA4B,aAAA,CAAChB,kBAAkB,qBACfZ,KAAA,CAAA4B,aAAA,CAACvB,mBAAmB,EAAAyB,MAAA,CAAAC,MAAA,KAAKZ,YAAY;IAAEH,GAAG,EAAEA;EAAI,EAAE,CAClC,CACN,CAAC;AAE3B,CAAC,CAAC;AAEFH,gBAAgB,CAACoB,WAAW,GAAG,cAAc;AAE7C,MAAMC,uBAAuB,GAAGjC,eAAe,CAAC,cAAc,EAAEY,gBAAgB,CAAC;AAEjF,MAAMsB,YAAY,GAAGjC,eAAe,CAACgC,uBAAuB,EAAE;EAC1DE,SAAS,EAAE9B,qBAAqB;EAChC+B,KAAK,EAAE3B,iBAAiB;EACxB4B,KAAK,EAAE3B,iBAAiB;EACxB4B,IAAI,EAAEhC,gBAAgB;EACtBiC,IAAI,EAAEhC,gBAAgB;EACtBiC,YAAY,EAAEhC;AAClB,CAAC,CAAC;AAEF,SAAS0B,YAAY","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuSeparator","DropdownMenuItem","DropdownMenuLink","DropdownMenuCheckboxItem","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuBase","forwardRef","props","ref","rootProps","triggerProps","contentProps","useMemo","defaultOpen","open","onOpenChange","dir","trigger","rest","children","createElement","className","Object","assign","asChild","displayName","DecoratableDropdownMenu","DropdownMenu","Separator","Label","Group","Item","Link","CheckboxItem"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DropdownMenuRoot } from \"./components/DropdownMenuRoot.js\";\nimport { DropdownMenuTrigger } from \"./components/DropdownMenuTrigger.js\";\nimport { DropdownMenuContent } from \"./components/DropdownMenuContent.js\";\nimport { DropdownMenuSeparator } from \"./components/DropdownMenuSeparator.js\";\nimport { DropdownMenuItem, type DropdownMenuItemProps } from \"./components/DropdownMenuItem.js\";\nimport { DropdownMenuLink, type DropdownMenuLinkProps } from \"./components/DropdownMenuLink.js\";\nimport { DropdownMenuCheckboxItem } from \"./components/DropdownMenuCheckboxItem.js\";\nimport { DropdownMenuLabel } from \"./components/DropdownMenuLabel.js\";\nimport { DropdownMenuGroup } from \"./components/DropdownMenuGroup.js\";\nimport { DropdownMenuPortal } from \"./components/DropdownMenuPortal.js\";\n\ninterface DropdownMenuProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuRoot>,\n        React.ComponentPropsWithoutRef<typeof DropdownMenuContent> {\n    trigger?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst DropdownMenuBase = React.forwardRef<\n    React.ComponentRef<typeof DropdownMenuRoot>,\n    DropdownMenuProps\n>((props, ref) => {\n    const { rootProps, triggerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange,\n\n            dir,\n\n            // Trigger props.\n            trigger,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                dir\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div className={\"inline-block leading-none\"}>{trigger}</div>\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <DropdownMenuRoot {...rootProps}>\n            {triggerProps.children && <DropdownMenuTrigger {...triggerProps} asChild />}\n            <DropdownMenuPortal>\n                <DropdownMenuContent {...contentProps} ref={ref} />\n            </DropdownMenuPortal>\n        </DropdownMenuRoot>\n    );\n});\n\nDropdownMenuBase.displayName = \"DropdownMenu\";\n\nconst DecoratableDropdownMenu = makeDecoratable(\"DropdownMenu\", DropdownMenuBase);\n\nconst DropdownMenu = withStaticProps(DecoratableDropdownMenu, {\n    Separator: DropdownMenuSeparator,\n    Label: DropdownMenuLabel,\n    Group: DropdownMenuGroup,\n    Item: DropdownMenuItem,\n    Link: DropdownMenuLink,\n    CheckboxItem: DropdownMenuCheckboxItem\n});\n\nexport { DropdownMenu, type DropdownMenuItemProps, type DropdownMenuLinkProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,wBAAwB;AACjC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAS3B,MAAMC,gBAAgB,gBAAGb,KAAK,CAACc,UAAU,CAGvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,SAAS;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IAClE,MAAM;MACF;MACAC,WAAW;MACXC,IAAI;MACJC,YAAY;MAEZC,GAAG;MAEH;MACAC,OAAO;MAEP;MACA,GAAGC;IACP,CAAC,GAAGX,KAAK;IAET,OAAO;MACHE,SAAS,EAAE;QACPI,WAAW;QACXC,IAAI;QACJC,YAAY;QACZC;MACJ,CAAC;MACDN,YAAY,EAAE;QACV;QACA;QACAS,QAAQ,eAAE3B,KAAA,CAAA4B,aAAA;UAAKC,SAAS,EAAE;QAA4B,GAAEJ,OAAa;MACzE,CAAC;MACDN,YAAY,EAAEO;IAClB,CAAC;EACL,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAEX,oBACIf,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB,EAAKc,SAAS,EAC1BC,YAAY,CAACS,QAAQ,iBAAI3B,KAAA,CAAA4B,aAAA,CAACxB,mBAAmB,EAAA0B,MAAA,CAAAC,MAAA,KAAKb,YAAY;IAAEc,OAAO;EAAA,EAAE,CAAC,eAC3EhC,KAAA,CAAA4B,aAAA,CAAChB,kBAAkB,qBACfZ,KAAA,CAAA4B,aAAA,CAACvB,mBAAmB,EAAAyB,MAAA,CAAAC,MAAA,KAAKZ,YAAY;IAAEH,GAAG,EAAEA;EAAI,EAAE,CAClC,CACN,CAAC;AAE3B,CAAC,CAAC;AAEFH,gBAAgB,CAACoB,WAAW,GAAG,cAAc;AAE7C,MAAMC,uBAAuB,GAAGjC,eAAe,CAAC,cAAc,EAAEY,gBAAgB,CAAC;AAEjF,MAAMsB,YAAY,GAAGjC,eAAe,CAACgC,uBAAuB,EAAE;EAC1DE,SAAS,EAAE9B,qBAAqB;EAChC+B,KAAK,EAAE3B,iBAAiB;EACxB4B,KAAK,EAAE3B,iBAAiB;EACxB4B,IAAI,EAAEhC,gBAAgB;EACtBiC,IAAI,EAAEhC,gBAAgB;EACtBiC,YAAY,EAAEhC;AAClB,CAAC,CAAC;AAEF,SAAS0B,YAAY","ignoreList":[]}

package/DropdownMenu/DropdownMenu.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as DropdownMenuStories from './DropdownMenu.stories';
 
@@ -370,7 +370,7 @@ const WithCheckboxItemsExample = () => {
           text={
             <div>
               <Text as={"div"}>{level.label}</Text>
-              <Text as={"div"} size={"sm"} className={"wby-text-neutral-strong"}>
+              <Text as={"div"} size={"sm"} className={"text-neutral-strong"}>
                 {level.description}
               </Text>
             </div>

package/DropdownMenu/DropdownMenu.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { DropdownMenu } from "./DropdownMenu";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { DropdownMenu } from "./DropdownMenu.js";
 declare const meta: Meta<typeof DropdownMenu>;
 export default meta;
 type Story = StoryObj<typeof DropdownMenu>;

package/DropdownMenu/DropdownMenu.stories.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { DropdownMenu } from "./DropdownMenu";
-import { Button } from "../Button";
+import { DropdownMenu } from "./DropdownMenu.js";
+import { Button } from "../Button/index.js";
 import { ReactComponent as Cloud } from "@webiny/icons/cloud.svg";
 import { ReactComponent as LogOut } from "@webiny/icons/logout.svg";
 import { ReactComponent as LifeBuoy } from "@webiny/icons/safety_check.svg";
@@ -15,7 +15,7 @@ import { ReactComponent as Keyboard } from "@webiny/icons/keyboard.svg";
 import { ReactComponent as Mail } from "@webiny/icons/mail.svg";
 import { ReactComponent as MessageSquare } from "@webiny/icons/chat_bubble.svg";
 import { ReactComponent as LinkIcon } from "@webiny/icons/link.svg";
-import { Text } from "../Text";
+import { Text } from "../Text/index.js";
 const meta = {
   title: "Components/Dropdown Menu",
   component: DropdownMenu,
@@ -127,12 +127,13 @@ export const Default = {
         element: /*#__PURE__*/React.createElement(LinkIcon, null)
       })
     }), /*#__PURE__*/React.createElement(Link, {
-      text: "Link 2",
+      text: "Link 2 (target: _blank)",
       to: "#link-2",
       icon: /*#__PURE__*/React.createElement(Link.Icon, {
         label: "Link 2",
         element: /*#__PURE__*/React.createElement(LinkIcon, null)
-      })
+      }),
+      target: "_blank"
     }), /*#__PURE__*/React.createElement(Link, {
       text: "Link 3",
       to: "#link-3",
@@ -308,7 +309,7 @@ export const WithCheckboxItems = {
       }, level.label), /*#__PURE__*/React.createElement(Text, {
         as: "div",
         size: "sm",
-        className: "wby-text-neutral-strong"
+        className: "text-neutral-strong"
       }, level.description)),
       onClick: () => {
         console.log("Selected level:", level.id);
@@ -464,12 +465,10 @@ export const Documentation = {
   },
   argTypes: {
     trigger: {
-      description: "The trigger element that opens the menu. Please refer to the example code for details.",
-      control: "none"
+      description: "The trigger element that opens the menu. Please refer to the example code for details."
     },
     children: {
-      description: "The content of the menu. Please refer to the example code for details.",
-      control: "none"
+      description: "The content of the menu. Please refer to the example code for details."
     }
   }
 };