@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Accordion/components/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cva","cn","makeDecoratable","withStaticProps","AccordionTrigger","AccordionContent","AccordionItemIcon","AccordionItemAction","AccordionRoot","useAccordionBackground","AccordionItemPropsProvider","useAccordionItemProps","useAccordionProps","accordionItemVariants","variants","locked","true","background","base","light","transparent","variant","underline","container","border","none","accent","compoundVariants","className","defaultVariants","AccordionItemBase","props","providedProps","mergedProps","accordionProps","defaultOpen","disabled","onOpenChange","open","children","createElement","DecoratableAccordionItem","AccordionItem","Icon","Action"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, cn, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { AccordionTrigger } from \"./AccordionTrigger.js\";\nimport { AccordionContent } from \"./AccordionContent.js\";\nimport { AccordionItemIcon } from \"./AccordionItemIcon.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { AccordionRoot, type AccordionRootProps } from \"~/Accordion/components/AccordionRoot.js\";\nimport { useAccordionBackground } from \"~/Accordion/components/AccordionBackgroundProvider.js\";\nimport { AccordionItemPropsProvider, useAccordionItemProps } from \"./AccordionItemPropsProvider.js\";\nimport { useAccordionProps } from \"../Accordion.js\";\n\ninterface AccordionItemProps extends Omit<AccordionRootProps, \"title\"> {\n    title: React.ReactNode;\n    subtitle?: React.ReactNode;\n    description?: React.ReactNode;\n    colorMark?: string;\n    icon?: React.ReactNode;\n    handle?: React.ReactNode;\n    interactive?: boolean;\n    locked?: boolean;\n    draggable?: boolean;\n    actions?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst accordionItemVariants = cva(\"\", {\n    variants: {\n        locked: {\n            true: \"pointer-events-none\"\n        },\n        background: {\n            base: \"bg-neutral-base\",\n            light: \"bg-neutral-light\",\n            transparent: \"bg-transparent\"\n        },\n        variant: {\n            underline: \"border-b-sm border-b-neutral-dimmed\",\n            container: \"rounded-lg\"\n        },\n        border: {\n            none: \"\",\n            accent: \"\"\n        }\n    },\n    compoundVariants: [\n        {\n            variant: \"container\",\n            border: \"accent\",\n            className: \"border-md border-neutral-dimmed-darker rounded-lg\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const providedProps = useAccordionItemProps();\n    const mergedProps = { ...providedProps, ...props };\n    const accordionProps = useAccordionProps();\n    const background = useAccordionBackground(\"light\");\n\n    const { className, defaultOpen, disabled, onOpenChange, open, children, locked } = mergedProps;\n\n    return (\n        <AccordionRoot\n            className={cn(\n                \"group-item data-[state=open]:rounded-bl-lg data-[state=open]:rounded-br-lg\",\n                \"group-[.accordion-variant-container]/accordion:rounded-lg\",\n                \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\n                // Designer had a hover effect that was basically an overlay over the original\n                // bg color. We achieve that with a pseudo element. Dirty but it works well.\n                \"relative\",\n                \"before:absolute before:inset-0 before:pointer-events-none before:rounded-[inherit]\",\n                \"before:bg-neutral-dark/0 before:transition-colors\",\n                \"hover:before:bg-neutral-dark/2\",\n\n                // These are useful for nested accordions.\n                background === \"base\" && \"has-[.group-item:hover]:bg-neutral-base\",\n                background === \"light\" && \"has-[.group-item:hover]:bg-neutral-light\",\n                background === \"transparent\" && \"has-[.group-item:hover]:bg-transparent\",\n                accordionItemVariants({\n                    locked,\n                    background,\n                    variant: accordionProps.variant,\n                    border: accordionProps.border\n                }),\n                className\n            )}\n            defaultOpen={defaultOpen}\n            disabled={disabled}\n            onOpenChange={onOpenChange}\n            open={open}\n        >\n            <AccordionItemPropsProvider props={mergedProps}>\n                <AccordionTrigger />\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItemPropsProvider>\n        </AccordionRoot>\n    );\n};\n\nconst DecoratableAccordionItem = makeDecoratable(\"AccordionItem\", AccordionItemBase);\n\nconst AccordionItem = withStaticProps(DecoratableAccordionItem, {\n    Icon: AccordionItemIcon,\n    Action: AccordionItemAction\n});\n\nexport { AccordionItem, type AccordionItemProps, useAccordionItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,EAAEC,EAAE,EAAEC,eAAe,EAAEC,eAAe;AAClD,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,sBAAsB;AAC/B,SAASC,0BAA0B,EAAEC,qBAAqB;AAC1D,SAASC,iBAAiB;AAgB1B,MAAMC,qBAAqB,GAAGb,GAAG,CAAC,EAAE,EAAE;EAClCc,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACRC,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE;MACLC,SAAS,EAAE,qCAAqC;MAChDC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIN,OAAO,EAAE,WAAW;IACpBG,MAAM,EAAE,QAAQ;IAChBI,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMS,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAMC,aAAa,GAAGrB,qBAAqB,CAAC,CAAC;EAC7C,MAAMsB,WAAW,GAAG;IAAE,GAAGD,aAAa;IAAE,GAAGD;EAAM,CAAC;EAClD,MAAMG,cAAc,GAAGtB,iBAAiB,CAAC,CAAC;EAC1C,MAAMK,UAAU,GAAGR,sBAAsB,CAAC,OAAO,CAAC;EAElD,MAAM;IAAEmB,SAAS;IAAEO,WAAW;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,IAAI;IAAEC,QAAQ;IAAExB;EAAO,CAAC,GAAGkB,WAAW;EAE9F,oBACIlC,KAAA,CAAAyC,aAAA,CAAChC,aAAa;IACVoB,SAAS,EAAE3B,EAAE,CACT,4EAA4E,EAC5E,2DAA2D,EAC3D,gEAAgE;IAEhE;IACA;IACA,UAAU,EACV,oFAAoF,EACpF,mDAAmD,EACnD,gCAAgC;IAEhC;IACAgB,UAAU,KAAK,MAAM,IAAI,yCAAyC,EAClEA,UAAU,KAAK,OAAO,IAAI,0CAA0C,EACpEA,UAAU,KAAK,aAAa,IAAI,wCAAwC,EACxEJ,qBAAqB,CAAC;MAClBE,MAAM;MACNE,UAAU;MACVI,OAAO,EAAEa,cAAc,CAACb,OAAO;MAC/BG,MAAM,EAAEU,cAAc,CAACV;IAC3B,CAAC,CAAC,EACFI,SACJ,CAAE;IACFO,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,IAAI,EAAEA;EAAK,gBAEXvC,KAAA,CAAAyC,aAAA,CAAC9B,0BAA0B;IAACqB,KAAK,EAAEE;EAAY,gBAC3ClC,KAAA,CAAAyC,aAAA,CAACpC,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAyC,aAAA,CAACnC,gBAAgB,QAAEkC,QAA2B,CACtB,CACjB,CAAC;AAExB,CAAC;AAED,MAAME,wBAAwB,GAAGvC,eAAe,CAAC,eAAe,EAAE4B,iBAAiB,CAAC;AAEpF,MAAMY,aAAa,GAAGvC,eAAe,CAACsC,wBAAwB,EAAE;EAC5DE,IAAI,EAAErC,iBAAiB;EACvBsC,MAAM,EAAErC;AACZ,CAAC,CAAC;AAEF,SAASmC,aAAa,EAA2B/B,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItem.js","sources":["../../../src/Accordion/components/AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, cn, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { AccordionTrigger } from \"./AccordionTrigger.js\";\nimport { AccordionContent } from \"./AccordionContent.js\";\nimport { AccordionItemIcon } from \"./AccordionItemIcon.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { AccordionRoot, type AccordionRootProps } from \"~/Accordion/components/AccordionRoot.js\";\nimport { useAccordionBackground } from \"~/Accordion/components/AccordionBackgroundProvider.js\";\nimport { AccordionItemPropsProvider, useAccordionItemProps } from \"./AccordionItemPropsProvider.js\";\nimport { useAccordionProps } from \"../Accordion.js\";\n\ninterface AccordionItemProps extends Omit<AccordionRootProps, \"title\"> {\n    title: React.ReactNode;\n    subtitle?: React.ReactNode;\n    description?: React.ReactNode;\n    colorMark?: string;\n    icon?: React.ReactNode;\n    handle?: React.ReactNode;\n    interactive?: boolean;\n    locked?: boolean;\n    draggable?: boolean;\n    actions?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst accordionItemVariants = cva(\"\", {\n    variants: {\n        locked: {\n            true: \"pointer-events-none\"\n        },\n        background: {\n            base: \"bg-neutral-base\",\n            light: \"bg-neutral-light\",\n            transparent: \"bg-transparent\"\n        },\n        variant: {\n            underline: \"border-b-sm border-b-neutral-dimmed\",\n            container: \"rounded-lg\"\n        },\n        border: {\n            none: \"\",\n            accent: \"\"\n        }\n    },\n    compoundVariants: [\n        {\n            variant: \"container\",\n            border: \"accent\",\n            className: \"border-md border-neutral-dimmed-darker rounded-lg\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const providedProps = useAccordionItemProps();\n    const mergedProps = { ...providedProps, ...props };\n    const accordionProps = useAccordionProps();\n    const background = useAccordionBackground(\"light\");\n\n    const { className, defaultOpen, disabled, onOpenChange, open, children, locked } = mergedProps;\n\n    return (\n        <AccordionRoot\n            className={cn(\n                \"group-item data-[state=open]:rounded-bl-lg data-[state=open]:rounded-br-lg\",\n                \"group-[.accordion-variant-container]/accordion:rounded-lg\",\n                \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\n                // Designer had a hover effect that was basically an overlay over the original\n                // bg color. We achieve that with a pseudo element. Dirty but it works well.\n                \"relative\",\n                \"before:absolute before:inset-0 before:pointer-events-none before:rounded-[inherit]\",\n                \"before:bg-neutral-dark/0 before:transition-colors\",\n                \"hover:before:bg-neutral-dark/2\",\n\n                // These are useful for nested accordions.\n                background === \"base\" && \"has-[.group-item:hover]:bg-neutral-base\",\n                background === \"light\" && \"has-[.group-item:hover]:bg-neutral-light\",\n                background === \"transparent\" && \"has-[.group-item:hover]:bg-transparent\",\n                accordionItemVariants({\n                    locked,\n                    background,\n                    variant: accordionProps.variant,\n                    border: accordionProps.border\n                }),\n                className\n            )}\n            defaultOpen={defaultOpen}\n            disabled={disabled}\n            onOpenChange={onOpenChange}\n            open={open}\n        >\n            <AccordionItemPropsProvider props={mergedProps}>\n                <AccordionTrigger />\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItemPropsProvider>\n        </AccordionRoot>\n    );\n};\n\nconst DecoratableAccordionItem = makeDecoratable(\"AccordionItem\", AccordionItemBase);\n\nconst AccordionItem = withStaticProps(DecoratableAccordionItem, {\n    Icon: AccordionItemIcon,\n    Action: AccordionItemAction\n});\n\nexport { AccordionItem, type AccordionItemProps, useAccordionItemProps };\n"],"names":["accordionItemVariants","cva","AccordionItemBase","props","providedProps","useAccordionItemProps","mergedProps","accordionProps","useAccordionProps","background","useAccordionBackground","className","defaultOpen","disabled","onOpenChange","open","children","locked","AccordionRoot","cn","AccordionItemPropsProvider","AccordionTrigger","AccordionContent","DecoratableAccordionItem","makeDecoratable","AccordionItem","withStaticProps","AccordionItemIcon","AccordionItemAction"],"mappings":";;;;;;;;;;AAyBA,MAAMA,wBAAwBC,IAAI,IAAI;IAClC,UAAU;QACN,QAAQ;YACJ,MAAM;QACV;QACA,YAAY;YACR,MAAM;YACN,OAAO;YACP,aAAa;QACjB;QACA,SAAS;YACL,WAAW;YACX,WAAW;QACf;QACA,QAAQ;YACJ,MAAM;YACN,QAAQ;QACZ;IACJ;IACA,kBAAkB;QACd;YACI,SAAS;YACT,QAAQ;YACR,WAAW;QACf;KACH;IACD,iBAAiB;QACb,SAAS;IACb;AACJ;AAEA,MAAMC,oBAAoB,CAACC;IACvB,MAAMC,gBAAgBC;IACtB,MAAMC,cAAc;QAAE,GAAGF,aAAa;QAAE,GAAGD,KAAK;IAAC;IACjD,MAAMI,iBAAiBC;IACvB,MAAMC,aAAaC,uBAAuB;IAE1C,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGX;IAEnF,OAAO,WAAP,GACI,sCAACY,eAAaA;QACV,WAAWC,GACP,8EACA,6DACA,kEAIA,YACA,sFACA,qDACA,kCAGAV,AAAe,WAAfA,cAAyB,2CACzBA,AAAe,YAAfA,cAA0B,4CAC1BA,AAAe,kBAAfA,cAAgC,0CAChCT,sBAAsB;YAClBiB;YACAR;YACA,SAASF,eAAe,OAAO;YAC/B,QAAQA,eAAe,MAAM;QACjC,IACAI;QAEJ,aAAaC;QACb,UAAUC;QACV,cAAcC;QACd,MAAMC;qBAEN,sCAACK,4BAA0BA;QAAC,OAAOd;qBAC/B,sCAACe,kBAAgBA,OAAAA,WAAAA,GACjB,sCAACC,kBAAgBA,MAAEN;AAInC;AAEA,MAAMO,2BAA2BC,gBAAgB,iBAAiBtB;AAElE,MAAMuB,gBAAgBC,gBAAgBH,0BAA0B;IAC5D,MAAMI;IACN,QAAQC;AACZ"}

package/Accordion/components/AccordionItemAction.js

@@ -1,28 +1,24 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../../utils.js";
 import { IconButton } from "../../Button/index.js";
 import { AccordionItemSeparator } from "./AccordionItemSeparator.js";
-const AccordionItemActionBase = ({
-  onClick,
-  ...props
-}) => {
-  // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.
-  const onClickCallback = React.useCallback(e => {
-    e.stopPropagation();
-    if (onClick) {
-      onClick(e);
-    }
-  }, [onClick]);
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    variant: "ghost",
-    size: "sm"
-  }, props, {
-    onClick: onClickCallback
-  }));
+import * as __rspack_external_react from "react";
+const AccordionItemActionBase = ({ onClick, ...props })=>{
+    const onClickCallback = __rspack_external_react.useCallback((e)=>{
+        e.stopPropagation();
+        if (onClick) onClick(e);
+    }, [
+        onClick
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        ...props,
+        onClick: onClickCallback
+    });
 };
 const DecoratableAccordionItemAction = makeDecoratable("AccordionItemAction", AccordionItemActionBase);
 const AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {
-  Separator: AccordionItemSeparator
+    Separator: AccordionItemSeparator
 });
 export { AccordionItemAction };
 

package/Accordion/components/AccordionItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","IconButton","AccordionItemSeparator","AccordionItemActionBase","onClick","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","variant","size","DecoratableAccordionItemAction","AccordionItemAction","Separator"],"sources":["AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { AccordionItemSeparator } from \"./AccordionItemSeparator.js\";\n\ntype AccordionItemActionProps = IconButtonProps;\n\nconst AccordionItemActionBase = ({ onClick, ...props }: AccordionItemActionProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return <IconButton variant={\"ghost\"} size={\"sm\"} {...props} onClick={onClickCallback} />;\n};\n\nconst DecoratableAccordionItemAction = makeDecoratable(\n    \"AccordionItemAction\",\n    AccordionItemActionBase\n);\n\nconst AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {\n    Separator: AccordionItemSeparator\n});\n\nexport { AccordionItemAction, type AccordionItemActionProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AAEzC,SAASC,UAAU;AACnB,SAASC,sBAAsB;AAI/B,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF;EACA,MAAMC,eAAe,GAAGR,KAAK,CAACS,WAAW,CACpCC,CAAsC,IAAK;IACxCA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,IAAIL,OAAO,EAAE;MACTA,OAAO,CAACI,CAAC,CAAC;IACd;EACJ,CAAC,EACD,CAACJ,OAAO,CACZ,CAAC;EAED,oBAAON,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAU,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE;EAAK,GAAKT,KAAK;IAAED,OAAO,EAAEE;EAAgB,EAAE,CAAC;AAC5F,CAAC;AAED,MAAMS,8BAA8B,GAAGhB,eAAe,CAClD,qBAAqB,EACrBI,uBACJ,CAAC;AAED,MAAMa,mBAAmB,GAAGhB,eAAe,CAACe,8BAA8B,EAAE;EACxEE,SAAS,EAAEf;AACf,CAAC,CAAC;AAEF,SAASc,mBAAmB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItemAction.js","sources":["../../../src/Accordion/components/AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { AccordionItemSeparator } from \"./AccordionItemSeparator.js\";\n\ntype AccordionItemActionProps = IconButtonProps;\n\nconst AccordionItemActionBase = ({ onClick, ...props }: AccordionItemActionProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return <IconButton variant={\"ghost\"} size={\"sm\"} {...props} onClick={onClickCallback} />;\n};\n\nconst DecoratableAccordionItemAction = makeDecoratable(\n    \"AccordionItemAction\",\n    AccordionItemActionBase\n);\n\nconst AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {\n    Separator: AccordionItemSeparator\n});\n\nexport { AccordionItemAction, type AccordionItemActionProps };\n"],"names":["AccordionItemActionBase","onClick","props","onClickCallback","React","e","IconButton","DecoratableAccordionItemAction","makeDecoratable","AccordionItemAction","withStaticProps","AccordionItemSeparator"],"mappings":";;;;AAQA,MAAMA,0BAA0B,CAAC,EAAEC,OAAO,EAAE,GAAGC,OAAiC;IAE5E,MAAMC,kBAAkBC,wBAAAA,WAAiB,CACrC,CAACC;QACGA,EAAE,eAAe;QAEjB,IAAIJ,SACAA,QAAQI;IAEhB,GACA;QAACJ;KAAQ;IAGb,OAAO,WAAP,GAAO,sCAACK,YAAUA;QAAC,SAAS;QAAS,MAAM;QAAO,GAAGJ,KAAK;QAAE,SAASC;;AACzE;AAEA,MAAMI,iCAAiCC,gBACnC,uBACAR;AAGJ,MAAMS,sBAAsBC,gBAAgBH,gCAAgC;IACxE,WAAWI;AACf"}

package/Accordion/components/AccordionItemDragHandle.js

@@ -1,35 +1,34 @@
-import * as React from "react";
-import { ReactComponent as DragHandleIcon } from "@webiny/icons/drag_indicator.svg";
+import { ReactComponent } from "@webiny/icons/drag_indicator.svg";
 import { Icon } from "../../Icon/index.js";
 import { IconButton } from "../../Button/index.js";
 import { cn } from "../../utils.js";
-const AccordionItemDragHandle = ({
-  onClick,
-  className,
-  ...props
-}) => {
-  // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.
-  const onClickCallback = React.useCallback(e => {
-    e.stopPropagation();
-    if (onClick) {
-      onClick(e);
-    }
-  }, [onClick]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: cn(["absolute top-1/2 -left-sm -translate-y-sm", "invisible group-hover/trigger:visible"], className)
-  }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
-    onClick: onClickCallback,
-    size: "xs",
-    iconSize: "default",
-    variant: "secondary",
-    className: "cursor-grab",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      size: "sm",
-      color: "neutral-strong",
-      icon: /*#__PURE__*/React.createElement(DragHandleIcon, null),
-      label: "Drag handle"
-    })
-  })));
+import * as __rspack_external_react from "react";
+const AccordionItemDragHandle = ({ onClick, className, ...props })=>{
+    const onClickCallback = __rspack_external_react.useCallback((e)=>{
+        e.stopPropagation();
+        if (onClick) onClick(e);
+    }, [
+        onClick
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn([
+            "absolute top-1/2 -left-sm -translate-y-sm",
+            "invisible group-hover/trigger:visible"
+        ], className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+        ...props,
+        onClick: onClickCallback,
+        size: "xs",
+        iconSize: "default",
+        variant: "secondary",
+        className: "cursor-grab",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+            size: "sm",
+            color: "neutral-strong",
+            icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+            label: "Drag handle"
+        })
+    }));
 };
 export { AccordionItemDragHandle };
 

package/Accordion/components/AccordionItemDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DragHandleIcon","Icon","IconButton","cn","AccordionItemDragHandle","onClick","className","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","size","iconSize","variant","icon","color","label"],"sources":["AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface AccordionItemDragHandleProps extends Omit<IconButtonProps, \"icon\"> {\n    icon?: React.ReactElement;\n    label?: string;\n}\n\nconst AccordionItemDragHandle = ({\n    onClick,\n    className,\n    ...props\n}: AccordionItemDragHandleProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return (\n        <span\n            className={cn(\n                [\n                    \"absolute top-1/2 -left-sm -translate-y-sm\",\n                    \"invisible group-hover/trigger:visible\"\n                ],\n                className\n            )}\n        >\n            <IconButton\n                {...props}\n                onClick={onClickCallback}\n                size={\"xs\"}\n                iconSize={\"default\"}\n                variant={\"secondary\"}\n                className={\"cursor-grab\"}\n                icon={\n                    <Icon\n                        size={\"sm\"}\n                        color={\"neutral-strong\"}\n                        icon={<DragHandleIcon />}\n                        label={\"Drag handle\"}\n                    />\n                }\n            />\n        </span>\n    );\n};\n\nexport { AccordionItemDragHandle, type AccordionItemDragHandleProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,cAAc,QAAQ,kCAAkC;AACnF,SAASC,IAAI;AACb,SAASC,UAAU;AACnB,SAASC,EAAE;AAOX,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,OAAO;EACPC,SAAS;EACT,GAAGC;AACuB,CAAC,KAAK;EAChC;EACA,MAAMC,eAAe,GAAGV,KAAK,CAACW,WAAW,CACpCC,CAAsC,IAAK;IACxCA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,IAAIN,OAAO,EAAE;MACTA,OAAO,CAACK,CAAC,CAAC;IACd;EACJ,CAAC,EACD,CAACL,OAAO,CACZ,CAAC;EAED,oBACIP,KAAA,CAAAc,aAAA;IACIN,SAAS,EAAEH,EAAE,CACT,CACI,2CAA2C,EAC3C,uCAAuC,CAC1C,EACDG,SACJ;EAAE,gBAEFR,KAAA,CAAAc,aAAA,CAACV,UAAU,EAAAW,MAAA,CAAAC,MAAA,KACHP,KAAK;IACTF,OAAO,EAAEG,eAAgB;IACzBO,IAAI,EAAE,IAAK;IACXC,QAAQ,EAAE,SAAU;IACpBC,OAAO,EAAE,WAAY;IACrBX,SAAS,EAAE,aAAc;IACzBY,IAAI,eACApB,KAAA,CAAAc,aAAA,CAACX,IAAI;MACDc,IAAI,EAAE,IAAK;MACXI,KAAK,EAAE,gBAAiB;MACxBD,IAAI,eAAEpB,KAAA,CAAAc,aAAA,CAACZ,cAAc,MAAE,CAAE;MACzBoB,KAAK,EAAE;IAAc,CACxB;EACJ,EACJ,CACC,CAAC;AAEf,CAAC;AAED,SAAShB,uBAAuB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItemDragHandle.js","sources":["../../../src/Accordion/components/AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface AccordionItemDragHandleProps extends Omit<IconButtonProps, \"icon\"> {\n    icon?: React.ReactElement;\n    label?: string;\n}\n\nconst AccordionItemDragHandle = ({\n    onClick,\n    className,\n    ...props\n}: AccordionItemDragHandleProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return (\n        <span\n            className={cn(\n                [\n                    \"absolute top-1/2 -left-sm -translate-y-sm\",\n                    \"invisible group-hover/trigger:visible\"\n                ],\n                className\n            )}\n        >\n            <IconButton\n                {...props}\n                onClick={onClickCallback}\n                size={\"xs\"}\n                iconSize={\"default\"}\n                variant={\"secondary\"}\n                className={\"cursor-grab\"}\n                icon={\n                    <Icon\n                        size={\"sm\"}\n                        color={\"neutral-strong\"}\n                        icon={<DragHandleIcon />}\n                        label={\"Drag handle\"}\n                    />\n                }\n            />\n        </span>\n    );\n};\n\nexport { AccordionItemDragHandle, type AccordionItemDragHandleProps };\n"],"names":["AccordionItemDragHandle","onClick","className","props","onClickCallback","React","e","cn","IconButton","Icon","DragHandleIcon"],"mappings":";;;;;AAWA,MAAMA,0BAA0B,CAAC,EAC7BC,OAAO,EACPC,SAAS,EACT,GAAGC,OACwB;IAE3B,MAAMC,kBAAkBC,wBAAAA,WAAiB,CACrC,CAACC;QACGA,EAAE,eAAe;QAEjB,IAAIL,SACAA,QAAQK;IAEhB,GACA;QAACL;KAAQ;IAGb,OAAO,WAAP,GACI,sCAAC;QACG,WAAWM,GACP;YACI;YACA;SACH,EACDL;qBAGJ,sCAACM,YAAUA;QACN,GAAGL,KAAK;QACT,SAASC;QACT,MAAM;QACN,UAAU;QACV,SAAS;QACT,WAAW;QACX,oBACI,sCAACK,MAAIA;YACD,MAAM;YACN,OAAO;YACP,oBAAM,sCAACC,gBAAcA;YACrB,OAAO;;;AAM/B"}

package/Accordion/components/AccordionItemIcon.js

@@ -1,12 +1,12 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
-import { Icon as IconComponent } from "../../Icon/index.js";
-const AccordionItemIconBase = props => {
-  return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
-    size: "md",
-    color: "neutral-strong"
-  }, props));
-};
-export const AccordionItemIcon = makeDecoratable("AccordionItemIcon", AccordionItemIconBase);
+import { Icon } from "../../Icon/index.js";
+import * as __rspack_external_react from "react";
+const AccordionItemIconBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        size: "md",
+        color: "neutral-strong",
+        ...props
+    });
+const AccordionItemIcon = makeDecoratable("AccordionItemIcon", AccordionItemIconBase);
+export { AccordionItemIcon };
 
 //# sourceMappingURL=AccordionItemIcon.js.map

package/Accordion/components/AccordionItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Icon","IconComponent","AccordionItemIconBase","props","createElement","Object","assign","size","color","AccordionItemIcon"],"sources":["AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\n\ntype AccordionItemIconProps = IconComponentProps;\n\nconst AccordionItemIconBase = (props: AccordionItemIconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const AccordionItemIcon = makeDecoratable(\"AccordionItemIcon\", AccordionItemIconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,IAAI,IAAIC,aAAa;AAI9B,MAAMC,qBAAqB,GAAIC,KAA6B,IAAK;EAC7D,oBAAOL,KAAA,CAAAM,aAAA,CAACH,aAAa,EAAAI,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKL,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGV,eAAe,CAAC,mBAAmB,EAAEG,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItemIcon.js","sources":["../../../src/Accordion/components/AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\n\ntype AccordionItemIconProps = IconComponentProps;\n\nconst AccordionItemIconBase = (props: AccordionItemIconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const AccordionItemIcon = makeDecoratable(\"AccordionItemIcon\", AccordionItemIconBase);\n"],"names":["AccordionItemIconBase","props","IconComponent","AccordionItemIcon","makeDecoratable"],"mappings":";;;AAOA,MAAMA,wBAAwB,CAACC,QACpB,WAAP,GAAO,sCAACC,MAAaA;QAAC,MAAM;QAAM,OAAO;QAAmB,GAAGD,KAAK;;AAGjE,MAAME,oBAAoBC,gBAAgB,qBAAqBJ"}

package/Accordion/components/AccordionItemPropsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponentPropsProvider","AccordionItemPropsProvider","useAccordionItemProps"],"sources":["AccordionItemPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionItemProps } from \"./AccordionItem.js\";\n\nconst [AccordionItemPropsProvider, useAccordionItemProps] =\n    createComponentPropsProvider<AccordionItemProps>();\n\nexport { AccordionItemPropsProvider, useAccordionItemProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,0BAA0B,EAAEC,qBAAqB,CAAC,GACrDF,4BAA4B,CAAqB,CAAC;AAEtD,SAASC,0BAA0B,EAAEC,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItemPropsProvider.js","sources":["../../../src/Accordion/components/AccordionItemPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionItemProps } from \"./AccordionItem.js\";\n\nconst [AccordionItemPropsProvider, useAccordionItemProps] =\n    createComponentPropsProvider<AccordionItemProps>();\n\nexport { AccordionItemPropsProvider, useAccordionItemProps };\n"],"names":["AccordionItemPropsProvider","useAccordionItemProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,4BAA4BC,sBAAsB,GACrDC"}

package/Accordion/components/AccordionItemSeparator.js

@@ -1,13 +1,13 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { Separator } from "../../Separator/index.js";
-const AccordionItemSeparatorBase = props => {
-  return /*#__PURE__*/React.createElement(Separator, Object.assign({
-    orientation: "vertical",
-    className: "h-lg mx-xs-plus",
-    variant: "muted"
-  }, props));
-};
-export const AccordionItemSeparator = makeDecoratable("AccordionItemSeparator", AccordionItemSeparatorBase);
+import * as __rspack_external_react from "react";
+const AccordionItemSeparatorBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(Separator, {
+        orientation: "vertical",
+        className: "h-lg mx-xs-plus",
+        variant: "muted",
+        ...props
+    });
+const AccordionItemSeparator = makeDecoratable("AccordionItemSeparator", AccordionItemSeparatorBase);
+export { AccordionItemSeparator };
 
 //# sourceMappingURL=AccordionItemSeparator.js.map

package/Accordion/components/AccordionItemSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Separator","AccordionItemSeparatorBase","props","createElement","Object","assign","orientation","className","variant","AccordionItemSeparator"],"sources":["AccordionItemSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\n\ntype AccordionItemSeparatorProps = SeparatorProps;\n\nconst AccordionItemSeparatorBase = (props: AccordionItemSeparatorProps) => {\n    return (\n        <Separator\n            orientation={\"vertical\"}\n            className={\"h-lg mx-xs-plus\"}\n            variant={\"muted\"}\n            {...props}\n        />\n    );\n};\n\nexport const AccordionItemSeparator = makeDecoratable(\n    \"AccordionItemSeparator\",\n    AccordionItemSeparatorBase\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,SAAS;AAIlB,MAAMC,0BAA0B,GAAIC,KAAkC,IAAK;EACvE,oBACIJ,KAAA,CAAAK,aAAA,CAACH,SAAS,EAAAI,MAAA,CAAAC,MAAA;IACNC,WAAW,EAAE,UAAW;IACxBC,SAAS,EAAE,iBAAkB;IAC7BC,OAAO,EAAE;EAAQ,GACbN,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,OAAO,MAAMO,sBAAsB,GAAGV,eAAe,CACjD,wBAAwB,EACxBE,0BACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionItemSeparator.js","sources":["../../../src/Accordion/components/AccordionItemSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\n\ntype AccordionItemSeparatorProps = SeparatorProps;\n\nconst AccordionItemSeparatorBase = (props: AccordionItemSeparatorProps) => {\n    return (\n        <Separator\n            orientation={\"vertical\"}\n            className={\"h-lg mx-xs-plus\"}\n            variant={\"muted\"}\n            {...props}\n        />\n    );\n};\n\nexport const AccordionItemSeparator = makeDecoratable(\n    \"AccordionItemSeparator\",\n    AccordionItemSeparatorBase\n);\n"],"names":["AccordionItemSeparatorBase","props","Separator","AccordionItemSeparator","makeDecoratable"],"mappings":";;;AAMA,MAAMA,6BAA6B,CAACC,QACzB,WAAP,GACI,sCAACC,WAASA;QACN,aAAa;QACb,WAAW;QACX,SAAS;QACR,GAAGD,KAAK;;AAKd,MAAME,yBAAyBC,gBAClC,0BACAJ"}

package/Accordion/components/AccordionPropsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponentPropsProvider","AccordionPropsProvider","useAccordionProps"],"sources":["AccordionPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionProps } from \"../Accordion.js\";\n\nconst [AccordionPropsProvider, useAccordionProps] = createComponentPropsProvider<AccordionProps>();\n\nexport { AccordionPropsProvider, useAccordionProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,sBAAsB,EAAEC,iBAAiB,CAAC,GAAGF,4BAA4B,CAAiB,CAAC;AAElG,SAASC,sBAAsB,EAAEC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionPropsProvider.js","sources":["../../../src/Accordion/components/AccordionPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionProps } from \"../Accordion.js\";\n\nconst [AccordionPropsProvider, useAccordionProps] = createComponentPropsProvider<AccordionProps>();\n\nexport { AccordionPropsProvider, useAccordionProps };\n"],"names":["AccordionPropsProvider","useAccordionProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,wBAAwBC,kBAAkB,GAAGC"}

package/Accordion/components/AccordionRoot.js

@@ -1,5 +1,5 @@
-import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-const AccordionRoot = CollapsiblePrimitive.Root;
+import { Collapsible } from "radix-ui";
+const AccordionRoot = Collapsible.Root;
 export { AccordionRoot };
 
 //# sourceMappingURL=AccordionRoot.js.map

package/Accordion/components/AccordionRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["Collapsible","CollapsiblePrimitive","AccordionRoot","Root"],"sources":["AccordionRoot.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\ntype AccordionRootProps = CollapsiblePrimitive.CollapsibleProps;\n\nconst AccordionRoot = CollapsiblePrimitive.Root;\n\nexport { AccordionRoot, type AccordionRootProps };\n"],"mappings":"AAAA,SAASA,WAAW,IAAIC,oBAAoB,QAAQ,UAAU;AAI9D,MAAMC,aAAa,GAAGD,oBAAoB,CAACE,IAAI;AAE/C,SAASD,aAAa","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionRoot.js","sources":["../../../src/Accordion/components/AccordionRoot.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\ntype AccordionRootProps = CollapsiblePrimitive.CollapsibleProps;\n\nconst AccordionRoot = CollapsiblePrimitive.Root;\n\nexport { AccordionRoot, type AccordionRootProps };\n"],"names":["AccordionRoot","CollapsiblePrimitive"],"mappings":";AAIA,MAAMA,gBAAgBC,YAAAA,IAAyB"}

package/Accordion/components/AccordionTrigger.js

@@ -1,92 +1,77 @@
-import * as React from "react";
-import { ReactComponent as KeyboardArrowDownIcon } from "@webiny/icons/keyboard_arrow_down.svg";
-import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
-import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { Collapsible } from "radix-ui";
 import { cn } from "../../utils.js";
 import { useAccordionItemProps } from "./AccordionItem.js";
 import { useAccordionProps } from "./AccordionPropsProvider.js";
 import { AccordionItemAction } from "./AccordionItemAction.js";
 import { Icon } from "../../Icon/index.js";
 import { AccordionItemDragHandle } from "./AccordionItemDragHandle.js";
-const OpenCloseIndicator = () => {
-  return /*#__PURE__*/React.createElement(Icon, {
-    size: "md",
-    className: "transition",
-    color: "neutral-strong",
-    "data-role": "open-close-indicator",
-    label: "Open/close indicator",
-    icon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null)
-  });
-};
-const AccordionTrigger = () => {
-  const {
-    title,
-    subtitle,
-    description,
-    colorMark,
-    actions,
-    icon,
-    interactive = true,
-    locked,
-    draggable
-  } = useAccordionItemProps();
-  const accordionProps = useAccordionProps();
-  const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || "right";
-  // The following three attributes are required for the trigger to act as a button.
-  // We can't use the default button element here because the content of the trigger
-  // can also contain one or more buttons.
-  const divAsButtonProps = React.useMemo(() => {
-    return {
-      role: "button",
-      tabIndex: interactive ? 0 : -1,
-      // Disable keyboard interaction if not interactive
-      onKeyDown: e => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          e.currentTarget.click();
-        }
-      }
-    };
-  }, [interactive]);
-  return /*#__PURE__*/React.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true,
-    onClick: e => !interactive && e.preventDefault() // Prevent clicking if not interactive
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, divAsButtonProps, {
-    className: cn("group/trigger w-full flex items-center relative min-h-[62px]", "focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed", "group-[.accordion-variant-container]:rounded-lg", "[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent", interactive ? "cursor-pointer" : "cursor-default")
-  }), draggable ? /*#__PURE__*/React.createElement(AccordionItemDragHandle, null) : null, colorMark && /*#__PURE__*/React.createElement("div", {
-    style: {
-      backgroundColor: colorMark
-    },
-    className: "block w-[4px] h-[48px] rounded-sm ml-sm"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex justify-between items-center px-md py-sm-extra"
-  }, openClosedIndicatorPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, interactive && !locked ? /*#__PURE__*/React.createElement("div", {
-    className: "mr-md"
-  }, /*#__PURE__*/React.createElement(OpenCloseIndicator, null)) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement("div", {
-    className: "mr-md"
-  }, icon) : null), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xxs flex-grow text-left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-md font-semibold webiny_accordion-item-title"
-  }, title), subtitle && /*#__PURE__*/React.createElement("div", {
-    className: "text-neutral-muted text-md"
-  }, subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: "text-sm text-neutral-strong"
-  }, description)), openClosedIndicatorPosition === "right" ? /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs items-center"
-  }, locked ? /*#__PURE__*/React.createElement(Icon, {
-    label: "Locked",
-    icon: /*#__PURE__*/React.createElement(LockIcon, null),
-    color: "neutral-light"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, actions, actions && interactive ? /*#__PURE__*/React.createElement(AccordionItemAction.Separator, null) : null, interactive ? /*#__PURE__*/React.createElement(OpenCloseIndicator, null) : null)) : /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs items-center"
-  }, locked ? /*#__PURE__*/React.createElement(Icon, {
-    label: "Locked",
-    icon: /*#__PURE__*/React.createElement(LockIcon, null),
-    color: "neutral-light"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, actions)))));
+import * as __rspack_external_react from "react";
+const OpenCloseIndicator = ()=>/*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        size: "md",
+        className: "transition",
+        color: "neutral-strong",
+        "data-role": "open-close-indicator",
+        label: "Open/close indicator",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null)
+    });
+const AccordionTrigger = ()=>{
+    const { title, subtitle, description, colorMark, actions, icon, interactive = true, locked, draggable } = useAccordionItemProps();
+    const accordionProps = useAccordionProps();
+    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || "right";
+    const divAsButtonProps = __rspack_external_react.useMemo(()=>({
+            role: "button",
+            tabIndex: interactive ? 0 : -1,
+            onKeyDown: (e)=>{
+                if ("Enter" === e.key || " " === e.key) {
+                    e.preventDefault();
+                    e.currentTarget.click();
+                }
+            }
+        }), [
+        interactive
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Collapsible.Trigger, {
+        asChild: true,
+        onClick: (e)=>!interactive && e.preventDefault()
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...divAsButtonProps,
+        className: cn("group/trigger w-full flex items-center relative min-h-[62px]", "focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed", "group-[.accordion-variant-container]:rounded-lg", "[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent", interactive ? "cursor-pointer" : "cursor-default")
+    }, draggable ? /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemDragHandle, null) : null, colorMark && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        style: {
+            backgroundColor: colorMark
+        },
+        className: "block w-[4px] h-[48px] rounded-sm ml-sm"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full flex justify-between items-center px-md py-sm-extra"
+    }, "left" === openClosedIndicatorPosition ? /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, interactive && !locked ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mr-md"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(OpenCloseIndicator, null)) : null) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, icon ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mr-md"
+    }, icon) : null), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col gap-xxs flex-grow text-left"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-md font-semibold webiny_accordion-item-title"
+    }, title), subtitle && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-neutral-muted text-md"
+    }, subtitle)), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-sm text-neutral-strong"
+    }, description)), "right" === openClosedIndicatorPosition ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs items-center"
+    }, locked ? /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        label: "Locked",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(lock_svg_ReactComponent, null),
+        color: "neutral-light"
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, actions, actions && interactive ? /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemAction.Separator, null) : null, interactive ? /*#__PURE__*/ __rspack_external_react.createElement(OpenCloseIndicator, null) : null)) : /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs items-center"
+    }, locked ? /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        label: "Locked",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(lock_svg_ReactComponent, null),
+        color: "neutral-light"
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, actions)))));
 };
 export { AccordionTrigger };
 

package/Accordion/components/AccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","KeyboardArrowDownIcon","LockIcon","Collapsible","CollapsiblePrimitive","cn","useAccordionItemProps","useAccordionProps","AccordionItemAction","Icon","AccordionItemDragHandle","OpenCloseIndicator","createElement","size","className","color","label","icon","AccordionTrigger","title","subtitle","description","colorMark","actions","interactive","locked","draggable","accordionProps","openClosedIndicatorPosition","divAsButtonProps","useMemo","role","tabIndex","onKeyDown","e","key","preventDefault","currentTarget","click","Trigger","asChild","onClick","Object","assign","style","backgroundColor","Fragment","Separator"],"sources":["AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { useAccordionItemProps } from \"./AccordionItem.js\";\nimport { useAccordionProps } from \"./AccordionPropsProvider.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle.js\";\n\nconst OpenCloseIndicator = () => {\n    return (\n        <Icon\n            size={\"md\"}\n            className={\"transition\"}\n            color={\"neutral-strong\"}\n            data-role={\"open-close-indicator\"}\n            label={\"Open/close indicator\"}\n            icon={<KeyboardArrowDownIcon />}\n        />\n    );\n};\n\nconst AccordionTrigger = () => {\n    const {\n        title,\n        subtitle,\n        description,\n        colorMark,\n        actions,\n        icon,\n        interactive = true,\n        locked,\n        draggable\n    } = useAccordionItemProps();\n\n    const accordionProps = useAccordionProps();\n    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || \"right\";\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"group/trigger w-full flex items-center relative min-h-[62px]\",\n                    \"focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed\",\n                    \"group-[.accordion-variant-container]:rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent\",\n                    interactive ? \"cursor-pointer\" : \"cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle /> : null}\n                {colorMark && (\n                    <div\n                        style={{ backgroundColor: colorMark }}\n                        className={\"block w-[4px] h-[48px] rounded-sm ml-sm\"}\n                    />\n                )}\n                <div className={\"w-full flex justify-between items-center px-md py-sm-extra\"}>\n                    {/* Left side: icon or indicator based on position */}\n                    {openClosedIndicatorPosition === \"left\" ? (\n                        <>\n                            {interactive && !locked ? (\n                                <div className={\"mr-md\"}>\n                                    <OpenCloseIndicator />\n                                </div>\n                            ) : null}\n                        </>\n                    ) : (\n                        <>{icon ? <div className={\"mr-md\"}>{icon}</div> : null}</>\n                    )}\n\n                    {/* Center: title, subtitle, description */}\n                    <div className={\"flex flex-col gap-xxs flex-grow text-left\"}>\n                        <div className={\"flex gap-xs\"}>\n                            <div className={\"text-md font-semibold webiny_accordion-item-title\"}>\n                                {title}\n                            </div>\n                            {subtitle && (\n                                <div className={\"text-neutral-muted text-md\"}>{subtitle}</div>\n                            )}\n                        </div>\n\n                        <div className={\"text-sm text-neutral-strong\"}>{description}</div>\n                    </div>\n\n                    {/* Right side: actions and indicator (or locked icon) */}\n                    {openClosedIndicatorPosition === \"right\" ? (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>\n                                    {actions}\n                                    {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                                    {actions && interactive ? (\n                                        <AccordionItemAction.Separator />\n                                    ) : null}\n                                    {interactive ? <OpenCloseIndicator /> : null}\n                                </>\n                            )}\n                        </div>\n                    ) : (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>{actions}</>\n                            )}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionTrigger.js","sources":["../../../src/Accordion/components/AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { useAccordionItemProps } from \"./AccordionItem.js\";\nimport { useAccordionProps } from \"./AccordionPropsProvider.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle.js\";\n\nconst OpenCloseIndicator = () => {\n    return (\n        <Icon\n            size={\"md\"}\n            className={\"transition\"}\n            color={\"neutral-strong\"}\n            data-role={\"open-close-indicator\"}\n            label={\"Open/close indicator\"}\n            icon={<KeyboardArrowDownIcon />}\n        />\n    );\n};\n\nconst AccordionTrigger = () => {\n    const {\n        title,\n        subtitle,\n        description,\n        colorMark,\n        actions,\n        icon,\n        interactive = true,\n        locked,\n        draggable\n    } = useAccordionItemProps();\n\n    const accordionProps = useAccordionProps();\n    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || \"right\";\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"group/trigger w-full flex items-center relative min-h-[62px]\",\n                    \"focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed\",\n                    \"group-[.accordion-variant-container]:rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent\",\n                    interactive ? \"cursor-pointer\" : \"cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle /> : null}\n                {colorMark && (\n                    <div\n                        style={{ backgroundColor: colorMark }}\n                        className={\"block w-[4px] h-[48px] rounded-sm ml-sm\"}\n                    />\n                )}\n                <div className={\"w-full flex justify-between items-center px-md py-sm-extra\"}>\n                    {/* Left side: icon or indicator based on position */}\n                    {openClosedIndicatorPosition === \"left\" ? (\n                        <>\n                            {interactive && !locked ? (\n                                <div className={\"mr-md\"}>\n                                    <OpenCloseIndicator />\n                                </div>\n                            ) : null}\n                        </>\n                    ) : (\n                        <>{icon ? <div className={\"mr-md\"}>{icon}</div> : null}</>\n                    )}\n\n                    {/* Center: title, subtitle, description */}\n                    <div className={\"flex flex-col gap-xxs flex-grow text-left\"}>\n                        <div className={\"flex gap-xs\"}>\n                            <div className={\"text-md font-semibold webiny_accordion-item-title\"}>\n                                {title}\n                            </div>\n                            {subtitle && (\n                                <div className={\"text-neutral-muted text-md\"}>{subtitle}</div>\n                            )}\n                        </div>\n\n                        <div className={\"text-sm text-neutral-strong\"}>{description}</div>\n                    </div>\n\n                    {/* Right side: actions and indicator (or locked icon) */}\n                    {openClosedIndicatorPosition === \"right\" ? (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>\n                                    {actions}\n                                    {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                                    {actions && interactive ? (\n                                        <AccordionItemAction.Separator />\n                                    ) : null}\n                                    {interactive ? <OpenCloseIndicator /> : null}\n                                </>\n                            )}\n                        </div>\n                    ) : (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>{actions}</>\n                            )}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"names":["OpenCloseIndicator","Icon","KeyboardArrowDownIcon","AccordionTrigger","title","subtitle","description","colorMark","actions","icon","interactive","locked","draggable","useAccordionItemProps","accordionProps","useAccordionProps","openClosedIndicatorPosition","divAsButtonProps","React","e","CollapsiblePrimitive","cn","AccordionItemDragHandle","LockIcon","AccordionItemAction"],"mappings":";;;;;;;;;;AAWA,MAAMA,qBAAqB,IAChB,WAAP,GACI,sCAACC,MAAIA;QACD,MAAM;QACN,WAAW;QACX,OAAO;QACP,aAAW;QACX,OAAO;QACP,oBAAM,sCAACC,gBAAqBA;;AAKxC,MAAMC,mBAAmB;IACrB,MAAM,EACFC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,cAAc,IAAI,EAClBC,MAAM,EACNC,SAAS,EACZ,GAAGC;IAEJ,MAAMC,iBAAiBC;IACvB,MAAMC,8BAA8BF,eAAe,2BAA2B,IAAI;IAIlF,MAAMG,mBAAmBC,wBAAAA,OAAa,CAAuC,IAClE;YACH,MAAM;YACN,UAAUR,cAAc,IAAI;YAC5B,WAAWS,CAAAA;gBACP,IAAIA,AAAU,YAAVA,EAAE,GAAG,IAAgBA,AAAU,QAAVA,EAAE,GAAG,EAAU;oBACpCA,EAAE,cAAc;oBAChBA,EAAE,aAAa,CAAC,KAAK;gBACzB;YACJ;QACJ,IACD;QAACT;KAAY;IAEhB,OAAO,WAAP,GACI,sCAACU,YAAAA,OAA4B;QACzB;QACA,SAASD,CAAAA,IAAK,CAACT,eAAeS,EAAE,cAAc;qBAE9C,sCAAC;QACI,GAAGF,gBAAgB;QACpB,WAAWI,GACP,gEACA,gHACA,mDACA,oFACAX,cAAc,mBAAmB;OAGpCE,YAAY,WAAZA,GAAY,sCAACU,yBAAuBA,QAAM,MAC1Cf,aAAa,WAAbA,GACG,sCAAC;QACG,OAAO;YAAE,iBAAiBA;QAAU;QACpC,WAAW;sBAGnB,sCAAC;QAAI,WAAW;OAEXS,AAAgC,WAAhCA,8BAAyC,WAAT,GAC7B,8EACKN,eAAe,CAACC,SAAS,WAATA,GACb,sCAAC;QAAI,WAAW;qBACZ,sCAACX,oBAAkBA,SAEvB,sBAGR,8EAAGS,OAAO,WAAPA,GAAO,sCAAC;QAAI,WAAW;OAAUA,QAAc,qBAItD,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;OACXL,QAEJC,YAAY,WAAZA,GACG,sCAAC;QAAI,WAAW;OAA+BA,YAAAA,WAAAA,GAIvD,sCAAC;QAAI,WAAW;OAAgCC,eAInDU,AAAgC,YAAhCA,8BAA0C,WAAV,GAC7B,sCAAC;QAAI,WAAW;OACXL,SAAS,WAATA,GACG,sCAACV,MAAIA;QAAC,OAAM;QAAS,oBAAM,sCAACsB,yBAAQA;QAAK,OAAO;uBAEhD,8EACKf,SAEAA,WAAWE,cAAc,WAAdA,GACR,sCAACc,oBAAoB,SAAS,UAC9B,MACHd,cAAc,WAAdA,GAAc,sCAACV,oBAAkBA,QAAM,uBAKpD,sCAAC;QAAI,WAAW;OACXW,SAAS,WAATA,GACG,sCAACV,MAAIA;QAAC,OAAM;QAAS,oBAAM,sCAACsB,yBAAQA;QAAK,OAAO;uBAEhD,8EAAGf;AAQnC"}

package/Accordion/index.js

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