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

package/DropdownMenu/DropdownMenu.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","Button","ReactComponent","Cloud","LogOut","LifeBuoy","CreditCard","Plus","PlusCircle","Settings","Users","UserPlus","User","Keyboard","Mail","MessageSquare","LinkIcon","Text","meta","title","component","argTypes","Label","Separator","Group","Item","Link","CheckboxItem","Default","args","trigger","createElement","variant","text","children","Fragment","icon","Icon","label","element","disabled","to","SimpleMenuWithIcons","WithSubMenus","TARGET_LEVELS","id","description","WithCheckboxItems","map","level","key","checked","as","size","className","onClick","console","log","WithOnOpenChange","onOpenChange","opened","Documentation","control"],"sources":["DropdownMenu.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { DropdownMenu } from \"./DropdownMenu\";\nimport { Button } from \"~/Button\";\nimport { ReactComponent as Cloud } from \"@webiny/icons/cloud.svg\";\nimport { ReactComponent as LogOut } from \"@webiny/icons/logout.svg\";\nimport { ReactComponent as LifeBuoy } from \"@webiny/icons/safety_check.svg\";\nimport { ReactComponent as CreditCard } from \"@webiny/icons/credit_score.svg\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as PlusCircle } from \"@webiny/icons/add_circle.svg\";\nimport { ReactComponent as Settings } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as Users } from \"@webiny/icons/people.svg\";\nimport { ReactComponent as UserPlus } from \"@webiny/icons/person_add.svg\";\nimport { ReactComponent as User } from \"@webiny/icons/person.svg\";\nimport { ReactComponent as Keyboard } from \"@webiny/icons/keyboard.svg\";\nimport { ReactComponent as Mail } from \"@webiny/icons/mail.svg\";\nimport { ReactComponent as MessageSquare } from \"@webiny/icons/chat_bubble.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Text } from \"~/Text\";\n\nconst meta: Meta<typeof DropdownMenu> = {\n    title: \"Components/Dropdown Menu\",\n    component: DropdownMenu,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof DropdownMenu>;\n\nconst { Label, Separator, Group, Item, Link, CheckboxItem } = DropdownMenu;\n\nexport const Default: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon label={\"Profile\"} element={<User />} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon element={<Users />} label={\"Team\"} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon element={<UserPlus />} label={\"Invite users\"} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon element={<Mail />} label={\"Email\"} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon element={<MessageSquare />} label={\"Message\"} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        />\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n                <Separator />\n                <Label text={\"Links\"} />\n                <Link\n                    text={\"Link 1\"}\n                    to={\"#link-1\"}\n                    icon={<Link.Icon label=\"Link 1\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 2\"}\n                    to={\"#link-2\"}\n                    icon={<Link.Icon label=\"Link 2\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 3\"}\n                    to={\"#link-3\"}\n                    icon={<Link.Icon label=\"Link 3\" element={<LinkIcon />} />}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SimpleMenuWithIcons: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Item\n                    icon={<Item.Icon label={\"Billing\"} element={<CreditCard />} />}\n                    text={\"Billing\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"Settings\"} element={<Settings />} />}\n                    text={\"Settings\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"Keyboard shortcuts\"} element={<Keyboard />} />}\n                    text={\"Keyboard shortcuts\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithSubMenus: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon element={<User />} label={\"Profile\"} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon label={\"Billing\"} element={<CreditCard />} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon label={\"Settings\"} element={<Settings />} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon label={\"Keyboard shortcuts\"} element={<Keyboard />} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon label={\"Team\"} element={<Users />} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon label={\"Invite user\"} element={<UserPlus />} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon label={\"Email\"} element={<Mail />} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon label={\"Message\"} element={<MessageSquare />} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        >\n                            <Item\n                                icon={<Item.Icon label={\"Email\"} element={<Mail />} />}\n                                text={\"Email\"}\n                            />\n                            <Item\n                                icon={<Item.Icon label={\"Message\"} element={<MessageSquare />} />}\n                                text={\"Message\"}\n                            />\n                            <Separator />\n                            <Item\n                                icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                                text={\"More...\"}\n                            />\n                        </Item>\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nconst TARGET_LEVELS = [\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\nexport const WithCheckboxItems: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                {TARGET_LEVELS.map(level => (\n                    <CheckboxItem\n                        key={level.id}\n                        checked={level.id === \"viewer\"}\n                        text={\n                            <div>\n                                <Text as={\"div\"}>{level.label}</Text>\n                                <Text as={\"div\"} size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                                    {level.description}\n                                </Text>\n                            </div>\n                        }\n                        onClick={() => {\n                            console.log(\"Selected level:\", level.id);\n                        }}\n                    />\n                ))}\n                <DropdownMenu.Separator />\n                <DropdownMenu.Item text={\"Remove access\"} />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithOnOpenChange: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        onOpenChange: opened => {\n            console.log(`Menu is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        children: (\n            <>\n                <Item\n                    icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                    text={\"Billing\"}\n                />\n                <Item\n                    icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                    text={\"Settings\"}\n                />\n                <Item\n                    icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                    text={\"Keyboard shortcuts\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const Documentation: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon label={\"Profile\"} element={<User />} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon element={<Users />} label={\"Team\"} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon element={<UserPlus />} label={\"Invite users\"} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon element={<Mail />} label={\"Email\"} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon element={<MessageSquare />} label={\"Message\"} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        />\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n                <Separator />\n                <Label text={\"Links\"} />\n                <Link\n                    text={\"Link 1\"}\n                    to={\"#link-1\"}\n                    icon={<Link.Icon label=\"Link 1\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 2\"}\n                    to={\"#link-2\"}\n                    icon={<Link.Icon label=\"Link 2\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 3\"}\n                    to={\"#link-3\"}\n                    icon={<Link.Icon label=\"Link 3\" element={<LinkIcon />} />}\n                />\n            </>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The trigger element that opens the menu. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        children: {\n            description: \"The content of the menu. Please refer to the example code for details.\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/DropdownMenu.stories.js","sources":["../../src/DropdownMenu/DropdownMenu.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { DropdownMenu } from \"./DropdownMenu.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { ReactComponent as Cloud } from \"@webiny/icons/cloud.svg\";\nimport { ReactComponent as LogOut } from \"@webiny/icons/logout.svg\";\nimport { ReactComponent as LifeBuoy } from \"@webiny/icons/safety_check.svg\";\nimport { ReactComponent as CreditCard } from \"@webiny/icons/credit_score.svg\";\nimport { ReactComponent as Plus } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as PlusCircle } from \"@webiny/icons/add_circle.svg\";\nimport { ReactComponent as Settings } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as Users } from \"@webiny/icons/people.svg\";\nimport { ReactComponent as UserPlus } from \"@webiny/icons/person_add.svg\";\nimport { ReactComponent as User } from \"@webiny/icons/person.svg\";\nimport { ReactComponent as Keyboard } from \"@webiny/icons/keyboard.svg\";\nimport { ReactComponent as Mail } from \"@webiny/icons/mail.svg\";\nimport { ReactComponent as MessageSquare } from \"@webiny/icons/chat_bubble.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Text } from \"~/Text/index.js\";\n\nconst meta: Meta<typeof DropdownMenu> = {\n    title: \"Components/Dropdown Menu\",\n    component: DropdownMenu,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof DropdownMenu>;\n\nconst { Label, Separator, Group, Item, Link, CheckboxItem } = DropdownMenu;\n\nexport const Default: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon label={\"Profile\"} element={<User />} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon element={<Users />} label={\"Team\"} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon element={<UserPlus />} label={\"Invite users\"} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon element={<Mail />} label={\"Email\"} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon element={<MessageSquare />} label={\"Message\"} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        />\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n                <Separator />\n                <Label text={\"Links\"} />\n                <Link\n                    text={\"Link 1\"}\n                    to={\"#link-1\"}\n                    icon={<Link.Icon label=\"Link 1\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 2 (target: _blank)\"}\n                    to={\"#link-2\"}\n                    icon={<Link.Icon label=\"Link 2\" element={<LinkIcon />} />}\n                    target={\"_blank\"}\n                />\n                <Link\n                    text={\"Link 3\"}\n                    to={\"#link-3\"}\n                    icon={<Link.Icon label=\"Link 3\" element={<LinkIcon />} />}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SimpleMenuWithIcons: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Item\n                    icon={<Item.Icon label={\"Billing\"} element={<CreditCard />} />}\n                    text={\"Billing\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"Settings\"} element={<Settings />} />}\n                    text={\"Settings\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"Keyboard shortcuts\"} element={<Keyboard />} />}\n                    text={\"Keyboard shortcuts\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithSubMenus: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon element={<User />} label={\"Profile\"} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon label={\"Billing\"} element={<CreditCard />} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon label={\"Settings\"} element={<Settings />} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon label={\"Keyboard shortcuts\"} element={<Keyboard />} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon label={\"Team\"} element={<Users />} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon label={\"Invite user\"} element={<UserPlus />} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon label={\"Email\"} element={<Mail />} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon label={\"Message\"} element={<MessageSquare />} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        >\n                            <Item\n                                icon={<Item.Icon label={\"Email\"} element={<Mail />} />}\n                                text={\"Email\"}\n                            />\n                            <Item\n                                icon={<Item.Icon label={\"Message\"} element={<MessageSquare />} />}\n                                text={\"Message\"}\n                            />\n                            <Separator />\n                            <Item\n                                icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                                text={\"More...\"}\n                            />\n                        </Item>\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nconst TARGET_LEVELS = [\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\nexport const WithCheckboxItems: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                {TARGET_LEVELS.map(level => (\n                    <CheckboxItem\n                        key={level.id}\n                        checked={level.id === \"viewer\"}\n                        text={\n                            <div>\n                                <Text as={\"div\"}>{level.label}</Text>\n                                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                                    {level.description}\n                                </Text>\n                            </div>\n                        }\n                        onClick={() => {\n                            console.log(\"Selected level:\", level.id);\n                        }}\n                    />\n                ))}\n                <DropdownMenu.Separator />\n                <DropdownMenu.Item text={\"Remove access\"} />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithOnOpenChange: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        onOpenChange: opened => {\n            console.log(`Menu is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        children: (\n            <>\n                <Item\n                    icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                    text={\"Billing\"}\n                />\n                <Item\n                    icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                    text={\"Settings\"}\n                />\n                <Item\n                    icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                    text={\"Keyboard shortcuts\"}\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const Documentation: Story = {\n    args: {\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        children: (\n            <>\n                <Label text={\"My Account\"} />\n                <Item icon={<Item.Icon label={\"Profile\"} element={<User />} />} text={\"Profile\"} />\n                <Group>\n                    <Item\n                        icon={<Item.Icon element={<CreditCard />} label={\"Billing\"} />}\n                        text={\"Billing\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Settings />} label={\"Settings\"} />}\n                        text={\"Settings\"}\n                    />\n                    <Item\n                        icon={<Item.Icon element={<Keyboard />} label={\"Keyboard shortcuts\"} />}\n                        text={\"Keyboard shortcuts\"}\n                    />\n                </Group>\n                <Separator />\n                <Group>\n                    <Item icon={<Item.Icon element={<Users />} label={\"Team\"} />} text={\"Team\"} />\n                    <Item\n                        icon={<Item.Icon element={<UserPlus />} label={\"Invite users\"} />}\n                        text={\"Invite users\"}\n                    >\n                        <Item\n                            icon={<Item.Icon element={<Mail />} label={\"Email\"} />}\n                            text={\"Email\"}\n                        />\n                        <Item\n                            icon={<Item.Icon element={<MessageSquare />} label={\"Message\"} />}\n                            text={\"Message\"}\n                        />\n                        <Separator />\n                        <Item\n                            icon={<Item.Icon label={\"More...\"} element={<PlusCircle />} />}\n                            text={\"More...\"}\n                        />\n                    </Item>\n                    <Item\n                        icon={<Item.Icon label={\"New Team\"} element={<Plus />} />}\n                        text={\"New Team\"}\n                    />\n                </Group>\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Support\"} element={<LifeBuoy />} />}\n                    text={\"Support\"}\n                />\n                <Item\n                    icon={<Item.Icon label={\"API\"} element={<Cloud />} />}\n                    text={\"API\"}\n                    disabled\n                />\n                <Separator />\n                <Item\n                    icon={<Item.Icon label={\"Log out\"} element={<LogOut />} />}\n                    text={\"Log out\"}\n                />\n                <Separator />\n                <Label text={\"Links\"} />\n                <Link\n                    text={\"Link 1\"}\n                    to={\"#link-1\"}\n                    icon={<Link.Icon label=\"Link 1\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 2\"}\n                    to={\"#link-2\"}\n                    icon={<Link.Icon label=\"Link 2\" element={<LinkIcon />} />}\n                />\n                <Link\n                    text={\"Link 3\"}\n                    to={\"#link-3\"}\n                    icon={<Link.Icon label=\"Link 3\" element={<LinkIcon />} />}\n                />\n            </>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The trigger element that opens the menu. Please refer to the example code for details.\"\n        },\n        children: {\n            description: \"The content of the menu. Please refer to the example code for details.\"\n        }\n    }\n};\n"],"names":["meta","DropdownMenu","Label","Separator","Group","Item","Link","CheckboxItem","Default","Button","User","CreditCard","Settings","Keyboard","Users","UserPlus","Mail","MessageSquare","PlusCircle","Plus","LifeBuoy","Cloud","LogOut","LinkIcon","SimpleMenuWithIcons","WithSubMenus","TARGET_LEVELS","WithCheckboxItems","level","Text","console","WithOnOpenChange","opened","Documentation"],"mappings":"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"}

package/DropdownMenu/components/DropdownMenuCheckboxItem.d.ts

@@ -16,7 +16,7 @@ export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<D
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
         original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;

package/DropdownMenu/components/DropdownMenuCheckboxItem.js

@@ -1,24 +1,21 @@
-import React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn, makeDecoratable } from "../../utils";
-import { ReactComponent as Check } from "@webiny/icons/check.svg";
-const DropdownMenuCheckboxItemBase = /*#__PURE__*/React.forwardRef(({
-  className,
-  text,
-  checked,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({
-  ref: ref,
-  className: cn("wby-group wby-relative wby-cursor-default wby-select-none wby-items-center wby-rounded-sm wby-px-xs-plus wby-outline-none wby-transition-colors", "[&_svg]:wby-fill-neutral-xstrong [&_svg]:wby-pointer-events-none [&_svg]:wby-size-md [&_svg]:wby-shrink-0", "data-[disabled]:wby-pointer-events-none data-[disabled]:wby-text-neutral-disabled", className),
-  checked: checked
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-flex wby-min-size-md wby-px-sm wby-py-xs-plus wby-gap-sm-extra wby-items-center wby-text-md wby-rounded-sm group-focus:wby-bg-neutral-dimmed wby-transition-colors", {
-    "[&_svg]:wby-fill-neutral-disabled": props.disabled
-  })
-}, /*#__PURE__*/React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React.createElement(Check, null)), !checked && /*#__PURE__*/React.createElement("svg", {
-  "aria-hidden": "true"
-}), /*#__PURE__*/React.createElement("span", null, text))));
-DropdownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-export const DropdownMenuCheckboxItem = makeDecoratable("DropdownMenuCheckboxItem", DropdownMenuCheckboxItemBase);
+import react from "react";
+import { DropdownMenu } from "radix-ui";
+import { cn, makeDecoratable } from "../../utils.js";
+import { ReactComponent } from "@webiny/icons/check.svg";
+const DropdownMenuCheckboxItemBase = /*#__PURE__*/ react.forwardRef(({ className, text, checked, ...props }, ref)=>/*#__PURE__*/ react.createElement(DropdownMenu.CheckboxItem, {
+        ref: ref,
+        className: cn("group relative cursor-default select-none items-center rounded-sm px-xs-plus outline-none transition-colors", "[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0", "data-disabled:pointer-events-none data-disabled:text-neutral-disabled", className),
+        checked: checked,
+        ...props
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: cn("flex min-size-md px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm group-focus:bg-neutral-dimmed transition-colors", {
+            "[&_svg]:fill-neutral-disabled": props.disabled
+        })
+    }, /*#__PURE__*/ react.createElement(DropdownMenu.ItemIndicator, null, /*#__PURE__*/ react.createElement(ReactComponent, null)), !checked && /*#__PURE__*/ react.createElement("svg", {
+        "aria-hidden": "true"
+    }), /*#__PURE__*/ react.createElement("span", null, text))));
+DropdownMenuCheckboxItemBase.displayName = DropdownMenu.CheckboxItem.displayName;
+const DropdownMenuCheckboxItem = makeDecoratable("DropdownMenuCheckboxItem", DropdownMenuCheckboxItemBase);
+export { DropdownMenuCheckboxItem };
 
 //# sourceMappingURL=DropdownMenuCheckboxItem.js.map

package/DropdownMenu/components/DropdownMenuCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","makeDecoratable","ReactComponent","Check","DropdownMenuCheckboxItemBase","forwardRef","className","text","checked","props","ref","createElement","CheckboxItem","Object","assign","disabled","ItemIndicator","displayName","DropdownMenuCheckboxItem"],"sources":["DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\n\nexport interface DropdownMenuItemProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {\n    text?: React.ReactNode;\n}\n\nconst DropdownMenuCheckboxItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n    DropdownMenuItemProps\n>(({ className, text, checked, ...props }, ref) => (\n    <DropdownMenuPrimitive.CheckboxItem\n        ref={ref}\n        className={cn(\n            \"wby-group wby-relative wby-cursor-default wby-select-none wby-items-center wby-rounded-sm wby-px-xs-plus wby-outline-none wby-transition-colors\",\n            \"[&_svg]:wby-fill-neutral-xstrong [&_svg]:wby-pointer-events-none [&_svg]:wby-size-md [&_svg]:wby-shrink-0\",\n            \"data-[disabled]:wby-pointer-events-none data-[disabled]:wby-text-neutral-disabled\",\n            className\n        )}\n        checked={checked}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"wby-flex wby-min-size-md wby-px-sm wby-py-xs-plus wby-gap-sm-extra wby-items-center wby-text-md wby-rounded-sm group-focus:wby-bg-neutral-dimmed wby-transition-colors\",\n                { \"[&_svg]:wby-fill-neutral-disabled\": props.disabled }\n            )}\n        >\n            <DropdownMenuPrimitive.ItemIndicator>\n                <Check />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {!checked && <svg aria-hidden=\"true\" />}\n            <span>{text}</span>\n        </div>\n    </DropdownMenuPrimitive.CheckboxItem>\n));\n\nDropdownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nexport const DropdownMenuCheckboxItem = makeDecoratable(\n    \"DropdownMenuCheckboxItem\",\n    DropdownMenuCheckboxItemBase\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AAOjE,MAAMC,4BAA4B,gBAAGP,KAAK,CAACQ,UAAU,CAGnD,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1Cb,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACa,YAAY,EAAAC,MAAA,CAAAC,MAAA;EAC/BJ,GAAG,EAAEA,GAAI;EACTJ,SAAS,EAAEN,EAAE,CACT,iJAAiJ,EACjJ,2GAA2G,EAC3G,mFAAmF,EACnFM,SACJ,CAAE;EACFE,OAAO,EAAEA;AAAQ,GACbC,KAAK,gBAETZ,KAAA,CAAAc,aAAA;EACIL,SAAS,EAAEN,EAAE,CACT,wKAAwK,EACxK;IAAE,mCAAmC,EAAES,KAAK,CAACM;EAAS,CAC1D;AAAE,gBAEFlB,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACiB,aAAa,qBAChCnB,KAAA,CAAAc,aAAA,CAACR,KAAK,MAAE,CACyB,CAAC,EACrC,CAACK,OAAO,iBAAIX,KAAA,CAAAc,aAAA;EAAK,eAAY;AAAM,CAAE,CAAC,eACvCd,KAAA,CAAAc,aAAA,eAAOJ,IAAW,CACjB,CAC2B,CACvC,CAAC;AAEFH,4BAA4B,CAACa,WAAW,GAAGlB,qBAAqB,CAACa,YAAY,CAACK,WAAW;AAEzF,OAAO,MAAMC,wBAAwB,GAAGjB,eAAe,CACnD,0BAA0B,EAC1BG,4BACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuCheckboxItem.js","sources":["../../../src/DropdownMenu/components/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\n\nexport interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<\n    typeof DropdownMenuPrimitive.CheckboxItem\n> {\n    text?: React.ReactNode;\n}\n\nconst DropdownMenuCheckboxItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n    DropdownMenuItemProps\n>(({ className, text, checked, ...props }, ref) => (\n    <DropdownMenuPrimitive.CheckboxItem\n        ref={ref}\n        className={cn(\n            \"group relative cursor-default select-none items-center rounded-sm px-xs-plus outline-none transition-colors\",\n            \"[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0\",\n            \"data-disabled:pointer-events-none data-disabled:text-neutral-disabled\",\n            className\n        )}\n        checked={checked}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"flex min-size-md px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm group-focus:bg-neutral-dimmed transition-colors\",\n                { \"[&_svg]:fill-neutral-disabled\": props.disabled }\n            )}\n        >\n            <DropdownMenuPrimitive.ItemIndicator>\n                <Check />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {!checked && <svg aria-hidden=\"true\" />}\n            <span>{text}</span>\n        </div>\n    </DropdownMenuPrimitive.CheckboxItem>\n));\n\nDropdownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nexport const DropdownMenuCheckboxItem = makeDecoratable(\n    \"DropdownMenuCheckboxItem\",\n    DropdownMenuCheckboxItemBase\n);\n"],"names":["DropdownMenuCheckboxItemBase","React","className","text","checked","props","ref","DropdownMenuPrimitive","cn","Check","DropdownMenuCheckboxItem","makeDecoratable"],"mappings":";;;;AAWA,MAAMA,+BAA+B,WAAHA,GAAGC,MAAAA,UAAgB,CAGnD,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GACvC,oBAACC,aAAAA,YAAkC;QAC/B,KAAKD;QACL,WAAWE,GACP,+GACA,6FACA,yEACAN;QAEJ,SAASE;QACR,GAAGC,KAAK;qBAET,oBAAC;QACG,WAAWG,GACP,kIACA;YAAE,iCAAiCH,MAAM,QAAQ;QAAC;qBAGtD,oBAACE,aAAAA,aAAmC,sBAChC,oBAACE,gBAAKA,QAET,CAACL,WAAW,WAAXA,GAAW,oBAAC;QAAI,eAAY;sBAC9B,oBAAC,cAAMD;AAKnBH,6BAA6B,WAAW,GAAGO,aAAAA,YAAAA,CAAAA,WAA8C;AAElF,MAAMG,2BAA2BC,gBACpC,4BACAX"}

package/DropdownMenu/components/DropdownMenuContent.js

@@ -1,18 +1,14 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn } from "../../utils";
-const DropdownMenuContent = /*#__PURE__*/React.forwardRef(({
-  className,
-  sideOffset = 4,
-  collisionPadding = 8,
-  ...props
-}, ref) => /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Content, Object.assign({
-  ref: ref,
-  sideOffset: sideOffset,
-  collisionPadding: collisionPadding,
-  className: cn("wby-flex wby-flex-col wby-z-[150] wby-min-w-[8rem] wby-overflow-hidden wby-rounded-md wby-gap-xxs wby-bg-white wby-py-xs-plus wby-text-neutral-primary wby-shadow-none data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2 wby-border-sm wby-border-solid wby-border-neutral-muted", className)
-}, props)));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+import { DropdownMenu } from "radix-ui";
+import { cn } from "../../utils.js";
+import * as __rspack_external_react from "react";
+const DropdownMenuContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, sideOffset = 4, collisionPadding = 8, ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.Content, {
+        ref: ref,
+        sideOffset: sideOffset,
+        collisionPadding: collisionPadding,
+        className: cn("flex flex-col z-popover min-w-32 overflow-hidden rounded-md gap-xxs bg-white py-xs-plus text-neutral-primary shadow-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-sm border-solid border-neutral-muted", className),
+        ...props
+    }));
+DropdownMenuContent.displayName = DropdownMenu.Content.displayName;
 export { DropdownMenuContent };
 
 //# sourceMappingURL=DropdownMenuContent.js.map

package/DropdownMenu/components/DropdownMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","DropdownMenuContent","forwardRef","className","sideOffset","collisionPadding","props","ref","createElement","Content","Object","assign","displayName"],"sources":["DropdownMenuContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nconst DropdownMenuContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, collisionPadding = 8, ...props }, ref) => (\n    <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        className={cn(\n            \"wby-flex wby-flex-col wby-z-[150] wby-min-w-[8rem] wby-overflow-hidden wby-rounded-md wby-gap-xxs wby-bg-white wby-py-xs-plus wby-text-neutral-primary wby-shadow-none data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2 wby-border-sm wby-border-solid wby-border-neutral-muted\",\n            className\n        )}\n        {...props}\n    />\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport { DropdownMenuContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE;AAEX,MAAMC,mBAAmB,gBAAGJ,KAAK,CAACK,UAAU,CAG1C,CAAC;EAAEC,SAAS;EAAEC,UAAU,GAAG,CAAC;EAAEC,gBAAgB,GAAG,CAAC;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACjEV,KAAA,CAAAW,aAAA,CAACT,qBAAqB,CAACU,OAAO,EAAAC,MAAA,CAAAC,MAAA;EAC1BJ,GAAG,EAAEA,GAAI;EACTH,UAAU,EAAEA,UAAW;EACvBC,gBAAgB,EAAEA,gBAAiB;EACnCF,SAAS,EAAEH,EAAE,CACT,ylBAAylB,EACzlBG,SACJ;AAAE,GACEG,KAAK,CACZ,CACJ,CAAC;AACFL,mBAAmB,CAACW,WAAW,GAAGb,qBAAqB,CAACU,OAAO,CAACG,WAAW;AAE3E,SAASX,mBAAmB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuContent.js","sources":["../../../src/DropdownMenu/components/DropdownMenuContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\nconst DropdownMenuContent = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, collisionPadding = 8, ...props }, ref) => (\n    <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        className={cn(\n            \"flex flex-col z-popover min-w-32 overflow-hidden rounded-md gap-xxs bg-white py-xs-plus text-neutral-primary shadow-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-sm border-solid border-neutral-muted\",\n            className\n        )}\n        {...props}\n    />\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport { DropdownMenuContent };\n"],"names":["DropdownMenuContent","React","className","sideOffset","collisionPadding","props","ref","DropdownMenuPrimitive","cn"],"mappings":";;;AAIA,MAAMA,sBAAsB,WAAHA,GAAGC,wBAAAA,UAAgB,CAG1C,CAAC,EAAEC,SAAS,EAAEC,aAAa,CAAC,EAAEC,mBAAmB,CAAC,EAAE,GAAGC,OAAO,EAAEC,MAAAA,WAAAA,GAC9D,sCAACC,aAAAA,OAA6B;QAC1B,KAAKD;QACL,YAAYH;QACZ,kBAAkBC;QAClB,WAAWI,GACP,yfACAN;QAEH,GAAGG,KAAK;;AAGjBL,oBAAoB,WAAW,GAAGO,aAAAA,OAAAA,CAAAA,WAAyC"}

package/DropdownMenu/components/DropdownMenuGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
     original: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -13,9 +12,9 @@ export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponen
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
         original: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;
-    }>) => (props: unknown) => import("react").JSX.Element;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/DropdownMenu/components/DropdownMenuGroup.js

@@ -1,6 +1,7 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { makeDecoratable } from "../../utils";
-const DropdownMenuGroupBase = DropdownMenuPrimitive.Group;
-export const DropdownMenuGroup = makeDecoratable("DropdownMenuGroup", DropdownMenuGroupBase);
+import { DropdownMenu } from "radix-ui";
+import { makeDecoratable } from "../../utils.js";
+const DropdownMenuGroupBase = DropdownMenu.Group;
+const DropdownMenuGroup = makeDecoratable("DropdownMenuGroup", DropdownMenuGroupBase);
+export { DropdownMenuGroup };
 
 //# sourceMappingURL=DropdownMenuGroup.js.map

package/DropdownMenu/components/DropdownMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","DropdownMenuPrimitive","makeDecoratable","DropdownMenuGroupBase","Group","DropdownMenuGroup"],"sources":["DropdownMenuGroup.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { makeDecoratable } from \"~/utils\";\n\nconst DropdownMenuGroupBase = DropdownMenuPrimitive.Group;\nexport const DropdownMenuGroup = makeDecoratable(\"DropdownMenuGroup\", DropdownMenuGroupBase);\n"],"mappings":"AAAA,SAASA,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,eAAe;AAExB,MAAMC,qBAAqB,GAAGF,qBAAqB,CAACG,KAAK;AACzD,OAAO,MAAMC,iBAAiB,GAAGH,eAAe,CAAC,mBAAmB,EAAEC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuGroup.js","sources":["../../../src/DropdownMenu/components/DropdownMenuGroup.tsx"],"sourcesContent":["import { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { makeDecoratable } from \"~/utils.js\";\n\nconst DropdownMenuGroupBase = DropdownMenuPrimitive.Group;\nexport const DropdownMenuGroup = makeDecoratable(\"DropdownMenuGroup\", DropdownMenuGroupBase);\n"],"names":["DropdownMenuGroupBase","DropdownMenuPrimitive","DropdownMenuGroup","makeDecoratable"],"mappings":";;AAGA,MAAMA,wBAAwBC,aAAAA,KAA2B;AAClD,MAAMC,oBAAoBC,gBAAgB,qBAAqBH"}

package/DropdownMenu/components/DropdownMenuItem.d.ts

@@ -1,19 +1,23 @@
 import * as React from "react";
-import { type DropdownMenuItemIconProps } from "./DropdownMenuItemIcon";
-import type { LinkProps, To } from "@webiny/react-router";
+import { DropdownMenuItemIcon, type DropdownMenuItemIconProps } from "./DropdownMenuItemIcon.js";
+import { LinkComponentProps } from "../../index.js";
 interface DropdownMenuItemBaseProps {
     icon?: React.ReactNode;
     readOnly?: boolean;
+    variant?: "destructive";
     text?: React.ReactNode;
     disabled?: boolean;
     onClick?: React.MouseEventHandler;
+    /**
+     * Keep the menu open after selecting this item. Useful for items that toggle a value
+     * (e.g. a checkbox), where the user expects to make multiple selections in one session.
+     */
+    preventClose?: boolean;
 }
 type DropdownMenuItemButtonProps = (DropdownMenuItemBaseProps & React.HTMLAttributes<HTMLDivElement>) & {
     to?: never;
 };
-type DropdownMenuItemLinkProps = (DropdownMenuItemBaseProps & LinkProps) & {
-    to: To;
-};
+type DropdownMenuItemLinkProps = DropdownMenuItemBaseProps & LinkComponentProps;
 type DropdownMenuItemProps = DropdownMenuItemButtonProps | DropdownMenuItemLinkProps;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
     original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
@@ -28,12 +32,12 @@ declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItem
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
         original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Icon: (props: DropdownMenuItemIconProps) => React.JSX.Element;
+    Icon: typeof DropdownMenuItemIcon;
 };
 export { DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemButtonProps, type DropdownMenuItemLinkProps, type DropdownMenuItemIconProps };

package/DropdownMenu/components/DropdownMenuItem.js

@@ -1,55 +1,64 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn, cva, makeDecoratable } from "../../utils";
-import { DropdownMenuSubRoot } from "./DropdownMenuSubRoot";
-import { DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger";
-import { DropdownMenuPortal } from "./DropdownMenuPortal";
-import { DropdownMenuSubContent } from "./DropdownMenuSubContent";
-import { DropdownMenuItemIcon } from "./DropdownMenuItemIcon";
-import { Link } from "@webiny/react-router";
-const variants = cva(["wby-group wby-relative wby-cursor-default wby-select-none wby-items-center wby-rounded-sm", "wby-text-md wby-text-neutral-primary !wby-no-underline", "wby-px-xs-plus wby-outline-none wby-transition-colors", "[&_svg]:wby-fill-neutral-xstrong [&_svg]:wby-pointer-events-none [&_svg]:wby-size-md [&_svg]:wby-shrink-0", "data-[disabled]:wby-pointer-events-none data-[disabled]:wby-text-neutral-disabled", "[&_a]:!wby-no-underline [&_a]:!wby-text-neutral-primary"], {
-  variants: {
-    readOnly: {
-      true: "wby-pointer-events-none"
+import { DropdownMenu } from "radix-ui";
+import { cn, cva, makeDecoratable } from "../../utils.js";
+import { DropdownMenuSubRoot } from "./DropdownMenuSubRoot.js";
+import { DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.js";
+import { DropdownMenuPortal } from "./DropdownMenuPortal.js";
+import { DropdownMenuSubContent } from "./DropdownMenuSubContent.js";
+import { DropdownMenuItemIcon } from "./DropdownMenuItemIcon.js";
+import { useAdminUi } from "../../index.js";
+import * as __rspack_external_react from "react";
+const variants = cva([
+    "group relative cursor-default select-none items-center rounded-sm",
+    "text-md text-neutral-primary no-underline!",
+    "px-xs-plus outline-none transition-colors",
+    "[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0",
+    "data-disabled:pointer-events-none data-disabled:text-neutral-disabled",
+    "[&_a]:no-underline! [&_a]:text-neutral-primary!"
+], {
+    variants: {
+        variant: {
+            destructive: [
+                "text-destructive-primary!",
+                "[&_svg]:fill-destructive"
+            ]
+        },
+        readOnly: {
+            true: "pointer-events-none"
+        }
+    },
+    defaultVariants: {
+        readOnly: false
     }
-  },
-  defaultVariants: {
-    readOnly: false
-  }
 });
-const DropdownMenuItemBase = /*#__PURE__*/React.forwardRef(({
-  className,
-  icon,
-  text,
-  readOnly,
-  disabled,
-  onClick,
-  children,
-  ...linkProps
-}, ref) => {
-  if (children) {
-    return /*#__PURE__*/React.createElement(DropdownMenuSubRoot, null, /*#__PURE__*/React.createElement(DropdownMenuSubTrigger, null, icon, /*#__PURE__*/React.createElement("span", null, text)), /*#__PURE__*/React.createElement(DropdownMenuPortal, null, /*#__PURE__*/React.createElement(DropdownMenuSubContent, null, children)));
-  }
-  const sharedProps = {
-    className: cn("wby-flex wby-px-sm wby-py-xs-plus wby-gap-sm-extra wby-items-center wby-text-md wby-rounded-sm wby-transition-colors group-focus:wby-bg-neutral-dimmed", {
-      "[&_svg]:!wby-fill-neutral-disabled": disabled
-    })
-  };
-  const content = linkProps.to ? /*#__PURE__*/React.createElement(Link, Object.assign({}, sharedProps, linkProps), icon, /*#__PURE__*/React.createElement("span", null, text)) : /*#__PURE__*/React.createElement("div", Object.assign({}, sharedProps, {
-    onClick: onClick
-  }), icon, /*#__PURE__*/React.createElement("span", null, text));
-  return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Item, {
-    disabled: disabled,
-    ref: ref,
-    className: cn(variants({
-      readOnly
-    }), className)
-  }, content);
+const DropdownMenuItemBase = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, icon, text, readOnly, variant, disabled, onClick, preventClose, children, ...linkProps }, ref)=>{
+    const { linkComponent: LinkComponent } = useAdminUi();
+    if (children) return /*#__PURE__*/ __rspack_external_react.createElement(DropdownMenuSubRoot, null, /*#__PURE__*/ __rspack_external_react.createElement(DropdownMenuSubTrigger, null, icon, /*#__PURE__*/ __rspack_external_react.createElement("span", null, text)), /*#__PURE__*/ __rspack_external_react.createElement(DropdownMenuPortal, null, /*#__PURE__*/ __rspack_external_react.createElement(DropdownMenuSubContent, null, children)));
+    const sharedProps = {
+        className: cn("flex px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm transition-colors group-focus:bg-neutral-dimmed", {
+            "[&_svg]:fill-neutral-disabled!": disabled
+        })
+    };
+    const content = linkProps.to ? /*#__PURE__*/ __rspack_external_react.createElement(LinkComponent, {
+        ...sharedProps,
+        ...linkProps
+    }, icon, /*#__PURE__*/ __rspack_external_react.createElement("span", null, text)) : /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...sharedProps,
+        onClick: onClick
+    }, icon, /*#__PURE__*/ __rspack_external_react.createElement("span", null, text));
+    return /*#__PURE__*/ __rspack_external_react.createElement(DropdownMenu.Item, {
+        disabled: disabled,
+        ref: ref,
+        className: cn(variants({
+            readOnly,
+            variant
+        }), className),
+        onSelect: preventClose ? (event)=>event.preventDefault() : void 0
+    }, content);
 });
-DropdownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
+DropdownMenuItemBase.displayName = DropdownMenu.Item.displayName;
 const DecoratableDropdownMenuItem = makeDecoratable("DropdownMenuItem", DropdownMenuItemBase);
 const DropdownMenuItem = Object.assign(DecoratableDropdownMenuItem, {
-  Icon: DropdownMenuItemIcon
+    Icon: DropdownMenuItemIcon
 });
 export { DropdownMenuItem };
 

package/DropdownMenu/components/DropdownMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","cva","makeDecoratable","DropdownMenuSubRoot","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","DropdownMenuItemIcon","Link","variants","readOnly","true","defaultVariants","DropdownMenuItemBase","forwardRef","className","icon","text","disabled","onClick","children","linkProps","ref","createElement","sharedProps","content","to","Object","assign","Item","displayName","DecoratableDropdownMenuItem","DropdownMenuItem","Icon"],"sources":["DropdownMenuItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, cva, makeDecoratable } from \"~/utils\";\nimport { DropdownMenuSubRoot } from \"./DropdownMenuSubRoot\";\nimport { DropdownMenuSubTrigger } from \"./DropdownMenuSubTrigger\";\nimport { DropdownMenuPortal } from \"./DropdownMenuPortal\";\nimport { DropdownMenuSubContent } from \"./DropdownMenuSubContent\";\nimport { DropdownMenuItemIcon, type DropdownMenuItemIconProps } from \"./DropdownMenuItemIcon\";\nimport type { LinkProps, To } from \"@webiny/react-router\";\nimport { Link } from \"@webiny/react-router\";\n\ninterface DropdownMenuItemBaseProps {\n    icon?: React.ReactNode;\n    readOnly?: boolean;\n    text?: React.ReactNode;\n    disabled?: boolean;\n    onClick?: React.MouseEventHandler;\n}\n\ntype DropdownMenuItemButtonProps = (DropdownMenuItemBaseProps &\n    React.HTMLAttributes<HTMLDivElement>) & { to?: never };\ntype DropdownMenuItemLinkProps = (DropdownMenuItemBaseProps & LinkProps) & { to: To };\n\ntype DropdownMenuItemProps = DropdownMenuItemButtonProps | DropdownMenuItemLinkProps;\n\nconst variants = cva(\n    [\n        \"wby-group wby-relative wby-cursor-default wby-select-none wby-items-center wby-rounded-sm\",\n        \"wby-text-md wby-text-neutral-primary !wby-no-underline\",\n        \"wby-px-xs-plus wby-outline-none wby-transition-colors\",\n        \"[&_svg]:wby-fill-neutral-xstrong [&_svg]:wby-pointer-events-none [&_svg]:wby-size-md [&_svg]:wby-shrink-0\",\n        \"data-[disabled]:wby-pointer-events-none data-[disabled]:wby-text-neutral-disabled\",\n        \"[&_a]:!wby-no-underline [&_a]:!wby-text-neutral-primary\"\n    ],\n    {\n        variants: {\n            readOnly: {\n                true: \"wby-pointer-events-none\"\n            }\n        },\n        defaultVariants: {\n            readOnly: false\n        }\n    }\n);\n\nconst DropdownMenuItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n    DropdownMenuItemProps\n>(({ className, icon, text, readOnly, disabled, onClick, children, ...linkProps }, ref) => {\n    if (children) {\n        return (\n            <DropdownMenuSubRoot>\n                <DropdownMenuSubTrigger>\n                    {icon}\n                    <span>{text}</span>\n                </DropdownMenuSubTrigger>\n                <DropdownMenuPortal>\n                    <DropdownMenuSubContent>{children}</DropdownMenuSubContent>\n                </DropdownMenuPortal>\n            </DropdownMenuSubRoot>\n        );\n    }\n    const sharedProps = {\n        className: cn(\n            \"wby-flex wby-px-sm wby-py-xs-plus wby-gap-sm-extra wby-items-center wby-text-md wby-rounded-sm wby-transition-colors group-focus:wby-bg-neutral-dimmed\",\n            {\n                \"[&_svg]:!wby-fill-neutral-disabled\": disabled\n            }\n        )\n    };\n\n    const content = linkProps.to ? (\n        <Link {...sharedProps} {...linkProps}>\n            {icon}\n            <span>{text}</span>\n        </Link>\n    ) : (\n        <div {...sharedProps} onClick={onClick}>\n            {icon}\n            <span>{text}</span>\n        </div>\n    );\n\n    return (\n        <DropdownMenuPrimitive.Item\n            disabled={disabled}\n            ref={ref}\n            className={cn(variants({ readOnly }), className)}\n        >\n            {content}\n        </DropdownMenuPrimitive.Item>\n    );\n});\n\nDropdownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DecoratableDropdownMenuItem = makeDecoratable(\"DropdownMenuItem\", DropdownMenuItemBase);\n\nconst DropdownMenuItem = Object.assign(DecoratableDropdownMenuItem, {\n    Icon: DropdownMenuItemIcon\n});\n\nexport {\n    DropdownMenuItem,\n    type DropdownMenuItemProps,\n    type DropdownMenuItemButtonProps,\n    type DropdownMenuItemLinkProps,\n    type DropdownMenuItemIconProps\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,oBAAoB;AAE7B,SAASC,IAAI,QAAQ,sBAAsB;AAgB3C,MAAMC,QAAQ,GAAGR,GAAG,CAChB,CACI,2FAA2F,EAC3F,wDAAwD,EACxD,uDAAuD,EACvD,2GAA2G,EAC3G,mFAAmF,EACnF,yDAAyD,CAC5D,EACD;EACIQ,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbF,QAAQ,EAAE;EACd;AACJ,CACJ,CAAC;AAED,MAAMG,oBAAoB,gBAAGhB,KAAK,CAACiB,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,IAAI;EAAEP,QAAQ;EAAEQ,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAG,KAAK;EACvF,IAAIF,QAAQ,EAAE;IACV,oBACIvB,KAAA,CAAA0B,aAAA,CAACpB,mBAAmB,qBAChBN,KAAA,CAAA0B,aAAA,CAACnB,sBAAsB,QAClBY,IAAI,eACLnB,KAAA,CAAA0B,aAAA,eAAON,IAAW,CACE,CAAC,eACzBpB,KAAA,CAAA0B,aAAA,CAAClB,kBAAkB,qBACfR,KAAA,CAAA0B,aAAA,CAACjB,sBAAsB,QAAEc,QAAiC,CAC1C,CACH,CAAC;EAE9B;EACA,MAAMI,WAAW,GAAG;IAChBT,SAAS,EAAEf,EAAE,CACT,wJAAwJ,EACxJ;MACI,oCAAoC,EAAEkB;IAC1C,CACJ;EACJ,CAAC;EAED,MAAMO,OAAO,GAAGJ,SAAS,CAACK,EAAE,gBACxB7B,KAAA,CAAA0B,aAAA,CAACf,IAAI,EAAAmB,MAAA,CAAAC,MAAA,KAAKJ,WAAW,EAAMH,SAAS,GAC/BL,IAAI,eACLnB,KAAA,CAAA0B,aAAA,eAAON,IAAW,CAChB,CAAC,gBAEPpB,KAAA,CAAA0B,aAAA,QAAAI,MAAA,CAAAC,MAAA,KAASJ,WAAW;IAAEL,OAAO,EAAEA;EAAQ,IAClCH,IAAI,eACLnB,KAAA,CAAA0B,aAAA,eAAON,IAAW,CACjB,CACR;EAED,oBACIpB,KAAA,CAAA0B,aAAA,CAACxB,qBAAqB,CAAC8B,IAAI;IACvBX,QAAQ,EAAEA,QAAS;IACnBI,GAAG,EAAEA,GAAI;IACTP,SAAS,EAAEf,EAAE,CAACS,QAAQ,CAAC;MAAEC;IAAS,CAAC,CAAC,EAAEK,SAAS;EAAE,GAEhDU,OACuB,CAAC;AAErC,CAAC,CAAC;AAEFZ,oBAAoB,CAACiB,WAAW,GAAG/B,qBAAqB,CAAC8B,IAAI,CAACC,WAAW;AAEzE,MAAMC,2BAA2B,GAAG7B,eAAe,CAAC,kBAAkB,EAAEW,oBAAoB,CAAC;AAE7F,MAAMmB,gBAAgB,GAAGL,MAAM,CAACC,MAAM,CAACG,2BAA2B,EAAE;EAChEE,IAAI,EAAE1B;AACV,CAAC,CAAC;AAEF,SACIyB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuItem.js","sources":["../../../src/DropdownMenu/components/DropdownMenuItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, cva, makeDecoratable } from \"~/utils.js\";\nimport { DropdownMenuSubRoot } from \"./DropdownMenuSubRoot.js\";\nimport { DropdownMenuSubTrigger } from \"./DropdownMenuSubTrigger.js\";\nimport { DropdownMenuPortal } from \"./DropdownMenuPortal.js\";\nimport { DropdownMenuSubContent } from \"./DropdownMenuSubContent.js\";\nimport { DropdownMenuItemIcon, type DropdownMenuItemIconProps } from \"./DropdownMenuItemIcon.js\";\nimport { LinkComponentProps, useAdminUi } from \"~/index.js\";\n\ninterface DropdownMenuItemBaseProps {\n    icon?: React.ReactNode;\n    readOnly?: boolean;\n    variant?: \"destructive\";\n    text?: React.ReactNode;\n    disabled?: boolean;\n    onClick?: React.MouseEventHandler;\n    /**\n     * Keep the menu open after selecting this item. Useful for items that toggle a value\n     * (e.g. a checkbox), where the user expects to make multiple selections in one session.\n     */\n    preventClose?: boolean;\n}\n\ntype DropdownMenuItemButtonProps = (DropdownMenuItemBaseProps &\n    React.HTMLAttributes<HTMLDivElement>) & { to?: never };\ntype DropdownMenuItemLinkProps = DropdownMenuItemBaseProps & LinkComponentProps;\n\ntype DropdownMenuItemProps = DropdownMenuItemButtonProps | DropdownMenuItemLinkProps;\n\nconst variants = cva(\n    [\n        \"group relative cursor-default select-none items-center rounded-sm\",\n        \"text-md text-neutral-primary no-underline!\",\n        \"px-xs-plus outline-none transition-colors\",\n        \"[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0\",\n        \"data-disabled:pointer-events-none data-disabled:text-neutral-disabled\",\n        \"[&_a]:no-underline! [&_a]:text-neutral-primary!\"\n    ],\n    {\n        variants: {\n            variant: {\n                destructive: [\"text-destructive-primary!\", \"[&_svg]:fill-destructive\"]\n            },\n            readOnly: {\n                true: \"pointer-events-none\"\n            }\n        },\n        defaultVariants: {\n            readOnly: false\n        }\n    }\n);\n\nconst DropdownMenuItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n    DropdownMenuItemProps\n>(\n    (\n        {\n            className,\n            icon,\n            text,\n            readOnly,\n            variant,\n            disabled,\n            onClick,\n            preventClose,\n            children,\n            ...linkProps\n        },\n        ref\n    ) => {\n        const { linkComponent: LinkComponent } = useAdminUi();\n\n        if (children) {\n            return (\n                <DropdownMenuSubRoot>\n                    <DropdownMenuSubTrigger>\n                        {icon}\n                        <span>{text}</span>\n                    </DropdownMenuSubTrigger>\n                    <DropdownMenuPortal>\n                        <DropdownMenuSubContent>{children}</DropdownMenuSubContent>\n                    </DropdownMenuPortal>\n                </DropdownMenuSubRoot>\n            );\n        }\n        const sharedProps = {\n            className: cn(\n                \"flex px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm transition-colors group-focus:bg-neutral-dimmed\",\n                {\n                    \"[&_svg]:fill-neutral-disabled!\": disabled\n                }\n            )\n        };\n\n        const content = linkProps.to ? (\n            <LinkComponent {...sharedProps} {...linkProps}>\n                {icon}\n                <span>{text}</span>\n            </LinkComponent>\n        ) : (\n            <div {...sharedProps} onClick={onClick}>\n                {icon}\n                <span>{text}</span>\n            </div>\n        );\n\n        return (\n            <DropdownMenuPrimitive.Item\n                disabled={disabled}\n                ref={ref}\n                className={cn(variants({ readOnly, variant }), className)}\n                onSelect={preventClose ? event => event.preventDefault() : undefined}\n            >\n                {content}\n            </DropdownMenuPrimitive.Item>\n        );\n    }\n);\n\nDropdownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DecoratableDropdownMenuItem = makeDecoratable(\"DropdownMenuItem\", DropdownMenuItemBase);\n\nconst DropdownMenuItem = Object.assign(DecoratableDropdownMenuItem, {\n    Icon: DropdownMenuItemIcon\n});\n\nexport {\n    DropdownMenuItem,\n    type DropdownMenuItemProps,\n    type DropdownMenuItemButtonProps,\n    type DropdownMenuItemLinkProps,\n    type DropdownMenuItemIconProps\n};\n"],"names":["variants","cva","DropdownMenuItemBase","React","className","icon","text","readOnly","variant","disabled","onClick","preventClose","children","linkProps","ref","LinkComponent","useAdminUi","DropdownMenuSubRoot","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","sharedProps","cn","content","DropdownMenuPrimitive","event","undefined","DecoratableDropdownMenuItem","makeDecoratable","DropdownMenuItem","Object","DropdownMenuItemIcon"],"mappings":";;;;;;;;;AA8BA,MAAMA,WAAWC,IACb;IACI;IACA;IACA;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,SAAS;YACL,aAAa;gBAAC;gBAA6B;aAA2B;QAC1E;QACA,UAAU;YACN,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,UAAU;IACd;AACJ;AAGJ,MAAMC,uBAAuB,WAAHA,GAAGC,wBAAAA,UAAgB,CAIzC,CACI,EACIC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,YAAY,EACZC,QAAQ,EACR,GAAGC,WACN,EACDC;IAEA,MAAM,EAAE,eAAeC,aAAa,EAAE,GAAGC;IAEzC,IAAIJ,UACA,OAAO,WAAP,GACI,sCAACK,qBAAmBA,MAAAA,WAAAA,GAChB,sCAACC,wBAAsBA,MAClBb,MAAAA,WAAAA,GACD,sCAAC,cAAMC,QAAAA,WAAAA,GAEX,sCAACa,oBAAkBA,MAAAA,WAAAA,GACf,sCAACC,wBAAsBA,MAAER;IAKzC,MAAMS,cAAc;QAChB,WAAWC,GACP,sHACA;YACI,kCAAkCb;QACtC;IAER;IAEA,MAAMc,UAAUV,UAAU,EAAE,GAAG,WAAH,GACxB,sCAACE,eAAAA;QAAe,GAAGM,WAAW;QAAG,GAAGR,SAAS;OACxCR,MAAAA,WAAAA,GACD,sCAAC,cAAMC,SAAAA,WAAAA,GAGX,sCAAC;QAAK,GAAGe,WAAW;QAAE,SAASX;OAC1BL,MAAAA,WAAAA,GACD,sCAAC,cAAMC;IAIf,OAAO,WAAP,GACI,sCAACkB,aAAAA,IAA0B;QACvB,UAAUf;QACV,KAAKK;QACL,WAAWQ,GAAGtB,SAAS;YAAEO;YAAUC;QAAQ,IAAIJ;QAC/C,UAAUO,eAAec,CAAAA,QAASA,MAAM,cAAc,KAAKC;OAE1DH;AAGb;AAGJrB,qBAAqB,WAAW,GAAGsB,aAAAA,IAAAA,CAAAA,WAAsC;AAEzE,MAAMG,8BAA8BC,gBAAgB,oBAAoB1B;AAExE,MAAM2B,mBAAmBC,OAAO,MAAM,CAACH,6BAA6B;IAChE,MAAMI;AACV"}

package/DropdownMenu/components/DropdownMenuItemIcon.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type IconProps } from "../../Icon";
+import { type IconProps } from "../../Icon/index.js";
 interface DropdownMenuItemIconProps extends Omit<IconProps, "icon"> {
     element: React.ReactNode;
 }

package/DropdownMenu/components/DropdownMenuItemIcon.js

@@ -1,12 +1,11 @@
-import React from "react";
-import { Icon } from "../../Icon";
-const DropdownMenuItemIcon = props => {
-  return /*#__PURE__*/React.createElement(Icon, Object.assign({
-    size: "sm",
-    color: "neutral-light",
-    icon: props.element
-  }, props));
-};
+import react from "react";
+import { Icon } from "../../Icon/index.js";
+const DropdownMenuItemIcon = (props)=>/*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        color: "neutral-light",
+        icon: props.element,
+        ...props
+    });
 export { DropdownMenuItemIcon };
 
 //# sourceMappingURL=DropdownMenuItemIcon.js.map

package/DropdownMenu/components/DropdownMenuItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","DropdownMenuItemIcon","props","createElement","Object","assign","size","color","icon","element"],"sources":["DropdownMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon\";\n\ninterface DropdownMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element: React.ReactNode;\n}\n\nconst DropdownMenuItemIcon = (props: DropdownMenuItemIconProps) => {\n    return <Icon size={\"sm\"} color={\"neutral-light\"} icon={props.element} {...props} />;\n};\n\nexport { DropdownMenuItemIcon, type DropdownMenuItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAMb,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBAAOH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAAI,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE,eAAgB;IAACC,IAAI,EAAEN,KAAK,CAACO;EAAQ,GAAKP,KAAK,CAAG,CAAC;AACvF,CAAC;AAED,SAASD,oBAAoB","ignoreList":[]}
+{"version":3,"file":"DropdownMenu/components/DropdownMenuItemIcon.js","sources":["../../../src/DropdownMenu/components/DropdownMenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\n\ninterface DropdownMenuItemIconProps extends Omit<IconProps, \"icon\"> {\n    element: React.ReactNode;\n}\n\nconst DropdownMenuItemIcon = (props: DropdownMenuItemIconProps) => {\n    return <Icon size={\"sm\"} color={\"neutral-light\"} icon={props.element} {...props} />;\n};\n\nexport { DropdownMenuItemIcon, type DropdownMenuItemIconProps };\n"],"names":["DropdownMenuItemIcon","props","Icon"],"mappings":";;AAOA,MAAMA,uBAAuB,CAACC,QACnB,WAAP,GAAO,oBAACC,MAAIA;QAAC,MAAM;QAAM,OAAO;QAAiB,MAAMD,MAAM,OAAO;QAAG,GAAGA,KAAK"}

package/DropdownMenu/components/DropdownMenuLabel.d.ts

@@ -16,7 +16,7 @@ export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Dropdown
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
         original: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
         originalName: string;
         displayName: string;