@webiny/admin-ui 0.0.0-unstable.a4637c5ce6 → 0.0.0-unstable.a4f3e4ea8b

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,"file":"Accordion/components/AccordionItem.js","sources":["../../../src/Accordion/components/AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, cn, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { AccordionTrigger } from \"./AccordionTrigger.js\";\nimport { AccordionContent } from \"./AccordionContent.js\";\nimport { AccordionItemIcon } from \"./AccordionItemIcon.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { AccordionRoot, type AccordionRootProps } from \"~/Accordion/components/AccordionRoot.js\";\nimport { useAccordionBackground } from \"~/Accordion/components/AccordionBackgroundProvider.js\";\nimport { AccordionItemPropsProvider, useAccordionItemProps } from \"./AccordionItemPropsProvider.js\";\nimport { useAccordionProps } from \"../Accordion.js\";\n\ninterface AccordionItemProps extends Omit<AccordionRootProps, \"title\"> {\n    title: React.ReactNode;\n    subtitle?: React.ReactNode;\n    description?: React.ReactNode;\n    colorMark?: string;\n    icon?: React.ReactNode;\n    handle?: React.ReactNode;\n    interactive?: boolean;\n    locked?: boolean;\n    draggable?: boolean;\n    dragHandleRef?: (element: HTMLElement | null) => void;\n    actions?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst accordionItemVariants = cva(\"\", {\n    variants: {\n        locked: {\n            true: \"pointer-events-none\"\n        },\n        background: {\n            base: \"bg-neutral-base\",\n            light: \"bg-neutral-light\",\n            transparent: \"bg-transparent\"\n        },\n        variant: {\n            underline: \"border-b-sm border-b-neutral-dimmed\",\n            container: \"rounded-lg\"\n        },\n        border: {\n            none: \"\",\n            accent: \"\"\n        }\n    },\n    compoundVariants: [\n        {\n            variant: \"container\",\n            border: \"accent\",\n            className: \"border-md border-neutral-dimmed-darker rounded-lg\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\nconst AccordionItemBase = (props: AccordionItemProps) => {\n    const providedProps = useAccordionItemProps();\n    const mergedProps = { ...providedProps, ...props };\n    const accordionProps = useAccordionProps();\n    const background = useAccordionBackground(\"light\");\n\n    const { className, defaultOpen, disabled, onOpenChange, open, children, locked } = mergedProps;\n\n    return (\n        <AccordionRoot\n            className={cn(\n                \"group-item data-[state=open]:rounded-bl-lg data-[state=open]:rounded-br-lg\",\n                \"group-[.accordion-variant-container]/accordion:rounded-lg\",\n                \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n\n                // Designer had a hover effect that was basically an overlay over the original\n                // bg color. We achieve that with a pseudo element. Dirty but it works well.\n                \"relative\",\n                \"before:absolute before:inset-0 before:pointer-events-none before:rounded-[inherit]\",\n                \"before:bg-neutral-dark/0 before:transition-colors\",\n                \"hover:before:bg-neutral-dark/2\",\n\n                // These are useful for nested accordions.\n                background === \"base\" && \"has-[.group-item:hover]:bg-neutral-base\",\n                background === \"light\" && \"has-[.group-item:hover]:bg-neutral-light\",\n                background === \"transparent\" && \"has-[.group-item:hover]:bg-transparent\",\n                accordionItemVariants({\n                    locked,\n                    background,\n                    variant: accordionProps.variant,\n                    border: accordionProps.border\n                }),\n                className\n            )}\n            defaultOpen={defaultOpen}\n            disabled={disabled}\n            onOpenChange={onOpenChange}\n            open={open}\n        >\n            <AccordionItemPropsProvider props={mergedProps}>\n                <AccordionTrigger />\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItemPropsProvider>\n        </AccordionRoot>\n    );\n};\n\nconst DecoratableAccordionItem = makeDecoratable(\"AccordionItem\", AccordionItemBase);\n\nconst AccordionItem = withStaticProps(DecoratableAccordionItem, {\n    Icon: AccordionItemIcon,\n    Action: AccordionItemAction\n});\n\nexport { AccordionItem, type AccordionItemProps, useAccordionItemProps };\n"],"names":["accordionItemVariants","cva","AccordionItemBase","props","providedProps","useAccordionItemProps","mergedProps","accordionProps","useAccordionProps","background","useAccordionBackground","className","defaultOpen","disabled","onOpenChange","open","children","locked","AccordionRoot","cn","AccordionItemPropsProvider","AccordionTrigger","AccordionContent","DecoratableAccordionItem","makeDecoratable","AccordionItem","withStaticProps","AccordionItemIcon","AccordionItemAction"],"mappings":";;;;;;;;;;AA0BA,MAAMA,wBAAwBC,IAAI,IAAI;IAClC,UAAU;QACN,QAAQ;YACJ,MAAM;QACV;QACA,YAAY;YACR,MAAM;YACN,OAAO;YACP,aAAa;QACjB;QACA,SAAS;YACL,WAAW;YACX,WAAW;QACf;QACA,QAAQ;YACJ,MAAM;YACN,QAAQ;QACZ;IACJ;IACA,kBAAkB;QACd;YACI,SAAS;YACT,QAAQ;YACR,WAAW;QACf;KACH;IACD,iBAAiB;QACb,SAAS;IACb;AACJ;AAEA,MAAMC,oBAAoB,CAACC;IACvB,MAAMC,gBAAgBC;IACtB,MAAMC,cAAc;QAAE,GAAGF,aAAa;QAAE,GAAGD,KAAK;IAAC;IACjD,MAAMI,iBAAiBC;IACvB,MAAMC,aAAaC,uBAAuB;IAE1C,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGX;IAEnF,OAAO,WAAP,GACI,sCAACY,eAAaA;QACV,WAAWC,GACP,8EACA,6DACA,kEAIA,YACA,sFACA,qDACA,kCAGAV,AAAe,WAAfA,cAAyB,2CACzBA,AAAe,YAAfA,cAA0B,4CAC1BA,AAAe,kBAAfA,cAAgC,0CAChCT,sBAAsB;YAClBiB;YACAR;YACA,SAASF,eAAe,OAAO;YAC/B,QAAQA,eAAe,MAAM;QACjC,IACAI;QAEJ,aAAaC;QACb,UAAUC;QACV,cAAcC;QACd,MAAMC;qBAEN,sCAACK,4BAA0BA;QAAC,OAAOd;qBAC/B,sCAACe,kBAAgBA,OAAAA,WAAAA,GACjB,sCAACC,kBAAgBA,MAAEN;AAInC;AAEA,MAAMO,2BAA2BC,gBAAgB,iBAAiBtB;AAElE,MAAMuB,gBAAgBC,gBAAgBH,0BAA0B;IAC5D,MAAMI;IACN,QAAQC;AACZ"}

package/Accordion/components/AccordionItemAction.d.ts

@@ -1,40 +1,41 @@
 import * as React from "react";
-import type { IconButtonProps as IconButtonProps } from "../../Button";
+import type { IconButtonProps } from "../../Button/index.js";
 type AccordionItemActionProps = IconButtonProps;
-declare const AccordionItemAction: (({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
-    original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+declare const AccordionItemActionBase: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+declare const AccordionItemAction: typeof AccordionItemActionBase & {
+    original: typeof AccordionItemActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+    original: typeof AccordionItemActionBase & {
+        original: typeof AccordionItemActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: AccordionItemActionProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AccordionItemActionBase & {
+        original: typeof AccordionItemActionBase;
         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,28 +1,24 @@
-import * as React from "react";
-import { makeDecoratable, withStaticProps } from "../../utils";
-import { IconButton } from "../../Button";
-import { AccordionItemSeparator } from "./AccordionItemSeparator";
-const AccordionItemActionBase = ({
-  onClick,
-  ...props
-}) => {
-  // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.
-  const onClickCallback = React.useCallback(e => {
-    e.stopPropagation();
-    if (onClick) {
-      onClick(e);
-    }
-  }, [onClick]);
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    variant: "ghost",
-    size: "sm"
-  }, props, {
-    onClick: onClickCallback
-  }));
+import { makeDecoratable, withStaticProps } from "../../utils.js";
+import { IconButton } from "../../Button/index.js";
+import { AccordionItemSeparator } from "./AccordionItemSeparator.js";
+import * as __rspack_external_react from "react";
+const AccordionItemActionBase = ({ onClick, ...props })=>{
+    const onClickCallback = __rspack_external_react.useCallback((e)=>{
+        e.stopPropagation();
+        if (onClick) onClick(e);
+    }, [
+        onClick
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        ...props,
+        onClick: onClickCallback
+    });
 };
 const DecoratableAccordionItemAction = makeDecoratable("AccordionItemAction", AccordionItemActionBase);
 const AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {
-  Separator: AccordionItemSeparator
+    Separator: AccordionItemSeparator
 });
 export { AccordionItemAction };
 

package/Accordion/components/AccordionItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","IconButton","AccordionItemSeparator","AccordionItemActionBase","onClick","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","variant","size","DecoratableAccordionItemAction","AccordionItemAction","Separator"],"sources":["AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\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,"file":"Accordion/components/AccordionItemAction.js","sources":["../../../src/Accordion/components/AccordionItemAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { AccordionItemSeparator } from \"./AccordionItemSeparator.js\";\n\ntype AccordionItemActionProps = IconButtonProps;\n\nconst AccordionItemActionBase = ({ onClick, ...props }: AccordionItemActionProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the action is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return <IconButton variant={\"ghost\"} size={\"sm\"} {...props} onClick={onClickCallback} />;\n};\n\nconst DecoratableAccordionItemAction = makeDecoratable(\n    \"AccordionItemAction\",\n    AccordionItemActionBase\n);\n\nconst AccordionItemAction = withStaticProps(DecoratableAccordionItemAction, {\n    Separator: AccordionItemSeparator\n});\n\nexport { AccordionItemAction, type AccordionItemActionProps };\n"],"names":["AccordionItemActionBase","onClick","props","onClickCallback","React","e","IconButton","DecoratableAccordionItemAction","makeDecoratable","AccordionItemAction","withStaticProps","AccordionItemSeparator"],"mappings":";;;;AAQA,MAAMA,0BAA0B,CAAC,EAAEC,OAAO,EAAE,GAAGC,OAAiC;IAE5E,MAAMC,kBAAkBC,wBAAAA,WAAiB,CACrC,CAACC;QACGA,EAAE,eAAe;QAEjB,IAAIJ,SACAA,QAAQI;IAEhB,GACA;QAACJ;KAAQ;IAGb,OAAO,WAAP,GAAO,sCAACK,YAAUA;QAAC,SAAS;QAAS,MAAM;QAAO,GAAGJ,KAAK;QAAE,SAASC;;AACzE;AAEA,MAAMI,iCAAiCC,gBACnC,uBACAR;AAGJ,MAAMS,sBAAsBC,gBAAgBH,gCAAgC;IACxE,WAAWI;AACf"}

package/Accordion/components/AccordionItemDragHandle.d.ts

@@ -1,8 +1,9 @@
 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;
+    dragHandleRef?: (element: HTMLElement | null) => void;
 }
-declare const AccordionItemDragHandle: ({ onClick, className, ...props }: AccordionItemDragHandleProps) => React.JSX.Element;
+declare const AccordionItemDragHandle: ({ onClick, className, dragHandleRef, ...props }: AccordionItemDragHandleProps) => React.JSX.Element;
 export { AccordionItemDragHandle, type AccordionItemDragHandleProps };

package/Accordion/components/AccordionItemDragHandle.js

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

package/Accordion/components/AccordionItemDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DragHandleIcon","Icon","IconButton","cn","AccordionItemDragHandle","onClick","className","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","size","iconSize","variant","icon","color","label"],"sources":["AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon\";\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,"file":"Accordion/components/AccordionItemDragHandle.js","sources":["../../../src/Accordion/components/AccordionItemDragHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface AccordionItemDragHandleProps extends Omit<IconButtonProps, \"icon\"> {\n    icon?: React.ReactElement;\n    label?: string;\n    dragHandleRef?: (element: HTMLElement | null) => void;\n}\n\nconst AccordionItemDragHandle = ({\n    onClick,\n    className,\n    dragHandleRef,\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            ref={dragHandleRef as React.Ref<HTMLSpanElement>}\n            className={cn(\n                [\n                    \"absolute top-1/2 -left-sm -translate-y-sm\",\n                    \"invisible group-hover/trigger:visible\"\n                ],\n                className\n            )}\n        >\n            <IconButton\n                {...props}\n                onClick={onClickCallback}\n                size={\"xs\"}\n                iconSize={\"default\"}\n                variant={\"secondary\"}\n                className={\"cursor-grab\"}\n                icon={\n                    <Icon\n                        size={\"sm\"}\n                        color={\"neutral-strong\"}\n                        icon={<DragHandleIcon />}\n                        label={\"Drag handle\"}\n                    />\n                }\n            />\n        </span>\n    );\n};\n\nexport { AccordionItemDragHandle, type AccordionItemDragHandleProps };\n"],"names":["AccordionItemDragHandle","onClick","className","dragHandleRef","props","onClickCallback","React","e","cn","IconButton","Icon","DragHandleIcon"],"mappings":";;;;;AAYA,MAAMA,0BAA0B,CAAC,EAC7BC,OAAO,EACPC,SAAS,EACTC,aAAa,EACb,GAAGC,OACwB;IAE3B,MAAMC,kBAAkBC,wBAAAA,WAAiB,CACrC,CAACC;QACGA,EAAE,eAAe;QAEjB,IAAIN,SACAA,QAAQM;IAEhB,GACA;QAACN;KAAQ;IAGb,OAAO,WAAP,GACI,sCAAC;QACG,KAAKE;QACL,WAAWK,GACP;YACI;YACA;SACH,EACDN;qBAGJ,sCAACO,YAAUA;QACN,GAAGL,KAAK;QACT,SAASC;QACT,MAAM;QACN,UAAU;QACV,SAAS;QACT,WAAW;QACX,oBACI,sCAACK,MAAIA;YACD,MAAM;YACN,OAAO;YACP,oBAAM,sCAACC,gBAAcA;YACrB,OAAO;;;AAM/B"}

package/Accordion/components/AccordionItemIcon.d.ts

@@ -1,21 +1,22 @@
 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;
+declare const AccordionItemIconBase: (props: AccordionItemIconProps) => React.JSX.Element;
+export declare const AccordionItemIcon: typeof AccordionItemIconBase & {
+    original: typeof AccordionItemIconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: AccordionItemIconProps) => React.JSX.Element) & {
-        original: (props: AccordionItemIconProps) => React.JSX.Element;
+    original: typeof AccordionItemIconBase & {
+        original: typeof AccordionItemIconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AccordionItemIconProps) => React.JSX.Element) & {
-        original: (props: AccordionItemIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof AccordionItemIconBase & {
+        original: typeof AccordionItemIconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Accordion/components/AccordionItemIcon.js

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

package/Accordion/components/AccordionItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Icon","IconComponent","AccordionItemIconBase","props","createElement","Object","assign","size","color","AccordionItemIcon"],"sources":["AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\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,"file":"Accordion/components/AccordionItemIcon.js","sources":["../../../src/Accordion/components/AccordionItemIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\n\ntype AccordionItemIconProps = IconComponentProps;\n\nconst AccordionItemIconBase = (props: AccordionItemIconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const AccordionItemIcon = makeDecoratable(\"AccordionItemIcon\", AccordionItemIconBase);\n"],"names":["AccordionItemIconBase","props","IconComponent","AccordionItemIcon","makeDecoratable"],"mappings":";;;AAOA,MAAMA,wBAAwB,CAACC,QACpB,WAAP,GAAO,sCAACC,MAAaA;QAAC,MAAM;QAAM,OAAO;QAAmB,GAAGD,KAAK;;AAGjE,MAAME,oBAAoBC,gBAAgB,qBAAqBJ"}

package/Accordion/components/AccordionItemPropsProvider.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,"file":"Accordion/components/AccordionItemPropsProvider.js","sources":["../../../src/Accordion/components/AccordionItemPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionItemProps } from \"./AccordionItem.js\";\n\nconst [AccordionItemPropsProvider, useAccordionItemProps] =\n    createComponentPropsProvider<AccordionItemProps>();\n\nexport { AccordionItemPropsProvider, useAccordionItemProps };\n"],"names":["AccordionItemPropsProvider","useAccordionItemProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,4BAA4BC,sBAAsB,GACrDC"}

package/Accordion/components/AccordionItemSeparator.d.ts

@@ -1,21 +1,22 @@
 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;
+declare const AccordionItemSeparatorBase: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+export declare const AccordionItemSeparator: typeof AccordionItemSeparatorBase & {
+    original: typeof AccordionItemSeparatorBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: AccordionItemSeparatorProps) => React.JSX.Element) & {
-        original: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+    original: typeof AccordionItemSeparatorBase & {
+        original: typeof AccordionItemSeparatorBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AccordionItemSeparatorProps) => React.JSX.Element) & {
-        original: (props: AccordionItemSeparatorProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof AccordionItemSeparatorBase & {
+        original: typeof AccordionItemSeparatorBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Accordion/components/AccordionItemSeparator.js

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

package/Accordion/components/AccordionItemSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Separator","AccordionItemSeparatorBase","props","createElement","Object","assign","orientation","className","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,"file":"Accordion/components/AccordionItemSeparator.js","sources":["../../../src/Accordion/components/AccordionItemSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Separator, type SeparatorProps } from \"~/Separator/index.js\";\n\ntype AccordionItemSeparatorProps = SeparatorProps;\n\nconst AccordionItemSeparatorBase = (props: AccordionItemSeparatorProps) => {\n    return (\n        <Separator\n            orientation={\"vertical\"}\n            className={\"h-lg mx-xs-plus\"}\n            variant={\"muted\"}\n            {...props}\n        />\n    );\n};\n\nexport const AccordionItemSeparator = makeDecoratable(\n    \"AccordionItemSeparator\",\n    AccordionItemSeparatorBase\n);\n"],"names":["AccordionItemSeparatorBase","props","Separator","AccordionItemSeparator","makeDecoratable"],"mappings":";;;AAMA,MAAMA,6BAA6B,CAACC,QACzB,WAAP,GACI,sCAACC,WAASA;QACN,aAAa;QACb,WAAW;QACX,SAAS;QACR,GAAGD,KAAK;;AAKd,MAAME,yBAAyBC,gBAClC,0BACAJ"}

package/Accordion/components/AccordionPropsProvider.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,"file":"Accordion/components/AccordionPropsProvider.js","sources":["../../../src/Accordion/components/AccordionPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport type { AccordionProps } from \"../Accordion.js\";\n\nconst [AccordionPropsProvider, useAccordionProps] = createComponentPropsProvider<AccordionProps>();\n\nexport { AccordionPropsProvider, useAccordionProps };\n"],"names":["AccordionPropsProvider","useAccordionProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,wBAAwBC,kBAAkB,GAAGC"}

package/Accordion/components/AccordionRoot.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/AccordionRoot.js

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

package/Accordion/components/AccordionRoot.js.map

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

package/Accordion/components/AccordionTrigger.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 };