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

package/Accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { ListItem } from "../List";
-import { type AccordionItem } from "./AccordionItem";
+import type { ListItem } from "../List/index.js";
+import { type AccordionItem } from "./AccordionItem.js";
 interface AccordionProps {
     /**
      * Element displayed when accordion is expanded.

package/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Accordion","AdminUiAccordion","props","createElement","children"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport type { ListItem } from \"../List\";\nimport { type AccordionItem } from \"./AccordionItem\";\n\ninterface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children:\n        | React.ReactElement<typeof ListItem>[]\n        | React.ReactElement<typeof AccordionItem>\n        | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion` component from the `@webiny/admin-ui` package instead.\n */\nconst Accordion = (props: AccordionProps) => {\n    return <AdminUiAccordion>{props.children}</AdminUiAccordion>;\n};\n\nexport { Accordion, type AccordionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAwBhE;AACA;AACA;AACA;AACA,MAAMD,SAAS,GAAIE,KAAqB,IAAK;EACzC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,gBAAgB,QAAEC,KAAK,CAACE,QAA2B,CAAC;AAChE,CAAC;AAED,SAASJ,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Accordion","AdminUiAccordion","props","createElement","children"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport type { ListItem } from \"../List/index.js\";\nimport { type AccordionItem } from \"./AccordionItem.js\";\n\ninterface AccordionProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children:\n        | React.ReactElement<typeof ListItem>[]\n        | React.ReactElement<typeof AccordionItem>\n        | React.ReactElement<typeof AccordionItem>[];\n\n    /**\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion` component from the `@webiny/admin-ui` package instead.\n */\nconst Accordion = (props: AccordionProps) => {\n    return <AdminUiAccordion>{props.children}</AdminUiAccordion>;\n};\n\nexport { Accordion, type AccordionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAwBhE;AACA;AACA;AACA;AACA,MAAMD,SAAS,GAAIE,KAAqB,IAAK;EACzC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,gBAAgB,QAAEC,KAAK,CAACE,QAA2B,CAAC;AAChE,CAAC;AAED,SAASJ,SAAS","ignoreList":[]}

package/Accordion/AccordionItem.d.ts

@@ -31,79 +31,79 @@ export interface AccordionItemProps {
  * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.
  */
 export declare const AccordionItem: ((props: AccordionItemProps) => React.JSX.Element) & {
-    Divider: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+    Divider: ((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+        original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+        original: ((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+        createDecorator: (decorator: import("../../../react-composition/src").ComponentDecorator<((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: (({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+    Action: (({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element) & {
+        original: ({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-            original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+        original: (({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-            original: ({ onClick, ...props }: import("@webiny/admin-ui/Button/IconButton").IconButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("../../../react-composition/src").ComponentDecorator<(({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("@webiny/admin-ui/Accordion/components/AccordionItemAction").AccordionItemActionProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Separator: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+        Separator: ((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-                original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+            original: ((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-                original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => React.JSX.Element;
+            createDecorator: (decorator: import("../../../react-composition/src").ComponentDecorator<((props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/admin-ui").SeparatorProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
-    Icon: ((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
-        original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+    Icon: ((props: import("@webiny/admin-ui").IconProps) => React.JSX.Element) & {
+        original: (props: import("@webiny/admin-ui").IconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+        original: ((props: import("@webiny/admin-ui").IconProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("@webiny/admin-ui/Icon/Icon").IconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("../../../react-composition/src").ComponentDecorator<((props: import("@webiny/admin-ui").IconProps) => React.JSX.Element) & {
+            original: (props: import("@webiny/admin-ui").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/Accordion/AccordionItem.js

@@ -1,6 +1,6 @@
 import React, { useMemo, useEffect, useState } from "react";
 import { Accordion as AdminUiAccordion } from "@webiny/admin-ui";
-import { withStaticProps } from "@webiny/admin-ui/utils";
+import { withStaticProps } from "@webiny/admin-ui/utils.js";
 const AccordionItemBase = props => {
   const [open, setOpen] = useState(props.open ?? false);
   useEffect(() => {

package/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useEffect","useState","Accordion","AdminUiAccordion","withStaticProps","AccordionItemBase","props","open","setOpen","icon","createElement","Item","Icon","label","title","Object","assign","onOpenChange","children","AccordionItem","Divider","Action","Separator","Actions","Fragment","Element"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState } from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport { withStaticProps } from \"@webiny/admin-ui/utils\";\n\nexport interface AccordionItemProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    value?: string;\n\n    title?: React.ReactNode;\n\n    description?: React.ReactNode;\n\n    open?: boolean;\n\n    interactive?: boolean;\n\n    handle?: React.ReactNode;\n\n    actions?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const [open, setOpen] = useState<boolean>(props.open ?? false);\n\n    useEffect(() => {\n        setOpen(!!props.open);\n    }, [props.open]);\n\n    const icon = useMemo(() => {\n        return props.icon ? (\n            <AdminUiAccordion.Item.Icon\n                icon={props.icon}\n                label={typeof props.title === \"string\" ? props.title : \"\"}\n            />\n        ) : null;\n    }, [props.icon]);\n\n    return (\n        <AdminUiAccordion.Item\n            {...props}\n            open={open}\n            onOpenChange={open => setOpen(open)}\n            icon={icon}\n            title={props.title || \"\"}\n        >\n            {props.children as React.ReactElement}\n        </AdminUiAccordion.Item>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItem = withStaticProps(AccordionItemBase, {\n    Divider: AdminUiAccordion.Item.Action.Separator,\n    Action: AdminUiAccordion.Item.Action,\n    Icon: AdminUiAccordion.Item.Icon,\n    Actions: (props: any) => <>{props.children}</>,\n    Element: (props: any) => <div data-role={\"accordion-element\"} {...props} />\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAChE,SAASC,eAAe,QAAQ,wBAAwB;AAyCxD,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAUK,KAAK,CAACC,IAAI,IAAI,KAAK,CAAC;EAE9DP,SAAS,CAAC,MAAM;IACZQ,OAAO,CAAC,CAAC,CAACF,KAAK,CAACC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACD,KAAK,CAACC,IAAI,CAAC,CAAC;EAEhB,MAAME,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOO,KAAK,CAACG,IAAI,gBACbX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,CAACC,IAAI;MACvBH,IAAI,EAAEH,KAAK,CAACG,IAAK;MACjBI,KAAK,EAAE,OAAOP,KAAK,CAACQ,KAAK,KAAK,QAAQ,GAAGR,KAAK,CAACQ,KAAK,GAAG;IAAG,CAC7D,CAAC,GACF,IAAI;EACZ,CAAC,EAAE,CAACR,KAAK,CAACG,IAAI,CAAC,CAAC;EAEhB,oBACIX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,EAAAI,MAAA,CAAAC,MAAA,KACdV,KAAK;IACTC,IAAI,EAAEA,IAAK;IACXU,YAAY,EAAEV,IAAI,IAAIC,OAAO,CAACD,IAAI,CAAE;IACpCE,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;EAAG,IAExBR,KAAK,CAACY,QACY,CAAC;AAEhC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGf,eAAe,CAACC,iBAAiB,EAAE;EAC5De,OAAO,EAAEjB,gBAAgB,CAACQ,IAAI,CAACU,MAAM,CAACC,SAAS;EAC/CD,MAAM,EAAElB,gBAAgB,CAACQ,IAAI,CAACU,MAAM;EACpCT,IAAI,EAAET,gBAAgB,CAACQ,IAAI,CAACC,IAAI;EAChCW,OAAO,EAAGjB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA0B,QAAA,QAAGlB,KAAK,CAACY,QAAW,CAAC;EAC9CO,OAAO,EAAGnB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,QAAAK,MAAA,CAAAC,MAAA;IAAK,aAAW;EAAoB,GAAKV,KAAK,CAAG;AAC9E,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useEffect","useState","Accordion","AdminUiAccordion","withStaticProps","AccordionItemBase","props","open","setOpen","icon","createElement","Item","Icon","label","title","Object","assign","onOpenChange","children","AccordionItem","Divider","Action","Separator","Actions","Fragment","Element"],"sources":["AccordionItem.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState } from \"react\";\nimport { Accordion as AdminUiAccordion } from \"@webiny/admin-ui\";\nimport { withStaticProps } from \"@webiny/admin-ui/utils.js\";\n\nexport interface AccordionItemProps {\n    /**\n     * Element displayed when accordion is expanded.\n     */\n    children: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     * Elevation number, default set to 2\n     */\n    elevation?: number;\n\n    /**\n     * Append a class name\n     */\n    className?: string;\n\n    value?: string;\n\n    title?: React.ReactNode;\n\n    description?: React.ReactNode;\n\n    open?: boolean;\n\n    interactive?: boolean;\n\n    handle?: React.ReactNode;\n\n    actions?: React.ReactNode;\n\n    icon?: React.ReactNode;\n\n    /**\n     * @deprecated This prop no longer has any effect.\n     */\n    iconClassName?: string;\n}\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const [open, setOpen] = useState<boolean>(props.open ?? false);\n\n    useEffect(() => {\n        setOpen(!!props.open);\n    }, [props.open]);\n\n    const icon = useMemo(() => {\n        return props.icon ? (\n            <AdminUiAccordion.Item.Icon\n                icon={props.icon}\n                label={typeof props.title === \"string\" ? props.title : \"\"}\n            />\n        ) : null;\n    }, [props.icon]);\n\n    return (\n        <AdminUiAccordion.Item\n            {...props}\n            open={open}\n            onOpenChange={open => setOpen(open)}\n            icon={icon}\n            title={props.title || \"\"}\n        >\n            {props.children as React.ReactElement}\n        </AdminUiAccordion.Item>\n    );\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItem = withStaticProps(AccordionItemBase, {\n    Divider: AdminUiAccordion.Item.Action.Separator,\n    Action: AdminUiAccordion.Item.Action,\n    Icon: AdminUiAccordion.Item.Icon,\n    Actions: (props: any) => <>{props.children}</>,\n    Element: (props: any) => <div data-role={\"accordion-element\"} {...props} />\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,kBAAkB;AAChE,SAASC,eAAe,QAAQ,2BAA2B;AAyC3D,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAUK,KAAK,CAACC,IAAI,IAAI,KAAK,CAAC;EAE9DP,SAAS,CAAC,MAAM;IACZQ,OAAO,CAAC,CAAC,CAACF,KAAK,CAACC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACD,KAAK,CAACC,IAAI,CAAC,CAAC;EAEhB,MAAME,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOO,KAAK,CAACG,IAAI,gBACbX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,CAACC,IAAI;MACvBH,IAAI,EAAEH,KAAK,CAACG,IAAK;MACjBI,KAAK,EAAE,OAAOP,KAAK,CAACQ,KAAK,KAAK,QAAQ,GAAGR,KAAK,CAACQ,KAAK,GAAG;IAAG,CAC7D,CAAC,GACF,IAAI;EACZ,CAAC,EAAE,CAACR,KAAK,CAACG,IAAI,CAAC,CAAC;EAEhB,oBACIX,KAAA,CAAAY,aAAA,CAACP,gBAAgB,CAACQ,IAAI,EAAAI,MAAA,CAAAC,MAAA,KACdV,KAAK;IACTC,IAAI,EAAEA,IAAK;IACXU,YAAY,EAAEV,IAAI,IAAIC,OAAO,CAACD,IAAI,CAAE;IACpCE,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;EAAG,IAExBR,KAAK,CAACY,QACY,CAAC;AAEhC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGf,eAAe,CAACC,iBAAiB,EAAE;EAC5De,OAAO,EAAEjB,gBAAgB,CAACQ,IAAI,CAACU,MAAM,CAACC,SAAS;EAC/CD,MAAM,EAAElB,gBAAgB,CAACQ,IAAI,CAACU,MAAM;EACpCT,IAAI,EAAET,gBAAgB,CAACQ,IAAI,CAACC,IAAI;EAChCW,OAAO,EAAGjB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA0B,QAAA,QAAGlB,KAAK,CAACY,QAAW,CAAC;EAC9CO,OAAO,EAAGnB,KAAU,iBAAKR,KAAA,CAAAY,aAAA,QAAAK,MAAA,CAAAC,MAAA;IAAK,aAAW;EAAoB,GAAKV,KAAK,CAAG;AAC9E,CAAC,CAAC","ignoreList":[]}

package/Accordion/AccordionItemActions.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { IconButton } from "../Button";
-import { Tooltip } from "../Tooltip";
+import { IconButton } from "../Button/index.js";
+import { Tooltip } from "../Tooltip/index.js";
 export const AccordionItemActions = ({
   children
 }) => {

package/Accordion/AccordionItemActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","Tooltip","AccordionItemActions","children","createElement","Fragment","AccordionItemAction","icon","onClick","tooltip","disabled","iconButton","e","stopPropagation","placement","content","AccordionItemElement","element"],"sources":["AccordionItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"~/Button\";\nimport { Tooltip } from \"~/Tooltip\";\n\ninterface AccordionItemActionsProps {\n    children: React.ReactNode;\n}\n\nexport const AccordionItemActions = ({ children }: AccordionItemActionsProps) => {\n    return <>{children}</>;\n};\n\nexport interface AccordionItemActionProps {\n    icon: JSX.Element;\n    onClick: () => void;\n    tooltip?: string;\n    disabled?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemAction = ({\n    icon,\n    onClick,\n    tooltip,\n    disabled\n}: AccordionItemActionProps) => {\n    const iconButton = (\n        <IconButton\n            disabled={disabled}\n            icon={icon}\n            onClick={e => {\n                e.stopPropagation();\n                onClick();\n            }}\n        />\n    );\n\n    if (!tooltip) {\n        return iconButton;\n    }\n\n    return (\n        <Tooltip placement={\"bottom\"} content={tooltip}>\n            {iconButton}\n        </Tooltip>\n    );\n};\n\nexport interface AccordionItemElementProps {\n    element: JSX.Element;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemElement = ({ element }: AccordionItemElementProps) => {\n    return <div onClick={e => e.stopPropagation()}>{element}</div>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,OAAO;AAMhB,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EAC7E,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC;AASD;AACA;AACA;AACA;AACA,OAAO,MAAMG,mBAAmB,GAAGA,CAAC;EAChCC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACsB,CAAC,KAAK;EAC5B,MAAMC,UAAU,gBACZZ,KAAA,CAAAK,aAAA,CAACJ,UAAU;IACPU,QAAQ,EAAEA,QAAS;IACnBH,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEI,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBL,OAAO,CAAC,CAAC;IACb;EAAE,CACL,CACJ;EAED,IAAI,CAACC,OAAO,EAAE;IACV,OAAOE,UAAU;EACrB;EAEA,oBACIZ,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACa,SAAS,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAQ,GAC1CE,UACI,CAAC;AAElB,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC5E,oBAAOlB,KAAA,CAAAK,aAAA;IAAKI,OAAO,EAAEI,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC;EAAE,GAAEI,OAAa,CAAC;AAClE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","IconButton","Tooltip","AccordionItemActions","children","createElement","Fragment","AccordionItemAction","icon","onClick","tooltip","disabled","iconButton","e","stopPropagation","placement","content","AccordionItemElement","element"],"sources":["AccordionItemActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\n\ninterface AccordionItemActionsProps {\n    children: React.ReactNode;\n}\n\nexport const AccordionItemActions = ({ children }: AccordionItemActionsProps) => {\n    return <>{children}</>;\n};\n\nexport interface AccordionItemActionProps {\n    icon: JSX.Element;\n    onClick: () => void;\n    tooltip?: string;\n    disabled?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemAction = ({\n    icon,\n    onClick,\n    tooltip,\n    disabled\n}: AccordionItemActionProps) => {\n    const iconButton = (\n        <IconButton\n            disabled={disabled}\n            icon={icon}\n            onClick={e => {\n                e.stopPropagation();\n                onClick();\n            }}\n        />\n    );\n\n    if (!tooltip) {\n        return iconButton;\n    }\n\n    return (\n        <Tooltip placement={\"bottom\"} content={tooltip}>\n            {iconButton}\n        </Tooltip>\n    );\n};\n\nexport interface AccordionItemElementProps {\n    element: JSX.Element;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Accordion.Item.Action` component from the `@webiny/admin-ui` package instead.\n */\nexport const AccordionItemElement = ({ element }: AccordionItemElementProps) => {\n    return <div onClick={e => e.stopPropagation()}>{element}</div>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,OAAO;AAMhB,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EAC7E,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC;AASD;AACA;AACA;AACA;AACA,OAAO,MAAMG,mBAAmB,GAAGA,CAAC;EAChCC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACsB,CAAC,KAAK;EAC5B,MAAMC,UAAU,gBACZZ,KAAA,CAAAK,aAAA,CAACJ,UAAU;IACPU,QAAQ,EAAEA,QAAS;IACnBH,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEI,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBL,OAAO,CAAC,CAAC;IACb;EAAE,CACL,CACJ;EAED,IAAI,CAACC,OAAO,EAAE;IACV,OAAOE,UAAU;EACrB;EAEA,oBACIZ,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACa,SAAS,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAQ,GAC1CE,UACI,CAAC;AAElB,CAAC;AAMD;AACA;AACA;AACA;AACA,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC5E,oBAAOlB,KAAA,CAAAK,aAAA;IAAKI,OAAO,EAAEI,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC;EAAE,GAAEI,OAAa,CAAC;AAClE,CAAC","ignoreList":[]}

package/Accordion/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Accordion";
-export * from "./AccordionItem";
+export * from "./Accordion.js";
+export * from "./AccordionItem.js";

package/Accordion/index.js

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

package/Accordion/index.js.map

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

package/Alert/index.d.ts

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

package/Alert/index.js

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

package/Alert/index.js.map

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

package/AutoComplete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { AutoCompleteBaseProps } from "./types";
+import type { AutoCompleteBaseProps } from "./types.js";
 export declare enum Placement {
     top = "top",
     bottom = "bottom"

package/AutoComplete/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","AutoComplete","AdminAutoComplete","Placement","size","onChange","valueProp","textProp","renderItem","noResultFound","useSimpleValues","onInput","props","inputSize","options","map","option","label","value","disabled","item","undefined","onValueChange","find","createElement","Object","assign","onValueSearch","optionRenderer","emptyMessage"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { AutoCompleteBaseProps } from \"./types\";\nimport { AutoComplete as AdminAutoComplete } from \"@webiny/admin-ui\";\n\nexport enum Placement {\n    top = \"top\",\n    bottom = \"bottom\"\n}\n\nexport interface AutoCompleteProps extends Omit<AutoCompleteBaseProps, \"onChange\"> {\n    /* Placement position of dropdown menu, can be either `top` or `bottom`. */\n    placement?: Placement;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: any, selection?: any) => void;\n\n    /* If true, will show a loading spinner on the right side of the input. */\n    loading?: boolean;\n\n    /* A component that renders supporting UI in case of no result found. */\n    noResultFound?: React.ReactNode;\n\n    // Size - small, medium or large\n    size?: \"small\" | \"medium\" | \"large\";\n\n    // Indicates if the reset action should be displayed.\n    displayResetAction?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `AutoComplete` component from the `@webiny/admin-ui` package instead.\n */\nexport const AutoComplete = ({\n    size,\n    onChange,\n    valueProp = \"id\",\n    textProp = \"name\",\n    renderItem,\n    noResultFound,\n    useSimpleValues,\n    onInput,\n    ...props\n}: AutoCompleteProps) => {\n    const inputSize = useMemo(() => {\n        if (size === \"medium\") {\n            return \"md\";\n        }\n\n        return \"lg\";\n    }, [size]);\n\n    const options = useMemo(() => {\n        return props.options.map(option => {\n            if (useSimpleValues) {\n                return {\n                    label: option,\n                    value: option\n                };\n            }\n\n            return {\n                label: option[textProp],\n                value: option[valueProp],\n                disabled: option.disabled,\n                item: option\n            };\n        });\n    }, [props.options, textProp, valueProp, useSimpleValues]);\n\n    const value = useMemo(() => {\n        if (!props.value) {\n            return undefined;\n        }\n\n        if (useSimpleValues && typeof props.value === \"string\") {\n            return props.value;\n        }\n\n        return props.value[valueProp as keyof AutoCompleteProps[\"value\"]] as string;\n    }, [props.value, valueProp]);\n\n    const onValueChange = useCallback(\n        (value: any) => {\n            const option = options.find(option => option.value === value);\n\n            if (!option) {\n                return;\n            }\n\n            onChange?.(value, option.item);\n        },\n        [onChange, options]\n    );\n\n    return (\n        <AdminAutoComplete\n            {...props}\n            value={value}\n            options={options}\n            onValueChange={onValueChange}\n            onValueSearch={onInput}\n            size={inputSize}\n            optionRenderer={renderItem}\n            emptyMessage={noResultFound}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,YAAY,IAAIC,iBAAiB,QAAQ,kBAAkB;AAEpE,WAAYC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAyBrB;AACA;AACA;AACA;AACA,OAAO,MAAMF,YAAY,GAAGA,CAAC;EACzBG,IAAI;EACJC,QAAQ;EACRC,SAAS,GAAG,IAAI;EAChBC,QAAQ,GAAG,MAAM;EACjBC,UAAU;EACVC,aAAa;EACbC,eAAe;EACfC,OAAO;EACP,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,IAAII,IAAI,KAAK,QAAQ,EAAE;MACnB,OAAO,IAAI;IACf;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMU,OAAO,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAOY,KAAK,CAACE,OAAO,CAACC,GAAG,CAACC,MAAM,IAAI;MAC/B,IAAIN,eAAe,EAAE;QACjB,OAAO;UACHO,KAAK,EAAED,MAAM;UACbE,KAAK,EAAEF;QACX,CAAC;MACL;MAEA,OAAO;QACHC,KAAK,EAAED,MAAM,CAACT,QAAQ,CAAC;QACvBW,KAAK,EAAEF,MAAM,CAACV,SAAS,CAAC;QACxBa,QAAQ,EAAEH,MAAM,CAACG,QAAQ;QACzBC,IAAI,EAAEJ;MACV,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,KAAK,CAACE,OAAO,EAAEP,QAAQ,EAAED,SAAS,EAAEI,eAAe,CAAC,CAAC;EAEzD,MAAMQ,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,KAAK,CAACM,KAAK,EAAE;MACd,OAAOG,SAAS;IACpB;IAEA,IAAIX,eAAe,IAAI,OAAOE,KAAK,CAACM,KAAK,KAAK,QAAQ,EAAE;MACpD,OAAON,KAAK,CAACM,KAAK;IACtB;IAEA,OAAON,KAAK,CAACM,KAAK,CAACZ,SAAS,CAAqC;EACrE,CAAC,EAAE,CAACM,KAAK,CAACM,KAAK,EAAEZ,SAAS,CAAC,CAAC;EAE5B,MAAMgB,aAAa,GAAGvB,WAAW,CAC5BmB,KAAU,IAAK;IACZ,MAAMF,MAAM,GAAGF,OAAO,CAACS,IAAI,CAACP,MAAM,IAAIA,MAAM,CAACE,KAAK,KAAKA,KAAK,CAAC;IAE7D,IAAI,CAACF,MAAM,EAAE;MACT;IACJ;IAEAX,QAAQ,GAAGa,KAAK,EAAEF,MAAM,CAACI,IAAI,CAAC;EAClC,CAAC,EACD,CAACf,QAAQ,EAAES,OAAO,CACtB,CAAC;EAED,oBACIhB,KAAA,CAAA0B,aAAA,CAACtB,iBAAiB,EAAAuB,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTM,KAAK,EAAEA,KAAM;IACbJ,OAAO,EAAEA,OAAQ;IACjBQ,aAAa,EAAEA,aAAc;IAC7BK,aAAa,EAAEhB,OAAQ;IACvBP,IAAI,EAAES,SAAU;IAChBe,cAAc,EAAEpB,UAAW;IAC3BqB,YAAY,EAAEpB;EAAc,EAC/B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","AutoComplete","AdminAutoComplete","Placement","size","onChange","valueProp","textProp","renderItem","noResultFound","useSimpleValues","onInput","props","inputSize","options","map","option","label","value","disabled","item","undefined","onValueChange","find","createElement","Object","assign","onValueSearch","optionRenderer","emptyMessage"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { AutoCompleteBaseProps } from \"./types.js\";\nimport { AutoComplete as AdminAutoComplete } from \"@webiny/admin-ui\";\n\nexport enum Placement {\n    top = \"top\",\n    bottom = \"bottom\"\n}\n\nexport interface AutoCompleteProps extends Omit<AutoCompleteBaseProps, \"onChange\"> {\n    /* Placement position of dropdown menu, can be either `top` or `bottom`. */\n    placement?: Placement;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: any, selection?: any) => void;\n\n    /* If true, will show a loading spinner on the right side of the input. */\n    loading?: boolean;\n\n    /* A component that renders supporting UI in case of no result found. */\n    noResultFound?: React.ReactNode;\n\n    // Size - small, medium or large\n    size?: \"small\" | \"medium\" | \"large\";\n\n    // Indicates if the reset action should be displayed.\n    displayResetAction?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `AutoComplete` component from the `@webiny/admin-ui` package instead.\n */\nexport const AutoComplete = ({\n    size,\n    onChange,\n    valueProp = \"id\",\n    textProp = \"name\",\n    renderItem,\n    noResultFound,\n    useSimpleValues,\n    onInput,\n    ...props\n}: AutoCompleteProps) => {\n    const inputSize = useMemo(() => {\n        if (size === \"medium\") {\n            return \"md\";\n        }\n\n        return \"lg\";\n    }, [size]);\n\n    const options = useMemo(() => {\n        return props.options.map(option => {\n            if (useSimpleValues) {\n                return {\n                    label: option,\n                    value: option\n                };\n            }\n\n            return {\n                label: option[textProp],\n                value: option[valueProp],\n                disabled: option.disabled,\n                item: option\n            };\n        });\n    }, [props.options, textProp, valueProp, useSimpleValues]);\n\n    const value = useMemo(() => {\n        if (!props.value) {\n            return undefined;\n        }\n\n        if (useSimpleValues && typeof props.value === \"string\") {\n            return props.value;\n        }\n\n        return props.value[valueProp as keyof AutoCompleteProps[\"value\"]] as string;\n    }, [props.value, valueProp]);\n\n    const onValueChange = useCallback(\n        (value: any) => {\n            const option = options.find(option => option.value === value);\n\n            if (!option) {\n                return;\n            }\n\n            onChange?.(value, option.item);\n        },\n        [onChange, options]\n    );\n\n    return (\n        <AdminAutoComplete\n            {...props}\n            value={value}\n            options={options}\n            onValueChange={onValueChange}\n            onValueSearch={onInput}\n            size={inputSize}\n            optionRenderer={renderItem}\n            emptyMessage={noResultFound}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,YAAY,IAAIC,iBAAiB,QAAQ,kBAAkB;AAEpE,WAAYC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAyBrB;AACA;AACA;AACA;AACA,OAAO,MAAMF,YAAY,GAAGA,CAAC;EACzBG,IAAI;EACJC,QAAQ;EACRC,SAAS,GAAG,IAAI;EAChBC,QAAQ,GAAG,MAAM;EACjBC,UAAU;EACVC,aAAa;EACbC,eAAe;EACfC,OAAO;EACP,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,IAAII,IAAI,KAAK,QAAQ,EAAE;MACnB,OAAO,IAAI;IACf;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMU,OAAO,GAAGd,OAAO,CAAC,MAAM;IAC1B,OAAOY,KAAK,CAACE,OAAO,CAACC,GAAG,CAACC,MAAM,IAAI;MAC/B,IAAIN,eAAe,EAAE;QACjB,OAAO;UACHO,KAAK,EAAED,MAAM;UACbE,KAAK,EAAEF;QACX,CAAC;MACL;MAEA,OAAO;QACHC,KAAK,EAAED,MAAM,CAACT,QAAQ,CAAC;QACvBW,KAAK,EAAEF,MAAM,CAACV,SAAS,CAAC;QACxBa,QAAQ,EAAEH,MAAM,CAACG,QAAQ;QACzBC,IAAI,EAAEJ;MACV,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,KAAK,CAACE,OAAO,EAAEP,QAAQ,EAAED,SAAS,EAAEI,eAAe,CAAC,CAAC;EAEzD,MAAMQ,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,KAAK,CAACM,KAAK,EAAE;MACd,OAAOG,SAAS;IACpB;IAEA,IAAIX,eAAe,IAAI,OAAOE,KAAK,CAACM,KAAK,KAAK,QAAQ,EAAE;MACpD,OAAON,KAAK,CAACM,KAAK;IACtB;IAEA,OAAON,KAAK,CAACM,KAAK,CAACZ,SAAS,CAAqC;EACrE,CAAC,EAAE,CAACM,KAAK,CAACM,KAAK,EAAEZ,SAAS,CAAC,CAAC;EAE5B,MAAMgB,aAAa,GAAGvB,WAAW,CAC5BmB,KAAU,IAAK;IACZ,MAAMF,MAAM,GAAGF,OAAO,CAACS,IAAI,CAACP,MAAM,IAAIA,MAAM,CAACE,KAAK,KAAKA,KAAK,CAAC;IAE7D,IAAI,CAACF,MAAM,EAAE;MACT;IACJ;IAEAX,QAAQ,GAAGa,KAAK,EAAEF,MAAM,CAACI,IAAI,CAAC;EAClC,CAAC,EACD,CAACf,QAAQ,EAAES,OAAO,CACtB,CAAC;EAED,oBACIhB,KAAA,CAAA0B,aAAA,CAACtB,iBAAiB,EAAAuB,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTM,KAAK,EAAEA,KAAM;IACbJ,OAAO,EAAEA,OAAQ;IACjBQ,aAAa,EAAEA,aAAc;IAC7BK,aAAa,EAAEhB,OAAQ;IACvBP,IAAI,EAAES,SAAU;IAChBe,cAAc,EAAEpB,UAAW;IAC3BqB,YAAY,EAAEpB;EAAc,EAC/B,CAAC;AAEV,CAAC","ignoreList":[]}

package/AutoComplete/MultiAutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { AutoCompleteBaseProps } from "./types";
+import type { AutoCompleteBaseProps } from "./types.js";
 interface SelectionItem {
     name: string;
 }

package/AutoComplete/MultiAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","MultiAutoComplete","AdminMultiAutoComplete","onChange","value","valueProp","textProp","renderItem","noResultFound","useSimpleValues","loading","allowFreeInput","unique","renderMultipleSelection","onInput","props","getOption","option","label","item","disabled","options","map","values","val","filter","Boolean","onValuesChange","selectedOptions","find","push","selectedItems","selectedOptionRenderer","createElement","Fragment","Object","assign","size","optionRenderer","emptyMessage","onValueSearch","uniqueValues"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { AutoCompleteBaseProps } from \"./types\";\nimport { MultiAutoComplete as AdminMultiAutoComplete } from \"@webiny/admin-ui\";\n\ninterface SelectionItem {\n    name: string;\n}\n\ntype MultiAutoCompletePropsValue = SelectionItem[] | string[];\n\nexport interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, \"value\"> {\n    /**\n     * Prevents adding the same item to the list twice.\n     */\n    unique?: boolean;\n\n    /**\n     * Set if custom values (not from list of suggestions) are allowed.\n     */\n    allowFreeInput?: boolean;\n\n    /**\n     *  If true, will show a loading spinner on the right side of the input.\n     */\n    loading?: boolean;\n\n    /**\n     * Use custom renderer for selected items.\n     */\n    renderMultipleSelection?: ((items: any, index: number) => React.ReactNode | null) | null;\n\n    /**\n     * Use data list instead of default Chips component. Useful when expecting a lot of data.\n     */\n    useMultipleSelectionList?: boolean;\n\n    /**\n     * Render list item when `useMultipleSelectionList` is used.\n     */\n    renderListItemLabel?: (item: any) => React.ReactNode;\n\n    /**\n     * Render in meta wrapper\n     */\n    renderListItemOptions?: (item: any) => React.ReactNode | null;\n\n    /**\n     *  A component that renders supporting UI in case of no result found.\n     */\n    noResultFound?: React.ReactNode;\n\n    /**\n     * Value is an array of strings. But can be undefined.\n     */\n    value?: MultiAutoCompletePropsValue;\n\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `MultiAutoComplete` component from the `@webiny/admin-ui` package instead.\n */\nexport const MultiAutoComplete = ({\n    onChange,\n    value = [],\n    valueProp = \"id\",\n    textProp = \"name\",\n    renderItem,\n    noResultFound,\n    useSimpleValues,\n    loading,\n    allowFreeInput,\n    unique = true,\n    renderMultipleSelection,\n    onInput,\n    ...props\n}: MultiAutoCompleteProps) => {\n    const getOption = useCallback(\n        (option: any) => {\n            if (useSimpleValues) {\n                return {\n                    label: option,\n                    value: option,\n                    item: option\n                };\n            }\n\n            return {\n                label: option[textProp],\n                value: option[valueProp],\n                disabled: option.disabled,\n                item: option\n            };\n        },\n        [textProp, valueProp, useSimpleValues]\n    );\n\n    const options = useMemo(() => {\n        return props.options.map(option => {\n            return getOption(option);\n        });\n    }, [props.options]);\n\n    const values = useMemo(() => {\n        if (!value) {\n            return [];\n        }\n\n        return value\n            .map((val: SelectionItem | string) => {\n                if (typeof val === \"string\") {\n                    return val;\n                }\n\n                return val[valueProp as keyof SelectionItem] as string;\n            })\n            .filter(Boolean);\n    }, [value, valueProp]);\n\n    const onValuesChange = useCallback(\n        (values: any) => {\n            const selectedOptions = [];\n\n            for (const value of values) {\n                const option = options.find(option => option.value === value);\n\n                if (option) {\n                    selectedOptions.push(option);\n                } else {\n                    selectedOptions.push(getOption(value));\n                }\n            }\n\n            const selectedItems = selectedOptions.map(option => option.item);\n\n            onChange?.(selectedItems);\n        },\n        [onChange, options]\n    );\n\n    const selectedOptionRenderer = useMemo(() => {\n        if (renderMultipleSelection === null) {\n            return () => null;\n        }\n        return renderMultipleSelection;\n    }, [renderMultipleSelection]);\n\n    return (\n        <>\n            <AdminMultiAutoComplete\n                {...props}\n                size={\"lg\"}\n                values={values}\n                options={options}\n                optionRenderer={renderItem}\n                selectedOptionRenderer={selectedOptionRenderer}\n                emptyMessage={noResultFound}\n                onValuesChange={onValuesChange}\n                onValueSearch={onInput}\n                loading={loading}\n                allowFreeInput={allowFreeInput}\n                uniqueValues={unique}\n            />\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","MultiAutoComplete","AdminMultiAutoComplete","onChange","value","valueProp","textProp","renderItem","noResultFound","useSimpleValues","loading","allowFreeInput","unique","renderMultipleSelection","onInput","props","getOption","option","label","item","disabled","options","map","values","val","filter","Boolean","onValuesChange","selectedOptions","find","push","selectedItems","selectedOptionRenderer","createElement","Fragment","Object","assign","size","optionRenderer","emptyMessage","onValueSearch","uniqueValues"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { AutoCompleteBaseProps } from \"./types.js\";\nimport { MultiAutoComplete as AdminMultiAutoComplete } from \"@webiny/admin-ui\";\n\ninterface SelectionItem {\n    name: string;\n}\n\ntype MultiAutoCompletePropsValue = SelectionItem[] | string[];\n\nexport interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, \"value\"> {\n    /**\n     * Prevents adding the same item to the list twice.\n     */\n    unique?: boolean;\n\n    /**\n     * Set if custom values (not from list of suggestions) are allowed.\n     */\n    allowFreeInput?: boolean;\n\n    /**\n     *  If true, will show a loading spinner on the right side of the input.\n     */\n    loading?: boolean;\n\n    /**\n     * Use custom renderer for selected items.\n     */\n    renderMultipleSelection?: ((items: any, index: number) => React.ReactNode | null) | null;\n\n    /**\n     * Use data list instead of default Chips component. Useful when expecting a lot of data.\n     */\n    useMultipleSelectionList?: boolean;\n\n    /**\n     * Render list item when `useMultipleSelectionList` is used.\n     */\n    renderListItemLabel?: (item: any) => React.ReactNode;\n\n    /**\n     * Render in meta wrapper\n     */\n    renderListItemOptions?: (item: any) => React.ReactNode | null;\n\n    /**\n     *  A component that renders supporting UI in case of no result found.\n     */\n    noResultFound?: React.ReactNode;\n\n    /**\n     * Value is an array of strings. But can be undefined.\n     */\n    value?: MultiAutoCompletePropsValue;\n\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `MultiAutoComplete` component from the `@webiny/admin-ui` package instead.\n */\nexport const MultiAutoComplete = ({\n    onChange,\n    value = [],\n    valueProp = \"id\",\n    textProp = \"name\",\n    renderItem,\n    noResultFound,\n    useSimpleValues,\n    loading,\n    allowFreeInput,\n    unique = true,\n    renderMultipleSelection,\n    onInput,\n    ...props\n}: MultiAutoCompleteProps) => {\n    const getOption = useCallback(\n        (option: any) => {\n            if (useSimpleValues) {\n                return {\n                    label: option,\n                    value: option,\n                    item: option\n                };\n            }\n\n            return {\n                label: option[textProp],\n                value: option[valueProp],\n                disabled: option.disabled,\n                item: option\n            };\n        },\n        [textProp, valueProp, useSimpleValues]\n    );\n\n    const options = useMemo(() => {\n        return props.options.map(option => {\n            return getOption(option);\n        });\n    }, [props.options]);\n\n    const values = useMemo(() => {\n        if (!value) {\n            return [];\n        }\n\n        return value\n            .map((val: SelectionItem | string) => {\n                if (typeof val === \"string\") {\n                    return val;\n                }\n\n                return val[valueProp as keyof SelectionItem] as string;\n            })\n            .filter(Boolean);\n    }, [value, valueProp]);\n\n    const onValuesChange = useCallback(\n        (values: any) => {\n            const selectedOptions = [];\n\n            for (const value of values) {\n                const option = options.find(option => option.value === value);\n\n                if (option) {\n                    selectedOptions.push(option);\n                } else {\n                    selectedOptions.push(getOption(value));\n                }\n            }\n\n            const selectedItems = selectedOptions.map(option => option.item);\n\n            onChange?.(selectedItems);\n        },\n        [onChange, options]\n    );\n\n    const selectedOptionRenderer = useMemo(() => {\n        if (renderMultipleSelection === null) {\n            return () => null;\n        }\n        return renderMultipleSelection;\n    }, [renderMultipleSelection]);\n\n    return (\n        <>\n            <AdminMultiAutoComplete\n                {...props}\n                size={\"lg\"}\n                values={values}\n                options={options}\n                optionRenderer={renderItem}\n                selectedOptionRenderer={selectedOptionRenderer}\n                emptyMessage={noResultFound}\n                onValuesChange={onValuesChange}\n                onValueSearch={onInput}\n                loading={loading}\n                allowFreeInput={allowFreeInput}\n                uniqueValues={unique}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,iBAAiB,IAAIC,sBAAsB,QAAQ,kBAAkB;AA4D9E;AACA;AACA;AACA;AACA,OAAO,MAAMD,iBAAiB,GAAGA,CAAC;EAC9BE,QAAQ;EACRC,KAAK,GAAG,EAAE;EACVC,SAAS,GAAG,IAAI;EAChBC,QAAQ,GAAG,MAAM;EACjBC,UAAU;EACVC,aAAa;EACbC,eAAe;EACfC,OAAO;EACPC,cAAc;EACdC,MAAM,GAAG,IAAI;EACbC,uBAAuB;EACvBC,OAAO;EACP,GAAGC;AACiB,CAAC,KAAK;EAC1B,MAAMC,SAAS,GAAGjB,WAAW,CACxBkB,MAAW,IAAK;IACb,IAAIR,eAAe,EAAE;MACjB,OAAO;QACHS,KAAK,EAAED,MAAM;QACbb,KAAK,EAAEa,MAAM;QACbE,IAAI,EAAEF;MACV,CAAC;IACL;IAEA,OAAO;MACHC,KAAK,EAAED,MAAM,CAACX,QAAQ,CAAC;MACvBF,KAAK,EAAEa,MAAM,CAACZ,SAAS,CAAC;MACxBe,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBD,IAAI,EAAEF;IACV,CAAC;EACL,CAAC,EACD,CAACX,QAAQ,EAAED,SAAS,EAAEI,eAAe,CACzC,CAAC;EAED,MAAMY,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC1B,OAAOe,KAAK,CAACM,OAAO,CAACC,GAAG,CAACL,MAAM,IAAI;MAC/B,OAAOD,SAAS,CAACC,MAAM,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,KAAK,CAACM,OAAO,CAAC,CAAC;EAEnB,MAAME,MAAM,GAAGvB,OAAO,CAAC,MAAM;IACzB,IAAI,CAACI,KAAK,EAAE;MACR,OAAO,EAAE;IACb;IAEA,OAAOA,KAAK,CACPkB,GAAG,CAAEE,GAA2B,IAAK;MAClC,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;QACzB,OAAOA,GAAG;MACd;MAEA,OAAOA,GAAG,CAACnB,SAAS,CAAwB;IAChD,CAAC,CAAC,CACDoB,MAAM,CAACC,OAAO,CAAC;EACxB,CAAC,EAAE,CAACtB,KAAK,EAAEC,SAAS,CAAC,CAAC;EAEtB,MAAMsB,cAAc,GAAG5B,WAAW,CAC7BwB,MAAW,IAAK;IACb,MAAMK,eAAe,GAAG,EAAE;IAE1B,KAAK,MAAMxB,KAAK,IAAImB,MAAM,EAAE;MACxB,MAAMN,MAAM,GAAGI,OAAO,CAACQ,IAAI,CAACZ,MAAM,IAAIA,MAAM,CAACb,KAAK,KAAKA,KAAK,CAAC;MAE7D,IAAIa,MAAM,EAAE;QACRW,eAAe,CAACE,IAAI,CAACb,MAAM,CAAC;MAChC,CAAC,MAAM;QACHW,eAAe,CAACE,IAAI,CAACd,SAAS,CAACZ,KAAK,CAAC,CAAC;MAC1C;IACJ;IAEA,MAAM2B,aAAa,GAAGH,eAAe,CAACN,GAAG,CAACL,MAAM,IAAIA,MAAM,CAACE,IAAI,CAAC;IAEhEhB,QAAQ,GAAG4B,aAAa,CAAC;EAC7B,CAAC,EACD,CAAC5B,QAAQ,EAAEkB,OAAO,CACtB,CAAC;EAED,MAAMW,sBAAsB,GAAGhC,OAAO,CAAC,MAAM;IACzC,IAAIa,uBAAuB,KAAK,IAAI,EAAE;MAClC,OAAO,MAAM,IAAI;IACrB;IACA,OAAOA,uBAAuB;EAClC,CAAC,EAAE,CAACA,uBAAuB,CAAC,CAAC;EAE7B,oBACIf,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAmC,aAAA,CAAC/B,sBAAsB,EAAAiC,MAAA,CAAAC,MAAA,KACfrB,KAAK;IACTsB,IAAI,EAAE,IAAK;IACXd,MAAM,EAAEA,MAAO;IACfF,OAAO,EAAEA,OAAQ;IACjBiB,cAAc,EAAE/B,UAAW;IAC3ByB,sBAAsB,EAAEA,sBAAuB;IAC/CO,YAAY,EAAE/B,aAAc;IAC5BmB,cAAc,EAAEA,cAAe;IAC/Ba,aAAa,EAAE1B,OAAQ;IACvBJ,OAAO,EAAEA,OAAQ;IACjBC,cAAc,EAAEA,cAAe;IAC/B8B,YAAY,EAAE7B;EAAO,EACxB,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/AutoComplete/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./AutoComplete";
-export * from "./MultiAutoComplete";
+export * from "./AutoComplete.js";
+export * from "./MultiAutoComplete.js";

package/AutoComplete/index.js

@@ -1,4 +1,4 @@
-export * from "./AutoComplete";
-export * from "./MultiAutoComplete";
+export * from "./AutoComplete.js";
+export * from "./MultiAutoComplete.js";
 
 //# sourceMappingURL=index.js.map

package/AutoComplete/index.js.map

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

package/AutoComplete/types.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { FormComponentProps } from "../types";
+import type { FormComponentProps } from "../types.js";
 export interface AutoCompleteBaseProps extends FormComponentProps {
     /**
      * Component label.
@@ -18,9 +18,13 @@ export interface AutoCompleteBaseProps extends FormComponentProps {
      */
     options: Array<any>;
     /**
-     * Description beneath the autoComplete.
+     * Description above the autoComplete.
      */
     description?: React.ReactNode;
+    /**
+     * Note beneath the autoComplete.
+     */
+    note?: React.ReactNode;
     /**
      * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.
      */

package/AutoComplete/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from \"react\";\nimport type { FormComponentProps } from \"~/types\";\n\nexport interface AutoCompleteBaseProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Is component read-only?\n     */\n    readOnly?: boolean;\n\n    /**\n     * Options that will be shown.\n     */\n    options: Array<any>;\n\n    /**\n     * Description beneath the autoComplete.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string } | string;\n\n    /**\n     * Key in a single option object that will be used as option's value (by default, \"id\" key will be used).\n     */\n    valueProp?: string;\n\n    /**\n     * Key in a single option object that will be used as option's text (by default, \"name\" key will be used).\n     */\n    textProp?: string;\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: (value: any) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: React.FocusEvent<any>) => void;\n\n    /**\n     * Set if you are saving plain strings as values.\n     */\n    useSimpleValues?: boolean;\n\n    /**\n     * Renders a single suggestion item.\n     */\n    renderItem?: (item: any, index?: number) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from \"react\";\nimport type { FormComponentProps } from \"~/types.js\";\n\nexport interface AutoCompleteBaseProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Is component read-only?\n     */\n    readOnly?: boolean;\n\n    /**\n     * Options that will be shown.\n     */\n    options: Array<any>;\n\n    /**\n     * Description above the autoComplete.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Note beneath the autoComplete.\n     */\n    note?: React.ReactNode;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string } | string;\n\n    /**\n     * Key in a single option object that will be used as option's value (by default, \"id\" key will be used).\n     */\n    valueProp?: string;\n\n    /**\n     * Key in a single option object that will be used as option's text (by default, \"name\" key will be used).\n     */\n    textProp?: string;\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: (value: any) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: React.FocusEvent<any>) => void;\n\n    /**\n     * Set if you are saving plain strings as values.\n     */\n    useSimpleValues?: boolean;\n\n    /**\n     * Renders a single suggestion item.\n     */\n    renderItem?: (item: any, index?: number) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/Avatar/index.d.ts

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

package/Avatar/index.js

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

package/Avatar/index.js.map

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

package/Button/Button.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Button as AdminUiButton } from "@webiny/admin-ui/Button";
-import { useMappedButtonProps } from "./useMappedButtonProps";
+import { Button as AdminUiButton } from "@webiny/admin-ui/Button/index.js";
+import { useMappedButtonProps } from "./useMappedButtonProps.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Button` component from the `@webiny/admin-ui` package instead.

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","AdminUiButton","useMappedButtonProps","props","mappedProps","createElement","displayName"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui/Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\n\ninterface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\n    \"data-testid\"?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nconst Button = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} />;\n};\n\nButton.displayName = \"Button\";\n\nexport { Button, ButtonProps };\n\n// Needed for backward compatibility.\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAQ,yBAAyB;AACjE,SAASC,oBAAoB;AAmD7B;AACA;AACA;AACA;AACA,MAAMF,MAAM,GAAIG,KAAkB,IAAK;EACnC,MAAMC,WAAW,GAAGF,oBAAoB,CAACC,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAKG,WAAc,CAAC;AAC7C,CAAC;AAEDJ,MAAM,CAACM,WAAW,GAAG,QAAQ;AAE7B,SAASN,MAAM;;AAEf;AACA,eAAeA,MAAM","ignoreList":[]}
+{"version":3,"names":["React","Button","AdminUiButton","useMappedButtonProps","props","mappedProps","createElement","displayName"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui/Button/index.js\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps.js\";\n\ninterface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\n    \"data-testid\"?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nconst Button = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} />;\n};\n\nButton.displayName = \"Button\";\n\nexport { Button, ButtonProps };\n\n// Needed for backward compatibility.\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAQ,kCAAkC;AAC1E,SAASC,oBAAoB;AAmD7B;AACA;AACA;AACA;AACA,MAAMF,MAAM,GAAIG,KAAkB,IAAK;EACnC,MAAMC,WAAW,GAAGF,oBAAoB,CAACC,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAKG,WAAc,CAAC;AAC7C,CAAC;AAEDJ,MAAM,CAACM,WAAW,GAAG,QAAQ;AAE7B,SAASN,MAAM;;AAEf;AACA,eAAeA,MAAM","ignoreList":[]}

package/Button/ButtonDefault.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ButtonProps } from "./Button";
+import type { ButtonProps } from "./Button.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Button` component from the `@webiny/admin-ui` package instead.

package/Button/ButtonDefault.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useMappedButtonProps } from "./useMappedButtonProps";
+import { useMappedButtonProps } from "./useMappedButtonProps.js";
 import { Button as AdminUiButton } from "@webiny/admin-ui";
 
 /**

package/Button/ButtonDefault.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonDefault","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAkB,IAAK;EACjD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonDefault","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button.js\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps.js\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAkB,IAAK;EACjD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}

package/Button/ButtonFloating.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconButtonProps } from "./IconButton";
+import type { IconButtonProps } from "./IconButton.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Button` component from the `@webiny/admin-ui` package instead.

package/Button/ButtonFloating.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconButton } from "./IconButton";
+import { IconButton } from "./IconButton.js";
 
 /**
  * @deprecated This component is deprecated and will be removed in future releases.

package/Button/ButtonFloating.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","ButtonFloating","props","createElement"],"sources":["ButtonFloating.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IconButtonProps } from \"./IconButton\";\nimport { IconButton } from \"./IconButton\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonFloating = (props: IconButtonProps) => {\n    return <IconButton {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;;AAEnB;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EACtD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,UAAU,EAAKE,KAAQ,CAAC;AACpC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","IconButton","ButtonFloating","props","createElement"],"sources":["ButtonFloating.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IconButtonProps } from \"./IconButton.js\";\nimport { IconButton } from \"./IconButton.js\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonFloating = (props: IconButtonProps) => {\n    return <IconButton {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;;AAEnB;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAIC,KAAsB,IAAK;EACtD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,UAAU,EAAKE,KAAQ,CAAC;AACpC,CAAC","ignoreList":[]}

package/Button/ButtonIcon.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Icon } from "../Icon";
+import { Icon } from "../Icon/index.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Icon` component from the `@webiny/admin-ui` package instead.

package/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","ButtonIcon","props","createElement"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"~/Icon\";\n\nexport interface ButtonIconProps {\n    icon: React.ReactElement;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Icon` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonIcon = (props: ButtonIconProps) => {\n    return <Icon {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAKE,KAAQ,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Icon","ButtonIcon","props","createElement"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"~/Icon/index.js\";\n\nexport interface ButtonIconProps {\n    icon: React.ReactElement;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Icon` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonIcon = (props: ButtonIconProps) => {\n    return <Icon {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAKE,KAAQ,CAAC;AAC9B,CAAC","ignoreList":[]}

package/Button/ButtonPrimary.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ButtonProps } from "./Button";
+import type { ButtonProps } from "./Button.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Button` component from the `@webiny/admin-ui` package instead.

package/Button/ButtonPrimary.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useMappedButtonProps } from "./useMappedButtonProps";
+import { useMappedButtonProps } from "./useMappedButtonProps.js";
 import { Button as AdminUiButton } from "@webiny/admin-ui";
 
 /**

package/Button/ButtonPrimary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonPrimary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonPrimary = function ButtonPrimary(props: ButtonProps) {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"primary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,SAASA,aAAaA,CAACC,KAAkB,EAAE;EACpE,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAU,EAAE,CAAC;AACjE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonPrimary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button.js\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps.js\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonPrimary = function ButtonPrimary(props: ButtonProps) {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"primary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,SAASA,aAAaA,CAACC,KAAkB,EAAE;EACpE,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAU,EAAE,CAAC;AACjE,CAAC","ignoreList":[]}

package/Button/ButtonSecondary.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ButtonProps } from "./Button";
+import type { ButtonProps } from "./Button.js";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.
  * Please use the `Button` component from the `@webiny/admin-ui` package instead.

package/Button/ButtonSecondary.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useMappedButtonProps } from "./useMappedButtonProps";
+import { useMappedButtonProps } from "./useMappedButtonProps.js";
 import { Button as AdminUiButton } from "@webiny/admin-ui";
 
 /**

package/Button/ButtonSecondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonSecondary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAkB,IAAK;EACnD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMappedButtonProps","Button","AdminUiButton","ButtonSecondary","props","mappedProps","createElement","Object","assign","variant"],"sources":["ButtonSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"./Button.js\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps.js\";\nimport { Button as AdminUiButton } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiButton {...mappedProps} variant={\"secondary\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;;AAE1D;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAkB,IAAK;EACnD,MAAMC,WAAW,GAAGL,oBAAoB,CAACI,KAAK,CAAC;EAC/C,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAY,EAAE,CAAC;AACnE,CAAC","ignoreList":[]}

package/Button/IconButton.d.ts

@@ -1,6 +1,6 @@
 import type { SyntheticEvent } from "react";
 import React from "react";
-import type { ButtonProps } from "./Button";
+import type { ButtonProps } from "./Button.js";
 export interface IconButtonProps extends ButtonProps {
     /**
      * Icon should be provided as an SvgComponent.

package/Button/IconButton.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useMappedButtonProps } from "./useMappedButtonProps";
+import { useMappedButtonProps } from "./useMappedButtonProps.js";
 import { IconButton as AdminUiBIconButton } from "@webiny/admin-ui";
 /**
  * @deprecated This component is deprecated and will be removed in future releases.

package/Button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMappedButtonProps","IconButton","AdminUiBIconButton","props","mappedProps","createElement","Object","assign","variant"],"sources":["IconButton.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"./Button\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps\";\nimport { IconButton as AdminUiBIconButton } from \"@webiny/admin-ui\";\n\nexport interface IconButtonProps extends ButtonProps {\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    label?: string;\n\n    onMouseDown?: (e: SyntheticEvent) => void;\n\n    onMouseUp?: (e: SyntheticEvent) => void;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const IconButton = (props: IconButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiBIconButton {...mappedProps} variant={\"ghost\"} />;\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,UAAU,IAAIC,kBAAkB,QAAQ,kBAAkB;AAenE;AACA;AACA;AACA;AACA,OAAO,MAAMD,UAAU,GAAIE,KAAsB,IAAK;EAClD,MAAMC,WAAW,GAAGJ,oBAAoB,CAACG,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACH,kBAAkB,EAAAI,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAQ,EAAE,CAAC;AACpE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMappedButtonProps","IconButton","AdminUiBIconButton","props","mappedProps","createElement","Object","assign","variant"],"sources":["IconButton.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"./Button.js\";\nimport { useMappedButtonProps } from \"~/Button/useMappedButtonProps.js\";\nimport { IconButton as AdminUiBIconButton } from \"@webiny/admin-ui\";\n\nexport interface IconButtonProps extends ButtonProps {\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    label?: string;\n\n    onMouseDown?: (e: SyntheticEvent) => void;\n\n    onMouseUp?: (e: SyntheticEvent) => void;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nexport const IconButton = (props: IconButtonProps) => {\n    const mappedProps = useMappedButtonProps(props);\n    return <AdminUiBIconButton {...mappedProps} variant={\"ghost\"} />;\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAC7B,SAASC,UAAU,IAAIC,kBAAkB,QAAQ,kBAAkB;AAenE;AACA;AACA;AACA;AACA,OAAO,MAAMD,UAAU,GAAIE,KAAsB,IAAK;EAClD,MAAMC,WAAW,GAAGJ,oBAAoB,CAACG,KAAK,CAAC;EAC/C,oBAAOJ,KAAA,CAAAM,aAAA,CAACH,kBAAkB,EAAAI,MAAA,CAAAC,MAAA,KAAKH,WAAW;IAAEI,OAAO,EAAE;EAAQ,EAAE,CAAC;AACpE,CAAC","ignoreList":[]}

package/Button/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./Button";
-export * from "./ButtonPrimary";
-export * from "./ButtonSecondary";
-export * from "./ButtonDefault";
-export * from "./ButtonFloating";
-export * from "./ButtonIcon";
-export * from "./CopyButton";
-export * from "./IconButton";
+export * from "./Button.js";
+export * from "./ButtonPrimary.js";
+export * from "./ButtonSecondary.js";
+export * from "./ButtonDefault.js";
+export * from "./ButtonFloating.js";
+export * from "./ButtonIcon.js";
+export * from "./CopyButton.js";
+export * from "./IconButton.js";