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

package/Accordion/components/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","withStaticProps","AccordionTrigger","AccordionContent","AccordionItemIcon","AccordionItemAction","AccordionRoot","AccordionItemBase","props","itemProps","triggerProps","contentProps","useMemo","className","defaultOpen","disabled","onOpenChange","open","children","withIcon","icon","withHandle","handle","createElement","Object","assign","DecoratableAccordionItem","AccordionItem","Icon","Action"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { AccordionTrigger } from \"./AccordionTrigger\";\nimport { AccordionContent } from \"./AccordionContent\";\nimport { AccordionItemIcon } from \"./AccordionItemIcon\";\nimport { AccordionItemAction } from \"./AccordionItemAction\";\nimport { AccordionRoot, type AccordionRootProps } from \"~/Accordion/components/AccordionRoot\";\n\ninterface AccordionItemProps extends Omit<AccordionRootProps, \"title\"> {\n    title: React.ReactNode;\n    description?: React.ReactNode;\n    icon?: React.ReactNode;\n    handle?: React.ReactNode;\n    interactive?: boolean;\n    draggable?: boolean;\n    actions?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const { itemProps, triggerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Item props.\n            className,\n            defaultOpen,\n            disabled,\n            onOpenChange,\n            open,\n\n            // Content props.\n            children,\n\n            // Trigger props.\n            ...triggerProps\n        } = props;\n\n        return {\n            itemProps: {\n                className,\n                defaultOpen,\n                disabled,\n                onOpenChange,\n                open\n            },\n            triggerProps: {\n                ...triggerProps\n            },\n            contentProps: { children, withIcon: !!props.icon, withHandle: !!props.handle }\n        };\n    }, [props]);\n\n    return (\n        <AccordionRoot\n            {...itemProps}\n            className={cn(\n                [\n                    \"wby-group-item wby-border-b-sm wby-border-b-neutral-dimmed data-[state=open]:wby-rounded-bl-lg data-[state=open]:wby-rounded-br-lg\",\n                    \"group-[.wby-accordion-variant-container]:wby-rounded-lg\",\n                    \"group-[.wby-accordion-background-base]:wby-bg-neutral-base\",\n                    \"group-[.wby-accordion-background-light]:wby-bg-neutral-light\",\n                    \"data-[disabled]:wby-pointer-events-none data-[disabled]:wby-opacity-50\"\n                ],\n                itemProps.className\n            )}\n        >\n            <AccordionTrigger {...triggerProps} />\n            <AccordionContent {...contentProps} />\n        </AccordionRoot>\n    );\n};\n\nconst DecoratableAccordionItem = makeDecoratable(\"AccordionItem\", AccordionItemBase);\n\nconst AccordionItem = withStaticProps(DecoratableAccordionItem, {\n    Icon: AccordionItemIcon,\n    Action: AccordionItemAction\n});\n\nexport { AccordionItem, type AccordionItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,eAAe,EAAEC,eAAe;AAC7C,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AAatB,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAM;IAAEC,SAAS;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGb,KAAK,CAACc,OAAO,CAAC,MAAM;IAClE,MAAM;MACF;MACAC,SAAS;MACTC,WAAW;MACXC,QAAQ;MACRC,YAAY;MACZC,IAAI;MAEJ;MACAC,QAAQ;MAER;MACA,GAAGR;IACP,CAAC,GAAGF,KAAK;IAET,OAAO;MACHC,SAAS,EAAE;QACPI,SAAS;QACTC,WAAW;QACXC,QAAQ;QACRC,YAAY;QACZC;MACJ,CAAC;MACDP,YAAY,EAAE;QACV,GAAGA;MACP,CAAC;MACDC,YAAY,EAAE;QAAEO,QAAQ;QAAEC,QAAQ,EAAE,CAAC,CAACX,KAAK,CAACY,IAAI;QAAEC,UAAU,EAAE,CAAC,CAACb,KAAK,CAACc;MAAO;IACjF,CAAC;EACL,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEX,oBACIV,KAAA,CAAAyB,aAAA,CAACjB,aAAa,EAAAkB,MAAA,CAAAC,MAAA,KACNhB,SAAS;IACbI,SAAS,EAAEd,EAAE,CACT,CACI,oIAAoI,EACpI,yDAAyD,EACzD,4DAA4D,EAC5D,8DAA8D,EAC9D,wEAAwE,CAC3E,EACDU,SAAS,CAACI,SACd;EAAE,iBAEFf,KAAA,CAAAyB,aAAA,CAACrB,gBAAgB,EAAKQ,YAAe,CAAC,eACtCZ,KAAA,CAAAyB,aAAA,CAACpB,gBAAgB,EAAKQ,YAAe,CAC1B,CAAC;AAExB,CAAC;AAED,MAAMe,wBAAwB,GAAG1B,eAAe,CAAC,eAAe,EAAEO,iBAAiB,CAAC;AAEpF,MAAMoB,aAAa,GAAG1B,eAAe,CAACyB,wBAAwB,EAAE;EAC5DE,IAAI,EAAExB,iBAAiB;EACvByB,MAAM,EAAExB;AACZ,CAAC,CAAC;AAEF,SAASsB,aAAa","ignoreList":[]}
+{"version":3,"names":["React","cva","cn","makeDecoratable","withStaticProps","AccordionTrigger","AccordionContent","AccordionItemIcon","AccordionItemAction","AccordionRoot","useAccordionBackground","AccordionItemPropsProvider","useAccordionItemProps","useAccordionProps","accordionItemVariants","variants","locked","true","background","base","light","transparent","variant","underline","container","border","none","accent","compoundVariants","className","defaultVariants","AccordionItemBase","props","providedProps","mergedProps","accordionProps","defaultOpen","disabled","onOpenChange","open","children","createElement","DecoratableAccordionItem","AccordionItem","Icon","Action"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, cn, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { AccordionTrigger } from \"./AccordionTrigger.js\";\nimport { AccordionContent } from \"./AccordionContent.js\";\nimport { AccordionItemIcon } from \"./AccordionItemIcon.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { AccordionRoot, type AccordionRootProps } from \"~/Accordion/components/AccordionRoot.js\";\nimport { useAccordionBackground } from \"~/Accordion/components/AccordionBackgroundProvider.js\";\nimport { AccordionItemPropsProvider, useAccordionItemProps } from \"./AccordionItemPropsProvider.js\";\nimport { useAccordionProps } from \"../Accordion.js\";\n\ninterface AccordionItemProps extends Omit<AccordionRootProps, \"title\"> {\n    title: React.ReactNode;\n    subtitle?: React.ReactNode;\n    description?: React.ReactNode;\n    colorMark?: string;\n    icon?: React.ReactNode;\n    handle?: React.ReactNode;\n    interactive?: boolean;\n    locked?: boolean;\n    draggable?: boolean;\n    actions?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst accordionItemVariants = cva(\"\", {\n    variants: {\n        locked: {\n            true: \"pointer-events-none\"\n        },\n        background: {\n            base: \"bg-neutral-base\",\n            light: \"bg-neutral-light\",\n            transparent: \"bg-transparent\"\n        },\n        variant: {\n            underline: \"border-b-sm border-b-neutral-dimmed\",\n            container: \"rounded-lg\"\n        },\n        border: {\n            none: \"\",\n            accent: \"\"\n        }\n    },\n    compoundVariants: [\n        {\n            variant: \"container\",\n            border: \"accent\",\n            className: \"border-md border-neutral-dimmed-darker rounded-lg\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const providedProps = useAccordionItemProps();\n    const mergedProps = { ...providedProps, ...props };\n    const accordionProps = useAccordionProps();\n    const background = useAccordionBackground(\"light\");\n\n    const { className, defaultOpen, disabled, onOpenChange, open, children, locked } = mergedProps;\n\n    return (\n        <AccordionRoot\n            className={cn(\n                \"group-item data-[state=open]:rounded-bl-lg data-[state=open]:rounded-br-lg\",\n                \"group-[.accordion-variant-container]/accordion:rounded-lg\",\n                \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\n                // Designer had a hover effect that was basically an overlay over the original\n                // bg color. We achieve that with a pseudo element. Dirty but it works well.\n                \"relative\",\n                \"before:absolute before:inset-0 before:pointer-events-none before:rounded-[inherit]\",\n                \"before:bg-neutral-dark/0 before:transition-colors\",\n                \"hover:before:bg-neutral-dark/2\",\n\n                // These are useful for nested accordions.\n                background === \"base\" && \"has-[.group-item:hover]:bg-neutral-base\",\n                background === \"light\" && \"has-[.group-item:hover]:bg-neutral-light\",\n                background === \"transparent\" && \"has-[.group-item:hover]:bg-transparent\",\n                accordionItemVariants({\n                    locked,\n                    background,\n                    variant: accordionProps.variant,\n                    border: accordionProps.border\n                }),\n                className\n            )}\n            defaultOpen={defaultOpen}\n            disabled={disabled}\n            onOpenChange={onOpenChange}\n            open={open}\n        >\n            <AccordionItemPropsProvider props={mergedProps}>\n                <AccordionTrigger />\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItemPropsProvider>\n        </AccordionRoot>\n    );\n};\n\nconst DecoratableAccordionItem = makeDecoratable(\"AccordionItem\", AccordionItemBase);\n\nconst AccordionItem = withStaticProps(DecoratableAccordionItem, {\n    Icon: AccordionItemIcon,\n    Action: AccordionItemAction\n});\n\nexport { AccordionItem, type AccordionItemProps, useAccordionItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,EAAEC,EAAE,EAAEC,eAAe,EAAEC,eAAe;AAClD,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,sBAAsB;AAC/B,SAASC,0BAA0B,EAAEC,qBAAqB;AAC1D,SAASC,iBAAiB;AAgB1B,MAAMC,qBAAqB,GAAGb,GAAG,CAAC,EAAE,EAAE;EAClCc,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACRC,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE;MACLC,SAAS,EAAE,qCAAqC;MAChDC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIN,OAAO,EAAE,WAAW;IACpBG,MAAM,EAAE,QAAQ;IAChBI,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMS,iBAAiB,GAAIC,KAAyB,IAAK;EACrD,MAAMC,aAAa,GAAGrB,qBAAqB,CAAC,CAAC;EAC7C,MAAMsB,WAAW,GAAG;IAAE,GAAGD,aAAa;IAAE,GAAGD;EAAM,CAAC;EAClD,MAAMG,cAAc,GAAGtB,iBAAiB,CAAC,CAAC;EAC1C,MAAMK,UAAU,GAAGR,sBAAsB,CAAC,OAAO,CAAC;EAElD,MAAM;IAAEmB,SAAS;IAAEO,WAAW;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,IAAI;IAAEC,QAAQ;IAAExB;EAAO,CAAC,GAAGkB,WAAW;EAE9F,oBACIlC,KAAA,CAAAyC,aAAA,CAAChC,aAAa;IACVoB,SAAS,EAAE3B,EAAE,CACT,4EAA4E,EAC5E,2DAA2D,EAC3D,gEAAgE;IAEhE;IACA;IACA,UAAU,EACV,oFAAoF,EACpF,mDAAmD,EACnD,gCAAgC;IAEhC;IACAgB,UAAU,KAAK,MAAM,IAAI,yCAAyC,EAClEA,UAAU,KAAK,OAAO,IAAI,0CAA0C,EACpEA,UAAU,KAAK,aAAa,IAAI,wCAAwC,EACxEJ,qBAAqB,CAAC;MAClBE,MAAM;MACNE,UAAU;MACVI,OAAO,EAAEa,cAAc,CAACb,OAAO;MAC/BG,MAAM,EAAEU,cAAc,CAACV;IAC3B,CAAC,CAAC,EACFI,SACJ,CAAE;IACFO,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,IAAI,EAAEA;EAAK,gBAEXvC,KAAA,CAAAyC,aAAA,CAAC9B,0BAA0B;IAACqB,KAAK,EAAEE;EAAY,gBAC3ClC,KAAA,CAAAyC,aAAA,CAACpC,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAyC,aAAA,CAACnC,gBAAgB,QAAEkC,QAA2B,CACtB,CACjB,CAAC;AAExB,CAAC;AAED,MAAME,wBAAwB,GAAGvC,eAAe,CAAC,eAAe,EAAE4B,iBAAiB,CAAC;AAEpF,MAAMY,aAAa,GAAGvC,eAAe,CAACsC,wBAAwB,EAAE;EAC5DE,IAAI,EAAErC,iBAAiB;EACvBsC,MAAM,EAAErC;AACZ,CAAC,CAAC;AAEF,SAASmC,aAAa,EAA2B/B,qBAAqB","ignoreList":[]}

package/Accordion/components/AccordionItemAction.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { IconButtonProps as IconButtonProps } from "../../Button";
+import type { IconButtonProps as IconButtonProps } from "../../Button/index.js";
 type AccordionItemActionProps = IconButtonProps;
 declare const AccordionItemAction: (({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
     original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
@@ -14,27 +14,27 @@ declare const AccordionItemAction: (({ onClick, ...props }: AccordionItemActionP
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").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;
+    Separator: ((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+        original: (props: import("../../index.js").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;
+        original: ((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").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;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").SeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/Accordion/components/AccordionItemAction.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { makeDecoratable, withStaticProps } from "../../utils";
-import { IconButton } from "../../Button";
-import { AccordionItemSeparator } from "./AccordionItemSeparator";
+import { makeDecoratable, withStaticProps } from "../../utils.js";
+import { IconButton } from "../../Button/index.js";
+import { AccordionItemSeparator } from "./AccordionItemSeparator.js";
 const AccordionItemActionBase = ({
   onClick,
   ...props

package/Accordion/components/AccordionItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","IconButton","AccordionItemSeparator","AccordionItemActionBase","onClick","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","variant","size","DecoratableAccordionItemAction","AccordionItemAction","Separator"],"sources":["AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\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":[]}
+{"version":3,"names":["React","makeDecoratable","withStaticProps","IconButton","AccordionItemSeparator","AccordionItemActionBase","onClick","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","variant","size","DecoratableAccordionItemAction","AccordionItemAction","Separator"],"sources":["AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport type { IconButtonProps as IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { AccordionItemSeparator } from \"./AccordionItemSeparator.js\";\n\ntype AccordionItemActionProps = IconButtonProps;\n\nconst AccordionItemActionBase = ({ onClick, ...props }: AccordionItemActionProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return <IconButton variant={\"ghost\"} size={\"sm\"} {...props} onClick={onClickCallback} />;\n};\n\nconst DecoratableAccordionItemAction = makeDecoratable(\n    \"AccordionItemAction\",\n    AccordionItemActionBase\n);\n\nconst AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {\n    Separator: AccordionItemSeparator\n});\n\nexport { AccordionItemAction, type AccordionItemActionProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AAEzC,SAASC,UAAU;AACnB,SAASC,sBAAsB;AAI/B,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF;EACA,MAAMC,eAAe,GAAGR,KAAK,CAACS,WAAW,CACpCC,CAAsC,IAAK;IACxCA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,IAAIL,OAAO,EAAE;MACTA,OAAO,CAACI,CAAC,CAAC;IACd;EACJ,CAAC,EACD,CAACJ,OAAO,CACZ,CAAC;EAED,oBAAON,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAU,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE;EAAK,GAAKT,KAAK;IAAED,OAAO,EAAEE;EAAgB,EAAE,CAAC;AAC5F,CAAC;AAED,MAAMS,8BAA8B,GAAGhB,eAAe,CAClD,qBAAqB,EACrBI,uBACJ,CAAC;AAED,MAAMa,mBAAmB,GAAGhB,eAAe,CAACe,8BAA8B,EAAE;EACxEE,SAAS,EAAEf;AACf,CAAC,CAAC;AAEF,SAASc,mBAAmB","ignoreList":[]}

package/Accordion/components/AccordionItemDragHandle.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type IconButtonProps } from "../../Button";
+import { type IconButtonProps } from "../../Button/index.js";
 interface AccordionItemDragHandleProps extends Omit<IconButtonProps, "icon"> {
     icon?: React.ReactElement;
     label?: string;

package/Accordion/components/AccordionItemDragHandle.js

@@ -1,8 +1,8 @@
 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";
+import { Icon } from "../../Icon/index.js";
+import { IconButton } from "../../Button/index.js";
+import { cn } from "../../utils.js";
 const AccordionItemDragHandle = ({
   onClick,
   className,
@@ -16,13 +16,13 @@ const AccordionItemDragHandle = ({
     }
   }, [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)
+    className: cn(["absolute top-1/2 -left-sm -translate-y-sm", "invisible group-hover/trigger:visible"], className)
   }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
     onClick: onClickCallback,
     size: "xs",
     iconSize: "default",
     variant: "secondary",
-    className: "wby-cursor-grab",
+    className: "cursor-grab",
     icon: /*#__PURE__*/React.createElement(Icon, {
       size: "sm",
       color: "neutral-strong",

package/Accordion/components/AccordionItemDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DragHandleIcon","Icon","IconButton","cn","AccordionItemDragHandle","onClick","className","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","size","iconSize","variant","icon","color","label"],"sources":["AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon\";\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":[]}
+{"version":3,"names":["React","ReactComponent","DragHandleIcon","Icon","IconButton","cn","AccordionItemDragHandle","onClick","className","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","size","iconSize","variant","icon","color","label"],"sources":["AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface AccordionItemDragHandleProps extends Omit<IconButtonProps, \"icon\"> {\n    icon?: React.ReactElement;\n    label?: string;\n}\n\nconst AccordionItemDragHandle = ({\n    onClick,\n    className,\n    ...props\n}: AccordionItemDragHandleProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return (\n        <span\n            className={cn(\n                [\n                    \"absolute top-1/2 -left-sm -translate-y-sm\",\n                    \"invisible group-hover/trigger:visible\"\n                ],\n                className\n            )}\n        >\n            <IconButton\n                {...props}\n                onClick={onClickCallback}\n                size={\"xs\"}\n                iconSize={\"default\"}\n                variant={\"secondary\"}\n                className={\"cursor-grab\"}\n                icon={\n                    <Icon\n                        size={\"sm\"}\n                        color={\"neutral-strong\"}\n                        icon={<DragHandleIcon />}\n                        label={\"Drag handle\"}\n                    />\n                }\n            />\n        </span>\n    );\n};\n\nexport { AccordionItemDragHandle, type AccordionItemDragHandleProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,cAAc,QAAQ,kCAAkC;AACnF,SAASC,IAAI;AACb,SAASC,UAAU;AACnB,SAASC,EAAE;AAOX,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,OAAO;EACPC,SAAS;EACT,GAAGC;AACuB,CAAC,KAAK;EAChC;EACA,MAAMC,eAAe,GAAGV,KAAK,CAACW,WAAW,CACpCC,CAAsC,IAAK;IACxCA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,IAAIN,OAAO,EAAE;MACTA,OAAO,CAACK,CAAC,CAAC;IACd;EACJ,CAAC,EACD,CAACL,OAAO,CACZ,CAAC;EAED,oBACIP,KAAA,CAAAc,aAAA;IACIN,SAAS,EAAEH,EAAE,CACT,CACI,2CAA2C,EAC3C,uCAAuC,CAC1C,EACDG,SACJ;EAAE,gBAEFR,KAAA,CAAAc,aAAA,CAACV,UAAU,EAAAW,MAAA,CAAAC,MAAA,KACHP,KAAK;IACTF,OAAO,EAAEG,eAAgB;IACzBO,IAAI,EAAE,IAAK;IACXC,QAAQ,EAAE,SAAU;IACpBC,OAAO,EAAE,WAAY;IACrBX,SAAS,EAAE,aAAc;IACzBY,IAAI,eACApB,KAAA,CAAAc,aAAA,CAACX,IAAI;MACDc,IAAI,EAAE,IAAK;MACXI,KAAK,EAAE,gBAAiB;MACxBD,IAAI,eAAEpB,KAAA,CAAAc,aAAA,CAACZ,cAAc,MAAE,CAAE;MACzBoB,KAAK,EAAE;IAAc,CACxB;EACJ,EACJ,CACC,CAAC;AAEf,CAAC;AAED,SAAShB,uBAAuB","ignoreList":[]}

package/Accordion/components/AccordionItemIcon.d.ts

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

package/Accordion/components/AccordionItemIcon.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { makeDecoratable } from "../../utils";
-import { Icon as IconComponent } from "../../Icon";
+import { makeDecoratable } from "../../utils.js";
+import { Icon as IconComponent } from "../../Icon/index.js";
 const AccordionItemIconBase = props => {
   return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
     size: "md",

package/Accordion/components/AccordionItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Icon","IconComponent","AccordionItemIconBase","props","createElement","Object","assign","size","color","AccordionItemIcon"],"sources":["AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\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":[]}
+{"version":3,"names":["React","makeDecoratable","Icon","IconComponent","AccordionItemIconBase","props","createElement","Object","assign","size","color","AccordionItemIcon"],"sources":["AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\n\ntype AccordionItemIconProps = IconComponentProps;\n\nconst AccordionItemIconBase = (props: AccordionItemIconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const AccordionItemIcon = makeDecoratable(\"AccordionItemIcon\", AccordionItemIconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,IAAI,IAAIC,aAAa;AAI9B,MAAMC,qBAAqB,GAAIC,KAA6B,IAAK;EAC7D,oBAAOL,KAAA,CAAAM,aAAA,CAACH,aAAa,EAAAI,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKL,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGV,eAAe,CAAC,mBAAmB,EAAEG,qBAAqB,CAAC","ignoreList":[]}

package/Accordion/components/AccordionItemPropsProvider.d.ts

@@ -0,0 +1,6 @@
+import type { AccordionItemProps } from "./AccordionItem.js";
+declare const AccordionItemPropsProvider: import("react").FunctionComponent<{
+    props: AccordionItemProps;
+    children: React.ReactNode;
+}>, useAccordionItemProps: () => AccordionItemProps;
+export { AccordionItemPropsProvider, useAccordionItemProps };

package/Accordion/components/AccordionItemPropsProvider.js

@@ -0,0 +1,5 @@
+import { createComponentPropsProvider } from "../../utils.js";
+const [AccordionItemPropsProvider, useAccordionItemProps] = createComponentPropsProvider();
+export { AccordionItemPropsProvider, useAccordionItemProps };
+
+//# sourceMappingURL=AccordionItemPropsProvider.js.map

package/Accordion/components/AccordionItemPropsProvider.js.map

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

package/Accordion/components/AccordionItemSeparator.d.ts

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

package/Accordion/components/AccordionItemSeparator.js

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

package/Accordion/components/AccordionItemSeparator.js.map

@@ -1 +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":[]}
+{"version":3,"names":["React","makeDecoratable","Separator","AccordionItemSeparatorBase","props","createElement","Object","assign","orientation","className","variant","AccordionItemSeparator"],"sources":["AccordionItemSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\n\ntype AccordionItemSeparatorProps = SeparatorProps;\n\nconst AccordionItemSeparatorBase = (props: AccordionItemSeparatorProps) => {\n    return (\n        <Separator\n            orientation={\"vertical\"}\n            className={\"h-lg mx-xs-plus\"}\n            variant={\"muted\"}\n            {...props}\n        />\n    );\n};\n\nexport const AccordionItemSeparator = makeDecoratable(\n    \"AccordionItemSeparator\",\n    AccordionItemSeparatorBase\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,SAAS;AAIlB,MAAMC,0BAA0B,GAAIC,KAAkC,IAAK;EACvE,oBACIJ,KAAA,CAAAK,aAAA,CAACH,SAAS,EAAAI,MAAA,CAAAC,MAAA;IACNC,WAAW,EAAE,UAAW;IACxBC,SAAS,EAAE,iBAAkB;IAC7BC,OAAO,EAAE;EAAQ,GACbN,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,OAAO,MAAMO,sBAAsB,GAAGV,eAAe,CACjD,wBAAwB,EACxBE,0BACJ,CAAC","ignoreList":[]}

package/Accordion/components/AccordionPropsProvider.d.ts

@@ -0,0 +1,6 @@
+import type { AccordionProps } from "../Accordion.js";
+declare const AccordionPropsProvider: import("react").FunctionComponent<{
+    props: AccordionProps;
+    children: React.ReactNode;
+}>, useAccordionProps: () => AccordionProps;
+export { AccordionPropsProvider, useAccordionProps };

package/Accordion/components/AccordionPropsProvider.js

@@ -0,0 +1,5 @@
+import { createComponentPropsProvider } from "../../utils.js";
+const [AccordionPropsProvider, useAccordionProps] = createComponentPropsProvider();
+export { AccordionPropsProvider, useAccordionProps };
+
+//# sourceMappingURL=AccordionPropsProvider.js.map

package/Accordion/components/AccordionPropsProvider.js.map

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

package/Accordion/components/AccordionRoot.d.ts

@@ -1,4 +1,3 @@
-/// <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>>;

package/Accordion/components/AccordionTrigger.d.ts

@@ -1,5 +1,3 @@
 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;
+declare const AccordionTrigger: () => React.JSX.Element;
 export { AccordionTrigger };

package/Accordion/components/AccordionTrigger.js

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

package/Accordion/components/AccordionTrigger.js.map

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

package/Accordion/index.d.ts

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

package/Accordion/index.js

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

package/Accordion/index.js.map

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

package/AdminUiProvider/AdminUiProvider.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { type LinkComponent } from "../index.js";
+export type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;
+export interface AdminUiContextValue {
+    linkComponent: LinkComponent;
+    compileMarkdown: CompileMarkdown;
+}
+export declare const AdminUiContext: React.Context<AdminUiContextValue | undefined>;
+interface MarkdownCompiler {
+    (markdown: string): React.ReactNode;
+}
+export interface AdminUiProviderProps {
+    linkComponent?: LinkComponent;
+    markdownCompiler?: MarkdownCompiler;
+    children: React.ReactNode;
+}
+export declare const AdminUiProvider: ({ children, ...props }: AdminUiProviderProps) => React.JSX.Element;
+export declare const useAdminUi: () => AdminUiContextValue;
+export {};

package/AdminUiProvider/AdminUiProvider.js

@@ -0,0 +1,57 @@
+import React, { useCallback, useEffect, useRef } from "react";
+import { Toast } from "../Toast/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+import { DefaultLinkComponent } from "../index.js";
+const passthrough = markdown => markdown;
+export const AdminUiContext = /*#__PURE__*/React.createContext(undefined);
+export const AdminUiProvider = ({
+  children,
+  ...props
+}) => {
+  const linkComponent = props.linkComponent ?? DefaultLinkComponent;
+  const markdownCompiler = props.markdownCompiler ?? passthrough;
+
+  // Cache to store compiled markdown results
+  const cacheRef = useRef(new Map());
+
+  // Clear cache when markdownCompiler changes
+  useEffect(() => {
+    cacheRef.current.clear();
+  }, [markdownCompiler]);
+  const compileMarkdown = useCallback(markdown => {
+    if (!markdownCompiler) {
+      return markdown;
+    }
+    if (/*#__PURE__*/React.isValidElement(markdown)) {
+      return markdown;
+    }
+    if (typeof markdown === "string") {
+      // Check cache first
+      const cached = cacheRef.current.get(markdown);
+      if (cached !== undefined) {
+        return cached;
+      }
+
+      // Compile and cache
+      const compiled = markdownCompiler(markdown);
+      cacheRef.current.set(markdown, compiled);
+      return compiled;
+    }
+    return markdown;
+  }, [markdownCompiler]);
+  return /*#__PURE__*/React.createElement(AdminUiContext.Provider, {
+    value: {
+      linkComponent,
+      compileMarkdown
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip.Provider, null, children), /*#__PURE__*/React.createElement(Toast.Provider, null));
+};
+export const useAdminUi = () => {
+  const context = React.useContext(AdminUiContext);
+  if (!context) {
+    throw new Error("AdminUiProvider is missing from the component tree.");
+  }
+  return context;
+};
+
+//# sourceMappingURL=AdminUiProvider.js.map

package/AdminUiProvider/AdminUiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","Toast","Tooltip","DefaultLinkComponent","passthrough","markdown","AdminUiContext","createContext","undefined","AdminUiProvider","children","props","linkComponent","markdownCompiler","cacheRef","Map","current","clear","compileMarkdown","isValidElement","cached","get","compiled","set","createElement","Provider","value","useAdminUi","context","useContext","Error"],"sources":["AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    return (\n        <AdminUiContext.Provider value={{ linkComponent, compileMarkdown }}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,SAASC,KAAK;AACd,SAASC,OAAO;AAChB,SAA6BC,oBAAoB;AASjD,MAAMC,WAAW,GAAIC,QAAgB,IAAKA,QAAQ;AAElD,OAAO,MAAMC,cAAc,gBAAGT,KAAK,CAACU,aAAa,CAAkCC,SAAS,CAAC;AAY7F,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC7E,MAAMC,aAAa,GAAGD,KAAK,CAACC,aAAa,IAAIT,oBAAoB;EACjE,MAAMU,gBAAgB,GAAGF,KAAK,CAACE,gBAAgB,IAAIT,WAAW;;EAE9D;EACA,MAAMU,QAAQ,GAAGd,MAAM,CAAC,IAAIe,GAAG,CAA0B,CAAC,CAAC;;EAE3D;EACAhB,SAAS,CAAC,MAAM;IACZe,QAAQ,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACJ,gBAAgB,CAAC,CAAC;EAEtB,MAAMK,eAAe,GAAGpB,WAAW,CAC9BO,QAAyB,IAAK;IAC3B,IAAI,CAACQ,gBAAgB,EAAE;MACnB,OAAOR,QAAQ;IACnB;IAEA,iBAAIR,KAAK,CAACsB,cAAc,CAACd,QAAQ,CAAC,EAAE;MAChC,OAAOA,QAAQ;IACnB;IAEA,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAC9B;MACA,MAAMe,MAAM,GAAGN,QAAQ,CAACE,OAAO,CAACK,GAAG,CAAChB,QAAQ,CAAC;MAC7C,IAAIe,MAAM,KAAKZ,SAAS,EAAE;QACtB,OAAOY,MAAM;MACjB;;MAEA;MACA,MAAME,QAAQ,GAAGT,gBAAgB,CAACR,QAAQ,CAAC;MAC3CS,QAAQ,CAACE,OAAO,CAACO,GAAG,CAAClB,QAAQ,EAAEiB,QAAQ,CAAC;MACxC,OAAOA,QAAQ;IACnB;IAEA,OAAOjB,QAAQ;EACnB,CAAC,EACD,CAACQ,gBAAgB,CACrB,CAAC;EAED,oBACIhB,KAAA,CAAA2B,aAAA,CAAClB,cAAc,CAACmB,QAAQ;IAACC,KAAK,EAAE;MAAEd,aAAa;MAAEM;IAAgB;EAAE,gBAC/DrB,KAAA,CAAA2B,aAAA,CAACtB,OAAO,CAACuB,QAAQ,QAAEf,QAA2B,CAAC,eAC/Cb,KAAA,CAAA2B,aAAA,CAACvB,KAAK,CAACwB,QAAQ,MAAE,CACI,CAAC;AAElC,CAAC;AAED,OAAO,MAAME,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG/B,KAAK,CAACgC,UAAU,CAACvB,cAAc,CAAC;EAChD,IAAI,CAACsB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,qDAAqD,CAAC;EAC1E;EACA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/AdminUiProvider/index.d.ts

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

package/AdminUiProvider/index.js

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

package/AdminUiProvider/index.js.map

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