@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/Accordion/components/AccordionItemAction.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { IconButtonProps as IconButtonProps } from "../../Button";
+type AccordionItemActionProps = IconButtonProps;
+declare const AccordionItemAction: (({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
+    original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
+        original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
+        original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Separator: ((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+        original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { AccordionItemAction, type AccordionItemActionProps };

package/Accordion/components/AccordionItemAction.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { makeDecoratable, withStaticProps } from "../../utils";
+import { IconButton } from "../../Button";
+import { AccordionItemSeparator } from "./AccordionItemSeparator";
+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
+  }));
+};
+const DecoratableAccordionItemAction = makeDecoratable("AccordionItemAction", AccordionItemActionBase);
+const AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {
+  Separator: AccordionItemSeparator
+});
+export { AccordionItemAction };
+
+//# sourceMappingURL=AccordionItemAction.js.map

package/Accordion/components/AccordionItemAction.js.map

@@ -0,0 +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\";\nimport type { IconButtonProps as IconButtonProps } from \"~/Button\";\nimport { IconButton } from \"~/Button\";\nimport { AccordionItemSeparator } from \"./AccordionItemSeparator\";\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":[]}

package/Accordion/components/AccordionItemDragHandle.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type IconButtonProps } from "../../Button";
+interface AccordionItemDragHandleProps extends Omit<IconButtonProps, "icon"> {
+    icon?: React.ReactElement;
+    label?: string;
+}
+declare const AccordionItemDragHandle: ({ onClick, className, ...props }: AccordionItemDragHandleProps) => React.JSX.Element;
+export { AccordionItemDragHandle, type AccordionItemDragHandleProps };

package/Accordion/components/AccordionItemDragHandle.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { ReactComponent as DragHandleIcon } from "@webiny/icons/drag_indicator.svg";
+import { Icon } from "../../Icon";
+import { IconButton } from "../../Button";
+import { cn } from "../../utils";
+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(["wby-absolute wby-top-1/2 -wby-left-sm -wby-translate-y-sm", "wby-invisible group-hover/trigger:wby-visible"], className)
+  }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
+    onClick: onClickCallback,
+    size: "xs",
+    iconSize: "default",
+    variant: "secondary",
+    className: "wby-cursor-grab",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      size: "sm",
+      color: "neutral-strong",
+      icon: /*#__PURE__*/React.createElement(DragHandleIcon, null),
+      label: "Drag handle"
+    })
+  })));
+};
+export { AccordionItemDragHandle };
+
+//# sourceMappingURL=AccordionItemDragHandle.js.map

package/Accordion/components/AccordionItemDragHandle.js.map

@@ -0,0 +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\";\nimport { IconButton, type IconButtonProps } from \"~/Button\";\nimport { cn } from \"~/utils\";\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                    \"wby-absolute wby-top-1/2 -wby-left-sm -wby-translate-y-sm\",\n                    \"wby-invisible group-hover/trigger:wby-visible\"\n                ],\n                className\n            )}\n        >\n            <IconButton\n                {...props}\n                onClick={onClickCallback}\n                size={\"xs\"}\n                iconSize={\"default\"}\n                variant={\"secondary\"}\n                className={\"wby-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,2DAA2D,EAC3D,+CAA+C,CAClD,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,iBAAkB;IAC7BY,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":[]}

package/Accordion/components/AccordionItemIcon.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { IconProps as IconComponentProps } from "../../Icon";
+type AccordionItemIconProps = IconComponentProps;
+export declare const AccordionItemIcon: ((props: AccordionItemIconProps) => React.JSX.Element) & {
+    original: (props: AccordionItemIconProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: AccordionItemIconProps) => React.JSX.Element) & {
+        original: (props: AccordionItemIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AccordionItemIconProps) => React.JSX.Element) & {
+        original: (props: AccordionItemIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/Accordion/components/AccordionItemIcon.js

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

package/Accordion/components/AccordionItemIcon.js.map

@@ -0,0 +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\";\nimport type { IconProps as IconComponentProps } from \"~/Icon\";\nimport { Icon as IconComponent } from \"~/Icon\";\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":[]}

package/Accordion/components/AccordionItemSeparator.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { type SeparatorProps } from "../../Separator";
+type AccordionItemSeparatorProps = SeparatorProps;
+export declare const AccordionItemSeparator: ((props: AccordionItemSeparatorProps) => React.JSX.Element) & {
+    original: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: AccordionItemSeparatorProps) => React.JSX.Element) & {
+        original: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AccordionItemSeparatorProps) => React.JSX.Element) & {
+        original: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/Accordion/components/AccordionItemSeparator.js

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

package/Accordion/components/AccordionItemSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Separator","AccordionItemSeparatorBase","props","createElement","Object","assign","orientation","className","AccordionItemSeparator"],"sources":["AccordionItemSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { Separator, type SeparatorProps } from \"~/Separator\";\n\ntype AccordionItemSeparatorProps = SeparatorProps;\n\nconst AccordionItemSeparatorBase = (props: AccordionItemSeparatorProps) => {\n    return <Separator orientation={\"vertical\"} className={\"wby-h-lg wby-mx-sm-plus\"} {...props} />;\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,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,SAAS,EAAAI,MAAA,CAAAC,MAAA;IAACC,WAAW,EAAE,UAAW;IAACC,SAAS,EAAE;EAA0B,GAAKL,KAAK,CAAG,CAAC;AAClG,CAAC;AAED,OAAO,MAAMM,sBAAsB,GAAGT,eAAe,CACjD,wBAAwB,EACxBE,0BACJ,CAAC","ignoreList":[]}

package/Accordion/components/AccordionRoot.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+type AccordionRootProps = CollapsiblePrimitive.CollapsibleProps;
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionRoot, type AccordionRootProps };

package/Accordion/components/AccordionRoot.js

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

package/Accordion/components/AccordionRoot.js.map

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

package/Accordion/components/AccordionTrigger.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { type AccordionItemProps } from "./AccordionItem";
+type AccordionTriggerProps = Pick<AccordionItemProps, "title" | "description" | "icon" | "handle" | "interactive" | "actions" | "draggable">;
+declare const AccordionTrigger: ({ title, description, actions, icon, interactive, draggable }: AccordionTriggerProps) => React.JSX.Element;
+export { AccordionTrigger };

package/Accordion/components/AccordionTrigger.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { ReactComponent as KeyboardArrowDownIcon } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { cn } from "../../utils";
+import { AccordionItemAction } from "./AccordionItemAction";
+import { Icon } from "../../Icon";
+import { AccordionItemDragHandle } from "./AccordionItemDragHandle";
+const AccordionTrigger = ({
+  title,
+  description,
+  actions,
+  icon,
+  interactive = true,
+  draggable
+}) => {
+  // 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("wby-group/trigger wby-w-full wby-flex wby-items-center wby-cursor-pointer wby-relative", "focus-visible:wby-outline-none focus-visible:wby-border-none focus-visible:wby-ring-sm focus-visible:wby-ring-primary-dimmed", "hover:wby-bg-neutral-dimmed", "group-[.wby-accordion-variant-container]:wby-rounded-lg", "[&[data-state=open]_[data-role=open-close-indicator]]:wby-rotate-180", interactive ? "wby-cursor-pointer" : "wby-cursor-default")
+  }), draggable ? /*#__PURE__*/React.createElement(AccordionItemDragHandle, null) : null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-flex wby-justify-between wby-items-center wby-px-md wby-py-sm-extra"
+  }, icon && /*#__PURE__*/React.createElement("div", {
+    className: "wby-mr-md"
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-gap-xxs wby-flex-grow wby-text-left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-md wby-font-semibold webiny_accordion-item-title"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-sm wby-text-neutral-strong"
+  }, description)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-xs"
+  }, actions, actions && interactive && /*#__PURE__*/React.createElement(AccordionItemAction.Separator, null), interactive && /*#__PURE__*/React.createElement(Icon, {
+    size: "lg",
+    className: "wby-transition",
+    color: "neutral-strong",
+    "data-role": "open-close-indicator",
+    label: "Open/close indicator",
+    icon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null)
+  })))));
+};
+export { AccordionTrigger };
+
+//# sourceMappingURL=AccordionTrigger.js.map

package/Accordion/components/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","KeyboardArrowDownIcon","Collapsible","CollapsiblePrimitive","cn","AccordionItemAction","Icon","AccordionItemDragHandle","AccordionTrigger","title","description","actions","icon","interactive","draggable","divAsButtonProps","useMemo","role","tabIndex","onKeyDown","e","key","preventDefault","currentTarget","click","createElement","Trigger","asChild","onClick","Object","assign","className","Separator","size","color","label"],"sources":["AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { type AccordionItemProps } from \"./AccordionItem\";\nimport { AccordionItemAction } from \"./AccordionItemAction\";\nimport { Icon } from \"~/Icon\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle\";\n\ntype AccordionTriggerProps = Pick<\n    AccordionItemProps,\n    \"title\" | \"description\" | \"icon\" | \"handle\" | \"interactive\" | \"actions\" | \"draggable\"\n>;\n\nconst AccordionTrigger = ({\n    title,\n    description,\n    actions,\n    icon,\n    interactive = true,\n    draggable\n}: AccordionTriggerProps) => {\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                    \"wby-group/trigger wby-w-full wby-flex wby-items-center wby-cursor-pointer wby-relative\",\n                    \"focus-visible:wby-outline-none focus-visible:wby-border-none focus-visible:wby-ring-sm focus-visible:wby-ring-primary-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"group-[.wby-accordion-variant-container]:wby-rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:wby-rotate-180\",\n                    interactive ? \"wby-cursor-pointer\" : \"wby-cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle /> : null}\n                <div\n                    className={\n                        \"wby-w-full wby-flex wby-justify-between wby-items-center wby-px-md wby-py-sm-extra\"\n                    }\n                >\n                    {icon && <div className={\"wby-mr-md\"}>{icon}</div>}\n                    <div\n                        className={\"wby-flex wby-flex-col wby-gap-xxs wby-flex-grow wby-text-left\"}\n                    >\n                        <div\n                            className={\"wby-text-md wby-font-semibold webiny_accordion-item-title\"}\n                        >\n                            {title}\n                        </div>\n                        <div className={\"wby-text-sm wby-text-neutral-strong\"}>{description}</div>\n                    </div>\n                    <div className={\"wby-flex wby-gap-xs\"}>\n                        {actions}\n\n                        {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                        {actions && interactive && <AccordionItemAction.Separator />}\n\n                        {interactive && (\n                            <Icon\n                                size={\"lg\"}\n                                className={\"wby-transition\"}\n                                color={\"neutral-strong\"}\n                                data-role={\"open-close-indicator\"}\n                                label={\"Open/close indicator\"}\n                                icon={<KeyboardArrowDownIcon />}\n                            />\n                        )}\n                    </div>\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,qBAAqB,QAAQ,uCAAuC;AAC/F,SAASC,WAAW,IAAIC,oBAAoB,QAAQ,UAAU;AAC9D,SAASC,EAAE;AAEX,SAASC,mBAAmB;AAC5B,SAASC,IAAI;AACb,SAASC,uBAAuB;AAOhC,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,WAAW,GAAG,IAAI;EAClBC;AACmB,CAAC,KAAK;EACzB;EACA;EACA;EACA,MAAMC,gBAAgB,GAAGhB,KAAK,CAACiB,OAAO,CAAuC,MAAM;IAC/E,OAAO;MACHC,IAAI,EAAE,QAAQ;MACdC,QAAQ,EAAEL,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MAAE;MAChCM,SAAS,EAAEC,CAAC,IAAI;QACZ,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;UACpCD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBF,CAAC,CAACG,aAAa,CAACC,KAAK,CAAC,CAAC;QAC3B;MACJ;IACJ,CAAC;EACL,CAAC,EAAE,CAACX,WAAW,CAAC,CAAC;EAEjB,oBACId,KAAA,CAAA0B,aAAA,CAACtB,oBAAoB,CAACuB,OAAO;IACzBC,OAAO;IACPC,OAAO,EAAER,CAAC,IAAI,CAACP,WAAW,IAAIO,CAAC,CAACE,cAAc,CAAC,CAAE,CAAC;EAAA,gBAElDvB,KAAA,CAAA0B,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQf,gBAAgB;IACpBgB,SAAS,EAAE3B,EAAE,CACT,wFAAwF,EACxF,8HAA8H,EAC9H,6BAA6B,EAC7B,yDAAyD,EACzD,sEAAsE,EACtES,WAAW,GAAG,oBAAoB,GAAG,oBACzC;EAAE,IAEDC,SAAS,gBAAGf,KAAA,CAAA0B,aAAA,CAAClB,uBAAuB,MAAE,CAAC,GAAG,IAAI,eAC/CR,KAAA,CAAA0B,aAAA;IACIM,SAAS,EACL;EACH,GAEAnB,IAAI,iBAAIb,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAY,GAAEnB,IAAU,CAAC,eAClDb,KAAA,CAAA0B,aAAA;IACIM,SAAS,EAAE;EAAgE,gBAE3EhC,KAAA,CAAA0B,aAAA;IACIM,SAAS,EAAE;EAA4D,GAEtEtB,KACA,CAAC,eACNV,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAsC,GAAErB,WAAiB,CACxE,CAAC,eACNX,KAAA,CAAA0B,aAAA;IAAKM,SAAS,EAAE;EAAsB,GACjCpB,OAAO,EAGPA,OAAO,IAAIE,WAAW,iBAAId,KAAA,CAAA0B,aAAA,CAACpB,mBAAmB,CAAC2B,SAAS,MAAE,CAAC,EAE3DnB,WAAW,iBACRd,KAAA,CAAA0B,aAAA,CAACnB,IAAI;IACD2B,IAAI,EAAE,IAAK;IACXF,SAAS,EAAE,gBAAiB;IAC5BG,KAAK,EAAE,gBAAiB;IACxB,aAAW,sBAAuB;IAClCC,KAAK,EAAE,sBAAuB;IAC9BvB,IAAI,eAAEb,KAAA,CAAA0B,aAAA,CAACxB,qBAAqB,MAAE;EAAE,CACnC,CAEJ,CACJ,CACJ,CACqB,CAAC;AAEvC,CAAC;AAED,SAASO,gBAAgB","ignoreList":[]}

package/Accordion/index.d.ts

@@ -0,0 +1 @@
+export * from "./Accordion";

package/Accordion/index.js

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

package/Accordion/index.js.map

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

package/Alert/Alert.d.ts

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { type VariantProps } from "../utils";
+import { type ButtonProps } from "../Button";
+declare const alertVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+    variant?: "strong" | "subtle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    actions?: React.ReactElement<typeof AlertAction>;
+}
+declare const AlertAction: ((props: ButtonProps) => React.JSX.Element) & {
+    original: (props: ButtonProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ButtonProps) => React.JSX.Element) & {
+        original: (props: ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
+        original: (props: ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const Alert: (({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element) & {
+    original: ({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element) & {
+        original: ({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element) & {
+        original: ({ className, type, variant, showCloseButton, onClose, actions, children, ...props }: AlertProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Action: ((props: ButtonProps) => React.JSX.Element) & {
+        original: (props: ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: ButtonProps) => React.JSX.Element) & {
+            original: (props: ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
+            original: (props: ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Alert };

package/Alert/Alert.js

@@ -0,0 +1,180 @@
+import * as React from "react";
+import { cva, cn, makeDecoratable, withStaticProps } from "../utils";
+import { Button, IconButton } from "../Button";
+import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
+import { ReactComponent as WarningIcon } from "@webiny/icons/warning_amber.svg";
+import { ReactComponent as SuccessIcon } from "@webiny/icons/check_circle.svg";
+import { ReactComponent as XIcon } from "@webiny/icons/close.svg";
+import { Icon } from "../Icon";
+const VARIANT_ICON_MAP = {
+  info: InfoIcon,
+  success: SuccessIcon,
+  warning: InfoIcon,
+  danger: WarningIcon
+};
+const variants = {
+  type: {
+    info: "",
+    success: "",
+    warning: "",
+    danger: ""
+  },
+  variant: {
+    strong: "",
+    subtle: ""
+  }
+};
+const DEFAULT_TYPE = "info";
+const DEFAULT_VARIANT = "subtle";
+const defaultVariants = {
+  type: DEFAULT_TYPE,
+  variant: DEFAULT_VARIANT
+};
+const alertVariants = cva("wby-flex wby-gap-sm-plus wby-items-start wby-w-full wby-rounded-lg wby-text-md wby-py-sm-extra wby-pl-md wby-pr-sm-plus [&_a]:wby-font-semibold [&_a]:wby-underline", {
+  variants,
+  defaultVariants,
+  compoundVariants: [{
+    type: "info",
+    variant: "strong",
+    className: "wby-bg-neutral-dark wby-text-neutral-light [&_a]:!wby-text-neutral-light"
+  }, {
+    type: "info",
+    variant: "subtle",
+    className: "wby-bg-neutral-dimmed wby-text-neutral-primary [&_a]:!wby-text-neutral-primary"
+  }, {
+    type: "success",
+    variant: "strong",
+    className: "wby-bg-secondary-default wby-text-neutral-light [&_a]:!wby-text-neutral-light"
+  }, {
+    type: "success",
+    variant: "subtle",
+    className: "wby-bg-success-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary"
+  }, {
+    type: "warning",
+    variant: "strong",
+    className: "wby-bg-warning-default wby-text-neutral-primary [&_a]:!wby-text-neutral-primary"
+  }, {
+    type: "warning",
+    variant: "subtle",
+    className: "wby-bg-warning-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary"
+  }, {
+    type: "danger",
+    variant: "strong",
+    className: "wby-bg-destructive-default wby-text-neutral-light [&_a]:!wby-text-neutral-light"
+  }, {
+    type: "danger",
+    variant: "subtle",
+    className: "wby-bg-destructive-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary"
+  }]
+});
+const alertIconVariants = cva("wby-size-md", {
+  variants,
+  defaultVariants,
+  compoundVariants: [{
+    type: "info",
+    variant: "strong",
+    className: "wby-fill-neutral-base"
+  }, {
+    type: "info",
+    variant: "subtle",
+    className: "wby-fill-neutral-xstrong"
+  }, {
+    type: "success",
+    variant: "strong",
+    className: "wby-fill-neutral-base"
+  }, {
+    type: "success",
+    variant: "subtle",
+    className: "wby-fill-success"
+  }, {
+    type: "warning",
+    variant: "strong",
+    className: "wby-fill-neutral-xstrong"
+  }, {
+    type: "warning",
+    variant: "subtle",
+    className: "wby-fill-warning"
+  }, {
+    type: "danger",
+    variant: "strong",
+    className: "wby-fill-neutral-base"
+  }, {
+    type: "danger",
+    variant: "subtle",
+    className: "wby-fill-destructive"
+  }]
+});
+const closeButtonVariants = (props = {}) => {
+  const {
+    type = DEFAULT_TYPE,
+    variant = DEFAULT_VARIANT
+  } = props;
+  if (variant === "subtle") {
+    return "ghost";
+  }
+  if (type === "warning") {
+    return "ghost";
+  }
+  return "ghost-negative";
+};
+const AlertContext = /*#__PURE__*/React.createContext({});
+const AlertActionBase = props => {
+  const {
+    variant: alertVariant
+  } = React.useContext(AlertContext);
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    text: "Button",
+    variant: alertVariant === "strong" ? "secondary" : "tertiary",
+    size: "sm"
+  }, props));
+};
+const AlertAction = makeDecoratable("AlertAction", AlertActionBase);
+const AlertBase = ({
+  className,
+  type,
+  variant,
+  showCloseButton,
+  onClose,
+  actions,
+  children,
+  ...props
+}) => {
+  const IconComponent = VARIANT_ICON_MAP[type || "info"];
+  return /*#__PURE__*/React.createElement(AlertContext.Provider, {
+    value: {
+      variant
+    }
+  }, /*#__PURE__*/React.createElement("div", Object.assign({
+    role: "alert",
+    className: cn(alertVariants({
+      type,
+      variant
+    }), className)
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: "wby-py-xs"
+  }, /*#__PURE__*/React.createElement(IconComponent, {
+    className: alertIconVariants({
+      type,
+      variant
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-grow wby-py-xxs"
+  }, children), actions && /*#__PURE__*/React.createElement("div", null, actions), showCloseButton && /*#__PURE__*/React.createElement(IconButton, {
+    onClick: onClose,
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(XIcon, null),
+      label: "Close"
+    }),
+    size: "sm",
+    variant: closeButtonVariants({
+      type,
+      variant
+    })
+  })));
+};
+const Alert = withStaticProps(makeDecoratable("AlertBase", AlertBase), {
+  Action: AlertAction
+});
+export { Alert };
+
+//# sourceMappingURL=Alert.js.map

package/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cva","cn","makeDecoratable","withStaticProps","Button","IconButton","ReactComponent","InfoIcon","WarningIcon","SuccessIcon","XIcon","Icon","VARIANT_ICON_MAP","info","success","warning","danger","variants","type","variant","strong","subtle","DEFAULT_TYPE","DEFAULT_VARIANT","defaultVariants","alertVariants","compoundVariants","className","alertIconVariants","closeButtonVariants","props","AlertContext","createContext","AlertActionBase","alertVariant","useContext","createElement","Object","assign","text","size","AlertAction","AlertBase","showCloseButton","onClose","actions","children","IconComponent","Provider","value","role","onClick","icon","label","Alert","Action"],"sources":["Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps, cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { Button, type ButtonProps, IconButton } from \"~/Button\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as WarningIcon } from \"@webiny/icons/warning_amber.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle.svg\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { Icon } from \"~/Icon\";\n\nconst VARIANT_ICON_MAP = {\n    info: InfoIcon,\n    success: SuccessIcon,\n    warning: InfoIcon,\n    danger: WarningIcon\n};\n\nconst variants = {\n    type: { info: \"\", success: \"\", warning: \"\", danger: \"\" },\n    variant: { strong: \"\", subtle: \"\" }\n};\n\nconst DEFAULT_TYPE = \"info\";\nconst DEFAULT_VARIANT = \"subtle\";\n\nconst defaultVariants = {\n    type: DEFAULT_TYPE,\n    variant: DEFAULT_VARIANT\n} as const;\n\nconst alertVariants = cva(\n    \"wby-flex wby-gap-sm-plus wby-items-start wby-w-full wby-rounded-lg wby-text-md wby-py-sm-extra wby-pl-md wby-pr-sm-plus [&_a]:wby-font-semibold [&_a]:wby-underline\",\n    {\n        variants,\n        defaultVariants,\n        compoundVariants: [\n            {\n                type: \"info\",\n                variant: \"strong\",\n                className:\n                    \"wby-bg-neutral-dark wby-text-neutral-light [&_a]:!wby-text-neutral-light\"\n            },\n            {\n                type: \"info\",\n                variant: \"subtle\",\n                className:\n                    \"wby-bg-neutral-dimmed wby-text-neutral-primary [&_a]:!wby-text-neutral-primary\"\n            },\n            {\n                type: \"success\",\n                variant: \"strong\",\n                className:\n                    \"wby-bg-secondary-default wby-text-neutral-light [&_a]:!wby-text-neutral-light\"\n            },\n            {\n                type: \"success\",\n                variant: \"subtle\",\n                className:\n                    \"wby-bg-success-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary\"\n            },\n            {\n                type: \"warning\",\n                variant: \"strong\",\n                className:\n                    \"wby-bg-warning-default wby-text-neutral-primary [&_a]:!wby-text-neutral-primary\"\n            },\n            {\n                type: \"warning\",\n                variant: \"subtle\",\n                className:\n                    \"wby-bg-warning-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary\"\n            },\n            {\n                type: \"danger\",\n                variant: \"strong\",\n                className:\n                    \"wby-bg-destructive-default wby-text-neutral-light [&_a]:!wby-text-neutral-light\"\n            },\n            {\n                type: \"danger\",\n                variant: \"subtle\",\n                className:\n                    \"wby-bg-destructive-subtle wby-text-neutral-primary [&_a]:!wby-text-neutral-primary\"\n            }\n        ]\n    }\n);\n\nconst alertIconVariants = cva(\"wby-size-md\", {\n    variants,\n    defaultVariants,\n    compoundVariants: [\n        { type: \"info\", variant: \"strong\", className: \"wby-fill-neutral-base\" },\n        { type: \"info\", variant: \"subtle\", className: \"wby-fill-neutral-xstrong\" },\n        { type: \"success\", variant: \"strong\", className: \"wby-fill-neutral-base\" },\n        { type: \"success\", variant: \"subtle\", className: \"wby-fill-success\" },\n        { type: \"warning\", variant: \"strong\", className: \"wby-fill-neutral-xstrong\" },\n        { type: \"warning\", variant: \"subtle\", className: \"wby-fill-warning\" },\n        { type: \"danger\", variant: \"strong\", className: \"wby-fill-neutral-base\" },\n        { type: \"danger\", variant: \"subtle\", className: \"wby-fill-destructive\" }\n    ]\n});\n\nconst closeButtonVariants = (props: Parameters<typeof alertVariants>[0] = {}) => {\n    const { type = DEFAULT_TYPE, variant = DEFAULT_VARIANT } = props;\n    if (variant === \"subtle\") {\n        return \"ghost\";\n    }\n\n    if (type === \"warning\") {\n        return \"ghost\";\n    }\n\n    return \"ghost-negative\";\n};\n\nexport interface AlertProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof alertVariants> {\n    showCloseButton?: boolean;\n    onClose?: () => void;\n    actions?: React.ReactElement<typeof AlertAction>;\n}\n\nconst AlertContext = React.createContext<Pick<AlertProps, \"variant\">>({});\n\nconst AlertActionBase = (props: ButtonProps) => {\n    const { variant: alertVariant } = React.useContext(AlertContext);\n    return (\n        <Button\n            text={\"Button\"}\n            variant={alertVariant === \"strong\" ? \"secondary\" : \"tertiary\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nconst AlertAction = makeDecoratable(\"AlertAction\", AlertActionBase);\n\nconst AlertBase = ({\n    className,\n    type,\n    variant,\n    showCloseButton,\n    onClose,\n    actions,\n    children,\n    ...props\n}: AlertProps) => {\n    const IconComponent = VARIANT_ICON_MAP[type || \"info\"];\n\n    return (\n        <AlertContext.Provider value={{ variant }}>\n            <div\n                role=\"alert\"\n                className={cn(alertVariants({ type, variant }), className)}\n                {...props}\n            >\n                <div className={\"wby-py-xs\"}>\n                    <IconComponent className={alertIconVariants({ type, variant })} />\n                </div>\n                <div className={\"wby-flex-grow wby-py-xxs\"}>{children}</div>\n                {actions && <div>{actions}</div>}\n                {showCloseButton && (\n                    <IconButton\n                        onClick={onClose}\n                        icon={<Icon icon={<XIcon />} label=\"Close\" />}\n                        size={\"sm\"}\n                        variant={closeButtonVariants({ type, variant })}\n                    />\n                )}\n            </div>\n        </AlertContext.Provider>\n    );\n};\n\nconst Alert = withStaticProps(makeDecoratable(\"AlertBase\", AlertBase), {\n    Action: AlertAction\n});\n\nexport { Alert };\n"],"mappings":"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","ignoreList":[]}