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

package/Select/primitives/SelectPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SearchIcon","ChevronRight","SelectPrimitive","Button","meta","title","component","argTypes","onChange","action","onOpenChange","variant","control","options","size","disabled","invalid","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","Default","MediumSize","LargeSize","ExtraLargeSize","WithCustomPlaceholder","placeholder","WithStartIcon","startIcon","WithEndIconIcon","endIcon","WithStartAndEndIcons","WithoutResetAction","displayResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithFormattedOptions","label","WithOptionGroups","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick","undefined"],"sources":["SelectPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { SelectPrimitive } from \"./SelectPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof SelectPrimitive> = {\n    title: \"Components/Form Primitives/Select\",\n    component: SelectPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\", \"ghost\"] },\n        size: { control: \"select\", options: [\"md\", \"lg\", \"xl\"] },\n        disabled: { control: \"boolean\" },\n        invalid: { control: \"boolean\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <SelectPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SelectPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />\n    }\n};\n\nexport const WithEndIconIcon: Story = {\n    args: {\n        ...Default.args,\n        endIcon: <SearchIcon />\n    }\n};\n\nexport const WithStartAndEndIcons: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />,\n        endIcon: <ChevronRight />\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithOptionGroups: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"North America\",\n                options: [\n                    { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n                    { label: \"Central Standard Time (CST)\", value: \"cst\" },\n                    { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n                ]\n            },\n            {\n                label: \"Europe & Africa\",\n                options: [\n                    { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n                    { label: \"Central European Time (CET)\", value: \"cet\" },\n                    { label: \"Central Africa Time (CAT)\", value: \"cat\" }\n                ]\n            },\n            {\n                label: \"Asia\",\n                options: [\n                    { label: \"India Standard Time (IST)\", value: \"ist\" },\n                    { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n                    { label: \"Japan Standard Time (JST)\", value: \"jst\" }\n                ]\n            },\n            {\n                label: \"Australia & Pacific\",\n                options: [\n                    { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n                    { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n                    { label: \"Fiji Time (FJT)\", value: \"fjt\" }\n                ]\n            },\n            {\n                label: \"South America\",\n                options: [\n                    { label: \"Argentina Time (ART)\", value: \"art\" },\n                    { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n                    { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n                ]\n            }\n        ]\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <SelectPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(undefined)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Select/primitives/SelectPrimitive.stories.js","sources":["../../../src/Select/primitives/SelectPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as ChevronRight } from \"@webiny/icons/chevron_right.svg\";\nimport { SelectPrimitive } from \"./SelectPrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof SelectPrimitive> = {\n    title: \"Components/Form Primitives/Select\",\n    component: SelectPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        variant: { control: \"select\", options: [\"primary\", \"secondary\", \"ghost\"] },\n        size: { control: \"select\", options: [\"md\", \"lg\", \"xl\"] },\n        disabled: { control: \"boolean\" },\n        invalid: { control: \"boolean\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <SelectPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SelectPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />\n    }\n};\n\nexport const WithEndIconIcon: Story = {\n    args: {\n        ...Default.args,\n        endIcon: <SearchIcon />\n    }\n};\n\nexport const WithStartAndEndIcons: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <SearchIcon />,\n        endIcon: <ChevronRight />\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithOptionGroups: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"North America\",\n                options: [\n                    { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n                    { label: \"Central Standard Time (CST)\", value: \"cst\" },\n                    { label: \"Pacific Standard Time (PST)\", value: \"pst\" }\n                ]\n            },\n            {\n                label: \"Europe & Africa\",\n                options: [\n                    { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n                    { label: \"Central European Time (CET)\", value: \"cet\" },\n                    { label: \"Central Africa Time (CAT)\", value: \"cat\" }\n                ]\n            },\n            {\n                label: \"Asia\",\n                options: [\n                    { label: \"India Standard Time (IST)\", value: \"ist\" },\n                    { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n                    { label: \"Japan Standard Time (JST)\", value: \"jst\" }\n                ]\n            },\n            {\n                label: \"Australia & Pacific\",\n                options: [\n                    { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n                    { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n                    { label: \"Fiji Time (FJT)\", value: \"fjt\" }\n                ]\n            },\n            {\n                label: \"South America\",\n                options: [\n                    { label: \"Argentina Time (ART)\", value: \"art\" },\n                    { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n                    { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n                ]\n            }\n        ]\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <SelectPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(undefined)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"names":["meta","SelectPrimitive","args","value","setValue","useState","Default","MediumSize","LargeSize","ExtraLargeSize","WithCustomPlaceholder","WithStartIcon","SearchIcon","WithEndIconIcon","WithStartAndEndIcons","ChevronRight","WithoutResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithFormattedOptions","WithOptionGroups","WithSeparators","WithDisabledOptions","WithExternalValueControl","Button","undefined"],"mappings":"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"}

package/Select/primitives/components/SelectContent.js

@@ -1,18 +1,20 @@
-import * as React from "react";
-import { Select as SelectPrimitives } from "radix-ui";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-import { SelectScrollUpButton } from "./SelectScrollUpButton.js";
-import { SelectScrollDownButton } from "./SelectScrollDownButton.js";
-const SelectContent = ({
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.Portal, null, /*#__PURE__*/React.createElement(SelectPrimitives.Content, Object.assign({
-  className: cn(["relative z-popover max-h-96 min-w-56 shadow-lg py-sm overflow-hidden rounded-sm border-sm border-neutral-muted bg-neutral-base text-neutral-strong", "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", "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"], className),
-  position: "popper"
-}, props), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(SelectPrimitives.Viewport, {
-  className: cn(["py-xs", "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"])
-}, children), /*#__PURE__*/React.createElement(SelectScrollDownButton, null)));
+import * as __rspack_external_react from "react";
+const SelectContent = ({ className, children, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Portal, null, /*#__PURE__*/ __rspack_external_react.createElement(Select.Content, {
+        className: cn([
+            "relative z-popover max-h-[250px] min-w-56 shadow-lg overflow-hidden rounded-sm border-sm border-neutral-muted bg-neutral-base text-neutral-strong",
+            "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",
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"
+        ], className),
+        position: "popper",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Select.Viewport, {
+        className: cn([
+            "py-sm",
+            "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+        ])
+    }, children)));
 export { SelectContent };
 
 //# sourceMappingURL=SelectContent.js.map

package/Select/primitives/components/SelectContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectScrollUpButton","SelectScrollDownButton","SelectContent","className","children","props","createElement","Portal","Content","Object","assign","position","Viewport"],"sources":["SelectContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { SelectScrollUpButton } from \"./SelectScrollUpButton.js\";\nimport { SelectScrollDownButton } from \"./SelectScrollDownButton.js\";\n\ntype SelectContentProps = SelectPrimitives.SelectContentProps;\n\nconst SelectContent = ({ className, children, ...props }: SelectContentProps) => (\n    <SelectPrimitives.Portal>\n        <SelectPrimitives.Content\n            className={cn(\n                [\n                    \"relative z-popover max-h-96 min-w-56 shadow-lg py-sm overflow-hidden rounded-sm border-sm border-neutral-muted bg-neutral-base text-neutral-strong\",\n                    \"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\",\n                    \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\"\n                ],\n                className\n            )}\n            position={\"popper\"}\n            {...props}\n        >\n            <SelectScrollUpButton />\n            <SelectPrimitives.Viewport\n                className={cn([\n                    \"py-xs\",\n                    \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)\"\n                ])}\n            >\n                {children}\n            </SelectPrimitives.Viewport>\n            <SelectScrollDownButton />\n        </SelectPrimitives.Content>\n    </SelectPrimitives.Portal>\n);\n\nexport { SelectContent, type SelectContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AACX,SAASC,oBAAoB;AAC7B,SAASC,sBAAsB;AAI/B,MAAMC,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAA0B,CAAC,kBACxET,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACS,MAAM,qBACpBX,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACU,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBP,SAAS,EAAEJ,EAAE,CACT,CACI,oJAAoJ,EACpJ,kVAAkV,EAClV,iIAAiI,CACpI,EACDI,SACJ,CAAE;EACFQ,QAAQ,EAAE;AAAS,GACfN,KAAK,gBAETT,KAAA,CAAAU,aAAA,CAACN,oBAAoB,MAAE,CAAC,eACxBJ,KAAA,CAAAU,aAAA,CAACR,gBAAgB,CAACc,QAAQ;EACtBT,SAAS,EAAEJ,EAAE,CAAC,CACV,OAAO,EACP,+EAA+E,CAClF;AAAE,GAEFK,QACsB,CAAC,eAC5BR,KAAA,CAAAU,aAAA,CAACL,sBAAsB,MAAE,CACH,CACL,CAC5B;AAED,SAASC,aAAa","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectContent.js","sources":["../../../../src/Select/primitives/components/SelectContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectContentProps = SelectPrimitives.SelectContentProps;\n\nconst SelectContent = ({ className, children, ...props }: SelectContentProps) => (\n    <SelectPrimitives.Portal>\n        <SelectPrimitives.Content\n            className={cn(\n                [\n                    \"relative z-popover max-h-[250px] min-w-56 shadow-lg overflow-hidden rounded-sm border-sm border-neutral-muted bg-neutral-base text-neutral-strong\",\n                    \"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\",\n                    \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\"\n                ],\n                className\n            )}\n            position={\"popper\"}\n            {...props}\n        >\n            {/* Two things keep this scrollbar in line with the one in the autocomplete popovers.\n                No scroll buttons, because they come and go with the scroll position, taking the\n                viewport height and the size of the thumb with them. And the padding on the\n                viewport rather than around it, so the scrollbar runs the full height of the list. */}\n            <SelectPrimitives.Viewport\n                className={cn([\n                    \"py-sm\",\n                    \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)\"\n                ])}\n            >\n                {children}\n            </SelectPrimitives.Viewport>\n        </SelectPrimitives.Content>\n    </SelectPrimitives.Portal>\n);\n\nexport { SelectContent, type SelectContentProps };\n"],"names":["SelectContent","className","children","props","SelectPrimitives","cn"],"mappings":";;;AAMA,MAAMA,gBAAgB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAA2B,iBACxE,sCAACC,OAAAA,MAAuB,sBACpB,sCAACA,OAAAA,OAAwB;QACrB,WAAWC,GACP;YACI;YACA;YACA;SACH,EACDJ;QAEJ,UAAU;QACT,GAAGE,KAAK;qBAMT,sCAACC,OAAAA,QAAyB;QACtB,WAAWC,GAAG;YACV;YACA;SACH;OAEAH"}

package/Select/primitives/components/SelectIcon.js

@@ -1,13 +1,9 @@
-import * as React from "react";
-import { Select as SelectPrimitives } from "radix-ui";
-const SelectIcon = ({
-  icon
-}) => {
-  return /*#__PURE__*/React.createElement(SelectPrimitives.Icon, {
-    asChild: true,
-    className: "h-md w-md"
-  }, /*#__PURE__*/React.cloneElement(icon));
-};
+import { Select } from "radix-ui";
+import * as __rspack_external_react from "react";
+const SelectIcon = ({ icon })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Icon, {
+        asChild: true,
+        className: "h-md w-md"
+    }, /*#__PURE__*/ __rspack_external_react.cloneElement(icon));
 export { SelectIcon };
 
 //# sourceMappingURL=SelectIcon.js.map

package/Select/primitives/components/SelectIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPrimitives","SelectIcon","icon","createElement","Icon","asChild","className","cloneElement"],"sources":["SelectIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\n\ntype SelectIconProps = {\n    icon: React.ReactElement;\n};\n\nconst SelectIcon = ({ icon }: SelectIconProps) => {\n    return (\n        <SelectPrimitives.Icon asChild className={\"h-md w-md\"}>\n            {React.cloneElement(icon)}\n        </SelectPrimitives.Icon>\n    );\n};\n\nexport { SelectIcon, type SelectIconProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AAMrD,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC9C,oBACIJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,IAAI;IAACC,OAAO;IAACC,SAAS,EAAE;EAAY,gBACjDR,KAAK,CAACS,YAAY,CAACL,IAAI,CACL,CAAC;AAEhC,CAAC;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectIcon.js","sources":["../../../../src/Select/primitives/components/SelectIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\n\ntype SelectIconProps = {\n    icon: React.ReactElement;\n};\n\nconst SelectIcon = ({ icon }: SelectIconProps) => {\n    return (\n        <SelectPrimitives.Icon asChild className={\"h-md w-md\"}>\n            {React.cloneElement(icon)}\n        </SelectPrimitives.Icon>\n    );\n};\n\nexport { SelectIcon, type SelectIconProps };\n"],"names":["SelectIcon","icon","SelectPrimitives","React"],"mappings":";;AAOA,MAAMA,aAAa,CAAC,EAAEC,IAAI,EAAmB,GAClC,WAAP,GACI,sCAACC,OAAAA,IAAqB;QAAC;QAAQ,WAAW;qBACrCC,wBAAAA,YAAkB,CAACF"}

package/Select/primitives/components/SelectItem.js

@@ -1,16 +1,19 @@
-import * as React from "react";
-import { ReactComponent as Check } from "@webiny/icons/check.svg";
-import { Select as SelectPrimitives } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/check.svg";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-const SelectItem = ({
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.Item, Object.assign({
-  className: cn(["flex items-center justify-between gap-sm-extra cursor-default select-none rounded-sm p-sm mx-sm text-md outline-none", "bg-neutral-base text-neutral-primary fill-neutral-xstrong", "focus:bg-neutral-dimmed", "data-disabled:text-neutral-disabled data-disabled:cursor-not-allowed", "data-[state=checked]:font-semibold"], className)
-}, props), /*#__PURE__*/React.createElement(SelectPrimitives.ItemText, null, children), /*#__PURE__*/React.createElement(SelectPrimitives.ItemIndicator, null, /*#__PURE__*/React.createElement(Check, {
-  className: "h-md w-h-md"
-})));
+import * as __rspack_external_react from "react";
+const SelectItem = ({ className, children, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Item, {
+        className: cn([
+            "flex items-center justify-between gap-sm-extra cursor-default select-none rounded-sm p-sm mx-sm text-md outline-none",
+            "bg-neutral-base text-neutral-primary fill-neutral-xstrong",
+            "focus:bg-neutral-dimmed",
+            "data-disabled:text-neutral-disabled data-disabled:cursor-not-allowed",
+            "data-[state=checked]:font-semibold"
+        ], className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Select.ItemText, null, children), /*#__PURE__*/ __rspack_external_react.createElement(Select.ItemIndicator, null, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "h-md w-h-md"
+    })));
 export { SelectItem };
 
 //# sourceMappingURL=SelectItem.js.map

package/Select/primitives/components/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Check","Select","SelectPrimitives","cn","SelectItem","className","children","props","createElement","Item","Object","assign","ItemText","ItemIndicator"],"sources":["SelectItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectItemProps = SelectPrimitives.SelectItemProps;\n\nconst SelectItem = ({ className, children, ...props }: SelectPrimitives.SelectItemProps) => (\n    <SelectPrimitives.Item\n        className={cn(\n            [\n                \"flex items-center justify-between gap-sm-extra cursor-default select-none rounded-sm p-sm mx-sm text-md outline-none\",\n                \"bg-neutral-base text-neutral-primary fill-neutral-xstrong\",\n                \"focus:bg-neutral-dimmed\",\n                \"data-disabled:text-neutral-disabled data-disabled:cursor-not-allowed\",\n                \"data-[state=checked]:font-semibold\"\n            ],\n            className\n        )}\n        {...props}\n    >\n        <SelectPrimitives.ItemText>{children}</SelectPrimitives.ItemText>\n        <SelectPrimitives.ItemIndicator>\n            <Check className=\"h-md w-h-md\" />\n        </SelectPrimitives.ItemIndicator>\n    </SelectPrimitives.Item>\n);\n\nexport { SelectItem, type SelectItemProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAwC,CAAC,kBACnFT,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACO,IAAI,EAAAC,MAAA,CAAAC,MAAA;EAClBN,SAAS,EAAEF,EAAE,CACT,CACI,sHAAsH,EACtH,2DAA2D,EAC3D,yBAAyB,EACzB,sEAAsE,EACtE,oCAAoC,CACvC,EACDE,SACJ;AAAE,GACEE,KAAK,gBAETT,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACU,QAAQ,QAAEN,QAAoC,CAAC,eACjER,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACW,aAAa,qBAC3Bf,KAAA,CAAAU,aAAA,CAACR,KAAK;EAACK,SAAS,EAAC;AAAa,CAAE,CACJ,CACb,CAC1B;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectItem.js","sources":["../../../../src/Select/primitives/components/SelectItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectItemProps = SelectPrimitives.SelectItemProps;\n\nconst SelectItem = ({ className, children, ...props }: SelectPrimitives.SelectItemProps) => (\n    <SelectPrimitives.Item\n        className={cn(\n            [\n                \"flex items-center justify-between gap-sm-extra cursor-default select-none rounded-sm p-sm mx-sm text-md outline-none\",\n                \"bg-neutral-base text-neutral-primary fill-neutral-xstrong\",\n                \"focus:bg-neutral-dimmed\",\n                \"data-disabled:text-neutral-disabled data-disabled:cursor-not-allowed\",\n                \"data-[state=checked]:font-semibold\"\n            ],\n            className\n        )}\n        {...props}\n    >\n        <SelectPrimitives.ItemText>{children}</SelectPrimitives.ItemText>\n        <SelectPrimitives.ItemIndicator>\n            <Check className=\"h-md w-h-md\" />\n        </SelectPrimitives.ItemIndicator>\n    </SelectPrimitives.Item>\n);\n\nexport { SelectItem, type SelectItemProps };\n"],"names":["SelectItem","className","children","props","SelectPrimitives","cn","Check"],"mappings":";;;;AAOA,MAAMA,aAAa,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAyC,iBACnF,sCAACC,OAAAA,IAAqB;QAClB,WAAWC,GACP;YACI;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEH,GAAGE,KAAK;qBAET,sCAACC,OAAAA,QAAyB,QAAEF,WAAAA,WAAAA,GAC5B,sCAACE,OAAAA,aAA8B,sBAC3B,sCAACE,gBAAKA;QAAC,WAAU"}

package/Select/primitives/components/SelectLabel.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Select as SelectPrimitives } from "radix-ui";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-const SelectLabel = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.Label, Object.assign({
-  className: cn("py-sm px-md text-neutral-strong text-sm font-semibold uppercase", className)
-}, props));
+import * as __rspack_external_react from "react";
+const SelectLabel = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Label, {
+        className: cn("py-sm px-md text-neutral-strong text-sm font-semibold uppercase", className),
+        ...props
+    });
 export { SelectLabel };
 
 //# sourceMappingURL=SelectLabel.js.map

package/Select/primitives/components/SelectLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectLabel","className","props","createElement","Label","Object","assign"],"sources":["SelectLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectLabelProps = SelectPrimitives.SelectLabelProps;\n\nconst SelectLabel = ({ className, ...props }: SelectPrimitives.SelectLabelProps) => (\n    <SelectPrimitives.Label\n        className={cn(\"py-sm px-md text-neutral-strong text-sm font-semibold uppercase\", className)}\n        {...props}\n    />\n);\n\nexport { SelectLabel, type SelectLabelProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAyC,CAAC,kBAC3EN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,KAAK,EAAAC,MAAA,CAAAC,MAAA;EACnBL,SAAS,EAAEF,EAAE,CAAC,iEAAiE,EAAEE,SAAS;AAAE,GACxFC,KAAK,CACZ,CACJ;AAED,SAASF,WAAW","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectLabel.js","sources":["../../../../src/Select/primitives/components/SelectLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectLabelProps = SelectPrimitives.SelectLabelProps;\n\nconst SelectLabel = ({ className, ...props }: SelectPrimitives.SelectLabelProps) => (\n    <SelectPrimitives.Label\n        className={cn(\"py-sm px-md text-neutral-strong text-sm font-semibold uppercase\", className)}\n        {...props}\n    />\n);\n\nexport { SelectLabel, type SelectLabelProps };\n"],"names":["SelectLabel","className","props","SelectPrimitives","cn"],"mappings":";;;AAMA,MAAMA,cAAc,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA0C,iBAC3E,sCAACC,OAAAA,KAAsB;QACnB,WAAWC,GAAG,mEAAmEH;QAChF,GAAGC,KAAK"}

package/Select/primitives/components/SelectScrollDownButton.js

@@ -1,15 +1,13 @@
-import * as React from "react";
-import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
-import { Select as SelectPrimitives } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-const SelectScrollDownButton = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollDownButton, Object.assign({
-  className: cn("flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong", className)
-}, props), /*#__PURE__*/React.createElement(ChevronDown, {
-  className: "h-md w-md"
-}));
+import * as __rspack_external_react from "react";
+const SelectScrollDownButton = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.ScrollDownButton, {
+        className: cn("flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong", className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "h-md w-md"
+    }));
 export { SelectScrollDownButton };
 
 //# sourceMappingURL=SelectScrollDownButton.js.map

package/Select/primitives/components/SelectScrollDownButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronDown","Select","SelectPrimitives","cn","SelectScrollDownButton","className","props","createElement","ScrollDownButton","Object","assign"],"sources":["SelectScrollDownButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;\n\nconst SelectScrollDownButton = ({ className, ...props }: SelectScrollDownButtonProps) => (\n    <SelectPrimitives.ScrollDownButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronDown className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollDownButton>\n);\n\nexport { SelectScrollDownButton, type SelectScrollDownButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAmC,CAAC,kBAChFR,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,gBAAgB,EAAAC,MAAA,CAAAC,MAAA;EAC9BL,SAAS,EAAEF,EAAE,CACT,4EAA4E,EAC5EE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,WAAW;EAACK,SAAS,EAAC;AAAW,CAAE,CACL,CACtC;AAED,SAASD,sBAAsB","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectScrollDownButton.js","sources":["../../../../src/Select/primitives/components/SelectScrollDownButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollDownButtonProps = SelectPrimitives.SelectScrollDownButtonProps;\n\nconst SelectScrollDownButton = ({ className, ...props }: SelectScrollDownButtonProps) => (\n    <SelectPrimitives.ScrollDownButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pt-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronDown className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollDownButton>\n);\n\nexport { SelectScrollDownButton, type SelectScrollDownButtonProps };\n"],"names":["SelectScrollDownButton","className","props","SelectPrimitives","cn","ChevronDown"],"mappings":";;;;AAOA,MAAMA,yBAAyB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAoC,iBAChF,sCAACC,OAAAA,gBAAiC;QAC9B,WAAWC,GACP,8EACAH;QAEH,GAAGC,KAAK;qBAET,sCAACG,gBAAWA;QAAC,WAAU"}

package/Select/primitives/components/SelectScrollUpButton.js

@@ -1,15 +1,13 @@
-import * as React from "react";
-import { ReactComponent as ChevronUp } from "@webiny/icons/keyboard_arrow_up.svg";
-import { Select as SelectPrimitives } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_up.svg";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-const SelectScrollUpButton = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.ScrollUpButton, Object.assign({
-  className: cn("flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong", className)
-}, props), /*#__PURE__*/React.createElement(ChevronUp, {
-  className: "h-md w-md"
-}));
+import * as __rspack_external_react from "react";
+const SelectScrollUpButton = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.ScrollUpButton, {
+        className: cn("flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong", className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "h-md w-md"
+    }));
 export { SelectScrollUpButton };
 
 //# sourceMappingURL=SelectScrollUpButton.js.map

package/Select/primitives/components/SelectScrollUpButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ChevronUp","Select","SelectPrimitives","cn","SelectScrollUpButton","className","props","createElement","ScrollUpButton","Object","assign"],"sources":["SelectScrollUpButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronUp } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;\n\nconst SelectScrollUpButton = ({ className, ...props }: SelectScrollUpButtonProps) => (\n    <SelectPrimitives.ScrollUpButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronUp className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollUpButton>\n);\n\nexport { SelectScrollUpButton, type SelectScrollUpButtonProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiC,CAAC,kBAC5ER,KAAA,CAAAS,aAAA,CAACL,gBAAgB,CAACM,cAAc,EAAAC,MAAA,CAAAC,MAAA;EAC5BL,SAAS,EAAEF,EAAE,CACT,4EAA4E,EAC5EE,SACJ;AAAE,GACEC,KAAK,gBAETR,KAAA,CAAAS,aAAA,CAACP,SAAS;EAACK,SAAS,EAAC;AAAW,CAAE,CACL,CACpC;AAED,SAASD,oBAAoB","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectScrollUpButton.js","sources":["../../../../src/Select/primitives/components/SelectScrollUpButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as ChevronUp } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectScrollUpButtonProps = SelectPrimitives.SelectScrollUpButtonProps;\n\nconst SelectScrollUpButton = ({ className, ...props }: SelectScrollUpButtonProps) => (\n    <SelectPrimitives.ScrollUpButton\n        className={cn(\n            \"flex cursor-default items-center justify-center pb-sm fill-neutral-xstrong\",\n            className\n        )}\n        {...props}\n    >\n        <ChevronUp className=\"h-md w-md\" />\n    </SelectPrimitives.ScrollUpButton>\n);\n\nexport { SelectScrollUpButton, type SelectScrollUpButtonProps };\n"],"names":["SelectScrollUpButton","className","props","SelectPrimitives","cn","ChevronUp"],"mappings":";;;;AAOA,MAAMA,uBAAuB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAkC,iBAC5E,sCAACC,OAAAA,cAA+B;QAC5B,WAAWC,GACP,8EACAH;QAEH,GAAGC,KAAK;qBAET,sCAACG,gBAASA;QAAC,WAAU"}

package/Select/primitives/components/SelectSeparator.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { Select as SelectPrimitives } from "radix-ui";
+import { Select } from "radix-ui";
 import { cn } from "../../../utils.js";
-const SelectSeparator = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.Separator, Object.assign({
-  className: cn("-mx-sm my-sm h-px bg-neutral-strong", className)
-}, props));
+import * as __rspack_external_react from "react";
+const SelectSeparator = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Separator, {
+        className: cn("-mx-sm my-sm h-px bg-neutral-strong", className),
+        ...props
+    });
 export { SelectSeparator };
 
 //# sourceMappingURL=SelectSeparator.js.map

package/Select/primitives/components/SelectSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPrimitives","cn","SelectSeparator","className","props","createElement","Separator","Object","assign"],"sources":["SelectSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n    <SelectPrimitives.Separator\n        className={cn(\"-mx-sm my-sm h-px bg-neutral-strong\", className)}\n        {...props}\n    />\n);\nexport { SelectSeparator, type SelectSeparatorProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAIX,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4B,CAAC,kBAClEN,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,SAAS,EAAAC,MAAA,CAAAC,MAAA;EACvBL,SAAS,EAAEF,EAAE,CAAC,qCAAqC,EAAEE,SAAS;AAAE,GAC5DC,KAAK,CACZ,CACJ;AACD,SAASF,eAAe","ignoreList":[]}
+{"version":3,"file":"Select/primitives/components/SelectSeparator.js","sources":["../../../../src/Select/primitives/components/SelectSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\n\ntype SelectSeparatorProps = SelectPrimitives.SelectSeparatorProps;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n    <SelectPrimitives.Separator\n        className={cn(\"-mx-sm my-sm h-px bg-neutral-strong\", className)}\n        {...props}\n    />\n);\nexport { SelectSeparator, type SelectSeparatorProps };\n"],"names":["SelectSeparator","className","props","SelectPrimitives","cn"],"mappings":";;;AAMA,MAAMA,kBAAkB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA6B,iBAClE,sCAACC,OAAAA,SAA0B;QACvB,WAAWC,GAAG,uCAAuCH;QACpD,GAAGC,KAAK"}

package/Select/primitives/components/SelectTrigger.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import { Select as SelectPrimitives } from "radix-ui";
 import { type VariantProps } from "../../../utils.js";
 declare const selectTriggerVariants: (props?: ({
-    variant?: "primary" | "secondary" | "ghost" | "ghost-negative" | null | undefined;
-    size?: "md" | "lg" | "xl" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "primary" | "secondary" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
     invalid?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SelectTriggerProps extends SelectPrimitives.SelectTriggerProps, VariantProps<typeof selectTriggerVariants> {

package/Select/primitives/components/SelectTrigger.js

@@ -1,70 +1,102 @@
-import * as React from "react";
-import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
-import { Select as SelectPrimitives } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Select } from "radix-ui";
 import { cn, cva } from "../../../utils.js";
 import { SelectIcon } from "./SelectIcon.js";
-const selectTriggerVariants = cva(["w-full flex items-center justify-between gap-sm border-sm text-md relative", "focus:outline-none", "disabled:pointer-events-none"], {
-  variants: {
-    variant: {
-      primary: ["bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong", "hover:border-neutral-strong", "focus:border-neutral-black", "data-[state=open]:border-neutral-black", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
-      secondary: ["bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong", "hover:bg-neutral-dimmed", "focus:border-neutral-black focus:bg-neutral-base", "data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
-      ghost: ["bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed", "hover:bg-neutral-dark/5", "focus:bg-neutral-dark/5", "data-[state=open]:bg-neutral-dark/5", "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"],
-      "ghost-negative": ["bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50", "hover:bg-neutral-base/20", "focus:bg-neutral-base/20", "data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong", "disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50"]
+import * as __rspack_external_react from "react";
+const selectTriggerVariants = cva([
+    "w-full flex items-center justify-between gap-sm border-sm text-md relative",
+    "focus:outline-none",
+    "disabled:pointer-events-none"
+], {
+    variants: {
+        variant: {
+            primary: [
+                "bg-neutral-base border-neutral-muted text-neutral-strong placeholder:text-neutral-dimmed fill-neutral-xstrong",
+                "hover:border-neutral-strong",
+                "focus:border-neutral-black",
+                "data-[state=open]:border-neutral-black",
+                "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"
+            ],
+            secondary: [
+                "bg-neutral-light border-neutral-subtle text-neutral-strong placeholder:text-neutral-muted fill-neutral-xstrong",
+                "hover:bg-neutral-dimmed",
+                "focus:border-neutral-black focus:bg-neutral-base",
+                "data-[state=open]:border-neutral-black data-[state=open]:bg-neutral-base",
+                "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"
+            ],
+            ghost: [
+                "bg-neutral-base border-transparent text-neutral-strong placeholder:text-neutral-dimmed",
+                "hover:bg-neutral-dark/5",
+                "focus:bg-neutral-dark/5",
+                "data-[state=open]:bg-neutral-dark/5",
+                "disabled:bg-neutral-disabled disabled:border-neutral-dimmed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled disabled:fill-neutral-disabled"
+            ],
+            "ghost-negative": [
+                "bg-transparent border-transparent text-neutral-light/50 placeholder:text-neutral-light/50 fill-neutral-base/50",
+                "hover:bg-neutral-base/20",
+                "focus:bg-neutral-base/20",
+                "data-[state=open]:bg-neutral-base data-[state=open]:text-neutral-primary data[state=open]:placeholder:text-neutral-dimmed data[state=open]:!fill-neutral-xstrong",
+                "disabled:bg-transparent disabled:text-neutral-disabled/50 disabled:placeholder:text-neutral-disabled/50"
+            ]
+        },
+        size: {
+            md: [
+                "rounded-md",
+                "py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"
+            ],
+            lg: [
+                "rounded-md",
+                "py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"
+            ],
+            xl: [
+                "rounded-lg leading-6",
+                "py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]"
+            ]
+        },
+        invalid: {
+            true: ""
+        }
     },
-    size: {
-      md: ["rounded-md", "py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
-      lg: ["rounded-md", "py-[calc(var(--padding-sm-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
-      xl: ["rounded-lg leading-6", "py-[calc(var(--padding-md)-(var(--border-width-sm)))] px-[calc(var(--padding-md)-(var(--border-width-sm)))]"]
-    },
-    invalid: {
-      true: ""
+    compoundVariants: [
+        {
+            variant: "primary",
+            invalid: true,
+            class: "border-destructive-default!"
+        },
+        {
+            variant: "secondary",
+            invalid: true,
+            class: "border-destructive-default!"
+        },
+        {
+            variant: "ghost",
+            invalid: true,
+            class: "border-destructive-subtle! bg-destructive-subtle!"
+        },
+        {
+            variant: "ghost-negative",
+            invalid: true,
+            class: "border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!"
+        }
+    ],
+    defaultVariants: {
+        variant: "primary",
+        size: "lg"
     }
-  },
-  compoundVariants: [{
-    variant: "primary",
-    invalid: true,
-    class: "border-destructive-default!"
-  }, {
-    variant: "secondary",
-    invalid: true,
-    class: "border-destructive-default!"
-  }, {
-    variant: "ghost",
-    invalid: true,
-    class: "border-destructive-subtle! bg-destructive-subtle!"
-  }, {
-    variant: "ghost-negative",
-    invalid: true,
-    class: "border-destructive-default! bg-destructive-subtle! text-neutral-primary placeholder:text-neutral-dimmed fill-neutral-xstrong!"
-  }],
-  defaultVariants: {
-    variant: "primary",
-    size: "lg"
-  }
 });
-const SelectTrigger = ({
-  className,
-  children,
-  size,
-  variant,
-  startIcon,
-  endIcon = /*#__PURE__*/React.createElement(ChevronDown, null),
-  resetButton,
-  disabled,
-  invalid,
-  ...props
-}) => /*#__PURE__*/React.createElement(SelectPrimitives.Trigger, Object.assign({
-  className: cn(selectTriggerVariants({
-    variant,
-    size,
-    invalid
-  }), className),
-  disabled: disabled
-}, props), startIcon && /*#__PURE__*/React.createElement(SelectIcon, {
-  icon: startIcon
-}), children, resetButton, /*#__PURE__*/React.createElement(SelectIcon, {
-  icon: endIcon
-}));
+const SelectTrigger = ({ className, children, size, variant, startIcon, endIcon = /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null), resetButton, disabled, invalid, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Select.Trigger, {
+        className: cn(selectTriggerVariants({
+            variant,
+            size,
+            invalid
+        }), className),
+        disabled: disabled,
+        ...props
+    }, startIcon && /*#__PURE__*/ __rspack_external_react.createElement(SelectIcon, {
+        icon: startIcon
+    }), children, resetButton, /*#__PURE__*/ __rspack_external_react.createElement(SelectIcon, {
+        icon: endIcon
+    }));
 export { SelectTrigger, selectTriggerVariants };
 
 //# sourceMappingURL=SelectTrigger.js.map