@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Widget/Widget.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Widget","Button","List","ReactComponent","NotificationIcon","ArrowForwardIcon","Tabs","HistoryIcon","PlusIcon","ManageSearchIcon","MoreIcon","meta","title","component","argTypes","decorators","Story","createElement","className","Default","args","icon","Icon","label","variant","children","Fragment","PaddingSmall","padding","PaddingMedium","WithOutline","outline","WithFooterStartActions","footerStartActions","Action","WithFooterEndActions","undefined","footerEndActions","WithBothFooterActions","AccentVariant","description","LightVariant","background","Item","actions","BaseVariant","headerActions","bodyPadding","separator","spacing","tabs","Tab","key","value","trigger","content","colorMark","WithSmallElevation","elevation","WithMediumElevation","WithLargeElevation","WithIcon","WithoutIcon","Documentation","render","text","control","options"],"sources":["Widget.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Widget } from \"./Widget.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as ManageSearchIcon } from \"@webiny/icons/manage_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\n\nconst meta: Meta<typeof Widget> = {\n    title: \"Components/Widget\",\n    component: Widget,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Widget>;\n\nexport const Default: Story = {\n    args: {\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        title: \"Widget Title\",\n        variant: \"accent\",\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const PaddingSmall: Story = {\n    args: {\n        ...Default.args,\n        padding: \"sm\"\n    }\n};\n\nexport const PaddingMedium: Story = {\n    args: {\n        ...Default.args,\n        padding: \"md\"\n    }\n};\n\nexport const WithOutline: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true\n    }\n};\n\nexport const WithFooterStartActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const WithFooterEndActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: undefined,\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const WithBothFooterActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        ),\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        className: \"w-[406px]\",\n        variant: \"accent\",\n        title: \"Pages\",\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        description: null,\n        children: <>Build stunning landing pages with an easy-to-use drag and drop editor.</>,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const LightVariant: Story = {\n    args: {\n        variant: \"light\",\n        className: \"w-[406px]\",\n        title: \"Need some assistance?\",\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Help icon\"} />,\n        padding: \"md\",\n        children: (\n            <List variant=\"container\" background={\"base\"} className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Start Webiny tour\"\n                    description=\"Let us show you around. You pick what you...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation, learn a...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description=\"Contact Sales, Explore Partnerships or Sla...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n            </List>\n        )\n    }\n};\n\nexport const BaseVariant: Story = {\n    args: {\n        variant: \"base\",\n        className: \"w-[657px]\",\n        title: \"Review Requests\",\n        icon: <Widget.Icon icon={<ManageSearchIcon />} label={\"Review icon\"} />,\n        headerActions: <Widget.Action>View All</Widget.Action>,\n        padding: \"md\",\n        bodyPadding: false,\n        outline: true,\n        children: (\n            <Tabs\n                separator={true}\n                spacing={\"lg\"}\n                tabs={[\n                    <Tabs.Tab\n                        key={\"inReview\"}\n                        value={\"inReview\"}\n                        trigger={\"In Review (8)\"}\n                        content={\n                            <>\n                                <List\n                                    variant=\"container\"\n                                    background={\"light\"}\n                                    className=\"flex flex-col gap-y-sm\"\n                                >\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Region\"\n                                        description=\"Legal review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Organization\"\n                                        description=\"Specialist review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#3b82f6\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Product Group: Products\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                </List>\n                            </>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"approved\"}\n                        value={\"approved\"}\n                        trigger={\"Approved\"}\n                        content={<>No review requests approved yet.</>}\n                    />\n                ]}\n            />\n        )\n    }\n};\n\nexport const WithSmallElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"sm\"\n    }\n};\n\nexport const WithMediumElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"md\"\n    }\n};\n\nexport const WithLargeElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"lg\"\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const WithoutIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: undefined\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <Widget {...args} />;\n    },\n    args: {\n        title: \"Widget title goes here\",\n        description: \"Widget description goes here\",\n        children: <>This is widget content. Anything can go in here.</>,\n        footerStartActions: (\n            <>\n                <Button variant={\"secondary\"} text={\"Cancel\"} />\n                <Button variant={\"primary\"} text={\"Confirm\"} />\n            </>\n        ),\n        padding: \"sm\",\n        elevation: \"sm\"\n    },\n    argTypes: {\n        title: {\n            description: \"The title displayed at the top of the widget\",\n            control: \"text\"\n        },\n        description: {\n            description: \"A description displayed below the title\",\n            control: \"text\"\n        },\n        children: {\n            description:\n                \"The main content of the widget. Please refer to the example code for details on usage.\"\n        },\n        footerEndActions: {\n            description:\n                \"Buttons or other interactive elements displayed at the bottom of the widget. Please refer to the example code for details on usage.\"\n        },\n        padding: {\n            description: \"Controls the amount of padding inside the widget\",\n            control: \"select\",\n            options: [\"none\", \"standard\", \"comfortable\"]\n        },\n        elevation: {\n            description: \"Controls the shadow depth of the widget\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Widget/Widget.stories.js","sources":["../../src/Widget/Widget.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Widget } from \"./Widget.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as ManageSearchIcon } from \"@webiny/icons/manage_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\n\nconst meta: Meta<typeof Widget> = {\n    title: \"Components/Widget\",\n    component: Widget,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Widget>;\n\nexport const Default: Story = {\n    args: {\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        title: \"Widget Title\",\n        variant: \"accent\",\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const PaddingSmall: Story = {\n    args: {\n        ...Default.args,\n        padding: \"sm\"\n    }\n};\n\nexport const PaddingMedium: Story = {\n    args: {\n        ...Default.args,\n        padding: \"md\"\n    }\n};\n\nexport const WithOutline: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true\n    }\n};\n\nexport const WithFooterStartActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const WithFooterEndActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: undefined,\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const WithBothFooterActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        ),\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        className: \"w-[406px]\",\n        variant: \"accent\",\n        title: \"Pages\",\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        description: null,\n        children: <>Build stunning landing pages with an easy-to-use drag and drop editor.</>,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const LightVariant: Story = {\n    args: {\n        variant: \"light\",\n        className: \"w-[406px]\",\n        title: \"Need some assistance?\",\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Help icon\"} />,\n        padding: \"md\",\n        children: (\n            <List variant=\"container\" background={\"base\"} className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Start Webiny tour\"\n                    description=\"Let us show you around. You pick what you...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation, learn a...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description=\"Contact Sales, Explore Partnerships or Sla...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n            </List>\n        )\n    }\n};\n\nexport const BaseVariant: Story = {\n    args: {\n        variant: \"base\",\n        className: \"w-[657px]\",\n        title: \"Review Requests\",\n        icon: <Widget.Icon icon={<ManageSearchIcon />} label={\"Review icon\"} />,\n        headerActions: <Widget.Action>View All</Widget.Action>,\n        padding: \"md\",\n        bodyPadding: false,\n        outline: true,\n        children: (\n            <Tabs\n                separator={true}\n                spacing={\"lg\"}\n                tabs={[\n                    <Tabs.Tab\n                        key={\"inReview\"}\n                        value={\"inReview\"}\n                        trigger={\"In Review (8)\"}\n                        content={\n                            <>\n                                <List\n                                    variant=\"container\"\n                                    background={\"light\"}\n                                    className=\"flex flex-col gap-y-sm\"\n                                >\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Region\"\n                                        description=\"Legal review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Organization\"\n                                        description=\"Specialist review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#3b82f6\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Product Group: Products\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                </List>\n                            </>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"approved\"}\n                        value={\"approved\"}\n                        trigger={\"Approved\"}\n                        content={<>No review requests approved yet.</>}\n                    />\n                ]}\n            />\n        )\n    }\n};\n\nexport const WithSmallElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"sm\"\n    }\n};\n\nexport const WithMediumElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"md\"\n    }\n};\n\nexport const WithLargeElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"lg\"\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const WithoutIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: undefined\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <Widget {...args} />;\n    },\n    args: {\n        title: \"Widget title goes here\",\n        description: \"Widget description goes here\",\n        children: <>This is widget content. Anything can go in here.</>,\n        footerStartActions: (\n            <>\n                <Button variant={\"secondary\"} text={\"Cancel\"} />\n                <Button variant={\"primary\"} text={\"Confirm\"} />\n            </>\n        ),\n        padding: \"sm\",\n        elevation: \"sm\"\n    },\n    argTypes: {\n        title: {\n            description: \"The title displayed at the top of the widget\",\n            control: \"text\"\n        },\n        description: {\n            description: \"A description displayed below the title\",\n            control: \"text\"\n        },\n        children: {\n            description:\n                \"The main content of the widget. Please refer to the example code for details on usage.\"\n        },\n        footerEndActions: {\n            description:\n                \"Buttons or other interactive elements displayed at the bottom of the widget. Please refer to the example code for details on usage.\"\n        },\n        padding: {\n            description: \"Controls the amount of padding inside the widget\",\n            control: \"select\",\n            options: [\"none\", \"standard\", \"comfortable\"]\n        },\n        elevation: {\n            description: \"Controls the shadow depth of the widget\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        }\n    }\n};\n"],"names":["meta","Widget","Story","Default","HistoryIcon","PaddingSmall","PaddingMedium","WithOutline","WithFooterStartActions","PlusIcon","WithFooterEndActions","undefined","WithBothFooterActions","AccentVariant","LightVariant","NotificationIcon","List","ArrowForwardIcon","BaseVariant","ManageSearchIcon","Tabs","MoreIcon","WithSmallElevation","WithMediumElevation","WithLargeElevation","WithIcon","WithoutIcon","Documentation","args","Button"],"mappings":"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"}

package/Widget/components/Icon.d.ts

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

package/Widget/components/Icon.js

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

package/Widget/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","IconComponent","makeDecoratable","IconBase","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"accent\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,eAAe;AAIxB,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAS,GAAKL,KAAK,CAAG,CAAC;AACpE,CAAC;AAED,OAAO,MAAMJ,IAAI,GAAGE,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/Icon.js","sources":["../../../src/Widget/components/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"accent\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"names":["IconBase","props","IconComponent","Icon","makeDecoratable"],"mappings":";;;AAOA,MAAMA,WAAW,CAACC,QACP,WAAP,GAAO,sCAACC,MAAaA;QAAC,MAAM;QAAM,OAAO;QAAW,GAAGD,KAAK;;AAGzD,MAAME,YAAOC,gBAAgB,QAAQJ"}

package/Widget/components/WidgetAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const WidgetAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const WidgetActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const WidgetAction: typeof WidgetActionBase & {
+    original: typeof WidgetActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Widget/components/WidgetAction.js

@@ -1,37 +1,35 @@
-import * as React from "react";
 import { makeDecoratable } from "../../utils.js";
 import { Button } from "../../Button/index.js";
 import { useWidgetActionsLocation } from "./WidgetActionsContext.js";
-const WidgetActionBase = props => {
-  const location = useWidgetActionsLocation();
-
-  // Apply different props based on location
-  const locationProps = React.useMemo(() => {
-    if (location === "header") {
-      return {
-        size: "md",
-        variant: props.variant || "ghost"
-      };
-    }
-    if (location === "footer-start") {
-      return {
-        size: "md",
-        variant: props.variant || "primary"
-      };
-    }
-    if (location === "footer-end") {
-      return {
-        size: "md",
-        variant: props.variant || "ghost"
-      };
-    }
-    // Default fallback
-    return {
-      size: "md"
-    };
-  }, [location, props.variant]);
-  return /*#__PURE__*/React.createElement(Button, Object.assign({}, locationProps, props));
+import * as __rspack_external_react from "react";
+const WidgetActionBase = (props)=>{
+    const location = useWidgetActionsLocation();
+    const locationProps = __rspack_external_react.useMemo(()=>{
+        if ("header" === location) return {
+            size: "md",
+            variant: props.variant || "ghost"
+        };
+        if ("footer-start" === location) return {
+            size: "md",
+            variant: props.variant || "primary"
+        };
+        if ("footer-end" === location) return {
+            size: "md",
+            variant: props.variant || "ghost"
+        };
+        return {
+            size: "md"
+        };
+    }, [
+        location,
+        props.variant
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        ...locationProps,
+        ...props
+    });
 };
-export const WidgetAction = makeDecoratable("WidgetAction", WidgetActionBase);
+const WidgetAction = makeDecoratable("WidgetAction", WidgetActionBase);
+export { WidgetAction };
 
 //# sourceMappingURL=WidgetAction.js.map

package/Widget/components/WidgetAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Button","useWidgetActionsLocation","WidgetActionBase","props","location","locationProps","useMemo","size","variant","createElement","Object","assign","WidgetAction"],"sources":["WidgetAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useWidgetActionsLocation } from \"./WidgetActionsContext.js\";\n\nconst WidgetActionBase = (props: ButtonProps) => {\n    const location = useWidgetActionsLocation();\n\n    // Apply different props based on location\n    const locationProps: Partial<ButtonProps> = React.useMemo(() => {\n        if (location === \"header\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        if (location === \"footer-start\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"primary\"\n            };\n        }\n        if (location === \"footer-end\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        // Default fallback\n        return {\n            size: \"md\"\n        };\n    }, [location, props.variant]);\n\n    return <Button {...locationProps} {...props} />;\n};\n\nexport const WidgetAction = makeDecoratable(\"WidgetAction\", WidgetActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,wBAAwB;AAEjC,MAAMC,gBAAgB,GAAIC,KAAkB,IAAK;EAC7C,MAAMC,QAAQ,GAAGH,wBAAwB,CAAC,CAAC;;EAE3C;EACA,MAAMI,aAAmC,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAC5D,IAAIF,QAAQ,KAAK,QAAQ,EAAE;MACvB,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA,IAAIJ,QAAQ,KAAK,cAAc,EAAE;MAC7B,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA,IAAIJ,QAAQ,KAAK,YAAY,EAAE;MAC3B,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA;IACA,OAAO;MACHD,IAAI,EAAE;IACV,CAAC;EACL,CAAC,EAAE,CAACH,QAAQ,EAAED,KAAK,CAACK,OAAO,CAAC,CAAC;EAE7B,oBAAOV,KAAA,CAAAW,aAAA,CAACT,MAAM,EAAAU,MAAA,CAAAC,MAAA,KAAKN,aAAa,EAAMF,KAAK,CAAG,CAAC;AACnD,CAAC;AAED,OAAO,MAAMS,YAAY,GAAGb,eAAe,CAAC,cAAc,EAAEG,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetAction.js","sources":["../../../src/Widget/components/WidgetAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useWidgetActionsLocation } from \"./WidgetActionsContext.js\";\n\nconst WidgetActionBase = (props: ButtonProps) => {\n    const location = useWidgetActionsLocation();\n\n    // Apply different props based on location\n    const locationProps: Partial<ButtonProps> = React.useMemo(() => {\n        if (location === \"header\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        if (location === \"footer-start\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"primary\"\n            };\n        }\n        if (location === \"footer-end\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        // Default fallback\n        return {\n            size: \"md\"\n        };\n    }, [location, props.variant]);\n\n    return <Button {...locationProps} {...props} />;\n};\n\nexport const WidgetAction = makeDecoratable(\"WidgetAction\", WidgetActionBase);\n"],"names":["WidgetActionBase","props","location","useWidgetActionsLocation","locationProps","React","Button","WidgetAction","makeDecoratable"],"mappings":";;;;AAKA,MAAMA,mBAAmB,CAACC;IACtB,MAAMC,WAAWC;IAGjB,MAAMC,gBAAsCC,wBAAAA,OAAa,CAAC;QACtD,IAAIH,AAAa,aAAbA,UACA,OAAO;YACH,MAAM;YACN,SAASD,MAAM,OAAO,IAAI;QAC9B;QAEJ,IAAIC,AAAa,mBAAbA,UACA,OAAO;YACH,MAAM;YACN,SAASD,MAAM,OAAO,IAAI;QAC9B;QAEJ,IAAIC,AAAa,iBAAbA,UACA,OAAO;YACH,MAAM;YACN,SAASD,MAAM,OAAO,IAAI;QAC9B;QAGJ,OAAO;YACH,MAAM;QACV;IACJ,GAAG;QAACC;QAAUD,MAAM,OAAO;KAAC;IAE5B,OAAO,WAAP,GAAO,sCAACK,QAAMA;QAAE,GAAGF,aAAa;QAAG,GAAGH,KAAK;;AAC/C;AAEO,MAAMM,eAAeC,gBAAgB,gBAAgBR"}

package/Widget/components/WidgetActionsContext.js

@@ -1,15 +1,9 @@
-import * as React from "react";
-const WidgetActionsContext = /*#__PURE__*/React.createContext(undefined);
-export const WidgetActionsProvider = ({
-  location,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(WidgetActionsContext.Provider, {
-    value: location
-  }, children);
-};
-export const useWidgetActionsLocation = () => {
-  return React.useContext(WidgetActionsContext);
-};
+import * as __rspack_external_react from "react";
+const WidgetActionsContext = /*#__PURE__*/ __rspack_external_react.createContext(void 0);
+const WidgetActionsProvider = ({ location, children })=>/*#__PURE__*/ __rspack_external_react.createElement(WidgetActionsContext.Provider, {
+        value: location
+    }, children);
+const useWidgetActionsLocation = ()=>__rspack_external_react.useContext(WidgetActionsContext);
+export { WidgetActionsProvider, useWidgetActionsLocation };
 
 //# sourceMappingURL=WidgetActionsContext.js.map

package/Widget/components/WidgetActionsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","WidgetActionsContext","createContext","undefined","WidgetActionsProvider","location","children","createElement","Provider","value","useWidgetActionsLocation","useContext"],"sources":["WidgetActionsContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype WidgetActionsLocation = \"header\" | \"footer-start\" | \"footer-end\";\n\nconst WidgetActionsContext = React.createContext<WidgetActionsLocation | undefined>(undefined);\n\ninterface WidgetActionsProviderProps {\n    location: WidgetActionsLocation;\n    children: React.ReactNode;\n}\n\nexport const WidgetActionsProvider = ({ location, children }: WidgetActionsProviderProps) => {\n    return (\n        <WidgetActionsContext.Provider value={location}>{children}</WidgetActionsContext.Provider>\n    );\n};\n\nexport const useWidgetActionsLocation = () => {\n    return React.useContext(WidgetActionsContext);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAoCC,SAAS,CAAC;AAO9F,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqC,CAAC,KAAK;EACzF,oBACIN,KAAA,CAAAO,aAAA,CAACN,oBAAoB,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAS,GAAEC,QAAwC,CAAC;AAElG,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,OAAOV,KAAK,CAACW,UAAU,CAACV,oBAAoB,CAAC;AACjD,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetActionsContext.js","sources":["../../../src/Widget/components/WidgetActionsContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype WidgetActionsLocation = \"header\" | \"footer-start\" | \"footer-end\";\n\nconst WidgetActionsContext = React.createContext<WidgetActionsLocation | undefined>(undefined);\n\ninterface WidgetActionsProviderProps {\n    location: WidgetActionsLocation;\n    children: React.ReactNode;\n}\n\nexport const WidgetActionsProvider = ({ location, children }: WidgetActionsProviderProps) => {\n    return (\n        <WidgetActionsContext.Provider value={location}>{children}</WidgetActionsContext.Provider>\n    );\n};\n\nexport const useWidgetActionsLocation = () => {\n    return React.useContext(WidgetActionsContext);\n};\n"],"names":["WidgetActionsContext","React","undefined","WidgetActionsProvider","location","children","useWidgetActionsLocation"],"mappings":";AAIA,MAAMA,uBAAuB,WAAHA,GAAGC,wBAAAA,aAAmB,CAAoCC;AAO7E,MAAMC,wBAAwB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAA8B,GAC7E,WAAP,GACI,sCAACL,qBAAqB,QAAQ;QAAC,OAAOI;OAAWC;AAIlD,MAAMC,2BAA2B,IAC7BL,wBAAAA,UAAgB,CAACD"}

package/Widget/components/WidgetBody.js

@@ -1,35 +1,31 @@
-import * as React from "react";
-import { cn } from "../../utils.js";
-import { cva } from "../../utils.js";
+import { cn, cva } from "../../utils.js";
 import { useWidgetProps } from "./WidgetPropsProvider.js";
+import * as __rspack_external_react from "react";
 const widgetBodyVariants = cva("flex-1", {
-  variants: {
-    padding: {
-      none: "",
-      sm: "px-md",
-      md: "px-lg"
+    variants: {
+        padding: {
+            none: "",
+            sm: "px-md",
+            md: "px-lg"
+        },
+        variant: {
+            default: "",
+            accent: "pt-lg pb-sm"
+        }
     },
-    variant: {
-      default: "",
-      accent: "pt-lg pb-sm"
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const WidgetBody = () => {
-  const {
-    padding,
-    bodyPadding,
-    children
-  } = useWidgetProps();
-  return /*#__PURE__*/React.createElement("div", {
-    "data-widget": "body",
-    className: cn(widgetBodyVariants({
-      padding: bodyPadding !== false ? padding : "none"
-    }))
-  }, children);
+const WidgetBody = ()=>{
+    const { padding, bodyPadding, children } = useWidgetProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-widget": "body",
+        className: cn(widgetBodyVariants({
+            padding: false !== bodyPadding ? padding : "none"
+        }))
+    }, children);
 };
+export { WidgetBody };
 
 //# sourceMappingURL=WidgetBody.js.map

package/Widget/components/WidgetBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","useWidgetProps","widgetBodyVariants","variants","padding","none","sm","md","variant","default","accent","defaultVariants","WidgetBody","bodyPadding","children","createElement","className"],"sources":["WidgetBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\n\nconst widgetBodyVariants = cva(\"flex-1\", {\n    variants: {\n        padding: {\n            none: \"\",\n            sm: \"px-md\",\n            md: \"px-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"pt-lg pb-sm\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetBody = () => {\n    const { padding, bodyPadding, children } = useWidgetProps();\n    return (\n        <div\n            data-widget=\"body\"\n            className={cn(\n                widgetBodyVariants({\n                    padding: bodyPadding !== false ? padding : \"none\"\n                })\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AACX,SAASC,GAAG;AACZ,SAASC,cAAc;AAEvB,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,QAAQ,EAAE;EACrCG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMQ,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAER,OAAO;IAAES,WAAW;IAAEC;EAAS,CAAC,GAAGb,cAAc,CAAC,CAAC;EAC3D,oBACIH,KAAA,CAAAiB,aAAA;IACI,eAAY,MAAM;IAClBC,SAAS,EAAEjB,EAAE,CACTG,kBAAkB,CAAC;MACfE,OAAO,EAAES,WAAW,KAAK,KAAK,GAAGT,OAAO,GAAG;IAC/C,CAAC,CACL;EAAE,GAEDU,QACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetBody.js","sources":["../../../src/Widget/components/WidgetBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\n\nconst widgetBodyVariants = cva(\"flex-1\", {\n    variants: {\n        padding: {\n            none: \"\",\n            sm: \"px-md\",\n            md: \"px-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"pt-lg pb-sm\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetBody = () => {\n    const { padding, bodyPadding, children } = useWidgetProps();\n    return (\n        <div\n            data-widget=\"body\"\n            className={cn(\n                widgetBodyVariants({\n                    padding: bodyPadding !== false ? padding : \"none\"\n                })\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["widgetBodyVariants","cva","WidgetBody","padding","bodyPadding","children","useWidgetProps","cn"],"mappings":";;;AAKA,MAAMA,qBAAqBC,IAAI,UAAU;IACrC,UAAU;QACN,SAAS;YACL,MAAM;YACN,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,SAAS;YACT,QAAQ;QACZ;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEO,MAAMC,aAAa;IACtB,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,EAAE,GAAGC;IAC3C,OAAO,WAAP,GACI,sCAAC;QACG,eAAY;QACZ,WAAWC,GACPP,mBAAmB;YACf,SAASI,AAAgB,UAAhBA,cAAwBD,UAAU;QAC/C;OAGHE;AAGb"}

package/Widget/components/WidgetContent.d.ts

@@ -2,15 +2,15 @@ import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const widgetContentVariants: (props?: ({
     variant?: "accent" | "base" | "light" | null | undefined;
-    elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
+    elevation?: "lg" | "md" | "none" | "sm" | null | undefined;
     outline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
     className?: string;
     children: React.ReactNode;
 }
-declare const WidgetContent: {
-    ({ children }: WidgetContentProps): React.JSX.Element;
-    displayName: string;
-};
+declare function WidgetContent({ children }: WidgetContentProps): React.JSX.Element;
+declare namespace WidgetContent {
+    var displayName: string;
+}
 export { WidgetContent };

package/Widget/components/WidgetContent.js

@@ -1,48 +1,41 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { useWidgetProps } from "./WidgetPropsProvider.js";
+import * as __rspack_external_react from "react";
 const widgetContentVariants = cva("text-md text-neutral-primary overflow-hidden rounded-xl", {
-  variants: {
-    variant: {
-      accent: "bg-primary-subtle",
-      light: "bg-neutral-light",
-      base: "bg-neutral-base"
+    variants: {
+        variant: {
+            accent: "bg-primary-subtle",
+            light: "bg-neutral-light",
+            base: "bg-neutral-base"
+        },
+        elevation: {
+            none: "",
+            sm: "shadow-sm",
+            md: "shadow-md",
+            lg: "shadow-lg"
+        },
+        outline: {
+            true: "border-sm border-solid border-neutral-dimmed-darker",
+            false: ""
+        }
     },
-    elevation: {
-      none: "",
-      sm: "shadow-sm",
-      md: "shadow-md",
-      lg: "shadow-lg"
-    },
-    outline: {
-      true: "border-sm border-solid border-neutral-dimmed-darker",
-      false: ""
+    defaultVariants: {
+        variant: "base",
+        outline: false
     }
-  },
-  defaultVariants: {
-    variant: "base",
-    outline: false
-  }
 });
-const WidgetContent = ({
-  children
-}) => {
-  const {
-    variant,
-    elevation,
-    outline,
-    className
-  } = useWidgetProps();
-  return /*#__PURE__*/React.createElement("div", {
-    "data-widget": "content",
-    className: cn(widgetContentVariants({
-      variant,
-      elevation,
-      outline
-    }), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col justify-between w-full max-w-full h-full relative"
-  }, children));
+const WidgetContent = ({ children })=>{
+    const { variant, elevation, outline, className } = useWidgetProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-widget": "content",
+        className: cn(widgetContentVariants({
+            variant,
+            elevation,
+            outline
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col justify-between w-full max-w-full h-full relative"
+    }, children));
 };
 WidgetContent.displayName = "WidgetContent";
 export { WidgetContent };

package/Widget/components/WidgetContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","useWidgetProps","widgetContentVariants","variants","variant","accent","light","base","elevation","none","sm","md","lg","outline","true","false","defaultVariants","WidgetContent","children","className","createElement","displayName"],"sources":["WidgetContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { useWidgetProps } from \"~/Widget/components/WidgetPropsProvider.js\";\n\nconst widgetContentVariants = cva(\"text-md text-neutral-primary overflow-hidden rounded-xl\", {\n    variants: {\n        variant: {\n            accent: \"bg-primary-subtle\",\n            light: \"bg-neutral-light\",\n            base: \"bg-neutral-base\"\n        },\n        elevation: {\n            none: \"\",\n            sm: \"shadow-sm\",\n            md: \"shadow-md\",\n            lg: \"shadow-lg\"\n        },\n        outline: {\n            true: \"border-sm border-solid border-neutral-dimmed-darker\",\n            false: \"\"\n        }\n    },\n    defaultVariants: {\n        variant: \"base\",\n        outline: false\n    }\n});\n\nexport interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {\n    className?: string;\n    children: React.ReactNode;\n}\n\nconst WidgetContent = ({ children }: WidgetContentProps) => {\n    const { variant, elevation, outline, className } = useWidgetProps();\n\n    return (\n        <div\n            data-widget=\"content\"\n            className={cn(widgetContentVariants({ variant, elevation, outline }), className)}\n        >\n            <div className={\"flex flex-col justify-between w-full max-w-full h-full relative\"}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nWidgetContent.displayName = \"WidgetContent\";\n\nexport { WidgetContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,cAAc;AAEvB,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,yDAAyD,EAAE;EACzFG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,mBAAmB;MAC3BC,KAAK,EAAE,kBAAkB;MACzBC,IAAI,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE,qDAAqD;MAC3DC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,MAAM;IACfS,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAOF,MAAMI,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACxD,MAAM;IAAEd,OAAO;IAAEI,SAAS;IAAEK,OAAO;IAAEM;EAAU,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAEnE,oBACIH,KAAA,CAAAsB,aAAA;IACI,eAAY,SAAS;IACrBD,SAAS,EAAEpB,EAAE,CAACG,qBAAqB,CAAC;MAAEE,OAAO;MAAEI,SAAS;MAAEK;IAAQ,CAAC,CAAC,EAAEM,SAAS;EAAE,gBAEjFrB,KAAA,CAAAsB,aAAA;IAAKD,SAAS,EAAE;EAAkE,GAC7ED,QACA,CACJ,CAAC;AAEd,CAAC;AAEDD,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,SAASJ,aAAa","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetContent.js","sources":["../../../src/Widget/components/WidgetContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { useWidgetProps } from \"~/Widget/components/WidgetPropsProvider.js\";\n\nconst widgetContentVariants = cva(\"text-md text-neutral-primary overflow-hidden rounded-xl\", {\n    variants: {\n        variant: {\n            accent: \"bg-primary-subtle\",\n            light: \"bg-neutral-light\",\n            base: \"bg-neutral-base\"\n        },\n        elevation: {\n            none: \"\",\n            sm: \"shadow-sm\",\n            md: \"shadow-md\",\n            lg: \"shadow-lg\"\n        },\n        outline: {\n            true: \"border-sm border-solid border-neutral-dimmed-darker\",\n            false: \"\"\n        }\n    },\n    defaultVariants: {\n        variant: \"base\",\n        outline: false\n    }\n});\n\nexport interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {\n    className?: string;\n    children: React.ReactNode;\n}\n\nconst WidgetContent = ({ children }: WidgetContentProps) => {\n    const { variant, elevation, outline, className } = useWidgetProps();\n\n    return (\n        <div\n            data-widget=\"content\"\n            className={cn(widgetContentVariants({ variant, elevation, outline }), className)}\n        >\n            <div className={\"flex flex-col justify-between w-full max-w-full h-full relative\"}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nWidgetContent.displayName = \"WidgetContent\";\n\nexport { WidgetContent };\n"],"names":["widgetContentVariants","cva","WidgetContent","children","variant","elevation","outline","className","useWidgetProps","cn"],"mappings":";;;AAIA,MAAMA,wBAAwBC,IAAI,2DAA2D;IACzF,UAAU;QACN,SAAS;YACL,QAAQ;YACR,OAAO;YACP,MAAM;QACV;QACA,WAAW;YACP,MAAM;YACN,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,MAAM;YACN,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,SAAS;QACT,SAAS;IACb;AACJ;AAOA,MAAMC,gBAAgB,CAAC,EAAEC,QAAQ,EAAsB;IACnD,MAAM,EAAEC,OAAO,EAAEC,SAAS,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC;IAEnD,OAAO,WAAP,GACI,sCAAC;QACG,eAAY;QACZ,WAAWC,GAAGT,sBAAsB;YAAEI;YAASC;YAAWC;QAAQ,IAAIC;qBAEtE,sCAAC;QAAI,WAAW;OACXJ;AAIjB;AAEAD,cAAc,WAAW,GAAG"}

package/Widget/components/WidgetDescription.js

@@ -1,10 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-export const WidgetDescription = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("text-sm text-neutral-strong text-left", className)
-}));
+import * as __rspack_external_react from "react";
+const WidgetDescription = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn("text-sm text-neutral-strong text-left", className)
+    });
+export { WidgetDescription };
 
 //# sourceMappingURL=WidgetDescription.js.map

package/Widget/components/WidgetDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","WidgetDescription","className","props","createElement","Object","assign"],"sources":["WidgetDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetDescription = ({ className, ...props }: WidgetDescriptionProps) => (\n    <div {...props} className={cn(\"text-sm text-neutral-strong text-left\", className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8B,CAAC,kBAC7EJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;EAAED,SAAS,EAAEF,EAAE,CAAC,uCAAuC,EAAEE,SAAS;AAAE,EAAE,CACvF","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetDescription.js","sources":["../../../src/Widget/components/WidgetDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetDescription = ({ className, ...props }: WidgetDescriptionProps) => (\n    <div {...props} className={cn(\"text-sm text-neutral-strong text-left\", className)} />\n);\n"],"names":["WidgetDescription","className","props","cn"],"mappings":";;AAKO,MAAMA,oBAAoB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA+B,iBAC7E,sCAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAG,yCAAyCF"}