@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/DropdownMenu/components/DropdownMenuLink.js

@@ -1,13 +1,11 @@
-import React from "react";
+import react from "react";
 import { DropdownMenuItem } from "./DropdownMenuItem.js";
 import { makeDecoratable, withStaticProps } from "../../utils.js";
 import { DropdownMenuItemIcon } from "./DropdownMenuItemIcon.js";
-const DropdownMenuLinkBase = props => {
-  return /*#__PURE__*/React.createElement(DropdownMenuItem, props);
-};
+const DropdownMenuLinkBase = (props)=>/*#__PURE__*/ react.createElement(DropdownMenuItem, props);
 const DecoratableDropdownMenuLink = makeDecoratable("DropdownMenuLink", DropdownMenuLinkBase);
 const DropdownMenuLink = withStaticProps(DecoratableDropdownMenuLink, {
-  Icon: DropdownMenuItemIcon
+    Icon: DropdownMenuItemIcon
 });
 export { DropdownMenuLink };
 

package/DropdownMenu/components/DropdownMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenuItem","makeDecoratable","withStaticProps","DropdownMenuItemIcon","DropdownMenuLinkBase","props","createElement","DecoratableDropdownMenuLink","DropdownMenuLink","Icon"],"sources":["DropdownMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenuItem, type DropdownMenuItemLinkProps } from \"./DropdownMenuItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DropdownMenuItemIcon, type DropdownMenuItemIconProps } from \"./DropdownMenuItemIcon.js\";\n\nexport type DropdownMenuLinkProps = DropdownMenuItemLinkProps;\n\nconst DropdownMenuLinkBase = (props: DropdownMenuLinkProps) => {\n    return <DropdownMenuItem {...props} />;\n};\n\nconst DecoratableDropdownMenuLink = makeDecoratable(\"DropdownMenuLink\", DropdownMenuLinkBase);\n\nconst DropdownMenuLink = withStaticProps(DecoratableDropdownMenuLink, {\n    Icon: DropdownMenuItemIcon\n});\n\nexport { DropdownMenuLink, type DropdownMenuItemLinkProps, type DropdownMenuItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,oBAAoB;AAI7B,MAAMC,oBAAoB,GAAIC,KAA4B,IAAK;EAC3D,oBAAON,KAAA,CAAAO,aAAA,CAACN,gBAAgB,EAAKK,KAAQ,CAAC;AAC1C,CAAC;AAED,MAAME,2BAA2B,GAAGN,eAAe,CAAC,kBAAkB,EAAEG,oBAAoB,CAAC;AAE7F,MAAMI,gBAAgB,GAAGN,eAAe,CAACK,2BAA2B,EAAE;EAClEE,IAAI,EAAEN;AACV,CAAC,CAAC;AAEF,SAASK,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuLink.js","sources":["../../../src/DropdownMenu/components/DropdownMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenuItem, type DropdownMenuItemLinkProps } from \"./DropdownMenuItem.js\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DropdownMenuItemIcon, type DropdownMenuItemIconProps } from \"./DropdownMenuItemIcon.js\";\n\nexport type DropdownMenuLinkProps = DropdownMenuItemLinkProps;\n\nconst DropdownMenuLinkBase = (props: DropdownMenuLinkProps) => {\n    return <DropdownMenuItem {...props} />;\n};\n\nconst DecoratableDropdownMenuLink = makeDecoratable(\"DropdownMenuLink\", DropdownMenuLinkBase);\n\nconst DropdownMenuLink = withStaticProps(DecoratableDropdownMenuLink, {\n    Icon: DropdownMenuItemIcon\n});\n\nexport { DropdownMenuLink, type DropdownMenuItemLinkProps, type DropdownMenuItemIconProps };\n"],"names":["DropdownMenuLinkBase","props","DropdownMenuItem","DecoratableDropdownMenuLink","makeDecoratable","DropdownMenuLink","withStaticProps","DropdownMenuItemIcon"],"mappings":";;;;AAOA,MAAMA,uBAAuB,CAACC,QACnB,WAAP,GAAO,oBAACC,kBAAqBD;AAGjC,MAAME,8BAA8BC,gBAAgB,oBAAoBJ;AAExE,MAAMK,mBAAmBC,gBAAgBH,6BAA6B;IAClE,MAAMI;AACV"}

package/DropdownMenu/components/DropdownMenuPortal.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuPortal = DropdownMenu.Portal;
+export { DropdownMenuPortal };
 
 //# sourceMappingURL=DropdownMenuPortal.js.map

package/DropdownMenu/components/DropdownMenuPortal.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuPortal","Portal"],"sources":["DropdownMenuPortal.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,kBAAkB,GAAGD,qBAAqB,CAACE,MAAM","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuPortal.js","sources":["../../../src/DropdownMenu/components/DropdownMenuPortal.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"names":["DropdownMenuPortal","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,qBAAqBC,aAAAA,MAA4B"}

package/DropdownMenu/components/DropdownMenuRoot.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuRoot = DropdownMenuPrimitive.Root;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuRoot = DropdownMenu.Root;
+export { DropdownMenuRoot };
 
 //# sourceMappingURL=DropdownMenuRoot.js.map

package/DropdownMenu/components/DropdownMenuRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuRoot","Root"],"sources":["DropdownMenuRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuRoot = DropdownMenuPrimitive.Root;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,gBAAgB,GAAGD,qBAAqB,CAACE,IAAI","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuRoot.js","sources":["../../../src/DropdownMenu/components/DropdownMenuRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuRoot = DropdownMenuPrimitive.Root;\n"],"names":["DropdownMenuRoot","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,mBAAmBC,aAAAA,IAA0B"}

package/DropdownMenu/components/DropdownMenuSeparator.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import { type SeparatorProps } from "../../Separator/index.js";
 type DropdownMenuSeparatorProps = SeparatorProps;
-declare const DropdownMenuSeparator: ((props: DropdownMenuSeparatorProps) => React.JSX.Element) & {
-    original: (props: DropdownMenuSeparatorProps) => React.JSX.Element;
+declare const DropdownMenuSeparatorBase: (props: DropdownMenuSeparatorProps) => React.JSX.Element;
+declare const DropdownMenuSeparator: typeof DropdownMenuSeparatorBase & {
+    original: typeof DropdownMenuSeparatorBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: DropdownMenuSeparatorProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuSeparatorProps) => React.JSX.Element;
+    original: typeof DropdownMenuSeparatorBase & {
+        original: typeof DropdownMenuSeparatorBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: DropdownMenuSeparatorProps) => React.JSX.Element) & {
-        original: (props: DropdownMenuSeparatorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DropdownMenuSeparatorBase & {
+        original: typeof DropdownMenuSeparatorBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/DropdownMenu/components/DropdownMenuSeparator.js

@@ -1,12 +1,11 @@
-import * as React from "react";
 import { Separator } from "../../Separator/index.js";
 import { makeDecoratable } from "../../utils.js";
-const DropdownMenuSeparatorBase = props => {
-  return /*#__PURE__*/React.createElement(Separator, Object.assign({
-    variant: "strong",
-    margin: "md"
-  }, props));
-};
+import * as __rspack_external_react from "react";
+const DropdownMenuSeparatorBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        variant: "strong",
+        margin: "md",
+        ...props
+    });
 const DropdownMenuSeparator = makeDecoratable("DropdownMenuSeparator", DropdownMenuSeparatorBase);
 export { DropdownMenuSeparator };
 

package/DropdownMenu/components/DropdownMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","makeDecoratable","DropdownMenuSeparatorBase","props","createElement","Object","assign","variant","margin","DropdownMenuSeparator"],"sources":["DropdownMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype DropdownMenuSeparatorProps = SeparatorProps;\n\nconst DropdownMenuSeparatorBase = (props: DropdownMenuSeparatorProps) => {\n    return <Separator variant={\"strong\"} margin={\"md\"} {...props} />;\n};\n\nconst DropdownMenuSeparator = makeDecoratable(\"DropdownMenuSeparator\", DropdownMenuSeparatorBase);\n\nexport { DropdownMenuSeparator, type DropdownMenuSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS;AAClB,SAASC,eAAe;AAIxB,MAAMC,yBAAyB,GAAIC,KAAiC,IAAK;EACrE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,EAAAK,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE,QAAS;IAACC,MAAM,EAAE;EAAK,GAAKL,KAAK,CAAG,CAAC;AACpE,CAAC;AAED,MAAMM,qBAAqB,GAAGR,eAAe,CAAC,uBAAuB,EAAEC,yBAAyB,CAAC;AAEjG,SAASO,qBAAqB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSeparator.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype DropdownMenuSeparatorProps = SeparatorProps;\n\nconst DropdownMenuSeparatorBase = (props: DropdownMenuSeparatorProps) => {\n    return <Separator variant={\"strong\"} margin={\"md\"} {...props} />;\n};\n\nconst DropdownMenuSeparator = makeDecoratable(\"DropdownMenuSeparator\", DropdownMenuSeparatorBase);\n\nexport { DropdownMenuSeparator, type DropdownMenuSeparatorProps };\n"],"names":["DropdownMenuSeparatorBase","props","Separator","DropdownMenuSeparator","makeDecoratable"],"mappings":";;;AAMA,MAAMA,4BAA4B,CAACC,QACxB,WAAP,GAAO,sCAACC,WAASA;QAAC,SAAS;QAAU,QAAQ;QAAO,GAAGD,KAAK;;AAGhE,MAAME,wBAAwBC,gBAAgB,yBAAyBJ"}

package/DropdownMenu/components/DropdownMenuSubContent.js

@@ -1,19 +1,15 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { DropdownMenu } from "radix-ui";
 import { cn } from "../../utils.js";
-const DropdownMenuSubContent = /*#__PURE__*/React.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({
-  ref: ref,
-  avoidCollisions: false,
-  className: cn("border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
-  // Added these to match alignment shown in the design.
-  ,
-  sideOffset: -9,
-  alignOffset: -2
-}, props)));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+import * as __rspack_external_react from "react";
+const DropdownMenuSubContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.SubContent, {
+        ref: ref,
+        avoidCollisions: false,
+        className: cn("border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        sideOffset: -9,
+        alignOffset: -2,
+        ...props
+    }));
+DropdownMenuSubContent.displayName = DropdownMenu.SubContent.displayName;
 export { DropdownMenuSubContent };
 
 //# sourceMappingURL=DropdownMenuSubContent.js.map

package/DropdownMenu/components/DropdownMenuSubContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","DropdownMenuSubContent","forwardRef","className","props","ref","createElement","SubContent","Object","assign","avoidCollisions","sideOffset","alignOffset","displayName"],"sources":["DropdownMenuSubContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst DropdownMenuSubContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubContent\n        ref={ref}\n        avoidCollisions={false}\n        className={cn(\n            \"border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n        )}\n        // Added these to match alignment shown in the design.\n        sideOffset={-9}\n        alignOffset={-2}\n        {...props}\n    />\n));\n\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nexport { DropdownMenuSubContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE;AAEX,MAAMC,sBAAsB,gBAAGJ,KAAK,CAACK,UAAU,CAG7C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,qBAAqB,CAACQ,UAAU,EAAAC,MAAA,CAAAC,MAAA;EAC7BJ,GAAG,EAAEA,GAAI;EACTK,eAAe,EAAE,KAAM;EACvBP,SAAS,EAAEH,EAAE,CACT,seAAse,EACteG,SACJ;EACA;EAAA;EACAQ,UAAU,EAAE,CAAC,CAAE;EACfC,WAAW,EAAE,CAAC;AAAE,GACZR,KAAK,CACZ,CACJ,CAAC;AAEFH,sBAAsB,CAACY,WAAW,GAAGd,qBAAqB,CAACQ,UAAU,CAACM,WAAW;AAEjF,SAASZ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubContent.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst DropdownMenuSubContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubContent\n        ref={ref}\n        avoidCollisions={false}\n        className={cn(\n            \"border-sm border-solid border-neutral-muted z-popover min-w-32 overflow-hidden rounded-md border bg-white py-xs-plus text-neutral-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n        )}\n        // Added these to match alignment shown in the design.\n        sideOffset={-9}\n        alignOffset={-2}\n        {...props}\n    />\n));\n\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nexport { DropdownMenuSubContent };\n"],"names":["DropdownMenuSubContent","React","className","props","ref","DropdownMenuPrimitive","cn"],"mappings":";;;AAIA,MAAMA,yBAAyB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG7C,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GACxB,sCAACC,aAAAA,UAAgC;QAC7B,KAAKD;QACL,iBAAiB;QACjB,WAAWE,GACP,weACAJ;QAGJ,YAAY;QACZ,aAAa;QACZ,GAAGC,KAAK;;AAIjBH,uBAAuB,WAAW,GAAGK,aAAAA,UAAAA,CAAAA,WAA4C"}

package/DropdownMenu/components/DropdownMenuSubRoot.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuSubRoot = DropdownMenu.Sub;
+export { DropdownMenuSubRoot };
 
 //# sourceMappingURL=DropdownMenuSubRoot.js.map

package/DropdownMenu/components/DropdownMenuSubRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuSubRoot","Sub"],"sources":["DropdownMenuSubRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,mBAAmB,GAAGD,qBAAqB,CAACE,GAAG","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubRoot.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubRoot.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuSubRoot = DropdownMenuPrimitive.Sub;\n"],"names":["DropdownMenuSubRoot","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,sBAAsBC,aAAAA,GAAyB"}

package/DropdownMenu/components/DropdownMenuSubTrigger.js

@@ -1,20 +1,17 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { DropdownMenu } from "radix-ui";
 import { cn } from "../../utils.js";
-import { ReactComponent as ChevronRight } from "@webiny/icons/chevron_right.svg";
-const DropdownMenuSubTrigger = /*#__PURE__*/React.forwardRef(({
-  className,
-  children,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({
-  ref: ref,
-  className: cn("group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none", className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: cn("rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors", "[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong")
-}, children, /*#__PURE__*/React.createElement(ChevronRight, {
-  className: "ml-auto"
-}))));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+import { ReactComponent } from "@webiny/icons/chevron_right.svg";
+import * as __rspack_external_react from "react";
+const DropdownMenuSubTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.SubTrigger, {
+        ref: ref,
+        className: cn("group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none", className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn("rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors", "[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong")
+    }, children, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "ml-auto"
+    }))));
+DropdownMenuSubTrigger.displayName = DropdownMenu.SubTrigger.displayName;
 export { DropdownMenuSubTrigger };
 
 //# sourceMappingURL=DropdownMenuSubTrigger.js.map

package/DropdownMenu/components/DropdownMenuSubTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","ReactComponent","ChevronRight","DropdownMenuSubTrigger","forwardRef","className","children","props","ref","createElement","SubTrigger","Object","assign","displayName"],"sources":["DropdownMenuSubTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubTrigger\n        ref={ref}\n        className={cn(\n            \"group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none\",\n            className\n        )}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors\",\n                \"[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong\"\n            )}\n        >\n            {children}\n            <ChevronRight className=\"ml-auto\" />\n        </div>\n    </DropdownMenuPrimitive.SubTrigger>\n));\n\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nexport { DropdownMenuSubTrigger };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE;AACX,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAEhF,MAAMC,sBAAsB,gBAAGN,KAAK,CAACO,UAAU,CAG7C,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACrCX,KAAA,CAAAY,aAAA,CAACV,qBAAqB,CAACW,UAAU,EAAAC,MAAA,CAAAC,MAAA;EAC7BJ,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEL,EAAE,CACT,+FAA+F,EAC/FK,SACJ;AAAE,GACEE,KAAK,gBAETV,KAAA,CAAAY,aAAA;EACIJ,SAAS,EAAEL,EAAE,CACT,mHAAmH,EACnH,2FACJ;AAAE,GAEDM,QAAQ,eACTT,KAAA,CAAAY,aAAA,CAACP,YAAY;EAACG,SAAS,EAAC;AAAS,CAAE,CAClC,CACyB,CACrC,CAAC;AAEFF,sBAAsB,CAACU,WAAW,GAAGd,qBAAqB,CAACW,UAAU,CAACG,WAAW;AAEjF,SAASV,sBAAsB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuSubTrigger.js","sources":["../../../src/DropdownMenu/components/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n    <DropdownMenuPrimitive.SubTrigger\n        ref={ref}\n        className={cn(\n            \"group flex cursor-default select-none items-center rounded-sm px-xs-plus text-md outline-none\",\n            className\n        )}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"rounded-sm gap-sm-extra group-focus:bg-neutral-dimmed flex items-center w-full px-sm py-xs-plus transition-colors\",\n                \"[&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0 [&_svg]:fill-neutral-xstrong\"\n            )}\n        >\n            {children}\n            <ChevronRight className=\"ml-auto\" />\n        </div>\n    </DropdownMenuPrimitive.SubTrigger>\n));\n\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nexport { DropdownMenuSubTrigger };\n"],"names":["DropdownMenuSubTrigger","React","className","children","props","ref","DropdownMenuPrimitive","cn","ChevronRight"],"mappings":";;;;AAKA,MAAMA,yBAAyB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG7C,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GAClC,sCAACC,aAAAA,UAAgC;QAC7B,KAAKD;QACL,WAAWE,GACP,iGACAL;QAEH,GAAGE,KAAK;qBAET,sCAAC;QACG,WAAWG,GACP,qHACA;OAGHJ,UAAAA,WAAAA,GACD,sCAACK,gBAAYA;QAAC,WAAU;;AAKpCR,uBAAuB,WAAW,GAAGM,aAAAA,UAAAA,CAAAA,WAA4C"}

package/DropdownMenu/components/DropdownMenuTrigger.js

@@ -1,4 +1,5 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+import { DropdownMenu } from "radix-ui";
+const DropdownMenuTrigger = DropdownMenu.Trigger;
+export { DropdownMenuTrigger };
 
 //# sourceMappingURL=DropdownMenuTrigger.js.map

package/DropdownMenu/components/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","Trigger"],"sources":["DropdownMenuTrigger.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,mBAAmB,GAAGD,qBAAqB,CAACE,OAAO","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuTrigger.js","sources":["../../../src/DropdownMenu/components/DropdownMenuTrigger.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n"],"names":["DropdownMenuTrigger","DropdownMenuPrimitive"],"mappings":";AAEO,MAAMA,sBAAsBC,aAAAA,OAA6B"}

package/DropdownMenu/index.js

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

package/DynamicFieldset/Fieldset.js

@@ -1,107 +1,79 @@
-import React from "react";
+import react from "react";
 import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
-class DynamicFieldset extends React.Component {
-  static defaultProps = {
-    value: []
-  };
-  header = null;
-  footer = null;
-  rows = null;
-  empty = null;
-  actions = {
-    add: (index = -1) => () => this.addData(index),
-    remove: (index = -1) => () => this.removeData(index)
-  };
-  removeData = index => {
-    const {
-      value,
-      onChange
-    } = this.props;
-    if (!value) {
-      return;
+class DynamicFieldset extends react.Component {
+    static{
+        this.defaultProps = {
+            value: []
+        };
     }
-    onChange([...value.slice(0, index), ...value.slice(index + 1)]);
-  };
-  addData = (index = -1) => {
-    const {
-      onChange,
-      onAdd
-    } = this.props;
-    let value = this.props.value;
-    if (!value) {
-      value = [];
+    renderComponent() {
+        const { value } = this.props;
+        const { children } = this.props;
+        children({
+            actions: this.actions,
+            header: this.renderHeader,
+            footer: this.renderFooter,
+            row: this.renderRow,
+            empty: this.renderEmpty
+        });
+        if (!value || 0 === value.length) return this.empty;
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, this.header, this.rows, this.footer);
     }
-    const newValue = typeof onAdd === "function" ? onAdd() : {};
-    if (index < 0) {
-      onChange([...value, newValue]);
-    } else {
-      onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);
+    render() {
+        const { description, validation } = this.props;
+        const { isValid: validationIsValid, message: validationMessage } = validation || {};
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, this.renderComponent(), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+            invalid: Boolean(false === validationIsValid),
+            text: validationMessage
+        }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+            text: description
+        }));
     }
-  };
-  renderHeader = cb => {
-    this.header = cb();
-    return null;
-  };
-  renderFooter = cb => {
-    this.footer = cb();
-    return null;
-  };
-  renderRow = cb => {
-    const {
-      value
-    } = this.props;
-    if (!value) {
-      return null;
+    constructor(...args){
+        super(...args), this.header = null, this.footer = null, this.rows = null, this.empty = null, this.actions = {
+            add: (index = -1)=>()=>this.addData(index),
+            remove: (index = -1)=>()=>this.removeData(index)
+        }, this.removeData = (index)=>{
+            const { value, onChange } = this.props;
+            if (!value) return;
+            onChange([
+                ...value.slice(0, index),
+                ...value.slice(index + 1)
+            ]);
+        }, this.addData = (index = -1)=>{
+            const { onChange, onAdd } = this.props;
+            let value = this.props.value;
+            if (!value) value = [];
+            const newValue = "function" == typeof onAdd ? onAdd() : {};
+            onChange(index < 0 ? [
+                ...value,
+                newValue
+            ] : [
+                ...value.slice(0, index + 1),
+                newValue,
+                ...value.slice(index + 1)
+            ]);
+        }, this.renderHeader = (cb)=>{
+            this.header = cb();
+            return null;
+        }, this.renderFooter = (cb)=>{
+            this.footer = cb();
+            return null;
+        }, this.renderRow = (cb)=>{
+            const { value } = this.props;
+            if (!value) return null;
+            this.rows = value.map((record, index)=>/*#__PURE__*/ react.createElement("div", {
+                    key: index
+                }, cb({
+                    data: record,
+                    index
+                })));
+            return null;
+        }, this.renderEmpty = (cb)=>{
+            this.empty = cb();
+            return null;
+        };
     }
-    this.rows = value.map((record, index) => {
-      return /*#__PURE__*/React.createElement("div", {
-        key: index
-      }, cb({
-        data: record,
-        index
-      }));
-    });
-    return null;
-  };
-  renderEmpty = cb => {
-    this.empty = cb();
-    return null;
-  };
-  renderComponent() {
-    const {
-      value
-    } = this.props;
-    const {
-      children
-    } = this.props;
-    children({
-      actions: this.actions,
-      header: this.renderHeader,
-      footer: this.renderFooter,
-      row: this.renderRow,
-      empty: this.renderEmpty
-    });
-    if (!value || value.length === 0) {
-      return this.empty;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.header, this.rows, this.footer);
-  }
-  render() {
-    const {
-      description,
-      validation
-    } = this.props;
-    const {
-      isValid: validationIsValid,
-      message: validationMessage
-    } = validation || {};
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderComponent(), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-      invalid: Boolean(validationIsValid === false),
-      text: validationMessage
-    }), /*#__PURE__*/React.createElement(FormComponentNote, {
-      text: description
-    }));
-  }
 }
 export { DynamicFieldset };
 

package/DynamicFieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormComponentErrorMessage","FormComponentNote","DynamicFieldset","Component","defaultProps","value","header","footer","rows","empty","actions","add","index","addData","remove","removeData","onChange","props","slice","onAdd","newValue","renderHeader","cb","renderFooter","renderRow","map","record","createElement","key","data","renderEmpty","renderComponent","children","row","length","Fragment","render","description","validation","isValid","validationIsValid","message","validationMessage","invalid","Boolean","text"],"sources":["Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropFooterCallable {\n    (): React.ReactNode;\n}\n\ninterface ChildrenRenderProp {\n    actions: {\n        add: (index?: number) => () => void;\n        remove: (index: number) => () => void;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    footer: (cb: ChildrenRenderPropFooterCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface DynamicFieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: (value: any) => void;\n    // Create a new value to be added to the fieldset.\n    onAdd: () => any;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nclass DynamicFieldset extends React.Component<DynamicFieldsetProps> {\n    static defaultProps: Partial<DynamicFieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    footer: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        if (!value) {\n            return;\n        }\n        onChange([...value.slice(0, index), ...value.slice(index + 1)]);\n    };\n\n    addData = (index = -1) => {\n        const { onChange, onAdd } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n\n        const newValue = typeof onAdd === \"function\" ? onAdd() : {};\n\n        if (index < 0) {\n            onChange([...value, newValue]);\n        } else {\n            onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderFooter = (cb: () => React.ReactNode): React.ReactNode => {\n        this.footer = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return <div key={index}>{cb({ data: record, index })}</div>;\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            footer: this.renderFooter,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n                {this.footer}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation } = this.props;\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <>\n                {this.renderComponent()}\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n                <FormComponentNote text={description} />\n            </>\n        );\n    }\n}\n\nexport { DynamicFieldset, type DynamicFieldsetProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DynamicFieldset/Fieldset.js","sources":["../../src/DynamicFieldset/Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropFooterCallable {\n    (): React.ReactNode;\n}\n\ninterface ChildrenRenderProp {\n    actions: {\n        add: (index?: number) => () => void;\n        remove: (index: number) => () => void;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    footer: (cb: ChildrenRenderPropFooterCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface DynamicFieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: (value: any) => void;\n    // Create a new value to be added to the fieldset.\n    onAdd: () => any;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nclass DynamicFieldset extends React.Component<DynamicFieldsetProps> {\n    static defaultProps: Partial<DynamicFieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    footer: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        if (!value) {\n            return;\n        }\n        onChange([...value.slice(0, index), ...value.slice(index + 1)]);\n    };\n\n    addData = (index = -1) => {\n        const { onChange, onAdd } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n\n        const newValue = typeof onAdd === \"function\" ? onAdd() : {};\n\n        if (index < 0) {\n            onChange([...value, newValue]);\n        } else {\n            onChange([...value.slice(0, index + 1), newValue, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderFooter = (cb: () => React.ReactNode): React.ReactNode => {\n        this.footer = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return <div key={index}>{cb({ data: record, index })}</div>;\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            footer: this.renderFooter,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n                {this.footer}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation } = this.props;\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <>\n                {this.renderComponent()}\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n                <FormComponentNote text={description} />\n            </>\n        );\n    }\n}\n\nexport { DynamicFieldset, type DynamicFieldsetProps };\n"],"names":["DynamicFieldset","React","value","children","description","validation","validationIsValid","validationMessage","FormComponentErrorMessage","Boolean","FormComponentNote","index","onChange","onAdd","newValue","cb","record"],"mappings":";;AAyCA,MAAMA,wBAAwBC,MAAAA,SAAe;;aAClC,YAAY,GAAkC;YACjD,OAAO,EAAE;QACb;;IAoEO,kBAAmC;QACtC,MAAM,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;QAC5B,MAAM,EAAEC,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;QAE/BA,SAAS;YACL,SAAS,IAAI,CAAC,OAAO;YACrB,QAAQ,IAAI,CAAC,YAAY;YACzB,QAAQ,IAAI,CAAC,YAAY;YACzB,KAAK,IAAI,CAAC,SAAS;YACnB,OAAO,IAAI,CAAC,WAAW;QAC3B;QAEA,IAAI,CAACD,SAASA,AAAiB,MAAjBA,MAAM,MAAM,EACtB,OAAO,IAAI,CAAC,KAAK;QAGrB,OAAO,WAAP,GACI,oBAACD,MAAAA,QAAc,QACV,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,MAAM;IAGxB;IAEgB,SAAS;QACrB,MAAM,EAAEG,WAAW,EAAEC,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK;QAC9C,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGF,cAAc,CAAC;QAElF,OAAO,WAAP,GACI,0CACK,IAAI,CAAC,eAAe,kBACrB,oBAACG,2BAAyBA;YACtB,SAASC,QAAQH,AAAsB,UAAtBA;YACjB,MAAMC;0BAEV,oBAACG,mBAAiBA;YAAC,MAAMN;;IAGrC;;QA9GJ,qBAKI,MAAM,GAAoB,WAC1B,MAAM,GAAoB,WAC1B,IAAI,GAAoB,WACxB,KAAK,GAAoB,WAEzB,OAAO,GAAG;YACN,KACI,CAACO,QAAQ,EAAE,GACX,IACI,IAAI,CAAC,OAAO,CAACA;YACrB,QACI,CAACA,QAAQ,EAAE,GACX,IACI,IAAI,CAAC,UAAU,CAACA;QAC5B,QAEA,UAAU,GAAG,CAACA;YACV,MAAM,EAAET,KAAK,EAAEU,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;YACtC,IAAI,CAACV,OACD;YAEJU,SAAS;mBAAIV,MAAM,KAAK,CAAC,GAAGS;mBAAWT,MAAM,KAAK,CAACS,QAAQ;aAAG;QAClE,QAEA,OAAO,GAAG,CAACA,QAAQ,EAAE;YACjB,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YACtC,IAAIX,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5B,IAAI,CAACA,OACDA,QAAQ,EAAE;YAGd,MAAMY,WAAW,AAAiB,cAAjB,OAAOD,QAAuBA,UAAU,CAAC;YAGtDD,SAAS,AADTD,QAAQ,IACC;mBAAIT;gBAAOY;aAAS,GAEpB;mBAAIZ,MAAM,KAAK,CAAC,GAAGS,QAAQ;gBAAIG;mBAAaZ,MAAM,KAAK,CAACS,QAAQ;aAAG;QAEpF,QAEA,YAAY,GAAG,CAACI;YACZ,IAAI,CAAC,MAAM,GAAGA;YACd,OAAO;QACX,QAEA,YAAY,GAAG,CAACA;YACZ,IAAI,CAAC,MAAM,GAAGA;YACd,OAAO;QACX,QAEA,SAAS,GAAG,CAACA;YACT,MAAM,EAAEb,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YAC5B,IAAI,CAACA,OACD,OAAO;YAEX,IAAI,CAAC,IAAI,GAAGA,MAAM,GAAG,CAAC,CAACc,QAAQL,QACpB,WAAP,GAAO,oBAAC;oBAAI,KAAKA;mBAAQI,GAAG;oBAAE,MAAMC;oBAAQL;gBAAM;YAEtD,OAAO;QACX,QAEA,WAAW,GAAG,CAACI;YACX,IAAI,CAAC,KAAK,GAAGA;YACb,OAAO;QACX;;AA0CJ"}

package/DynamicFieldset/index.js

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

package/EditableTitle/EditableTitle.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+interface EditableTitleProps {
+    /**
+     * The current title value.
+     */
+    value: string;
+    /**
+     * Called with the new value when editing is committed (blur or Enter).
+     */
+    onCommit: (value: string) => void;
+    /**
+     * If true, the title is rendered as plain (non-editable) text.
+     */
+    readOnly?: boolean;
+    /**
+     * Placeholder shown in the input while editing.
+     */
+    placeholder?: string;
+    /**
+     * Focus the input when entering edit mode. Defaults to `true`.
+     */
+    autoFocus?: boolean;
+    /**
+     * Select the input's content when entering edit mode. Defaults to `true`.
+     */
+    autoSelect?: boolean;
+    /**
+     * Content rendered before the title (e.g. a language tag).
+     */
+    startContent?: React.ReactNode;
+    /**
+     * Tooltip content shown when hovering the resting title.
+     */
+    tooltip?: React.ReactNode;
+    /**
+     * Controls the editing state. When provided, the component is controlled
+     * and `onEditingChange` must be used to react to state changes.
+     */
+    isEditing?: boolean;
+    /**
+     * Called whenever the editing state should change.
+     */
+    onEditingChange?: (editing: boolean) => void;
+    className?: string;
+    "data-testid"?: string;
+}
+declare const DecoratableEditableTitle: ({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element;
+declare const EditableTitle: typeof DecoratableEditableTitle & {
+    original: typeof DecoratableEditableTitle;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof DecoratableEditableTitle & {
+        original: typeof DecoratableEditableTitle;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableEditableTitle & {
+        original: typeof DecoratableEditableTitle;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { EditableTitle, type EditableTitleProps };