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

package/Accordion/Accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Accordion","ReactComponent","WarningIcon","ArrowUp","ArrowDown","EditIcon","TrashIcon","Button","meta","title","component","argTypes","decorators","Story","createElement","className","render","args","AccordionItem","props","Item","Object","assign","index","Default","children","Fragment","WithDescriptions","description","WithIcon","icon","Icon","label","WithActionsIcon","actions","Action","Separator","WithDraggableItem","draggable","WithNotInteractiveItem","interactive","WithDefaultOpenedItem","defaultOpen","WithDisabledItem","disabled","WithControlledOpenedItem","openFirstItem","setOpenFirstItem","openSecondItem","setOpenSecondItem","openThirdItem","setOpenThirdItem","open","onOpenChange","onClick","text","ContainerVariant","variant","LightBackground","background","ContainerVariantWithLightBackground","Documentation","control","options"],"sources":["Accordion.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Accordion, type AccordionItemProps as BaseAccordionItemProps } from \"./Accordion\";\n\nimport { ReactComponent as WarningIcon } from \"@webiny/icons/insert_chart.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof Accordion> = {\n    title: \"Components/Accordion\",\n    component: Accordion,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"wby-w-[750px] wby-p-[50px] wby-min-h-[500px] wby-bg-[#f6f7f8]\">\n                <Story />\n            </div>\n        )\n    ],\n    render: args => {\n        return <Accordion {...args} />;\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Accordion>;\n\ninterface AccordionItemProps extends Omit<BaseAccordionItemProps, \"value\" | \"title\" | \"children\"> {\n    index: number;\n}\n\nconst AccordionItem = (props: AccordionItemProps) => {\n    return (\n        <Accordion.Item title={`Accordion item ${props.index}`} {...props}>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elit sem, pretium sit amet\n            convallis nec, consequat non nulla. Nunc sit amet sagittis tellus. Etiam venenatis, odio\n            sed consectetur consectetur, quam quam blandit ante, semper maximus lorem est vel dolor.\n            Praesent ac neque rutrum, elementum turpis et, vulputate enim. In ex lorem,\n        </Accordion.Item>\n    );\n};\n\nexport const Default: Story = {\n    args: {\n        children: (\n            <>\n                <AccordionItem index={1} />\n                <AccordionItem index={2} />\n                <AccordionItem index={3} />\n            </>\n        )\n    }\n};\n\nexport const WithDescriptions: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithIcon: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithActionsIcon: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                />\n            </>\n        )\n    }\n};\n\nexport const WithDraggableItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    draggable={true}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    draggable={true}\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n            </>\n        )\n    }\n};\n\nexport const WithNotInteractiveItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem index={1} description=\"Not interactive item.\" interactive={false} />\n                <AccordionItem index={2} />\n                <AccordionItem index={3} />\n            </>\n        )\n    }\n};\n\nexport const WithDefaultOpenedItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    defaultOpen={true}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithDisabledItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    disabled={true}\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    defaultOpen={true}\n                    disabled={true}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithControlledOpenedItem: Story = {\n    ...Default,\n    render: args => {\n        const [openFirstItem, setOpenFirstItem] = useState<boolean>();\n        const [openSecondItem, setOpenSecondItem] = useState<boolean>();\n        const [openThirdItem, setOpenThirdItem] = useState<boolean>();\n\n        return (\n            <>\n                <Accordion {...args}>\n                    <AccordionItem\n                        index={1}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openFirstItem}\n                        onOpenChange={open => setOpenFirstItem(open)}\n                    />\n                    <AccordionItem\n                        index={2}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openSecondItem}\n                        onOpenChange={open => setOpenSecondItem(open)}\n                    />\n                    <AccordionItem\n                        index={3}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openThirdItem}\n                        onOpenChange={open => setOpenThirdItem(open)}\n                    />\n                </Accordion>\n                <div className={\"wby-flex wby-justify-center wby-mt-lg wby-gap-md\"}>\n                    <Button\n                        onClick={() => setOpenFirstItem(!openFirstItem)}\n                        text={\"Toggle First Item\"}\n                    />\n                    <Button\n                        onClick={() => setOpenSecondItem(!openSecondItem)}\n                        text={\"Toggle Second Item\"}\n                    />\n                    <Button\n                        onClick={() => setOpenThirdItem(!openThirdItem)}\n                        text={\"Toggle Third Item\"}\n                    />\n                </div>\n            </>\n        );\n    }\n};\n\nexport const ContainerVariant: Story = {\n    ...Default,\n    args: {\n        variant: \"container\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const LightBackground: Story = {\n    ...Default,\n    decorators: [\n        Story => (\n            <div className=\"wby-w-[750px] wby-p-[50px] wby-min-h-[500px]\">\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        background: \"light\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const ContainerVariantWithLightBackground: Story = {\n    ...Default,\n    decorators: [\n        Story => (\n            <div className=\"wby-w-[750px] wby-p-[50px] wby-min-h-[500px]\">\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        variant: \"container\",\n        background: \"light\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\n// Add a Documentation story\nexport const Documentation: Story = {\n    render: args => {\n        return <Accordion {...args} />;\n    },\n    args: {\n        variant: \"underline\",\n        background: \"base\",\n        children: (\n            <>\n                <Accordion.Item\n                    title=\"Accordion Item 1\"\n                    description=\"This is a description for the first item\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                >\n                    This is the content for the first accordion item. It can contain any React\n                    elements.\n                </Accordion.Item>\n\n                <Accordion.Item\n                    title=\"Accordion Item 2\"\n                    description=\"This is a description for the second item\"\n                    defaultOpen={true}\n                >\n                    This is the content for the second accordion item. It&apos;s open by default.\n                </Accordion.Item>\n\n                <Accordion.Item\n                    title=\"Disabled Item\"\n                    description=\"This item cannot be interacted with\"\n                    disabled={true}\n                >\n                    This content won&apos;t be visible because the item is disabled.\n                </Accordion.Item>\n            </>\n        )\n    },\n    argTypes: {\n        variant: {\n            control: \"select\",\n            options: [\"underline\", \"container\"],\n            description: \"The visual style of the accordion\"\n        },\n        background: {\n            control: \"select\",\n            options: [\"base\", \"light\", \"transparent\"],\n            description: \"The background color of the accordion\"\n        },\n        children: {\n            description:\n                \"The content of the accordion. Please refer to the example code for details.\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion/Accordion.stories.js","sources":["../../src/Accordion/Accordion.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Accordion, type AccordionItemProps as BaseAccordionItemProps } from \"./Accordion.js\";\n\nimport { ReactComponent as WarningIcon } from \"@webiny/icons/insert_chart.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof Accordion> = {\n    title: \"Components/Accordion\",\n    component: Accordion,\n    render: args => {\n        return <Accordion {...args} />;\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Accordion>;\n\n// Reusable decorators\nconst LightGreyBackground = (Story: React.ComponentType) => (\n    <div className=\"w-[750px] p-[50px] min-h-[500px] bg-[#f6f7f8]\">\n        <Story />\n    </div>\n);\n\nconst WhiteBackground = (Story: React.ComponentType) => (\n    <div className=\"w-[750px] p-[50px] min-h-[500px] bg-white\">\n        <Story />\n    </div>\n);\n\nconst NoBackground = (Story: React.ComponentType) => (\n    <div className=\"w-[750px] p-[50px] min-h-[500px]\">\n        <Story />\n    </div>\n);\n\ninterface AccordionItemProps extends Omit<BaseAccordionItemProps, \"value\" | \"title\" | \"children\"> {\n    index: number;\n}\n\nconst AccordionItem = (props: AccordionItemProps) => {\n    return (\n        <Accordion.Item title={`Accordion item ${props.index}`} {...props}>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elit sem, pretium sit amet\n            convallis nec, consequat non nulla. Nunc sit amet sagittis tellus. Etiam venenatis, odio\n            sed consectetur consectetur, quam quam blandit ante, semper maximus lorem est vel dolor.\n            Praesent ac neque rutrum, elementum turpis et, vulputate enim. In ex lorem,\n        </Accordion.Item>\n    );\n};\n\nexport const Default: Story = {\n    args: {\n        children: (\n            <>\n                <AccordionItem index={1} />\n                <AccordionItem index={2} />\n                <AccordionItem index={3} />\n            </>\n        )\n    },\n    decorators: [LightGreyBackground]\n};\n\nexport const UnderlineVariant: Story = {\n    ...Default,\n    args: {\n        variant: \"underline\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const ContainerVariant: Story = {\n    ...Default,\n    args: {\n        variant: \"container\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const ContainerVariantWithAccentBorder: Story = {\n    ...Default,\n    args: {\n        variant: \"container\",\n        border: \"accent\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const ContainerVariantWithBaseBackground: Story = {\n    decorators: [WhiteBackground],\n    args: {\n        variant: \"container\",\n        background: \"base\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const LightBackground: Story = {\n    ...Default,\n    args: {\n        background: \"light\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const BaseBackground: Story = {\n    ...Default,\n    decorators: [NoBackground],\n    args: {\n        background: \"base\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\nexport const WithDescriptions: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n            </>\n        )\n    },\n    argTypes: {}\n};\nexport const WithSubtitles: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem index={1} subtitle=\"(Lorem ipsum dolor sit amet...)\" />\n                <AccordionItem index={2} subtitle=\"(Lorem ipsum dolor sit amet...)\" />\n                <AccordionItem index={3} subtitle=\"(Lorem ipsum dolor sit amet...)\" />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const WithIcon: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithActionsIcon: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                />\n            </>\n        )\n    }\n};\n\nexport const WithDraggableItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    draggable={true}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    draggable={true}\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n            </>\n        )\n    }\n};\n\nexport const WithNotInteractiveItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem index={1} description=\"Not interactive item.\" interactive={false} />\n                <AccordionItem index={2} />\n                <AccordionItem index={3} />\n            </>\n        )\n    }\n};\n\nexport const WithDefaultOpenedItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    defaultOpen={true}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithDisabledItem: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    disabled={true}\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    defaultOpen={true}\n                    disabled={true}\n                />\n            </>\n        )\n    }\n};\n\nexport const WithControlledOpenedItem: Story = {\n    ...Default,\n    render: args => {\n        const [openFirstItem, setOpenFirstItem] = useState<boolean>();\n        const [openSecondItem, setOpenSecondItem] = useState<boolean>();\n        const [openThirdItem, setOpenThirdItem] = useState<boolean>();\n\n        return (\n            <>\n                <Accordion {...args}>\n                    <AccordionItem\n                        index={1}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openFirstItem}\n                        onOpenChange={open => setOpenFirstItem(open)}\n                    />\n                    <AccordionItem\n                        index={2}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openSecondItem}\n                        onOpenChange={open => setOpenSecondItem(open)}\n                    />\n                    <AccordionItem\n                        index={3}\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                        open={openThirdItem}\n                        onOpenChange={open => setOpenThirdItem(open)}\n                    />\n                </Accordion>\n                <div className={\"flex justify-center mt-lg gap-md\"}>\n                    <Button\n                        onClick={() => setOpenFirstItem(!openFirstItem)}\n                        text={\"Toggle First Item\"}\n                    />\n                    <Button\n                        onClick={() => setOpenSecondItem(!openSecondItem)}\n                        text={\"Toggle Second Item\"}\n                    />\n                    <Button\n                        onClick={() => setOpenThirdItem(!openThirdItem)}\n                        text={\"Toggle Third Item\"}\n                    />\n                </div>\n            </>\n        );\n    }\n};\n\nexport const NestedAccordions: Story = {\n    decorators: [WhiteBackground],\n    name: \"Nested Accordions (Base Background)\",\n    args: {\n        background: \"base\",\n        children: (\n            <>\n                <Accordion.Item\n                    title=\"Level 1\"\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                >\n                    <Accordion>\n                        <Accordion.Item\n                            title=\"Level 2\"\n                            description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                            icon={\n                                <Accordion.Item.Icon\n                                    icon={<WarningIcon />}\n                                    label={\"Warning icon\"}\n                                />\n                            }\n                            actions={\n                                <>\n                                    <Accordion.Item.Action icon={<ArrowUp />} />\n                                    <Accordion.Item.Action icon={<ArrowDown />} />\n                                    <Accordion.Item.Action.Separator />\n                                    <Accordion.Item.Action icon={<EditIcon />} />\n                                    <Accordion.Item.Action icon={<TrashIcon />} />\n                                </>\n                            }\n                        >\n                            <Accordion>\n                                <Accordion.Item\n                                    title=\"Level 3\"\n                                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                                    icon={\n                                        <Accordion.Item.Icon\n                                            icon={<WarningIcon />}\n                                            label={\"Warning icon\"}\n                                        />\n                                    }\n                                    actions={\n                                        <>\n                                            <Accordion.Item.Action icon={<ArrowUp />} />\n                                            <Accordion.Item.Action icon={<ArrowDown />} />\n                                            <Accordion.Item.Action.Separator />\n                                            <Accordion.Item.Action icon={<EditIcon />} />\n                                            <Accordion.Item.Action icon={<TrashIcon />} />\n                                        </>\n                                    }\n                                >\n                                    <Accordion>\n                                        <Accordion.Item title=\"Level 4\">\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                        </Accordion.Item>\n                    </Accordion>\n                </Accordion.Item>\n                <Accordion.Item title=\"Level 1\">\n                    <Accordion>\n                        <Accordion.Item\n                            title=\"Level 2\"\n                            description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                            icon={\n                                <Accordion.Item.Icon\n                                    icon={<WarningIcon />}\n                                    label={\"Warning icon\"}\n                                />\n                            }\n                            actions={\n                                <>\n                                    <Accordion.Item.Action icon={<ArrowUp />} />\n                                    <Accordion.Item.Action icon={<ArrowDown />} />\n                                    <Accordion.Item.Action.Separator />\n                                    <Accordion.Item.Action icon={<EditIcon />} />\n                                    <Accordion.Item.Action icon={<TrashIcon />} />\n                                </>\n                            }\n                        >\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">\n                                    <Accordion>\n                                        <Accordion.Item title=\"Level 4\">\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                        </Accordion.Item>\n                    </Accordion>\n                </Accordion.Item>\n            </>\n        )\n    }\n};\n\nexport const NestedAccordionsLight: Story = {\n    ...Default,\n    name: \"Nested Accordions (Light Background)\",\n    args: {\n        background: \"light\",\n        children: (\n            <>\n                <Accordion.Item\n                    title=\"Level 1\"\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<ArrowUp />} />\n                            <Accordion.Item.Action icon={<ArrowDown />} />\n                            <Accordion.Item.Action.Separator />\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                >\n                    <Accordion>\n                        <Accordion.Item\n                            title=\"Level 2\"\n                            description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                            icon={\n                                <Accordion.Item.Icon\n                                    icon={<WarningIcon />}\n                                    label={\"Warning icon\"}\n                                />\n                            }\n                            actions={\n                                <>\n                                    <Accordion.Item.Action icon={<ArrowUp />} />\n                                    <Accordion.Item.Action icon={<ArrowDown />} />\n                                    <Accordion.Item.Action.Separator />\n                                    <Accordion.Item.Action icon={<EditIcon />} />\n                                    <Accordion.Item.Action icon={<TrashIcon />} />\n                                </>\n                            }\n                        >\n                            <Accordion>\n                                <Accordion.Item\n                                    title=\"Level 3\"\n                                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                                    icon={\n                                        <Accordion.Item.Icon\n                                            icon={<WarningIcon />}\n                                            label={\"Warning icon\"}\n                                        />\n                                    }\n                                    actions={\n                                        <>\n                                            <Accordion.Item.Action icon={<ArrowUp />} />\n                                            <Accordion.Item.Action icon={<ArrowDown />} />\n                                            <Accordion.Item.Action.Separator />\n                                            <Accordion.Item.Action icon={<EditIcon />} />\n                                            <Accordion.Item.Action icon={<TrashIcon />} />\n                                        </>\n                                    }\n                                >\n                                    <Accordion>\n                                        <Accordion.Item title=\"Level 4\">\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Content\n                                                </Accordion.Item>\n                                            </Accordion>\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                        </Accordion.Item>\n                    </Accordion>\n                </Accordion.Item>\n                <Accordion.Item title=\"Level 1\">\n                    <Accordion>\n                        <Accordion.Item\n                            title=\"Level 2\"\n                            description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                            icon={\n                                <Accordion.Item.Icon\n                                    icon={<WarningIcon />}\n                                    label={\"Warning icon\"}\n                                />\n                            }\n                            actions={\n                                <>\n                                    <Accordion.Item.Action icon={<ArrowUp />} />\n                                    <Accordion.Item.Action icon={<ArrowDown />} />\n                                    <Accordion.Item.Action.Separator />\n                                    <Accordion.Item.Action icon={<EditIcon />} />\n                                    <Accordion.Item.Action icon={<TrashIcon />} />\n                                </>\n                            }\n                        >\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">\n                                    <Accordion>\n                                        <Accordion.Item title=\"Level 4\">\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                            <Accordion>\n                                                <Accordion.Item title=\"Level 5\">\n                                                    Test\n                                                </Accordion.Item>\n                                            </Accordion>\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                            <Accordion>\n                                <Accordion.Item title=\"Level 3\">Content</Accordion.Item>\n                            </Accordion>\n                        </Accordion.Item>\n                    </Accordion>\n                </Accordion.Item>\n            </>\n        )\n    }\n};\n\nexport const WithColorMark: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    colorMark={\"#ff6584\"}\n                    index={1}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const Locked: Story = {\n    ...Default,\n    args: {\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    locked={true}\n                    description=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\nexport const IndicatorPositionLeft: Story = {\n    decorators: [LightGreyBackground],\n    args: {\n        variant: \"underline\",\n        openClosedIndicatorPosition: \"right\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"When indicator is on the left, it replaces the icon position.\"\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Icons are not shown when indicator is on the left.\"\n                />\n                <AccordionItem\n                    index={3}\n                    description=\"Actions are still shown on the right side.\"\n                    actions={\n                        <Accordion.Item.Action\n                            icon={<TrashIcon />}\n                            onClick={() => alert(\"Delete clicked\")}\n                        />\n                    }\n                />\n            </>\n        )\n    }\n};\n\nexport const IndicatorPositionRight: Story = {\n    decorators: [LightGreyBackground],\n    args: {\n        variant: \"underline\",\n        openClosedIndicatorPosition: \"right\",\n        children: (\n            <>\n                <AccordionItem\n                    index={1}\n                    description=\"Default behavior with indicator on the right.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n                <AccordionItem\n                    index={2}\n                    description=\"Icons can be shown when indicator is on the right.\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                />\n            </>\n        )\n    }\n};\n\n// Add a Documentation story\nexport const Documentation: Story = {\n    render: args => {\n        return <Accordion {...args} />;\n    },\n    args: {\n        variant: \"underline\",\n        children: (\n            <>\n                <Accordion.Item\n                    title=\"Accordion Item 1\"\n                    description=\"This is a description for the first item\"\n                    icon={<Accordion.Item.Icon icon={<WarningIcon />} label={\"Warning icon\"} />}\n                    actions={\n                        <>\n                            <Accordion.Item.Action icon={<EditIcon />} />\n                            <Accordion.Item.Action icon={<TrashIcon />} />\n                        </>\n                    }\n                >\n                    This is the content for the first accordion item. It can contain any React\n                    elements.\n                </Accordion.Item>\n\n                <Accordion.Item\n                    title=\"Accordion Item 2\"\n                    description=\"This is a description for the second item\"\n                    defaultOpen={true}\n                >\n                    This is the content for the second accordion item. It&apos;s open by default.\n                </Accordion.Item>\n\n                <Accordion.Item\n                    title=\"Disabled Item\"\n                    description=\"This item cannot be interacted with\"\n                    disabled={true}\n                >\n                    This content won&apos;t be visible because the item is disabled.\n                </Accordion.Item>\n            </>\n        )\n    },\n    argTypes: {\n        variant: {\n            control: \"select\",\n            options: [\"underline\", \"container\"],\n            description: \"The visual style of the accordion\"\n        },\n        background: {\n            control: \"select\",\n            options: [\"base\", \"light\", \"transparent\"],\n            description: \"The background color of the accordion\"\n        },\n        children: {\n            description:\n                \"The content of the accordion. Please refer to the example code for details.\"\n        }\n    }\n};\n"],"names":["meta","Accordion","args","LightGreyBackground","Story","WhiteBackground","NoBackground","AccordionItem","props","Default","UnderlineVariant","WarningIcon","ContainerVariant","ContainerVariantWithAccentBorder","ContainerVariantWithBaseBackground","LightBackground","BaseBackground","WithDescriptions","WithSubtitles","WithIcon","WithActionsIcon","ArrowUp","ArrowDown","EditIcon","TrashIcon","WithDraggableItem","WithNotInteractiveItem","WithDefaultOpenedItem","WithDisabledItem","WithControlledOpenedItem","openFirstItem","setOpenFirstItem","useState","openSecondItem","setOpenSecondItem","openThirdItem","setOpenThirdItem","open","Button","NestedAccordions","NestedAccordionsLight","WithColorMark","Locked","IndicatorPositionLeft","alert","IndicatorPositionRight","Documentation"],"mappings":";;;;;;;;AAWA,MAAMA,OAA+B;IACjC,OAAO;IACP,WAAWC;IACX,QAAQC,CAAAA,OACG,WAAP,GAAO,oBAACD,WAAcC;AAE9B;AAEA,0BAAeF;AAKf,MAAMG,sBAAsB,CAACC,QAAAA,WAAAA,GACzB,oBAAC;QAAI,WAAU;qBACX,oBAACA,OAAAA;AAIT,MAAMC,kBAAkB,CAACD,QAAAA,WAAAA,GACrB,oBAAC;QAAI,WAAU;qBACX,oBAACA,OAAAA;AAIT,MAAME,eAAe,CAACF,QAAAA,WAAAA,GAClB,oBAAC;QAAI,WAAU;qBACX,oBAACA,OAAAA;AAQT,MAAMG,gBAAgB,CAACC,QACZ,WAAP,GACI,oBAACP,UAAU,IAAI;QAAC,OAAO,CAAC,eAAe,EAAEO,MAAM,KAAK,EAAE;QAAG,GAAGA,KAAK;OAAE;AASpE,MAAMC,UAAiB;IAC1B,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YAAC,OAAO;0BACtB,oBAACA,eAAaA;YAAC,OAAO;0BACtB,oBAACA,eAAaA;YAAC,OAAO;;IAGlC;IACA,YAAY;QAACJ;KAAoB;AACrC;AAEO,MAAMO,mBAA0B;IACnC,GAAGD,OAAO;IACV,MAAM;QACF,SAAS;QACT,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMC,mBAA0B;IACnC,GAAGH,OAAO;IACV,MAAM;QACF,SAAS;QACT,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAME,mCAA0C;IACnD,GAAGJ,OAAO;IACV,MAAM;QACF,SAAS;QACT,QAAQ;QACR,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMG,qCAA4C;IACrD,YAAY;QAACT;KAAgB;IAC7B,MAAM;QACF,SAAS;QACT,YAAY;QACZ,UAAU,WAAV,GACI,wDACI,oBAACE,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMI,kBAAyB;IAClC,GAAGN,OAAO;IACV,MAAM;QACF,YAAY;QACZ,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMK,iBAAwB;IACjC,GAAGP,OAAO;IACV,YAAY;QAACH;KAAa;IAC1B,MAAM;QACF,YAAY;QACZ,UAAU,WAAV,GACI,wDACI,oBAACC,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AACO,MAAMM,mBAA0B;IACnC,GAAGR,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;;IAI5B;IACA,UAAU,CAAC;AACf;AACO,MAAMW,gBAAuB;IAChC,GAAGT,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YAAC,OAAO;YAAG,UAAS;0BAClC,oBAACA,eAAaA;YAAC,OAAO;YAAG,UAAS;0BAClC,oBAACA,eAAaA;YAAC,OAAO;YAAG,UAAS;;IAG9C;IACA,UAAU,CAAC;AACf;AAEO,MAAMY,WAAkB;IAC3B,GAAGV,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMS,kBAAyB;IAClC,GAAGX,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;0BAInD,oBAACjB,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;;IAM/D;AACJ;AAEO,MAAMC,oBAA2B;IACpC,GAAGhB,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,WAAW;0BAEf,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,WAAW;0BAEf,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;;IAI5B;AACJ;AAEO,MAAMmB,yBAAgC;IACzC,GAAGjB,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YAAC,OAAO;YAAG,aAAY;YAAwB,aAAa;0BAC1E,oBAACA,eAAaA;YAAC,OAAO;0BACtB,oBAACA,eAAaA;YAAC,OAAO;;IAGlC;AACJ;AAEO,MAAMoB,wBAA+B;IACxC,GAAGlB,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,aAAa;;IAI7B;AACJ;AAEO,MAAMqB,mBAA0B;IACnC,GAAGnB,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,UAAU;0BAEd,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,aAAa;YACb,UAAU;;IAI1B;AACJ;AAEO,MAAMsB,2BAAkC;IAC3C,GAAGpB,OAAO;IACV,QAAQP,CAAAA;QACJ,MAAM,CAAC4B,eAAeC,iBAAiB,GAAGC;QAC1C,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGF;QAC5C,MAAM,CAACG,eAAeC,iBAAiB,GAAGJ;QAE1C,OAAO,WAAP,GACI,wDACI,oBAAC/B,WAAcC,MAAAA,WAAAA,GACX,oBAACK,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,MAAMuB;YACN,cAAcO,CAAAA,OAAQN,iBAAiBM;0BAE3C,oBAAC9B,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,MAAM0B;YACN,cAAcI,CAAAA,OAAQH,kBAAkBG;0BAE5C,oBAAC9B,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,MAAM4B;YACN,cAAcE,CAAAA,OAAQD,iBAAiBC;2BAG/C,oBAAC;YAAI,WAAW;yBACZ,oBAACC,QAAMA;YACH,SAAS,IAAMP,iBAAiB,CAACD;YACjC,MAAM;0BAEV,oBAACQ,QAAMA;YACH,SAAS,IAAMJ,kBAAkB,CAACD;YAClC,MAAM;0BAEV,oBAACK,QAAMA;YACH,SAAS,IAAMF,iBAAiB,CAACD;YACjC,MAAM;;IAK1B;AACJ;AAEO,MAAMI,mBAA0B;IACnC,YAAY;QAAClC;KAAgB;IAC7B,MAAM;IACN,MAAM;QACF,YAAY;QACZ,UAAU,WAAV,GACI,wDACI,oBAACJ,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBAAM,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,+BAQpD,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAEpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,8BAKhD,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,wBAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,wBAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,4BAQpD,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAEpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU;IAO5D;AACJ;AAEO,MAAMuC,wBAA+B;IACxC,GAAG/B,OAAO;IACV,MAAM;IACN,MAAM;QACF,YAAY;QACZ,UAAU,WAAV,GACI,wDACI,oBAACR,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBAAM,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,+BAQpD,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAEpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,8BAKhD,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAChB,oBAAM,oBAACU,gBAAWA;gBAClB,OAAO;;YAGf,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACoB,iCAAOA;8BACrC,oBAACpB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACqB,mCAASA;8BACvC,oBAACrB,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;yBAI/C,oBAACvB,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;yBAClB,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,wBAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,wBAIpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,4BAQpD,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU,2BAEpC,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACA,UAAU,IAAI;YAAC,OAAM;WAAU;IAO5D;AACJ;AAEO,MAAMwC,gBAAuB;IAChC,GAAGhC,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,WAAW;YACX,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAM+B,SAAgB;IACzB,GAAGjC,OAAO;IACV,MAAM;QACF,UAAU,WAAV,GACI,wDACI,oBAACF,eAAaA;YACV,OAAO;YACP,QAAQ;YACR,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAEO,MAAMgC,wBAA+B;IACxC,YAAY;QAACxC;KAAoB;IACjC,MAAM;QACF,SAAS;QACT,6BAA6B;QAC7B,UAAU,WAAV,GACI,wDACI,oBAACI,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;0BAEhB,oBAACA,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,uBACI,oBAACN,UAAU,IAAI,CAAC,MAAM;gBAClB,oBAAM,oBAACuB,2BAASA;gBAChB,SAAS,IAAMoB,MAAM;;;IAM7C;AACJ;AAEO,MAAMC,yBAAgC;IACzC,YAAY;QAAC1C;KAAoB;IACjC,MAAM;QACF,SAAS;QACT,6BAA6B;QAC7B,UAAU,WAAV,GACI,wDACI,oBAACI,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;0BAE7D,oBAACJ,eAAaA;YACV,OAAO;YACP,aAAY;YACZ,oBAAM,oBAACN,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;;IAIzE;AACJ;AAGO,MAAMmC,gBAAuB;IAChC,QAAQ5C,CAAAA,OACG,WAAP,GAAO,oBAACD,WAAcC;IAE1B,MAAM;QACF,SAAS;QACT,UAAU,WAAV,GACI,wDACI,oBAACD,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,oBAAM,oBAACA,UAAU,IAAI,CAAC,IAAI;gBAAC,oBAAM,oBAACU,gBAAWA;gBAAK,OAAO;;YACzD,uBACI,wDACI,oBAACV,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACsB,yBAAQA;8BACtC,oBAACtB,UAAU,IAAI,CAAC,MAAM;gBAAC,oBAAM,oBAACuB,2BAASA;;WAGlD,uGAKD,oBAACvB,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,aAAa;WAChB,2FAID,oBAACA,UAAU,IAAI;YACX,OAAM;YACN,aAAY;YACZ,UAAU;WACb;IAKb;IACA,UAAU;QACN,SAAS;YACL,SAAS;YACT,SAAS;gBAAC;gBAAa;aAAY;YACnC,aAAa;QACjB;QACA,YAAY;YACR,SAAS;YACT,SAAS;gBAAC;gBAAQ;gBAAS;aAAc;YACzC,aAAa;QACjB;QACA,UAAU;YACN,aACI;QACR;IACJ;AACJ"}

package/Accordion/components/AccordionBackgroundProvider.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+import { AccordionProps } from "../../Accordion/index.js";
+type BackgroundValue = AccordionProps["background"];
+interface AccordionBackgroundProviderProps {
+    children: ReactNode;
+    currentBackground: BackgroundValue;
+}
+export declare const AccordionBackgroundProvider: ({ children, currentBackground }: AccordionBackgroundProviderProps) => React.JSX.Element;
+export declare const useAccordionBackground: (fallbackBackground: BackgroundValue) => BackgroundValue;
+export {};

package/Accordion/components/AccordionBackgroundProvider.js

@@ -0,0 +1,13 @@
+import react, { createContext, useContext } from "react";
+const AccordionBackgroundContext = /*#__PURE__*/ createContext(void 0);
+const AccordionBackgroundProvider = ({ children, currentBackground })=>/*#__PURE__*/ react.createElement(AccordionBackgroundContext.Provider, {
+        value: currentBackground
+    }, children);
+const useAccordionBackground = (fallbackBackground)=>{
+    const currentBackground = useContext(AccordionBackgroundContext);
+    if (!currentBackground) return fallbackBackground;
+    return "base" === currentBackground ? "light" : "base";
+};
+export { AccordionBackgroundProvider, useAccordionBackground };
+
+//# sourceMappingURL=AccordionBackgroundProvider.js.map

package/Accordion/components/AccordionBackgroundProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion/components/AccordionBackgroundProvider.js","sources":["../../../src/Accordion/components/AccordionBackgroundProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\nimport { AccordionProps } from \"~/Accordion/index.js\";\n\ntype BackgroundValue = AccordionProps[\"background\"];\n\nconst AccordionBackgroundContext = createContext<BackgroundValue>(undefined);\n\ninterface AccordionBackgroundProviderProps {\n    children: ReactNode;\n    currentBackground: BackgroundValue;\n}\n\nexport const AccordionBackgroundProvider = ({\n    children,\n    currentBackground\n}: AccordionBackgroundProviderProps) => {\n    return (\n        <AccordionBackgroundContext.Provider value={currentBackground}>\n            {children}\n        </AccordionBackgroundContext.Provider>\n    );\n};\n\nexport const useAccordionBackground = (fallbackBackground: BackgroundValue): BackgroundValue => {\n    const currentBackground = useContext(AccordionBackgroundContext);\n    if (!currentBackground) {\n        return fallbackBackground;\n    }\n\n    // At the moment, we only alternate between \"base\" and \"light\" backgrounds for nested accordions.\n    return currentBackground === \"base\" ? \"light\" : \"base\";\n};\n"],"names":["AccordionBackgroundContext","createContext","undefined","AccordionBackgroundProvider","children","currentBackground","useAccordionBackground","fallbackBackground","useContext"],"mappings":";AAKA,MAAMA,6BAA6B,WAAHA,GAAGC,cAA+BC;AAO3D,MAAMC,8BAA8B,CAAC,EACxCC,QAAQ,EACRC,iBAAiB,EACc,GACxB,WAAP,GACI,oBAACL,2BAA2B,QAAQ;QAAC,OAAOK;OACvCD;AAKN,MAAME,yBAAyB,CAACC;IACnC,MAAMF,oBAAoBG,WAAWR;IACrC,IAAI,CAACK,mBACD,OAAOE;IAIX,OAAOF,AAAsB,WAAtBA,oBAA+B,UAAU;AACpD"}

package/Accordion/components/AccordionContent.d.ts

@@ -1,11 +1,5 @@
 import * as React from "react";
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { type VariantProps } from "../../utils";
-declare const accordionContentVariants: (props?: ({
-    withIcon?: boolean | null | undefined;
-    withHandle?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>, VariantProps<typeof accordionContentVariants> {
+export interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> {
 }
-declare const AccordionContent: ({ children, withIcon, withHandle, ...props }: AccordionContentProps) => React.JSX.Element;
-export { AccordionContent };
+export declare const AccordionContent: ({ children, className, ...props }: AccordionContentProps) => React.JSX.Element;

package/Accordion/components/AccordionContent.js

@@ -1,40 +1,51 @@
-import * as React from "react";
-import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { cva, cn } from "../../utils";
-const accordionContentVariants = cva(["wby-overflow-hidden wby-text-md", "wby-transition-all data-[state=closed]:wby-animate-collapsible-up data-[state=open]:wby-animate-collapsible-down"], {
-  // Using pixel values here because of non-existing design tokens.
-  variants: {
-    withIcon: {
-      true: "wby-pl-9"
+import { Collapsible } from "radix-ui";
+import { cn, cva } from "../../utils.js";
+import { useAccordionItemProps } from "./AccordionItem.js";
+import { AccordionItemPropsProvider } from "./AccordionItemPropsProvider.js";
+import * as __rspack_external_react from "react";
+const accordionContentVariants = cva([
+    "overflow-hidden text-md pr-xxl",
+    "transition-all",
+    "data-[state=closed]:animate-collapsible-up",
+    "data-[state=open]:animate-collapsible-down"
+], {
+    variants: {
+        withIcon: {
+            true: "pl-xxl",
+            false: "pl-md"
+        },
+        withHandle: {
+            true: "pl-5"
+        }
     },
-    withHandle: {
-      true: "wby-pl-5"
+    compoundVariants: [
+        {
+            withIcon: true,
+            withHandle: true,
+            className: "pl-14"
+        }
+    ],
+    defaultVariants: {
+        withIcon: false,
+        withHandle: false
     }
-  },
-  compoundVariants: [{
-    withIcon: true,
-    withHandle: true,
-    className: "wby-pl-14"
-  }],
-  defaultVariants: {
-    withIcon: false,
-    withHandle: false
-  }
 });
-const AccordionContent = ({
-  children,
-  withIcon,
-  withHandle,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(CollapsiblePrimitive.Content, Object.assign({}, props, {
-    className: cn(accordionContentVariants({
-      withHandle,
-      withIcon
-    }), props.className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-sm wby-pb-lg wby-px-md"
-  }, children));
+const AccordionContent = ({ children, className, ...props })=>{
+    const itemProps = useAccordionItemProps();
+    const withIcon = !!itemProps.icon;
+    const withHandle = !!itemProps.handle;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Collapsible.Content, {
+        ...props,
+        className: cn(accordionContentVariants({
+            withHandle,
+            withIcon
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemPropsProvider, {
+        props: {}
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-accordion": "content",
+        className: "pt-sm pb-lg"
+    }, children)));
 };
 export { AccordionContent };
 

package/Accordion/components/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Collapsible","CollapsiblePrimitive","cva","cn","accordionContentVariants","variants","withIcon","true","withHandle","compoundVariants","className","defaultVariants","AccordionContent","children","props","createElement","Content","Object","assign"],"sources":["AccordionContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cva, type VariantProps, cn } from \"~/utils\";\n\nconst accordionContentVariants = cva(\n    [\n        \"wby-overflow-hidden wby-text-md\",\n        \"wby-transition-all data-[state=closed]:wby-animate-collapsible-up data-[state=open]:wby-animate-collapsible-down\"\n    ],\n    {\n        // Using pixel values here because of non-existing design tokens.\n        variants: {\n            withIcon: {\n                true: \"wby-pl-9\"\n            },\n            withHandle: {\n                true: \"wby-pl-5\"\n            }\n        },\n        compoundVariants: [\n            {\n                withIcon: true,\n                withHandle: true,\n                className: \"wby-pl-14\"\n            }\n        ],\n        defaultVariants: {\n            withIcon: false,\n            withHandle: false\n        }\n    }\n);\n\nexport interface AccordionContentProps\n    extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>,\n        VariantProps<typeof accordionContentVariants> {}\n\nconst AccordionContent = ({ children, withIcon, withHandle, ...props }: AccordionContentProps) => {\n    return (\n        <CollapsiblePrimitive.Content\n            {...props}\n            className={cn(accordionContentVariants({ withHandle, withIcon }), props.className)}\n        >\n            <div className={\"wby-pt-sm wby-pb-lg wby-px-md\"}>{children}</div>\n        </CollapsiblePrimitive.Content>\n    );\n};\n\nexport { AccordionContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,IAAIC,oBAAoB,QAAQ,UAAU;AAC9D,SAASC,GAAG,EAAqBC,EAAE;AAEnC,MAAMC,wBAAwB,GAAGF,GAAG,CAChC,CACI,iCAAiC,EACjC,kHAAkH,CACrH,EACD;EACI;EACAG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACRD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIH,QAAQ,EAAE,IAAI;IACdE,UAAU,EAAE,IAAI;IAChBE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbL,QAAQ,EAAE,KAAK;IACfE,UAAU,EAAE;EAChB;AACJ,CACJ,CAAC;AAMD,MAAMI,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEP,QAAQ;EAAEE,UAAU;EAAE,GAAGM;AAA6B,CAAC,KAAK;EAC9F,oBACIf,KAAA,CAAAgB,aAAA,CAACd,oBAAoB,CAACe,OAAO,EAAAC,MAAA,CAAAC,MAAA,KACrBJ,KAAK;IACTJ,SAAS,EAAEP,EAAE,CAACC,wBAAwB,CAAC;MAAEI,UAAU;MAAEF;IAAS,CAAC,CAAC,EAAEQ,KAAK,CAACJ,SAAS;EAAE,iBAEnFX,KAAA,CAAAgB,aAAA;IAAKL,SAAS,EAAE;EAAgC,GAAEG,QAAc,CACtC,CAAC;AAEvC,CAAC;AAED,SAASD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionContent.js","sources":["../../../src/Accordion/components/AccordionContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cva, cn } from \"~/utils.js\";\nimport { useAccordionItemProps } from \"./AccordionItem.js\";\nimport { AccordionItemPropsProvider } from \"./AccordionItemPropsProvider.js\";\nimport type { AccordionItemProps } from \"./AccordionItem.js\";\n\nconst accordionContentVariants = cva(\n    [\n        \"overflow-hidden text-md pr-xxl\",\n        \"transition-all\",\n        \"data-[state=closed]:animate-collapsible-up\",\n        \"data-[state=open]:animate-collapsible-down\"\n    ],\n    {\n        variants: {\n            withIcon: {\n                true: \"pl-xxl\",\n                false: \"pl-md\"\n            },\n            withHandle: {\n                true: \"pl-5\"\n            }\n        },\n        compoundVariants: [\n            {\n                withIcon: true,\n                withHandle: true,\n                className: \"pl-14\"\n            }\n        ],\n        defaultVariants: {\n            withIcon: false,\n            withHandle: false\n        }\n    }\n);\n\nexport interface AccordionContentProps extends React.ComponentPropsWithoutRef<\n    typeof CollapsiblePrimitive.Content\n> {}\n\nexport const AccordionContent = ({ children, className, ...props }: AccordionContentProps) => {\n    const itemProps = useAccordionItemProps();\n    const withIcon = !!itemProps.icon;\n    const withHandle = !!itemProps.handle;\n\n    return (\n        <CollapsiblePrimitive.Content\n            {...props}\n            className={cn(accordionContentVariants({ withHandle, withIcon }), className)}\n        >\n            <AccordionItemPropsProvider props={{} as AccordionItemProps}>\n                <div data-accordion={\"content\"} className=\"pt-sm pb-lg\">\n                    {children}\n                </div>\n            </AccordionItemPropsProvider>\n        </CollapsiblePrimitive.Content>\n    );\n};\n"],"names":["accordionContentVariants","cva","AccordionContent","children","className","props","itemProps","useAccordionItemProps","withIcon","withHandle","CollapsiblePrimitive","cn","AccordionItemPropsProvider"],"mappings":";;;;;AAOA,MAAMA,2BAA2BC,IAC7B;IACI;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,UAAU;YACN,MAAM;YACN,OAAO;QACX;QACA,YAAY;YACR,MAAM;QACV;IACJ;IACA,kBAAkB;QACd;YACI,UAAU;YACV,YAAY;YACZ,WAAW;QACf;KACH;IACD,iBAAiB;QACb,UAAU;QACV,YAAY;IAChB;AACJ;AAOG,MAAMC,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA8B;IACrF,MAAMC,YAAYC;IAClB,MAAMC,WAAW,CAAC,CAACF,UAAU,IAAI;IACjC,MAAMG,aAAa,CAAC,CAACH,UAAU,MAAM;IAErC,OAAO,WAAP,GACI,sCAACI,YAAAA,OAA4B;QACxB,GAAGL,KAAK;QACT,WAAWM,GAAGX,yBAAyB;YAAES;YAAYD;QAAS,IAAIJ;qBAElE,sCAACQ,4BAA0BA;QAAC,OAAO,CAAC;qBAChC,sCAAC;QAAI,kBAAgB;QAAW,WAAU;OACrCT;AAKrB"}

package/Accordion/components/AccordionItem.d.ts

@@ -1,91 +1,97 @@
 import * as React from "react";
-import { type AccordionRootProps } from "./AccordionRoot";
+import { type AccordionRootProps } from "../../Accordion/components/AccordionRoot.js";
+import { useAccordionItemProps } from "./AccordionItemPropsProvider.js";
 interface AccordionItemProps extends Omit<AccordionRootProps, "title"> {
     title: React.ReactNode;
+    subtitle?: React.ReactNode;
     description?: React.ReactNode;
+    colorMark?: string;
     icon?: React.ReactNode;
     handle?: React.ReactNode;
     interactive?: boolean;
+    locked?: boolean;
     draggable?: boolean;
+    dragHandleRef?: (element: HTMLElement | null) => void;
     actions?: React.ReactNode;
     children: React.ReactNode;
 }
-declare const AccordionItem: ((props: AccordionItemProps) => React.JSX.Element) & {
-    original: (props: AccordionItemProps) => React.JSX.Element;
+declare const AccordionItemBase: (props: AccordionItemProps) => React.JSX.Element;
+declare const AccordionItem: typeof AccordionItemBase & {
+    original: typeof AccordionItemBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: AccordionItemProps) => React.JSX.Element) & {
-        original: (props: AccordionItemProps) => React.JSX.Element;
+    original: typeof AccordionItemBase & {
+        original: typeof AccordionItemBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AccordionItemProps) => React.JSX.Element) & {
-        original: (props: AccordionItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AccordionItemBase & {
+        original: typeof AccordionItemBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Icon: ((props: import("../../Icon/Icon").IconProps) => React.JSX.Element) & {
-        original: (props: import("../../Icon/Icon").IconProps) => React.JSX.Element;
+    Icon: ((props: import("../../index.js").IconProps) => React.JSX.Element) & {
+        original: (props: import("../../index.js").IconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("../../Icon/Icon").IconProps) => React.JSX.Element;
+        original: ((props: import("../../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("../../Icon/Icon").IconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Action: (({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element;
+    Action: (({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
+        original: ({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-            original: ({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element;
+        original: (({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element) & {
-            original: ({ onClick, ...props }: import("../../Button/IconButton").IconButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element) & {
+            original: ({ onClick, ...props }: import("./AccordionItemAction.js").AccordionItemActionProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Separator: ((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-            original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+        Separator: ((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../../index.js").SeparatorProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: ((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-                original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            original: ((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").SeparatorProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
-                original: (props: import("../../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../../index.js").SeparatorProps) => React.JSX.Element) & {
+                original: (props: import("../../index.js").SeparatorProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
 };
-export { AccordionItem, type AccordionItemProps };
+export { AccordionItem, type AccordionItemProps, useAccordionItemProps };

package/Accordion/components/AccordionItem.js

@@ -1,55 +1,72 @@
-import * as React from "react";
-import { cn, makeDecoratable, withStaticProps } from "../../utils";
-import { AccordionTrigger } from "./AccordionTrigger";
-import { AccordionContent } from "./AccordionContent";
-import { AccordionItemIcon } from "./AccordionItemIcon";
-import { AccordionItemAction } from "./AccordionItemAction";
-import { AccordionRoot } from "./AccordionRoot";
-const AccordionItemBase = props => {
-  const {
-    itemProps,
-    triggerProps,
-    contentProps
-  } = React.useMemo(() => {
-    const {
-      // Item props.
-      className,
-      defaultOpen,
-      disabled,
-      onOpenChange,
-      open,
-      // Content props.
-      children,
-      // Trigger props.
-      ...triggerProps
-    } = props;
-    return {
-      itemProps: {
-        className,
-        defaultOpen,
-        disabled,
-        onOpenChange,
-        open
-      },
-      triggerProps: {
-        ...triggerProps
-      },
-      contentProps: {
-        children,
-        withIcon: !!props.icon,
-        withHandle: !!props.handle
-      }
+import { cn, cva, makeDecoratable, withStaticProps } from "../../utils.js";
+import { AccordionTrigger } from "./AccordionTrigger.js";
+import { AccordionContent } from "./AccordionContent.js";
+import { AccordionItemIcon } from "./AccordionItemIcon.js";
+import { AccordionItemAction } from "./AccordionItemAction.js";
+import { AccordionRoot } from "./AccordionRoot.js";
+import { useAccordionBackground } from "./AccordionBackgroundProvider.js";
+import { AccordionItemPropsProvider, useAccordionItemProps } from "./AccordionItemPropsProvider.js";
+import { useAccordionProps } from "../Accordion.js";
+import * as __rspack_external_react from "react";
+const accordionItemVariants = cva("", {
+    variants: {
+        locked: {
+            true: "pointer-events-none"
+        },
+        background: {
+            base: "bg-neutral-base",
+            light: "bg-neutral-light",
+            transparent: "bg-transparent"
+        },
+        variant: {
+            underline: "border-b-sm border-b-neutral-dimmed",
+            container: "rounded-lg"
+        },
+        border: {
+            none: "",
+            accent: ""
+        }
+    },
+    compoundVariants: [
+        {
+            variant: "container",
+            border: "accent",
+            className: "border-md border-neutral-dimmed-darker rounded-lg"
+        }
+    ],
+    defaultVariants: {
+        variant: "underline"
+    }
+});
+const AccordionItemBase = (props)=>{
+    const providedProps = useAccordionItemProps();
+    const mergedProps = {
+        ...providedProps,
+        ...props
     };
-  }, [props]);
-  return /*#__PURE__*/React.createElement(AccordionRoot, Object.assign({}, itemProps, {
-    className: cn(["wby-group-item wby-border-b-sm wby-border-b-neutral-dimmed data-[state=open]:wby-rounded-bl-lg data-[state=open]:wby-rounded-br-lg", "group-[.wby-accordion-variant-container]:wby-rounded-lg", "group-[.wby-accordion-background-base]:wby-bg-neutral-base", "group-[.wby-accordion-background-light]:wby-bg-neutral-light", "data-[disabled]:wby-pointer-events-none data-[disabled]:wby-opacity-50"], itemProps.className)
-  }), /*#__PURE__*/React.createElement(AccordionTrigger, triggerProps), /*#__PURE__*/React.createElement(AccordionContent, contentProps));
+    const accordionProps = useAccordionProps();
+    const background = useAccordionBackground("light");
+    const { className, defaultOpen, disabled, onOpenChange, open, children, locked } = mergedProps;
+    return /*#__PURE__*/ __rspack_external_react.createElement(AccordionRoot, {
+        className: cn("group-item data-[state=open]:rounded-bl-lg data-[state=open]:rounded-br-lg", "group-[.accordion-variant-container]/accordion:rounded-lg", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "relative", "before:absolute before:inset-0 before:pointer-events-none before:rounded-[inherit]", "before:bg-neutral-dark/0 before:transition-colors", "hover:before:bg-neutral-dark/2", "base" === background && "has-[.group-item:hover]:bg-neutral-base", "light" === background && "has-[.group-item:hover]:bg-neutral-light", "transparent" === background && "has-[.group-item:hover]:bg-transparent", accordionItemVariants({
+            locked,
+            background,
+            variant: accordionProps.variant,
+            border: accordionProps.border
+        }), className),
+        defaultOpen: defaultOpen,
+        disabled: disabled,
+        onOpenChange: onOpenChange,
+        open: open
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemPropsProvider, {
+        props: mergedProps
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AccordionTrigger, null), /*#__PURE__*/ __rspack_external_react.createElement(AccordionContent, null, children)));
 };
 const DecoratableAccordionItem = makeDecoratable("AccordionItem", AccordionItemBase);
 const AccordionItem = withStaticProps(DecoratableAccordionItem, {
-  Icon: AccordionItemIcon,
-  Action: AccordionItemAction
+    Icon: AccordionItemIcon,
+    Action: AccordionItemAction
 });
-export { AccordionItem };
+export { AccordionItem, useAccordionItemProps };
 
 //# sourceMappingURL=AccordionItem.js.map