@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SearchIcon","MultiAutoCompletePrimitive","Button","Icon","Tag","meta","title","component","parameters","layout","argTypes","onValuesChange","action","onOpenChange","disabled","control","type","render","args","values","setValues","createElement","className","Object","assign","join","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","value","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithAllowFreeInput","allowFreeInput","WithUniqueValues","uniqueValues","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithCustomSelectedOptionRenderer","selectedOptionRenderer","content","Fragment","onDismiss","filter","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["MultiAutoCompletePrimitive.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 { MultiAutoCompletePrimitive } from \"./MultiAutoCompletePrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\n\nconst meta: Meta<typeof MultiAutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Multi Autocomplete\",\n    component: MultiAutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        disabled: {\n            control: {\n                type: \"boolean\"\n            }\n        }\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof MultiAutoCompletePrimitive>;\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 WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n    }\n};\n\nexport const WithLoading: Story = {\n    args: {\n        ...Default.args,\n        loading: true\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        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\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        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\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 WithPredefinedValue: 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        values: [\"est\", \"ist\", \"brt\"]\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n    args: {\n        ...Default.args,\n        emptyMessage: \"Custom empty message\"\n    }\n};\n\nexport const WithCustomInitialMessage: Story = {\n    args: {\n        ...Default.args,\n        initialMessage: \"Custom initial message.\",\n        options: []\n    }\n};\n\nexport const WithAllowFreeInput: Story = {\n    args: {\n        ...Default.args,\n        allowFreeInput: true\n    }\n};\n\nexport const WithUniqueValues: Story = {\n    args: {\n        ...Default.args,\n        uniqueValues: true,\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\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 WithCustomOptionRenderer: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"Eastern Standard Time (EST)\",\n                value: \"est\",\n                item: {\n                    name: \"Eastern Standard Time (EST)\",\n                    time_difference: \"-5:00\",\n                    flag: \"🇺🇸\",\n                    value: \"est\"\n                }\n            },\n            {\n                label: \"Central Standard Time (CST)\",\n                value: \"cst\",\n                item: {\n                    name: \"Central Standard Time (CST)\",\n                    time_difference: \"-6:00\",\n                    flag: \"🇺🇸\",\n                    value: \"cst\"\n                }\n            },\n            {\n                label: \"Pacific Standard Time (PST)\",\n                value: \"pst\",\n                item: {\n                    name: \"Pacific Standard Time (PST)\",\n                    time_difference: \"-8:00\",\n                    flag: \"🇺🇸\",\n                    value: \"pst\"\n                }\n            },\n            {\n                label: \"Greenwich Mean Time (GMT)\",\n                value: \"gmt\",\n                item: {\n                    name: \"Greenwich Mean Time (GMT)\",\n                    time_difference: \"±0:00\",\n                    flag: \"🇬🇧\",\n                    value: \"gmt\"\n                }\n            },\n            {\n                label: \"Central European Time (CET)\",\n                value: \"cet\",\n                item: {\n                    name: \"Central European Time (CET)\",\n                    time_difference: \"+1:00\",\n                    flag: \"🇪🇺\",\n                    value: \"cet\"\n                }\n            },\n            {\n                label: \"Central Africa Time (CAT)\",\n                value: \"cat\",\n                item: {\n                    name: \"Central Africa Time (CAT)\",\n                    time_difference: \"+2:00\",\n                    flag: \"🇿🇦\",\n                    value: \"cat\"\n                }\n            },\n            {\n                label: \"India Standard Time (IST)\",\n                value: \"ist\",\n                item: {\n                    name: \"India Standard Time (IST)\",\n                    time_difference: \"+5:30\",\n                    flag: \"🇮🇳\",\n                    value: \"ist\"\n                }\n            },\n            {\n                label: \"China Standard Time (CST)\",\n                value: \"cst_china\",\n                item: {\n                    name: \"China Standard Time (CST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇨🇳\",\n                    value: \"cst_china\"\n                }\n            },\n            {\n                label: \"Japan Standard Time (JST)\",\n                value: \"jst\",\n                item: {\n                    name: \"Japan Standard Time (JST)\",\n                    time_difference: \"+9:00\",\n                    flag: \"🇯🇵\",\n                    value: \"jst\"\n                }\n            },\n            {\n                label: \"Australian Western Standard Time (AWST)\",\n                value: \"awst\",\n                item: {\n                    name: \"Australian Western Standard Time (AWST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇦🇺\",\n                    value: \"awst\"\n                }\n            },\n            {\n                label: \"New Zealand Standard Time (NZST)\",\n                value: \"nzst\",\n                item: {\n                    name: \"New Zealand Standard Time (NZST)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇳🇿\",\n                    value: \"nzst\"\n                }\n            },\n            {\n                label: \"Fiji Time (FJT)\",\n                value: \"fjt\",\n                item: {\n                    name: \"Fiji Time (FJT)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇫🇯\",\n                    value: \"fjt\"\n                }\n            },\n            {\n                label: \"Argentina Time (ART)\",\n                value: \"art\",\n                item: {\n                    name: \"Argentina Time (ART)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇦🇷\",\n                    value: \"art\"\n                }\n            },\n            {\n                label: \"Bolivia Time (BOT)\",\n                value: \"bot\",\n                item: {\n                    name: \"Bolivia Time (BOT)\",\n                    time_difference: \"-4:00\",\n                    flag: \"🇧🇴\",\n                    value: \"bot\"\n                }\n            },\n            {\n                label: \"Brasilia Time (BRT)\",\n                value: \"brt\",\n                item: {\n                    name: \"Brasilia Time (BRT)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇧🇷\",\n                    value: \"brt\"\n                }\n            }\n        ],\n        optionRenderer: item => {\n            return (\n                <div className={\"w-full flex justify-between align-middle\"}>\n                    <div>\n                        <span className={\"mr-sm\"}>{item.flag}</span>\n                        {item.name}\n                    </div>\n                    <div className={\"text-sm\"}>{item.time_difference}</div>\n                </div>\n            );\n        }\n    }\n};\n\nexport const WithCustomSelectedOptionRenderer: Story = {\n    args: {\n        ...WithCustomOptionRenderer.args\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values || []);\n        const selectedOptionRenderer = (item: any) => {\n            return (\n                <Tag\n                    variant={\"neutral-base\"}\n                    content={\n                        <>\n                            {item.flag} {item.name}\n                        </>\n                    }\n                    onDismiss={() => setValues(values.filter(value => value !== item.value))}\n                />\n            );\n        };\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive\n                    {...args}\n                    values={values}\n                    onValuesChange={setValues}\n                    selectedOptionRenderer={selectedOptionRenderer}\n                />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\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            { 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    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValues(args.values)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,0BAA0B;AACnC,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,GAAG;AAEZ,MAAMC,IAA6C,GAAG;EAClDC,KAAK,EAAE,+CAA+C;EACtDC,SAAS,EAAEN,0BAA0B;EACrCO,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNC,cAAc,EAAE;MAAEC,MAAM,EAAE;IAAiB,CAAC;IAC5CC,YAAY,EAAE;MAAED,MAAM,EAAE;IAAe,CAAC;IACxCE,QAAQ,EAAE;MACNC,OAAO,EAAE;QACLC,IAAI,EAAE;MACV;IACJ;EACJ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,CAAC;IACjD,oBACItB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEC,MAAM,EAAEA,MAAO;MAACR,cAAc,EAAES;IAAU,EAAE,CAAC,eACnFvB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAmB,GAAC,2BACP,EAACH,MAAM,EAAEM,IAAI,CAAC,GAAG,CACzC,CACJ,CAAC;EAEd;AACJ,CAAC;AAED,eAAepB,IAAI;AAInB,OAAO,MAAMqB,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,OAAO,EAAE,CACL,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,yCAAyC,EACzC,kCAAkC,EAClC,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB;EAE7B;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BV,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfW,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BZ,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfW,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAME,cAAqB,GAAG;EACjCb,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfW,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMG,aAAoB,GAAG;EAChCd,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfe,SAAS,eAAEpC,KAAA,CAAAwB,aAAA,CAAClB,IAAI;MAAC+B,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEtC,KAAA,CAAAwB,aAAA,CAACrB,UAAU,MAAE;IAAE,CAAE;EAC7D;AACJ,CAAC;AAED,OAAO,MAAMoC,WAAkB,GAAG;EAC9BlB,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfmB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCpB,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfqB,kBAAkB,EAAE;EACxB;AACJ,CAAC;AAED,OAAO,MAAMC,cAAqB,GAAG;EACjCtB,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfuB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,sBAA6B,GAAG;EACzCxB,IAAI,EAAE;IACF,GAAGsB,cAAc,CAACtB,IAAI;IACtBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM6B,qBAA4B,GAAG;EACxCzB,IAAI,EAAE;IACF,GAAGsB,cAAc,CAACtB,IAAI;IACtB0B,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnC3B,IAAI,EAAE;IACFuB,OAAO,EAAE,WAAW;IACpBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3C7B,IAAI,EAAE;IACF,GAAG2B,gBAAgB,CAAC3B,IAAI;IACxBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMkC,uBAA8B,GAAG;EAC1C9B,IAAI,EAAE;IACF,GAAG2B,gBAAgB,CAAC3B,IAAI;IACxB0B,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMK,YAAmB,GAAG;EAC/B/B,IAAI,EAAE;IACFuB,OAAO,EAAE,OAAO;IAChBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMI,oBAA2B,GAAG;EACvChC,IAAI,EAAE;IACF,GAAG+B,YAAY,CAAC/B,IAAI;IACpBJ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMqC,mBAA0B,GAAG;EACtCjC,IAAI,EAAE;IACF,GAAG+B,YAAY,CAAC/B,IAAI;IACpB0B,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMQ,oBAA2B,GAAG;EACvClC,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfuB,OAAO,EAAE,gBAAgB;IACzBK,WAAW,EAAE;EACjB,CAAC;EACDO,UAAU,EAAE,CACRC,KAAK,iBACDzD,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACpDzB,KAAA,CAAAwB,aAAA,CAACiC,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAMC,4BAAmC,GAAG;EAC/CrC,IAAI,EAAE;IACF,GAAGkC,oBAAoB,CAAClC,IAAI;IAC5BJ,QAAQ,EAAE;EACd,CAAC;EACDuC,UAAU,EAAE,CACRC,KAAK,iBACDzD,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACpDzB,KAAA,CAAAwB,aAAA,CAACiC,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAME,2BAAkC,GAAG;EAC9CtC,IAAI,EAAE;IACF,GAAGkC,oBAAoB,CAAClC,IAAI;IAC5B0B,OAAO,EAAE;EACb,CAAC;EACDS,UAAU,EAAE,CACRC,KAAK,iBACDzD,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACpDzB,KAAA,CAAAwB,aAAA,CAACiC,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAMG,mBAA0B,GAAG;EACtCvC,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,yCAAyC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EACnE;MAAExB,KAAK,EAAE,kCAAkC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAExB,KAAK,EAAE,iBAAiB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAExB,KAAK,EAAE,sBAAsB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAExB,KAAK,EAAE,oBAAoB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAExB,KAAK,EAAE,qBAAqB;MAAEwB,KAAK,EAAE;IAAM,CAAC,CACjD;IACDvC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK;EAChC;AACJ,CAAC;AAED,OAAO,MAAMwC,qBAA4B,GAAG;EACxCzC,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACf4B,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMc,sBAA6B,GAAG;EACzC1C,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACf2C,YAAY,EAAE;EAClB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3C5C,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACf6C,cAAc,EAAE,yBAAyB;IACzCpC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMqC,kBAAyB,GAAG;EACrC9C,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACf+C,cAAc,EAAE;EACpB;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnChD,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfiD,YAAY,EAAE,IAAI;IAClBxC,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC;EAE9D;AACJ,CAAC;AAED,OAAO,MAAMU,oBAA2B,GAAG;EACvClD,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,yCAAyC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EACnE;MAAExB,KAAK,EAAE,kCAAkC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAExB,KAAK,EAAE,iBAAiB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAExB,KAAK,EAAE,sBAAsB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAExB,KAAK,EAAE,oBAAoB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAExB,KAAK,EAAE,qBAAqB;MAAEwB,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAMW,wBAA+B,GAAG;EAC3CnD,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,OAAO,EAAE,CACL;MACIO,KAAK,EAAE,6BAA6B;MACpCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,6BAA6B;MACpCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,6BAA6B;MACpCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,2BAA2B;MAClCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,6BAA6B;MACpCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,6BAA6B;QACnCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,2BAA2B;MAClCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,2BAA2B;MAClCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,2BAA2B;MAClCwB,KAAK,EAAE,WAAW;MAClBY,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,2BAA2B;MAClCwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,2BAA2B;QACjCC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,yCAAyC;MAChDwB,KAAK,EAAE,MAAM;MACbY,IAAI,EAAE;QACFC,IAAI,EAAE,yCAAyC;QAC/CC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,kCAAkC;MACzCwB,KAAK,EAAE,MAAM;MACbY,IAAI,EAAE;QACFC,IAAI,EAAE,kCAAkC;QACxCC,eAAe,EAAE,QAAQ;QACzBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,iBAAiB;MACxBwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,iBAAiB;QACvBC,eAAe,EAAE,QAAQ;QACzBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,sBAAsB;MAC7BwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,sBAAsB;QAC5BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,oBAAoB;MAC3BwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,oBAAoB;QAC1BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxB,KAAK,EAAE,qBAAqB;MAC5BwB,KAAK,EAAE,KAAK;MACZY,IAAI,EAAE;QACFC,IAAI,EAAE,qBAAqB;QAC3BC,eAAe,EAAE,OAAO;QACxBC,IAAI,EAAE,MAAM;QACZf,KAAK,EAAE;MACX;IACJ,CAAC,CACJ;IACDgB,cAAc,EAAEJ,IAAI,IAAI;MACpB,oBACIzE,KAAA,CAAAwB,aAAA;QAAKC,SAAS,EAAE;MAA2C,gBACvDzB,KAAA,CAAAwB,aAAA,2BACIxB,KAAA,CAAAwB,aAAA;QAAMC,SAAS,EAAE;MAAQ,GAAEgD,IAAI,CAACG,IAAW,CAAC,EAC3CH,IAAI,CAACC,IACL,CAAC,eACN1E,KAAA,CAAAwB,aAAA;QAAKC,SAAS,EAAE;MAAU,GAAEgD,IAAI,CAACE,eAAqB,CACrD,CAAC;IAEd;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,gCAAuC,GAAG;EACnDzD,IAAI,EAAE;IACF,GAAGmD,wBAAwB,CAACnD;EAChC,CAAC;EACDD,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,IAAI,EAAE,CAAC;IACvD,MAAMyD,sBAAsB,GAAIN,IAAS,IAAK;MAC1C,oBACIzE,KAAA,CAAAwB,aAAA,CAACjB,GAAG;QACAqC,OAAO,EAAE,cAAe;QACxBoC,OAAO,eACHhF,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAiF,QAAA,QACKR,IAAI,CAACG,IAAI,EAAC,GAAC,EAACH,IAAI,CAACC,IACpB,CACL;QACDQ,SAAS,EAAEA,CAAA,KAAM3D,SAAS,CAACD,MAAM,CAAC6D,MAAM,CAACtB,KAAK,IAAIA,KAAK,KAAKY,IAAI,CAACZ,KAAK,CAAC;MAAE,CAC5E,CAAC;IAEV,CAAC;IACD,oBACI7D,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KACnBN,IAAI;MACRC,MAAM,EAAEA,MAAO;MACfR,cAAc,EAAES,SAAU;MAC1BwD,sBAAsB,EAAEA;IAAuB,EAClD,CAAC,eACF/E,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAmB,GAAC,2BACP,EAACH,MAAM,EAAEM,IAAI,CAAC,GAAG,CACzC,CACJ,CAAC;EAEd;AACJ,CAAC;AAED,OAAO,MAAMwD,cAAqB,GAAG;EACjC/D,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE,KAAK;MAAEwB,SAAS,EAAE;IAAK,CAAC,EACvE;MAAEhD,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE,KAAK;MAAEwB,SAAS,EAAE;IAAK,CAAC,EACrE;MAAEhD,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE,KAAK;MAAEwB,SAAS,EAAE;IAAK,CAAC,EACrE;MAAEhD,KAAK,EAAE,yCAAyC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EACnE;MAAExB,KAAK,EAAE,kCAAkC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAExB,KAAK,EAAE,iBAAiB;MAAEwB,KAAK,EAAE,KAAK;MAAEwB,SAAS,EAAE;IAAK,CAAC,EAC3D;MAAEhD,KAAK,EAAE,sBAAsB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAExB,KAAK,EAAE,oBAAoB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAExB,KAAK,EAAE,qBAAqB;MAAEwB,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAMyB,mBAA0B,GAAG;EACtCjE,IAAI,EAAE;IACFS,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE,KAAK;MAAE5C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEoB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE,KAAK;MAAE5C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEoB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE,KAAK;MAAE5C,QAAQ,EAAE;IAAK,CAAC,EACtE;MAAEoB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,yCAAyC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EACnE;MAAExB,KAAK,EAAE,kCAAkC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAExB,KAAK,EAAE,iBAAiB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAExB,KAAK,EAAE,sBAAsB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAExB,KAAK,EAAE,oBAAoB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAExB,KAAK,EAAE,qBAAqB;MAAEwB,KAAK,EAAE;IAAM,CAAC;EAEtD;AACJ,CAAC;AAED,OAAO,MAAM0B,wBAA+B,GAAG;EAC3ClE,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfS,OAAO,EAAE,CACL;MAAEO,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,6BAA6B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACtD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAY,CAAC,EAC1D;MAAExB,KAAK,EAAE,2BAA2B;MAAEwB,KAAK,EAAE;IAAM,CAAC,EACpD;MAAExB,KAAK,EAAE,yCAAyC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EACnE;MAAExB,KAAK,EAAE,kCAAkC;MAAEwB,KAAK,EAAE;IAAO,CAAC,EAC5D;MAAExB,KAAK,EAAE,iBAAiB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC1C;MAAExB,KAAK,EAAE,sBAAsB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC/C;MAAExB,KAAK,EAAE,oBAAoB;MAAEwB,KAAK,EAAE;IAAM,CAAC,EAC7C;MAAExB,KAAK,EAAE,qBAAqB;MAAEwB,KAAK,EAAE;IAAM,CAAC;EAEtD,CAAC;EACDzC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAACoB,IAAI,CAACC,MAAM,CAAC;IACjD,oBACItB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBzB,KAAA,CAAAwB,aAAA,CAACpB,0BAA0B,EAAAsB,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEC,MAAM,EAAEA,MAAO;MAACR,cAAc,EAAES;IAAU,EAAE,CAAC,eACnFvB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAmB,gBAC/BzB,KAAA,CAAAwB,aAAA,CAACnB,MAAM;MAACmF,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEA,CAAA,KAAMlE,SAAS,CAACF,IAAI,CAACC,MAAM;IAAE,CAAE,CAC9D,CAAC,eACNtB,KAAA,CAAAwB,aAAA;MAAKC,SAAS,EAAE;IAAmB,GAAC,2BACP,EAACH,MAAM,EAAEM,IAAI,CAAC,GAAG,CACzC,CACJ,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/primitives/MultiAutoCompletePrimitive.stories.js","sources":["../../../src/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.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 { MultiAutoCompletePrimitive } from \"./MultiAutoCompletePrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\n\nconst meta: Meta<typeof MultiAutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Multi Autocomplete\",\n    component: MultiAutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        disabled: {\n            control: {\n                type: \"boolean\"\n            }\n        }\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof MultiAutoCompletePrimitive>;\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 WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n    }\n};\n\nexport const WithLoading: Story = {\n    args: {\n        ...Default.args,\n        loading: true\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        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\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        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\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 WithPredefinedValue: 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        values: [\"est\", \"ist\", \"brt\"]\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n    args: {\n        ...Default.args,\n        emptyMessage: \"Custom empty message\"\n    }\n};\n\nexport const WithCustomInitialMessage: Story = {\n    args: {\n        ...Default.args,\n        initialMessage: \"Custom initial message.\",\n        options: []\n    }\n};\n\nexport const WithAllowFreeInput: Story = {\n    args: {\n        ...Default.args,\n        allowFreeInput: true\n    }\n};\n\nexport const WithUniqueValues: Story = {\n    args: {\n        ...Default.args,\n        uniqueValues: true,\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\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 WithCustomOptionRenderer: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"Eastern Standard Time (EST)\",\n                value: \"est\",\n                item: {\n                    name: \"Eastern Standard Time (EST)\",\n                    time_difference: \"-5:00\",\n                    flag: \"🇺🇸\",\n                    value: \"est\"\n                }\n            },\n            {\n                label: \"Central Standard Time (CST)\",\n                value: \"cst\",\n                item: {\n                    name: \"Central Standard Time (CST)\",\n                    time_difference: \"-6:00\",\n                    flag: \"🇺🇸\",\n                    value: \"cst\"\n                }\n            },\n            {\n                label: \"Pacific Standard Time (PST)\",\n                value: \"pst\",\n                item: {\n                    name: \"Pacific Standard Time (PST)\",\n                    time_difference: \"-8:00\",\n                    flag: \"🇺🇸\",\n                    value: \"pst\"\n                }\n            },\n            {\n                label: \"Greenwich Mean Time (GMT)\",\n                value: \"gmt\",\n                item: {\n                    name: \"Greenwich Mean Time (GMT)\",\n                    time_difference: \"±0:00\",\n                    flag: \"🇬🇧\",\n                    value: \"gmt\"\n                }\n            },\n            {\n                label: \"Central European Time (CET)\",\n                value: \"cet\",\n                item: {\n                    name: \"Central European Time (CET)\",\n                    time_difference: \"+1:00\",\n                    flag: \"🇪🇺\",\n                    value: \"cet\"\n                }\n            },\n            {\n                label: \"Central Africa Time (CAT)\",\n                value: \"cat\",\n                item: {\n                    name: \"Central Africa Time (CAT)\",\n                    time_difference: \"+2:00\",\n                    flag: \"🇿🇦\",\n                    value: \"cat\"\n                }\n            },\n            {\n                label: \"India Standard Time (IST)\",\n                value: \"ist\",\n                item: {\n                    name: \"India Standard Time (IST)\",\n                    time_difference: \"+5:30\",\n                    flag: \"🇮🇳\",\n                    value: \"ist\"\n                }\n            },\n            {\n                label: \"China Standard Time (CST)\",\n                value: \"cst_china\",\n                item: {\n                    name: \"China Standard Time (CST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇨🇳\",\n                    value: \"cst_china\"\n                }\n            },\n            {\n                label: \"Japan Standard Time (JST)\",\n                value: \"jst\",\n                item: {\n                    name: \"Japan Standard Time (JST)\",\n                    time_difference: \"+9:00\",\n                    flag: \"🇯🇵\",\n                    value: \"jst\"\n                }\n            },\n            {\n                label: \"Australian Western Standard Time (AWST)\",\n                value: \"awst\",\n                item: {\n                    name: \"Australian Western Standard Time (AWST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇦🇺\",\n                    value: \"awst\"\n                }\n            },\n            {\n                label: \"New Zealand Standard Time (NZST)\",\n                value: \"nzst\",\n                item: {\n                    name: \"New Zealand Standard Time (NZST)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇳🇿\",\n                    value: \"nzst\"\n                }\n            },\n            {\n                label: \"Fiji Time (FJT)\",\n                value: \"fjt\",\n                item: {\n                    name: \"Fiji Time (FJT)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇫🇯\",\n                    value: \"fjt\"\n                }\n            },\n            {\n                label: \"Argentina Time (ART)\",\n                value: \"art\",\n                item: {\n                    name: \"Argentina Time (ART)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇦🇷\",\n                    value: \"art\"\n                }\n            },\n            {\n                label: \"Bolivia Time (BOT)\",\n                value: \"bot\",\n                item: {\n                    name: \"Bolivia Time (BOT)\",\n                    time_difference: \"-4:00\",\n                    flag: \"🇧🇴\",\n                    value: \"bot\"\n                }\n            },\n            {\n                label: \"Brasilia Time (BRT)\",\n                value: \"brt\",\n                item: {\n                    name: \"Brasilia Time (BRT)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇧🇷\",\n                    value: \"brt\"\n                }\n            }\n        ],\n        optionRenderer: item => {\n            return (\n                <div className={\"w-full flex justify-between align-middle\"}>\n                    <div>\n                        <span className={\"mr-sm\"}>{item.flag}</span>\n                        {item.name}\n                    </div>\n                    <div className={\"text-sm\"}>{item.time_difference}</div>\n                </div>\n            );\n        }\n    }\n};\n\nexport const WithCustomSelectedOptionRenderer: Story = {\n    args: {\n        ...WithCustomOptionRenderer.args\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values || []);\n        const selectedOptionRenderer = (item: any) => {\n            return (\n                <Tag\n                    variant={\"neutral-base\"}\n                    content={\n                        <>\n                            {item.flag} {item.name}\n                        </>\n                    }\n                    onDismiss={() => setValues(values.filter(value => value !== item.value))}\n                />\n            );\n        };\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive\n                    {...args}\n                    values={values}\n                    onValuesChange={setValues}\n                    selectedOptionRenderer={selectedOptionRenderer}\n                />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\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            { 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    render: args => {\n        const [values, setValues] = useState(args.values);\n        return (\n            <div className={\"w-full\"}>\n                <MultiAutoCompletePrimitive {...args} values={values} onValuesChange={setValues} />\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValues(args.values)} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected values: {values?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n"],"names":["meta","MultiAutoCompletePrimitive","args","values","setValues","useState","Default","MediumSize","LargeSize","ExtraLargeSize","WithStartIcon","Icon","SearchIcon","WithLoading","WithoutResetAction","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","WithCustomInitialMessage","WithAllowFreeInput","WithUniqueValues","WithFormattedOptions","WithCustomOptionRenderer","item","WithCustomSelectedOptionRenderer","selectedOptionRenderer","Tag","value","WithSeparators","WithDisabledOptions","WithExternalValueControl","Button"],"mappings":";;;;;;AAQA,MAAMA,OAAgD;IAClD,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,UAAU;QACN,gBAAgB;YAAE,QAAQ;QAAiB;QAC3C,cAAc;YAAE,QAAQ;QAAe;QACvC,UAAU;YACN,SAAS;gBACL,MAAM;YACV;QACJ;IACJ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAASH,KAAK,MAAM;QAChD,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACD,4BAA0BA;YAAE,GAAGC,IAAI;YAAE,QAAQC;YAAQ,gBAAgBC;0BACtE,oBAAC;YAAI,WAAW;WAAoB,6BACND,QAAQ,KAAK;IAIvD;AACJ;AAEA,2CAAeH;AAIR,MAAMM,UAAiB;IAC1B,MAAM;QACF,SAAS;YACL;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACH;IACL;AACJ;AAEO,MAAMC,aAAoB;IAC7B,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAME,YAAmB;IAC5B,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMG,iBAAwB;IACjC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMI,gBAAuB;IAChC,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,WAAW,WAAX,GAAW,oBAACK,MAAIA;YAAC,OAAO;YAAU,oBAAM,oBAACC,gBAAUA;;IACvD;AACJ;AAEO,MAAMC,cAAqB;IAC9B,MAAM;QACF,GAAGP,QAAQ,IAAI;QACf,SAAS;IACb;AACJ;AAEO,MAAMQ,qBAA4B;IACrC,MAAM;QACF,GAAGR,QAAQ,IAAI;QACf,oBAAoB;IACxB;AACJ;AAEO,MAAMS,iBAAwB;IACjC,MAAM;QACF,GAAGT,QAAQ,IAAI;QACf,SAAS;IACb;AACJ;AAEO,MAAMU,yBAAgC;IACzC,MAAM;QACF,GAAGD,eAAe,IAAI;QACtB,UAAU;IACd;AACJ;AAEO,MAAME,wBAA+B;IACxC,MAAM;QACF,GAAGF,eAAe,IAAI;QACtB,SAAS;IACb;AACJ;AAEO,MAAMG,mBAA0B;IACnC,MAAM;QACF,SAAS;QACT,aAAa;IACjB;AACJ;AAEO,MAAMC,2BAAkC;IAC3C,MAAM;QACF,GAAGD,iBAAiB,IAAI;QACxB,UAAU;IACd;AACJ;AAEO,MAAME,0BAAiC;IAC1C,MAAM;QACF,GAAGF,iBAAiB,IAAI;QACxB,SAAS;IACb;AACJ;AAEO,MAAMG,eAAsB;IAC/B,MAAM;QACF,SAAS;QACT,aAAa;IACjB;AACJ;AAEO,MAAMC,uBAA8B;IACvC,MAAM;QACF,GAAGD,aAAa,IAAI;QACpB,UAAU;IACd;AACJ;AAEO,MAAME,sBAA6B;IACtC,MAAM;QACF,GAAGF,aAAa,IAAI;QACpB,SAAS;IACb;AACJ;AAEO,MAAMG,uBAA8B;IACvC,MAAM;QACF,GAAGlB,QAAQ,IAAI;QACf,SAAS;QACT,aAAa;IACjB;IACA,YAAY;QACRmB,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAMC,+BAAsC;IAC/C,MAAM;QACF,GAAGF,qBAAqB,IAAI;QAC5B,UAAU;IACd;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAME,8BAAqC;IAC9C,MAAM;QACF,GAAGH,qBAAqB,IAAI;QAC5B,SAAS;IACb;IACA,YAAY;QACRC,CAAAA,QAAAA,WAAAA,GACI,oBAAC;gBAAI,WAAU;6BACX,oBAACA,OAAAA;KAGZ;AACL;AAEO,MAAMG,sBAA6B;IACtC,MAAM;QACF,GAAGtB,QAAQ,IAAI;QACf,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAY;YACzD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA2C,OAAO;YAAO;YAClE;gBAAE,OAAO;gBAAoC,OAAO;YAAO;YAC3D;gBAAE,OAAO;gBAAmB,OAAO;YAAM;YACzC;gBAAE,OAAO;gBAAwB,OAAO;YAAM;YAC9C;gBAAE,OAAO;gBAAsB,OAAO;YAAM;YAC5C;gBAAE,OAAO;gBAAuB,OAAO;YAAM;SAChD;QACD,QAAQ;YAAC;YAAO;YAAO;SAAM;IACjC;AACJ;AAEO,MAAMuB,wBAA+B;IACxC,MAAM;QACF,GAAGvB,QAAQ,IAAI;QACf,aAAa;IACjB;AACJ;AAEO,MAAMwB,yBAAgC;IACzC,MAAM;QACF,GAAGxB,QAAQ,IAAI;QACf,cAAc;IAClB;AACJ;AAEO,MAAMyB,2BAAkC;IAC3C,MAAM;QACF,GAAGzB,QAAQ,IAAI;QACf,gBAAgB;QAChB,SAAS,EAAE;IACf;AACJ;AAEO,MAAM0B,qBAA4B;IACrC,MAAM;QACF,GAAG1B,QAAQ,IAAI;QACf,gBAAgB;IACpB;AACJ;AAEO,MAAM2B,mBAA0B;IACnC,MAAM;QACF,GAAG3B,QAAQ,IAAI;QACf,cAAc;QACd,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;SACxD;IACL;AACJ;AAEO,MAAM4B,uBAA8B;IACvC,MAAM;QACF,GAAG5B,QAAQ,IAAI;QACf,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAY;YACzD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA2C,OAAO;YAAO;YAClE;gBAAE,OAAO;gBAAoC,OAAO;YAAO;YAC3D;gBAAE,OAAO;gBAAmB,OAAO;YAAM;YACzC;gBAAE,OAAO;gBAAwB,OAAO;YAAM;YAC9C;gBAAE,OAAO;gBAAsB,OAAO;YAAM;YAC5C;gBAAE,OAAO;gBAAuB,OAAO;YAAM;SAChD;IACL;AACJ;AAEO,MAAM6B,2BAAkC;IAC3C,MAAM;QACF,GAAG7B,QAAQ,IAAI;QACf,SAAS;YACL;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,MAAM;oBACF,MAAM;oBACN,iBAAiB;oBACjB,MAAM;oBACN,OAAO;gBACX;YACJ;SACH;QACD,gBAAgB8B,CAAAA,OACL,WAAP,GACI,oBAAC;gBAAI,WAAW;6BACZ,oBAAC,2BACG,oBAAC;gBAAK,WAAW;eAAUA,KAAK,IAAI,GACnCA,KAAK,IAAI,iBAEd,oBAAC;gBAAI,WAAW;eAAYA,KAAK,eAAe;IAIhE;AACJ;AAEO,MAAMC,mCAA0C;IACnD,MAAM;QACF,GAAGF,yBAAyB,IAAI;IACpC;IACA,QAAQjC,CAAAA;QACJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAASH,KAAK,MAAM,IAAI,EAAE;QACtD,MAAMoC,yBAAyB,CAACF,OACrB,WAAP,GACI,oBAACG,KAAGA;gBACA,SAAS;gBACT,uBACI,0CACKH,KAAK,IAAI,EAAC,KAAEA,KAAK,IAAI;gBAG9B,WAAW,IAAMhC,UAAUD,OAAO,MAAM,CAACqC,CAAAA,QAASA,UAAUJ,KAAK,KAAK;;QAIlF,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACnC,4BAA0BA;YACtB,GAAGC,IAAI;YACR,QAAQC;YACR,gBAAgBC;YAChB,wBAAwBkC;0BAE5B,oBAAC;YAAI,WAAW;WAAoB,6BACNnC,QAAQ,KAAK;IAIvD;AACJ;AAEO,MAAMsC,iBAAwB;IACjC,MAAM;QACF,GAAGnC,QAAQ,IAAI;QACf,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;gBAAO,WAAW;YAAK;YACtE;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;gBAAO,WAAW;YAAK;YACpE;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAY;YACzD;gBAAE,OAAO;gBAA6B,OAAO;gBAAO,WAAW;YAAK;YACpE;gBAAE,OAAO;gBAA2C,OAAO;YAAO;YAClE;gBAAE,OAAO;gBAAoC,OAAO;YAAO;YAC3D;gBAAE,OAAO;gBAAmB,OAAO;gBAAO,WAAW;YAAK;YAC1D;gBAAE,OAAO;gBAAwB,OAAO;YAAM;YAC9C;gBAAE,OAAO;gBAAsB,OAAO;YAAM;YAC5C;gBAAE,OAAO;gBAAuB,OAAO;YAAM;SAChD;IACL;AACJ;AAEO,MAAMoC,sBAA6B;IACtC,MAAM;QACF,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;gBAAO,UAAU;YAAK;YACrE;gBAAE,OAAO;gBAA+B,OAAO;gBAAO,UAAU;YAAK;YACrE;gBAAE,OAAO;gBAA+B,OAAO;gBAAO,UAAU;YAAK;YACrE;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAY;YACzD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA2C,OAAO;YAAO;YAClE;gBAAE,OAAO;gBAAoC,OAAO;YAAO;YAC3D;gBAAE,OAAO;gBAAmB,OAAO;YAAM;YACzC;gBAAE,OAAO;gBAAwB,OAAO;YAAM;YAC9C;gBAAE,OAAO;gBAAsB,OAAO;YAAM;YAC5C;gBAAE,OAAO;gBAAuB,OAAO;YAAM;SAChD;IACL;AACJ;AAEO,MAAMC,2BAAkC;IAC3C,MAAM;QACF,GAAGrC,QAAQ,IAAI;QACf,SAAS;YACL;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA+B,OAAO;YAAM;YACrD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA6B,OAAO;YAAY;YACzD;gBAAE,OAAO;gBAA6B,OAAO;YAAM;YACnD;gBAAE,OAAO;gBAA2C,OAAO;YAAO;YAClE;gBAAE,OAAO;gBAAoC,OAAO;YAAO;YAC3D;gBAAE,OAAO;gBAAmB,OAAO;YAAM;YACzC;gBAAE,OAAO;gBAAwB,OAAO;YAAM;YAC9C;gBAAE,OAAO;gBAAsB,OAAO;YAAM;YAC5C;gBAAE,OAAO;gBAAuB,OAAO;YAAM;SAChD;IACL;IACA,QAAQJ,CAAAA;QACJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAASH,KAAK,MAAM;QAChD,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACD,4BAA0BA;YAAE,GAAGC,IAAI;YAAE,QAAQC;YAAQ,gBAAgBC;0BACtE,oBAAC;YAAI,WAAW;yBACZ,oBAACwC,QAAMA;YAAC,MAAM;YAAS,SAAS,IAAMxC,UAAUF,KAAK,MAAM;2BAE/D,oBAAC;YAAI,WAAW;WAAoB,6BACNC,QAAQ,KAAK;IAIvD;AACJ"}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js

@@ -1,102 +1,83 @@
-import React from "react";
+import react from "react";
 import { InputIcon, inputVariants } from "../../../Input/index.js";
 import { Command } from "../../../Command/index.js";
 import { Tag } from "../../../Tag/index.js";
 import { cn, cva } from "../../../utils.js";
 const multiAutoCompleteInputVariants = cva("relative placeholder:text-neutral-dimmed", {
-  variants: {
-    disabled: {
-      true: "cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled"
+    variants: {
+        disabled: {
+            true: "cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled"
+        }
     }
-  }
 });
-const MultiAutoCompleteInput = ({
-  changeValue,
-  closeList,
-  disabled,
-  endIcon,
-  invalid,
-  openList,
-  placeholder,
-  removeSelectedOption,
-  selectedOptionRenderer,
-  selectedOptions,
-  size,
-  startIcon,
-  value,
-  variant,
-  className,
-  inputRef: parentInputRef,
-  ...props
-}) => {
-  const [focused, setFocused] = React.useState(false);
-  const inputRef = React.useMemo(() => {
-    return parentInputRef && typeof parentInputRef !== "function" ? parentInputRef : /*#__PURE__*/React.createRef();
-  }, [parentInputRef]);
-  const renderSelectedOptions = React.useCallback(options => {
-    return options.map((option, index) => {
-      if (selectedOptionRenderer) {
-        if (!option.item) {
-          return null;
-        }
-        return selectedOptionRenderer.call(this, option.item, index);
-      }
-      return /*#__PURE__*/React.createElement(Tag, {
-        key: `tag-${option.value}-${index}`,
-        variant: variant === "ghost-negative" ? "neutral-xstrong" : "neutral-muted",
-        content: option.label,
-        onDismiss: () => removeSelectedOption(option.value)
-      });
-    });
-  }, [selectedOptionRenderer, removeSelectedOption, variant]);
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(inputVariants({
-      variant,
-      size,
-      invalid
-    }), multiAutoCompleteInputVariants({
-      disabled
-    }), className),
-    "aria-disabled": disabled,
-    onClick: () => {
-      if (disabled) {
-        return;
-      }
-      inputRef?.current?.focus();
-      setFocused(true);
-    },
-    "data-disabled": disabled,
-    "data-focused": focused
-  }), startIcon && /*#__PURE__*/React.createElement(InputIcon, {
-    icon: startIcon,
-    inputSize: size
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "relative flex flex-wrap flex-1 gap-xs"
-  }, renderSelectedOptions(selectedOptions), /*#__PURE__*/React.createElement(Command.Input, {
-    className: "bg-transparent border-none outline-none",
-    value: value,
-    onValueChange: changeValue,
-    placeholder: placeholder,
-    disabled: disabled,
-    onBlur: () => {
-      setFocused(false);
-      closeList();
-    },
-    onFocus: () => {
-      setFocused(true);
-      openList();
-    },
-    inputElement: /*#__PURE__*/React.createElement("input", {
-      type: "text",
-      ref: inputRef,
-      className: cn(multiAutoCompleteInputVariants({
-        disabled
-      }))
-    })
-  })), endIcon && /*#__PURE__*/React.createElement(InputIcon, {
-    icon: endIcon,
-    inputSize: size
-  }));
+const MultiAutoCompleteInput = ({ changeValue, closeList, disabled, endIcon, invalid, openList, placeholder, removeSelectedOption, selectedOptionRenderer, selectedOptions, size, startIcon, value, variant, className, inputRef: parentInputRef, ...props })=>{
+    const [focused, setFocused] = react.useState(false);
+    const inputRef = react.useMemo(()=>parentInputRef && "function" != typeof parentInputRef ? parentInputRef : /*#__PURE__*/ react.createRef(), [
+        parentInputRef
+    ]);
+    const renderSelectedOptions = react.useCallback((options)=>options.map((option, index)=>{
+            if (selectedOptionRenderer) {
+                if (!option.item) return null;
+                return selectedOptionRenderer.call(void 0, option.item, index);
+            }
+            return /*#__PURE__*/ react.createElement(Tag, {
+                key: `tag-${option.value}-${index}`,
+                variant: "ghost-negative" === variant ? "neutral-xstrong" : "neutral-muted",
+                content: option.label,
+                onDismiss: ()=>removeSelectedOption(option.value)
+            });
+        }), [
+        selectedOptionRenderer,
+        removeSelectedOption,
+        variant
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn(inputVariants({
+            variant,
+            size,
+            invalid
+        }), multiAutoCompleteInputVariants({
+            disabled
+        }), className),
+        "aria-disabled": disabled,
+        onClick: ()=>{
+            if (disabled) return;
+            inputRef?.current?.focus();
+            setFocused(true);
+        },
+        "data-disabled": disabled,
+        "data-focused": focused
+    }, startIcon && /*#__PURE__*/ react.createElement(InputIcon, {
+        icon: startIcon,
+        inputSize: size
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "relative flex flex-wrap flex-1 gap-xs"
+    }, renderSelectedOptions(selectedOptions), /*#__PURE__*/ react.createElement(Command.Input, {
+        className: "bg-transparent border-none outline-none",
+        value: value,
+        onValueChange: changeValue,
+        placeholder: placeholder,
+        disabled: disabled,
+        onBlur: ()=>{
+            setFocused(false);
+            closeList();
+        },
+        onFocus: ()=>{
+            setFocused(true);
+            openList();
+        },
+        inputElement: /*#__PURE__*/ react.createElement("input", {
+            type: "text",
+            ref: inputRef,
+            className: cn(multiAutoCompleteInputVariants({
+                disabled
+            }))
+        })
+    })), endIcon && /*#__PURE__*/ react.createElement(InputIcon, {
+        icon: endIcon,
+        inputSize: size
+    }));
 };
 export { MultiAutoCompleteInput };
 

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputIcon","inputVariants","Command","Tag","cn","cva","multiAutoCompleteInputVariants","variants","disabled","true","MultiAutoCompleteInput","changeValue","closeList","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","inputRef","parentInputRef","props","focused","setFocused","useState","useMemo","createRef","renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React, { type RefObject } from \"react\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { InputIcon, inputVariants } from \"~/Input/index.js\";\nimport type { CommandOptionFormatted } from \"~/Command/index.js\";\nimport { Command } from \"~/Command/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst multiAutoCompleteInputVariants = cva(\"relative placeholder:text-neutral-dimmed\", {\n    variants: {\n        disabled: {\n            true: \"cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n        }\n    }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n    InputPrimitiveProps & {\n        changeValue: (value: string) => void;\n        closeList: () => void;\n        openList: () => void;\n        placeholder: string;\n        removeSelectedOption: (value: string) => void;\n        selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n        selectedOptions: CommandOptionFormatted[];\n        value: string;\n    };\n\nconst MultiAutoCompleteInput = ({\n    changeValue,\n    closeList,\n    disabled,\n    endIcon,\n    invalid,\n    openList,\n    placeholder,\n    removeSelectedOption,\n    selectedOptionRenderer,\n    selectedOptions,\n    size,\n    startIcon,\n    value,\n    variant,\n    className,\n    inputRef: parentInputRef,\n    ...props\n}: MultiAutoCompleteInputProps) => {\n    const [focused, setFocused] = React.useState<boolean>(false);\n    const inputRef = React.useMemo<React.RefObject<HTMLInputElement | null>>(() => {\n        return parentInputRef && typeof parentInputRef !== \"function\"\n            ? parentInputRef\n            : React.createRef<HTMLInputElement>();\n    }, [parentInputRef]);\n\n    const renderSelectedOptions = React.useCallback(\n        (options: CommandOptionFormatted[]) => {\n            return options.map((option, index) => {\n                if (selectedOptionRenderer) {\n                    if (!option.item) {\n                        return null;\n                    }\n                    return selectedOptionRenderer.call(this, option.item, index);\n                }\n\n                return (\n                    <Tag\n                        key={`tag-${option.value}-${index}`}\n                        variant={variant === \"ghost-negative\" ? \"neutral-xstrong\" : \"neutral-muted\"}\n                        content={option.label}\n                        onDismiss={() => removeSelectedOption(option.value)}\n                    />\n                );\n            });\n        },\n        [selectedOptionRenderer, removeSelectedOption, variant]\n    );\n\n    return (\n        <div\n            {...props}\n            className={cn(\n                inputVariants({\n                    variant,\n                    size,\n                    invalid\n                }),\n                multiAutoCompleteInputVariants({ disabled }),\n                className\n            )}\n            aria-disabled={disabled}\n            onClick={() => {\n                if (disabled) {\n                    return;\n                }\n                inputRef?.current?.focus();\n                setFocused(true);\n            }}\n            data-disabled={disabled}\n            data-focused={focused}\n        >\n            {startIcon && <InputIcon icon={startIcon} inputSize={size} />}\n            <div className=\"relative flex flex-wrap flex-1 gap-xs\">\n                {renderSelectedOptions(selectedOptions)}\n                <Command.Input\n                    className={\"bg-transparent border-none outline-none\"}\n                    value={value}\n                    onValueChange={changeValue}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    onBlur={() => {\n                        setFocused(false);\n                        closeList();\n                    }}\n                    onFocus={() => {\n                        setFocused(true);\n                        openList();\n                    }}\n                    inputElement={\n                        <input\n                            type=\"text\"\n                            ref={inputRef as RefObject<HTMLInputElement>}\n                            className={cn(multiAutoCompleteInputVariants({ disabled }))}\n                        />\n                    }\n                />\n            </div>\n            {endIcon && <InputIcon icon={endIcon} inputSize={size} />}\n        </div>\n    );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js","sources":["../../../../src/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.tsx"],"sourcesContent":["import React, { type RefObject } from \"react\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { InputIcon, inputVariants } from \"~/Input/index.js\";\nimport type { CommandOptionFormatted } from \"~/Command/index.js\";\nimport { Command } from \"~/Command/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst multiAutoCompleteInputVariants = cva(\"relative placeholder:text-neutral-dimmed\", {\n    variants: {\n        disabled: {\n            true: \"cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n        }\n    }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n    InputPrimitiveProps & {\n        changeValue: (value: string) => void;\n        closeList: () => void;\n        openList: () => void;\n        placeholder: string;\n        removeSelectedOption: (value: string) => void;\n        selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n        selectedOptions: CommandOptionFormatted[];\n        value: string;\n    };\n\nconst MultiAutoCompleteInput = ({\n    changeValue,\n    closeList,\n    disabled,\n    endIcon,\n    invalid,\n    openList,\n    placeholder,\n    removeSelectedOption,\n    selectedOptionRenderer,\n    selectedOptions,\n    size,\n    startIcon,\n    value,\n    variant,\n    className,\n    inputRef: parentInputRef,\n    ...props\n}: MultiAutoCompleteInputProps) => {\n    const [focused, setFocused] = React.useState<boolean>(false);\n    const inputRef = React.useMemo<React.RefObject<HTMLInputElement | null>>(() => {\n        return parentInputRef && typeof parentInputRef !== \"function\"\n            ? parentInputRef\n            : React.createRef<HTMLInputElement>();\n    }, [parentInputRef]);\n\n    const renderSelectedOptions = React.useCallback(\n        (options: CommandOptionFormatted[]) => {\n            return options.map((option, index) => {\n                if (selectedOptionRenderer) {\n                    if (!option.item) {\n                        return null;\n                    }\n                    return selectedOptionRenderer.call(this, option.item, index);\n                }\n\n                return (\n                    <Tag\n                        key={`tag-${option.value}-${index}`}\n                        variant={variant === \"ghost-negative\" ? \"neutral-xstrong\" : \"neutral-muted\"}\n                        content={option.label}\n                        onDismiss={() => removeSelectedOption(option.value)}\n                    />\n                );\n            });\n        },\n        [selectedOptionRenderer, removeSelectedOption, variant]\n    );\n\n    return (\n        <div\n            {...props}\n            className={cn(\n                inputVariants({\n                    variant,\n                    size,\n                    invalid\n                }),\n                multiAutoCompleteInputVariants({ disabled }),\n                className\n            )}\n            aria-disabled={disabled}\n            onClick={() => {\n                if (disabled) {\n                    return;\n                }\n                inputRef?.current?.focus();\n                setFocused(true);\n            }}\n            data-disabled={disabled}\n            data-focused={focused}\n        >\n            {startIcon && <InputIcon icon={startIcon} inputSize={size} />}\n            <div className=\"relative flex flex-wrap flex-1 gap-xs\">\n                {renderSelectedOptions(selectedOptions)}\n                <Command.Input\n                    className={\"bg-transparent border-none outline-none\"}\n                    value={value}\n                    onValueChange={changeValue}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    onBlur={() => {\n                        setFocused(false);\n                        closeList();\n                    }}\n                    onFocus={() => {\n                        setFocused(true);\n                        openList();\n                    }}\n                    inputElement={\n                        <input\n                            type=\"text\"\n                            ref={inputRef as RefObject<HTMLInputElement>}\n                            className={cn(multiAutoCompleteInputVariants({ disabled }))}\n                        />\n                    }\n                />\n            </div>\n            {endIcon && <InputIcon icon={endIcon} inputSize={size} />}\n        </div>\n    );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"names":["multiAutoCompleteInputVariants","cva","MultiAutoCompleteInput","changeValue","closeList","disabled","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","parentInputRef","props","focused","setFocused","React","inputRef","renderSelectedOptions","options","option","index","Tag","cn","inputVariants","InputIcon","Command"],"mappings":";;;;;AAQA,MAAMA,iCAAiCC,IAAI,4CAA4C;IACnF,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAcA,MAAMC,yBAAyB,CAAC,EAC5BC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,oBAAoB,EACpBC,sBAAsB,EACtBC,eAAe,EACfC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,OAAO,EACPC,SAAS,EACT,UAAUC,cAAc,EACxB,GAAGC,OACuB;IAC1B,MAAM,CAACC,SAASC,WAAW,GAAGC,MAAAA,QAAc,CAAU;IACtD,MAAMC,WAAWD,MAAAA,OAAa,CAA2C,IAC9DJ,kBAAkB,AAA0B,cAA1B,OAAOA,iBAC1BA,iBAAAA,WAAAA,GACAI,MAAAA,SAAe,IACtB;QAACJ;KAAe;IAEnB,MAAMM,wBAAwBF,MAAAA,WAAiB,CAC3C,CAACG,UACUA,QAAQ,GAAG,CAAC,CAACC,QAAQC;YACxB,IAAIhB,wBAAwB;gBACxB,IAAI,CAACe,OAAO,IAAI,EACZ,OAAO;gBAEX,OAAOf,uBAAuB,IAAI,CAAC,QAAMe,OAAO,IAAI,EAAEC;YAC1D;YAEA,OAAO,WAAP,GACI,oBAACC,KAAGA;gBACA,KAAK,CAAC,IAAI,EAAEF,OAAO,KAAK,CAAC,CAAC,EAAEC,OAAO;gBACnC,SAASX,AAAY,qBAAZA,UAA+B,oBAAoB;gBAC5D,SAASU,OAAO,KAAK;gBACrB,WAAW,IAAMhB,qBAAqBgB,OAAO,KAAK;;QAG9D,IAEJ;QAACf;QAAwBD;QAAsBM;KAAQ;IAG3D,OAAO,WAAP,GACI,oBAAC;QACI,GAAGG,KAAK;QACT,WAAWU,GACPC,cAAc;YACVd;YACAH;YACAN;QACJ,IACAP,+BAA+B;YAAEK;QAAS,IAC1CY;QAEJ,iBAAeZ;QACf,SAAS;YACL,IAAIA,UACA;YAEJkB,UAAU,SAAS;YACnBF,WAAW;QACf;QACA,iBAAehB;QACf,gBAAce;OAEbN,aAAa,WAAbA,GAAa,oBAACiB,WAASA;QAAC,MAAMjB;QAAW,WAAWD;sBACrD,oBAAC;QAAI,WAAU;OACVW,sBAAsBZ,kBAAAA,WAAAA,GACvB,oBAACoB,QAAQ,KAAK;QACV,WAAW;QACX,OAAOjB;QACP,eAAeZ;QACf,aAAaM;QACb,UAAUJ;QACV,QAAQ;YACJgB,WAAW;YACXjB;QACJ;QACA,SAAS;YACLiB,WAAW;YACXb;QACJ;QACA,4BACI,oBAAC;YACG,MAAK;YACL,KAAKe;YACL,WAAWM,GAAG7B,+BAA+B;gBAAEK;YAAS;;SAKvEC,WAAW,WAAXA,GAAW,oBAACyB,WAASA;QAAC,MAAMzB;QAAS,WAAWO;;AAG7D"}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js

@@ -1,38 +1,35 @@
-import React from "react";
-import { ReactComponent as Close } from "@webiny/icons/close.svg";
-import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { ReactComponent as keyboard_arrow_down_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
 import { IconButton } from "../../../Button/index.js";
 import { Icon } from "../../../Icon/index.js";
 import { Loader } from "../../../Loader/index.js";
-export const MultiAutoCompleteInputIcons = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm"
-  }, props.loading && /*#__PURE__*/React.createElement(Loader, {
-    size: props.inputSize === "xl" ? "sm" : "xs"
-  }), props.displayResetAction && /*#__PURE__*/React.createElement(IconButton, {
-    size: props.inputSize === "xl" ? "sm" : "xs" // Map button size based on the input size.
-    ,
-    variant: props.inputVariant === "ghost-negative" ? "ghost-negative" : "secondary",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(Close, null),
-      label: "Reset",
-      color: props.inputVariant === "ghost-negative" ? "neutral-negative" : "inherit"
-    }),
-    disabled: props.disabled,
-    onClick: event => {
-      event.stopPropagation();
-      props.onResetValue();
-    }
-  }), /*#__PURE__*/React.createElement(Icon, {
-    size: props.inputSize === "xl" ? "lg" : "sm" // Map icon size based on the input size.
-    ,
-    icon: /*#__PURE__*/React.createElement(ChevronDown, null),
-    label: "Open list",
-    onClick: event => {
-      event.stopPropagation();
-      props.onOpenChange(true);
-    }
-  }));
-};
+const MultiAutoCompleteInputIcons = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, props.loading && /*#__PURE__*/ react.createElement(Loader, {
+        size: "xl" === props.inputSize ? "sm" : "xs"
+    }), props.displayResetAction && /*#__PURE__*/ react.createElement(IconButton, {
+        size: "xl" === props.inputSize ? "sm" : "xs",
+        variant: "ghost-negative" === props.inputVariant ? "ghost-negative" : "secondary",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Reset",
+            color: "ghost-negative" === props.inputVariant ? "neutral-negative" : "inherit"
+        }),
+        disabled: props.disabled,
+        onClick: (event)=>{
+            event.stopPropagation();
+            props.onResetValue();
+        }
+    }), /*#__PURE__*/ react.createElement(Icon, {
+        size: "xl" === props.inputSize ? "lg" : "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_down_svg_ReactComponent, null),
+        label: "Open list",
+        onClick: (event)=>{
+            event.stopPropagation();
+            props.onOpenChange(true);
+        }
+    }));
+export { MultiAutoCompleteInputIcons };
 
 //# sourceMappingURL=MultiAutoCompleteInputIcons.js.map

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","inputVariant","icon","label","color","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { Loader } from \"~/Loader/index.js\";\n\ninterface MultiAutoCompleteInputIconsProps {\n    displayResetAction: boolean;\n    inputVariant?: \"primary\" | \"secondary\" | \"ghost\" | \"ghost-negative\" | null;\n    inputSize?: \"md\" | \"lg\" | \"xl\" | null;\n    loading?: boolean;\n    disabled?: boolean;\n    onOpenChange: (open: boolean) => void;\n    onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n            {props.displayResetAction && (\n                <IconButton\n                    size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n                    variant={\n                        props.inputVariant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"\n                    }\n                    icon={\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={\n                                props.inputVariant === \"ghost-negative\"\n                                    ? \"neutral-negative\"\n                                    : \"inherit\"\n                            }\n                        />\n                    }\n                    disabled={props.disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        props.onResetValue();\n                    }}\n                />\n            )}\n            <Icon\n                size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n                icon={<ChevronDown />}\n                label={\"Open list\"}\n                onClick={event => {\n                    event.stopPropagation();\n                    props.onOpenChange(true);\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,MAAM;AAYf,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCF,KAAK,CAACG,OAAO,iBAAIX,KAAA,CAAAS,aAAA,CAACH,MAAM;IAACM,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG;EAAK,CAAE,CAAC,EACzEL,KAAK,CAACM,kBAAkB,iBACrBd,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPQ,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CE,OAAO,EACHP,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,WAChE;IACDC,IAAI,eACAjB,KAAA,CAAAS,aAAA,CAACJ,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;MAChBgB,KAAK,EAAE,OAAQ;MACfC,KAAK,EACDX,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GACjC,kBAAkB,GAClB;IACT,CACJ,CACJ;IACDI,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACgB,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,eACDxB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CI,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;IACtBe,KAAK,EAAE,WAAY;IACnBG,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACiB,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js","sources":["../../../../src/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { Loader } from \"~/Loader/index.js\";\n\ninterface MultiAutoCompleteInputIconsProps {\n    displayResetAction: boolean;\n    inputVariant?: \"primary\" | \"secondary\" | \"ghost\" | \"ghost-negative\" | null;\n    inputSize?: \"md\" | \"lg\" | \"xl\" | null;\n    loading?: boolean;\n    disabled?: boolean;\n    onOpenChange: (open: boolean) => void;\n    onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n            {props.displayResetAction && (\n                <IconButton\n                    size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n                    variant={\n                        props.inputVariant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"\n                    }\n                    icon={\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={\n                                props.inputVariant === \"ghost-negative\"\n                                    ? \"neutral-negative\"\n                                    : \"inherit\"\n                            }\n                        />\n                    }\n                    disabled={props.disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        props.onResetValue();\n                    }}\n                />\n            )}\n            <Icon\n                size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n                icon={<ChevronDown />}\n                label={\"Open list\"}\n                onClick={event => {\n                    event.stopPropagation();\n                    props.onOpenChange(true);\n                }}\n            />\n        </div>\n    );\n};\n"],"names":["MultiAutoCompleteInputIcons","props","Loader","IconButton","Icon","Close","event","ChevronDown"],"mappings":";;;;;;AAiBO,MAAMA,8BAA8B,CAACC,QACjC,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,IAAI,WAAJ,GAAI,oBAACC,QAAMA;QAAC,MAAMD,AAAoB,SAApBA,MAAM,SAAS,GAAY,OAAO;QACjEA,MAAM,kBAAkB,IAAI,WAAJ,GACrB,oBAACE,YAAUA;QACP,MAAMF,AAAoB,SAApBA,MAAM,SAAS,GAAY,OAAO;QACxC,SACIA,AAAuB,qBAAvBA,MAAM,YAAY,GAAwB,mBAAmB;QAEjE,oBACI,oBAACG,MAAIA;YACD,oBAAM,oBAACC,gBAAKA;YACZ,OAAO;YACP,OACIJ,AAAuB,qBAAvBA,MAAM,YAAY,GACZ,qBACA;;QAIlB,UAAUA,MAAM,QAAQ;QACxB,SAASK,CAAAA;YACLA,MAAM,eAAe;YACrBL,MAAM,YAAY;QACtB;sBAGR,oBAACG,MAAIA;QACD,MAAMH,AAAoB,SAApBA,MAAM,SAAS,GAAY,OAAO;QACxC,oBAAM,oBAACM,wCAAWA;QAClB,OAAO;QACP,SAASD,CAAAA;YACLA,MAAM,eAAe;YACrBL,MAAM,YAAY,CAAC;QACvB"}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.js

@@ -1,61 +1,55 @@
-import React from "react";
+import react from "react";
 import { Command } from "../../../Command/index.js";
-export const MultiAutoCompleteList = ({
-  emptyMessage,
-  empty,
-  loading,
-  loadingMessage,
-  onOptionCreate,
-  onOptionSelect,
-  optionRenderer,
-  options,
-  temporaryOption,
-  ...props
-}) => {
-  const renderOptions = React.useCallback(items => {
-    if (empty && !temporaryOption) {
-      return null;
-    }
-    const elements = [/*#__PURE__*/React.createElement(Command.Item, {
-      key: "dummy-element",
-      value: "-",
-      className: "hidden"
-    })];
-    const renderedItems = items.reduce((acc, item, currentIndex) => {
-      acc.push(/*#__PURE__*/React.createElement(Command.Item, {
-        key: `item-${item.value}-${currentIndex}`,
-        value: item.value,
-        keywords: [item.label],
-        disabled: item.disabled,
-        selected: item.selected,
-        onSelect: () => onOptionSelect(item.value),
-        onMouseDown: event => event.preventDefault()
-      }, optionRenderer && item.item ? optionRenderer.call(this, item.item, currentIndex) : item.label));
-
-      // Conditionally render the separator if `separator` is true
-      if (item.separator) {
-        acc.push(/*#__PURE__*/React.createElement(Command.Separator, {
-          key: `separator-${item.value ?? currentIndex}`
-        }));
-      }
-      return acc;
-    }, elements);
-    if (temporaryOption?.value) {
-      renderedItems.push(/*#__PURE__*/React.createElement(Command.Item, {
-        key: `temporary-${temporaryOption.value}`,
-        value: temporaryOption.value,
-        keywords: [temporaryOption.label],
-        disabled: temporaryOption.disabled,
-        selected: temporaryOption.selected,
-        onSelect: () => {
-          onOptionCreate && onOptionCreate(temporaryOption.value);
-        },
-        onMouseDown: event => event.preventDefault()
-      }, `Add "${temporaryOption.label}" as new option`));
-    }
-    return renderedItems;
-  }, [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]);
-  return /*#__PURE__*/React.createElement(Command.List, props, loading ? /*#__PURE__*/React.createElement(Command.Loading, null, loadingMessage) : renderOptions(options), !loading && /*#__PURE__*/React.createElement(Command.Empty, null, emptyMessage));
+const MultiAutoCompleteList = ({ emptyMessage, empty, loading, loadingMessage, onOptionCreate, onOptionSelect, optionRenderer, options, temporaryOption, ...props })=>{
+    const renderOptions = react.useCallback((items)=>{
+        if (empty && !temporaryOption) return null;
+        const elements = [
+            /*#__PURE__*/ react.createElement(Command.Item, {
+                key: "dummy-element",
+                value: "-",
+                className: "hidden"
+            })
+        ];
+        const renderedItems = items.reduce((acc, item, currentIndex)=>{
+            acc.push(/*#__PURE__*/ react.createElement(Command.Item, {
+                key: `item-${item.value}-${currentIndex}`,
+                value: item.value,
+                keywords: [
+                    item.label
+                ],
+                disabled: item.disabled,
+                selected: item.selected,
+                onSelect: ()=>onOptionSelect(item.value),
+                onMouseDown: (event)=>event.preventDefault()
+            }, optionRenderer && item.item ? optionRenderer.call(void 0, item.item, currentIndex) : item.label));
+            if (item.separator) acc.push(/*#__PURE__*/ react.createElement(Command.Separator, {
+                key: `separator-${item.value ?? currentIndex}`
+            }));
+            return acc;
+        }, elements);
+        if (temporaryOption?.value) renderedItems.push(/*#__PURE__*/ react.createElement(Command.Item, {
+            key: `temporary-${temporaryOption.value}`,
+            value: temporaryOption.value,
+            keywords: [
+                temporaryOption.label
+            ],
+            disabled: temporaryOption.disabled,
+            selected: temporaryOption.selected,
+            onSelect: ()=>{
+                onOptionCreate && onOptionCreate(temporaryOption.value);
+            },
+            onMouseDown: (event)=>event.preventDefault()
+        }, `Add "${temporaryOption.label}" as new option`));
+        return renderedItems;
+    }, [
+        onOptionSelect,
+        temporaryOption,
+        onOptionCreate,
+        empty,
+        optionRenderer
+    ]);
+    return /*#__PURE__*/ react.createElement(Command.List, props, loading ? /*#__PURE__*/ react.createElement(Command.Loading, null, loadingMessage) : renderOptions(options), !loading && /*#__PURE__*/ react.createElement(Command.Empty, null, emptyMessage));
 };
+export { MultiAutoCompleteList };
 
 //# sourceMappingURL=MultiAutoCompleteList.js.map