@orbe-agro/client-core 3.4.12 → 3.4.13

package/dist/lib/@ecme/views/ui-components/data-display/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Compact from './Compact'\nimport Sorting from './Sorting'\nimport Filtering from './Filtering'\nimport PaginationTable from './PaginationTable'\nimport Group from './Group'\nimport RowSelection from './RowSelection'\nimport Expanding from './Expanding'\nimport SubComponent from './SubComponent'\nimport Editable from './Editable'\nimport DragAndDrop from './DragAndDrop'\nimport Resizable from './Resizable'\n// import VirtualizedRows from './VirtualizedRows'\n\nconst mdPath = 'Table'\n\nconst demoHeader = {\n    title: 'Table',\n    desc: 'Tables display data in rows and columns which make users compare and analyze information easier.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Simple Table example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Compact',\n        mdPath: mdPath,\n        title: 'Compact',\n        desc: `Table come with compact view which let us display more data.`,\n        component: <Compact />,\n    },\n    {\n        mdName: 'Sorting',\n        mdPath: mdPath,\n        title: 'Sorting',\n        desc: `Columns can be sorted by selecting table headers`,\n        component: <Sorting />,\n    },\n    {\n        mdName: 'Filtering',\n        mdPath: mdPath,\n        title: 'Filtering',\n        desc: `Filtering example.`,\n        component: <Filtering />,\n    },\n    {\n        mdName: 'PaginationTable',\n        mdPath: mdPath,\n        title: 'Pagination',\n        desc: `Table can works with <a href=\"/ui-components/pagination\" class=\"text-blue-500\">Pagination</a> component.`,\n        component: <PaginationTable />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Grouping example.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'RowSelection',\n        mdPath: mdPath,\n        title: 'Row Selection',\n        desc: `Row selection example.`,\n        component: <RowSelection />,\n    },\n    {\n        mdName: 'Expanding',\n        mdPath: mdPath,\n        title: 'Expanding',\n        desc: `Row expand example.`,\n        component: <Expanding />,\n    },\n    {\n        mdName: 'SubComponent',\n        mdPath: mdPath,\n        title: 'SubComponent',\n        desc: `Row expand with sub component`,\n        component: <SubComponent />,\n    },\n    {\n        mdName: 'Editable',\n        mdPath: mdPath,\n        title: 'Editable',\n        desc: `Cell editable example`,\n        component: <Editable />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag & Drop',\n        desc: `Example of implementing <code>react-dnd</code> to the table.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Resizable',\n        mdPath: mdPath,\n        title: 'Resizable',\n        desc: `Column resize example.`,\n        component: <Resizable />,\n    },\n    // {\n    //     mdName: 'VirtualizedRows',\n    //     mdPath: mdPath,\n    //     title: 'Virtualized Rows',\n    //     desc: `Example of implementing <code>react-window</code> for scrollable table body.`,\n    //     component: <VirtualizedRows />,\n    // },\n]\n\nconst demoApi = [\n    {\n        component: 'Table',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'table'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'borderlessRow',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable the row border in table',\n            },\n            {\n                propName: 'compact',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether display table on compact view',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether table row able to hover',\n            },\n            {\n                propName: 'overflow',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow table content overflow',\n            },\n        ],\n    },\n    {\n        component: 'Table.THead',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'thead'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TBody',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tbody'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TFoot',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tfoot'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Tr',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tr'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Th',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'th'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Td',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'td'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Sorter',\n        api: [\n            {\n                propName: 'sort',\n                type: `<code>false | 'asc' | 'desc'</code>`,\n                default: `<code>-</code>`,\n                desc: 'Sort status',\n            },\n        ],\n    },\n]\n\nconst reactTableApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-table-api\" className=\"mb-3\">\n            React Table\n        </h6>\n        <p className=\"mb-1\">\n            Most of the examples above were integrated with{' '}\n            <code>react-table</code>, its is lightweight and extensible data\n            table component for materialize, filter, sort, group, aggregate,\n            paginate and display massive data. Vist the{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-table.tanstack.com/docs/overview\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for futher examples & hooks usage.\n        </p>\n    </div>\n)\n\nconst Table = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactTableApi}\n        />\n    )\n}\n\nexport default Table\n"],"names":["mdPath","demoHeader","demos","Simple","Compact","Sorting","Filtering","PaginationTable","Group","RowSelection","Expanding","SubComponent","Editable","DragAndDrop","Resizable","demoApi","reactTableApi","jsxs","jsx","Table","DemoLayout"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Compact from './Compact'\nimport Sorting from './Sorting'\nimport Filtering from './Filtering'\nimport PaginationTable from './PaginationTable'\nimport Group from './Group'\nimport RowSelection from './RowSelection'\nimport Expanding from './Expanding'\nimport SubComponent from './SubComponent'\nimport Editable from './Editable'\nimport DragAndDrop from './DragAndDrop'\nimport Resizable from './Resizable'\n// import VirtualizedRows from './VirtualizedRows'\n\nconst mdPath = 'Table'\n\nconst demoHeader = {\n    title: 'Table',\n    desc: 'Tables display data in rows and columns which make users compare and analyze information easier.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Simple Table example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Compact',\n        mdPath: mdPath,\n        title: 'Compact',\n        desc: `Table come with compact view which let us display more data.`,\n        component: <Compact />,\n    },\n    {\n        mdName: 'Sorting',\n        mdPath: mdPath,\n        title: 'Sorting',\n        desc: `Columns can be sorted by selecting table headers`,\n        component: <Sorting />,\n    },\n    {\n        mdName: 'Filtering',\n        mdPath: mdPath,\n        title: 'Filtering',\n        desc: `Filtering example.`,\n        component: <Filtering />,\n    },\n    {\n        mdName: 'PaginationTable',\n        mdPath: mdPath,\n        title: 'Pagination',\n        desc: `Table can works with <a href=\"/ui-components/pagination\" class=\"text-blue-500\">Pagination</a> component.`,\n        component: <PaginationTable />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Grouping example.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'RowSelection',\n        mdPath: mdPath,\n        title: 'Row Selection',\n        desc: `Row selection example.`,\n        component: <RowSelection />,\n    },\n    {\n        mdName: 'Expanding',\n        mdPath: mdPath,\n        title: 'Expanding',\n        desc: `Row expand example.`,\n        component: <Expanding />,\n    },\n    {\n        mdName: 'SubComponent',\n        mdPath: mdPath,\n        title: 'SubComponent',\n        desc: `Row expand with sub component`,\n        component: <SubComponent />,\n    },\n    {\n        mdName: 'Editable',\n        mdPath: mdPath,\n        title: 'Editable',\n        desc: `Cell editable example`,\n        component: <Editable />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag & Drop',\n        desc: `Example of implementing <code>react-dnd</code> to the table.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Resizable',\n        mdPath: mdPath,\n        title: 'Resizable',\n        desc: `Column resize example.`,\n        component: <Resizable />,\n    },\n    // {\n    //     mdName: 'VirtualizedRows',\n    //     mdPath: mdPath,\n    //     title: 'Virtualized Rows',\n    //     desc: `Example of implementing <code>react-window</code> for scrollable table body.`,\n    //     component: <VirtualizedRows />,\n    // },\n]\n\nconst demoApi = [\n    {\n        component: 'Table',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'table'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'borderlessRow',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable the row border in table',\n            },\n            {\n                propName: 'compact',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether display table on compact view',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether table row able to hover',\n            },\n            {\n                propName: 'overflow',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow table content overflow',\n            },\n        ],\n    },\n    {\n        component: 'Table.THead',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'thead'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TBody',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tbody'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.TFoot',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tfoot'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Tr',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'tr'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Th',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'th'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Td',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'td'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n    {\n        component: 'Table.Sorter',\n        api: [\n            {\n                propName: 'sort',\n                type: `<code>false | 'asc' | 'desc'</code>`,\n                default: `<code>-</code>`,\n                desc: 'Sort status',\n            },\n        ],\n    },\n]\n\nconst reactTableApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-table-api\" className=\"mb-3\">\n            React Table\n        </h6>\n        <p className=\"mb-1\">\n            Most of the examples above were integrated with{' '}\n            <code>react-table</code>, its is lightweight and extensible data\n            table component for materialize, filter, sort, group, aggregate,\n            paginate and display massive data. Vist the{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-table.tanstack.com/docs/overview\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for futher examples & hooks usage.\n        </p>\n    </div>\n)\n\nconst Table = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactTableApi}\n        />\n    )\n}\n\nexport default Table\n"],"names":["mdPath","demoHeader","demos","Simple","Compact","Sorting","Filtering","PaginationTable","Group","RowSelection","Expanding","SubComponent","Editable","DragAndDrop","Resizable","demoApi","reactTableApi","jsxs","jsx","Table","DemoLayout"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/data-display/Tag/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Affix.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { HiPlusCircle, HiX } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix>Tag 1</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix prefixClass=\"bg-emerald-500\">\n                    Tag 2\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag\n                    prefix={\n                        <HiPlusCircle className=\"text-base text-blue-500 mr-1 rtl:ml-1\" />\n                    }\n                >\n                    Tag 3\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix suffixClass=\"bg-rose-500\">\n                    Tag 4\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix={<HiX className=\"ml-1 rtl:mr-1 cursor-pointer\" />}>\n                    Tag 5\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","Tag","HiPlusCircle","HiX"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,QAAM,IAAC,mBAAK,EACrB,CAAA;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAI,EAAA,QAAM,IAAC,aAAY,kBAAiB,UAAA,QAEzC,CAAA,GACJ;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QACI,gBAAAD,EAACE,GAAa,EAAA,WAAU,wCAAwC,CAAA;AAAA,MAEvE,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAAA,EACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAI,EAAA,QAAM,IAAC,aAAY,eAAc,UAAA,QAEtC,CAAA,GACJ;AAAA,EACC,gBAAAD,EAAA,OAAA,EAAI,WAAU,iBACX,UAAC,gBAAAA,EAAAC,GAAA,EAAI,QAAQ,gBAAAD,EAACG,GAAI,EAAA,WAAU,+BAA+B,CAAA,GAAI,mBAE/D,EACJ,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"Affix.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Affix.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { HiPlusCircle, HiX } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix>Tag 1</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag prefix prefixClass=\"bg-emerald-500\">\n                    Tag 2\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag\n                    prefix={\n                        <HiPlusCircle className=\"text-base text-blue-500 mr-1 rtl:ml-1\" />\n                    }\n                >\n                    Tag 3\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix suffixClass=\"bg-rose-500\">\n                    Tag 4\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag suffix={<HiX className=\"ml-1 rtl:mr-1 cursor-pointer\" />}>\n                    Tag 5\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","Tag","HiPlusCircle","HiX"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,QAAM,IAAC,mBAAK,EAAA,CACrB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAM,IAAC,aAAY,kBAAiB,UAAA,QAAA,CAEzC,GACJ;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QACI,gBAAAD,EAACE,GAAA,EAAa,WAAU,wCAAA,CAAwC;AAAA,MAEvE,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAM,IAAC,aAAY,eAAc,UAAA,QAAA,CAEtC,GACJ;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,QAAQ,gBAAAD,EAACG,GAAA,EAAI,WAAU,+BAAA,CAA+B,GAAI,mBAE/D,EAAA,CACJ;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tag/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Basic.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag>Basic Tag</Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEL,gBAAAC,EAAA,OAAA,EAAI,WAAU,QACX,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,iBACX,UAAC,gBAAAA,EAAAC,GAAA,EAAI,UAAS,YAAA,CAAA,EAClB,CAAA,GACJ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Basic.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag>Basic Tag</Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,GAAA,EAAI,UAAA,YAAA,CAAS,EAAA,CAClB,GACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tag/Custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"Custom.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Custom.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Custom = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-red-600 bg-red-100 dark:text-red-100 dark:bg-red-500/20 border-0\">\n                    Tag 1\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-white bg-indigo-600 border-0\">Tag 2</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100 border-0 rounded\">\n                    Tag 3\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["Custom","jsxs","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,WAAU,yEAAwE,mBAEvF,EACJ,CAAA;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAI,EAAA,WAAU,qCAAoC,UAAA,QAAA,CAAK,EAC5D,CAAA;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAI,EAAA,WAAU,iGAAgG,UAAA,QAE/G,CAAA,EACJ,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"Custom.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/Custom.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\n\nconst Custom = () => {\n    return (\n        <div className=\"flex\">\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-red-600 bg-red-100 dark:text-red-100 dark:bg-red-500/20 border-0\">\n                    Tag 1\n                </Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"text-white bg-indigo-600 border-0\">Tag 2</Tag>\n            </div>\n            <div className=\"mr-2 rtl:ml-2\">\n                <Tag className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100 border-0 rounded\">\n                    Tag 3\n                </Tag>\n            </div>\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["Custom","jsxs","jsx","Tag"],"mappings":";;;AAEA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAACC,KAAI,WAAU,yEAAwE,mBAEvF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAA,EAAI,WAAU,qCAAoC,UAAA,QAAA,CAAK,EAAA,CAC5D;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,iBACX,4BAACC,GAAA,EAAI,WAAU,iGAAgG,UAAA,QAAA,CAE/G,EAAA,CACJ;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Affix from './Affix'\nimport Custom from './Custom'\n\nconst mdPath = 'Tag'\n\nconst demoHeader = {\n    title: 'Tag',\n    desc: 'Tag component is used for categorize content with a keyword.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tag.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Tag can have prefix and suffix, both affix can be customized as well.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `We can have different Tag style by applying tailwind css class.`,\n        component: <Custom />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tag',\n        api: [\n            {\n                propName: 'prefix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag prefix',\n            },\n            {\n                propName: 'prefixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag prefix, only available when prefix type is boolean',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag suffix',\n            },\n            {\n                propName: 'suffixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag suffix, only available when suffix type is boolean',\n            },\n        ],\n    },\n]\n\nconst Tag = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tag\n"],"names":["mdPath","demoHeader","demos","Basic","Affix","Custom","demoApi","Tag","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,OAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAO,CAAA,CAAA;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAM,wBACAC,GAAW,EAAA,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tag/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Affix from './Affix'\nimport Custom from './Custom'\n\nconst mdPath = 'Tag'\n\nconst demoHeader = {\n    title: 'Tag',\n    desc: 'Tag component is used for categorize content with a keyword.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tag.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Tag can have prefix and suffix, both affix can be customized as well.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `We can have different Tag style by applying tailwind css class.`,\n        component: <Custom />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tag',\n        api: [\n            {\n                propName: 'prefix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag prefix',\n            },\n            {\n                propName: 'prefixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag prefix, only available when prefix type is boolean',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag suffix',\n            },\n            {\n                propName: 'suffixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag suffix, only available when suffix type is boolean',\n            },\n        ],\n    },\n]\n\nconst Tag = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tag\n"],"names":["mdPath","demoHeader","demos","Basic","Affix","Custom","demoApi","Tag","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,OAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAO;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAM,wBACAC,GAAA,EAAW,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}

package/dist/lib/@ecme/views/ui-components/data-display/Timeline/Advance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Advance.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Advance.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { HiTag } from 'react-icons/hi'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype TimelineAvatarProps = AvatarProps\n\nconst TimelineAvatar = ({ children, ...rest }: TimelineAvatarProps) => {\n    return (\n        <Avatar {...rest} size={25} shape=\"circle\">\n            {children}\n        </Avatar>\n    )\n}\n\nconst Advance = () => {\n    return (\n        <div className=\"max-w-[700px]\">\n            <Timeline>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-amber-500\">\n                            C\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Angelina Gotelli{' '}\n                        </span>\n                        <span className=\"mx-2\">has change the status to </span>\n                        <Badge className=\"bg-emerald-500\" />\n                        <span className=\"ml-1 rtl:mr-1 font-semibold text-gray-900 dark:text-gray-100\">\n                            Completed\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">6h ago</span>\n                    </p>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar\n                            src=\"/img/avatars/thumb-3.jpg\"\n                            className=\"bg-amber-500\"\n                        />\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Max Alexander\n                        </span>\n                        <span className=\"mx-2\">comment on your </span>\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Post\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                    <Card className=\"mt-4\">\n                        <p>\n                            Fine, Java MIGHT be a good example of what a\n                            programming language should be like. But Java\n                            applications are good examples of what applications\n                            SHOULDN&apos;T be like.\n                        </p>\n                    </Card>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-100\">\n                            <HiTag />\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Eugene Stewart{' '}\n                        </span>\n                        <span className=\"mx-2\">added tags </span>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-rose-500\"\n                        >\n                            Live Issue\n                        </Tag>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-blue-600\"\n                        >\n                            Backend\n                        </Tag>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                </Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Advance\n"],"names":["TimelineAvatar","children","rest","jsx","Avatar","Advance","Timeline","jsxs","Badge","Card","HiTag","Tag"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAE/B,gBAAAC,EAACC,KAAQ,GAAGF,GAAM,MAAM,IAAI,OAAM,UAC7B,UAAAD,GACL,GAIFI,IAAU,MAEP,gBAAAF,EAAA,OAAA,EAAI,WAAU,iBACX,4BAACG,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAH;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH,EAACH,GAAe,EAAA,WAAU,gBAAe,UAEzC,KAAA;AAAA,MAGJ,UAAA,gBAAAO,EAAC,KAAE,EAAA,WAAU,0BACT,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC5C;AAAA,QAAA,GACrB;AAAA,QACC,gBAAAJ,EAAA,QAAA,EAAK,WAAU,QAAO,UAAyB,6BAAA;AAAA,QAChD,gBAAAA,EAACK,GAAM,EAAA,WAAU,iBAAiB,CAAA;AAAA,QACjC,gBAAAL,EAAA,QAAA,EAAK,WAAU,gEAA+D,UAE/E,aAAA;AAAA,QACC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,MAAA,EAC1C,CAAA;AAAA,IAAA;AAAA,EACJ;AAAA,EACA,gBAAAI;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH;AAAA,QAACH;AAAA,QAAA;AAAA,UACG,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MACd;AAAA,MAGJ,UAAA;AAAA,QAAC,gBAAAO,EAAA,KAAA,EAAE,WAAU,0BACT,UAAA;AAAA,UAAC,gBAAAJ,EAAA,QAAA,EAAK,WAAU,kDAAiD,UAEjE,iBAAA;AAAA,UACC,gBAAAA,EAAA,QAAA,EAAK,WAAU,QAAO,UAAgB,oBAAA;AAAA,UACtC,gBAAAA,EAAA,QAAA,EAAK,WAAU,kDAAiD,UAEjE,QAAA;AAAA,UACC,gBAAAA,EAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,QAAA,GAC1C;AAAA,0BACCM,GAAK,EAAA,WAAU,QACZ,UAAC,gBAAAN,EAAA,KAAA,EAAE,8KAKH,CAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAAA,EACA,gBAAAA;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACK,gBAAAH,EAAAH,GAAA,EAAe,WAAU,iEACtB,UAAA,gBAAAG,EAACO,IAAM,CAAA,GACX;AAAA,MAGJ,UAAA,gBAAAH,EAAC,KAAE,EAAA,WAAU,qBACT,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC9C;AAAA,QAAA,GACnB;AAAA,QACC,gBAAAJ,EAAA,QAAA,EAAK,WAAU,QAAO,UAAW,eAAA;AAAA,QAClC,gBAAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACA,gBAAAR;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACC,gBAAAR,EAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,MAAA,EAC1C,CAAA;AAAA,IAAA;AAAA,EAAA;AACJ,EAAA,CACJ,EACJ,CAAA;"}
+{"version":3,"file":"Advance.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Advance.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { HiTag } from 'react-icons/hi'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype TimelineAvatarProps = AvatarProps\n\nconst TimelineAvatar = ({ children, ...rest }: TimelineAvatarProps) => {\n    return (\n        <Avatar {...rest} size={25} shape=\"circle\">\n            {children}\n        </Avatar>\n    )\n}\n\nconst Advance = () => {\n    return (\n        <div className=\"max-w-[700px]\">\n            <Timeline>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-amber-500\">\n                            C\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Angelina Gotelli{' '}\n                        </span>\n                        <span className=\"mx-2\">has change the status to </span>\n                        <Badge className=\"bg-emerald-500\" />\n                        <span className=\"ml-1 rtl:mr-1 font-semibold text-gray-900 dark:text-gray-100\">\n                            Completed\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">6h ago</span>\n                    </p>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar\n                            src=\"/img/avatars/thumb-3.jpg\"\n                            className=\"bg-amber-500\"\n                        />\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Max Alexander\n                        </span>\n                        <span className=\"mx-2\">comment on your </span>\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Post\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                    <Card className=\"mt-4\">\n                        <p>\n                            Fine, Java MIGHT be a good example of what a\n                            programming language should be like. But Java\n                            applications are good examples of what applications\n                            SHOULDN&apos;T be like.\n                        </p>\n                    </Card>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-100\">\n                            <HiTag />\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Eugene Stewart{' '}\n                        </span>\n                        <span className=\"mx-2\">added tags </span>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-rose-500\"\n                        >\n                            Live Issue\n                        </Tag>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-blue-600\"\n                        >\n                            Backend\n                        </Tag>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                </Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Advance\n"],"names":["TimelineAvatar","children","rest","jsx","Avatar","Advance","Timeline","jsxs","Badge","Card","HiTag","Tag"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAE/B,gBAAAC,EAACC,KAAQ,GAAGF,GAAM,MAAM,IAAI,OAAM,UAC7B,UAAAD,GACL,GAIFI,IAAU,MAER,gBAAAF,EAAC,OAAA,EAAI,WAAU,iBACX,4BAACG,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAH;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH,EAACH,GAAA,EAAe,WAAU,gBAAe,UAAA,KAEzC;AAAA,MAGJ,UAAA,gBAAAO,EAAC,KAAA,EAAE,WAAU,0BACT,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC5C;AAAA,QAAA,GACrB;AAAA,QACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,6BAAyB;AAAA,QAChD,gBAAAA,EAACK,GAAA,EAAM,WAAU,iBAAA,CAAiB;AAAA,QAClC,gBAAAL,EAAC,QAAA,EAAK,WAAU,gEAA+D,UAAA,aAE/E;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,gBAAAI;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH;AAAA,QAACH;AAAA,QAAA;AAAA,UACG,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlB,UAAA;AAAA,QAAA,gBAAAO,EAAC,KAAA,EAAE,WAAU,0BACT,UAAA;AAAA,UAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA,iBAEjE;AAAA,UACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,oBAAgB;AAAA,UACvC,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA,QAEjE;AAAA,UACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,QAAA,GAC1C;AAAA,0BACCM,GAAA,EAAK,WAAU,QACZ,UAAA,gBAAAN,EAAC,KAAA,EAAE,+KAKH,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,gBAAAA;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH,EAACH,GAAA,EAAe,WAAU,iEACtB,UAAA,gBAAAG,EAACO,KAAM,GACX;AAAA,MAGJ,UAAA,gBAAAH,EAAC,KAAA,EAAE,WAAU,qBACT,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC9C;AAAA,QAAA,GACnB;AAAA,QACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,QAClC,gBAAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAR;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAR,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AACJ,EAAA,CACJ,EAAA,CACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Timeline/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Basic.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Timeline>\n                <Timeline.Item>Breakfast - 09:00</Timeline.Item>\n                <Timeline.Item>Lunch - 12:30</Timeline.Item>\n                <Timeline.Item>Dinner - 7:00</Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","jsxs","Timeline"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAC,EAACC,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAF,EAAAE,EAAS,MAAT,EAAc,UAAiB,oBAAA,CAAA;AAAA,EAC/B,gBAAAF,EAAAE,EAAS,MAAT,EAAc,UAAa,gBAAA,CAAA;AAAA,EAC3B,gBAAAF,EAAAE,EAAS,MAAT,EAAc,UAAa,gBAAA,CAAA;AAAA,EAAA,CAChC,EACJ,CAAA;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Basic.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Timeline>\n                <Timeline.Item>Breakfast - 09:00</Timeline.Item>\n                <Timeline.Item>Lunch - 12:30</Timeline.Item>\n                <Timeline.Item>Dinner - 7:00</Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","jsxs","Timeline"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,oBAAA,CAAiB;AAAA,EAChC,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,gBAAA,CAAa;AAAA,EAC5B,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,gBAAA,CAAa;AAAA,EAAA,CAChC,EAAA,CACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Advance from './Advance'\n\nconst mdPath = 'Timeline'\n\nconst demoHeader = {\n    title: 'Timeline',\n    desc: 'Timeline displays a list of events in chronological order.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Advance',\n        mdPath: mdPath,\n        title: 'Advance',\n        desc: ``,\n        component: <Advance />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Timeline.Item',\n        api: [\n            {\n                propName: 'media',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Timeline item media (Note: media width must be consistent between Timeline item)',\n            },\n        ],\n    },\n]\n\nconst Timeline = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Timeline\n"],"names":["mdPath","demoHeader","demos","Basic","Advance","demoApi","Timeline","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAW,EAAA,QAAQN,GAAY,OAAAC,GAAc,KAAKG,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Advance from './Advance'\n\nconst mdPath = 'Timeline'\n\nconst demoHeader = {\n    title: 'Timeline',\n    desc: 'Timeline displays a list of events in chronological order.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Advance',\n        mdPath: mdPath,\n        title: 'Advance',\n        desc: ``,\n        component: <Advance />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Timeline.Item',\n        api: [\n            {\n                propName: 'media',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Timeline item media (Note: media width must be consistent between Timeline item)',\n            },\n        ],\n    },\n]\n\nconst Timeline = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Timeline\n"],"names":["mdPath","demoHeader","demos","Basic","Advance","demoApi","Timeline","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQN,GAAY,OAAAC,GAAc,KAAKG,GAAS;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tooltip/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Basic.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip message\">\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEL,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAC,GAAA,EAAQ,OAAM,mBACX,UAAC,gBAAAD,EAAA,QAAA,EAAK,WAAU,kBAAiB,UAAQ,WAAA,CAAA,EAC7C,CAAA,GACJ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Basic.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip message\">\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,mBACX,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,WAAA,CAAQ,EAAA,CAC7C,GACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tooltip/Customize.js.map

@@ -1 +1 @@
-{"version":3,"file":"Customize.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Customize.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Customize = () => {\n    return (\n        <div>\n            <Tooltip\n                title={\n                    <div>\n                        This is{' '}\n                        <strong className=\"text-yellow-400\">HTML</strong>\n                    </div>\n                }\n            >\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,wBAET,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,yBACK,OAAI,EAAA,UAAA;AAAA,MAAA;AAAA,MACO;AAAA,MACP,gBAAAD,EAAA,UAAA,EAAO,WAAU,mBAAkB,UAAI,OAAA,CAAA;AAAA,IAAA,GAC5C;AAAA,IAGJ,UAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,kBAAiB,UAAQ,WAAA,CAAA;AAAA,EAAA;AAAA,GAEjD;"}
+{"version":3,"file":"Customize.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Customize.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Customize = () => {\n    return (\n        <div>\n            <Tooltip\n                title={\n                    <div>\n                        This is{' '}\n                        <strong className=\"text-yellow-400\">HTML</strong>\n                    </div>\n                }\n            >\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,wBAET,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,yBACK,OAAA,EAAI,UAAA;AAAA,MAAA;AAAA,MACO;AAAA,MACR,gBAAAD,EAAC,UAAA,EAAO,WAAU,mBAAkB,UAAA,OAAA,CAAI;AAAA,IAAA,GAC5C;AAAA,IAGJ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,WAAA,CAAQ;AAAA,EAAA;AAAA,GAEjD;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultOpen.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst DefaultOpen = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip Message\" isOpen={true} placement=\"right\">\n                <span>Default Open</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default DefaultOpen\n"],"names":["DefaultOpen","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAc,MAEX,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAC,GAAA,EAAQ,OAAM,mBAAkB,QAAQ,IAAM,WAAU,SACrD,UAAA,gBAAAD,EAAC,QAAK,EAAA,UAAA,eAAA,CAAY,EACtB,CAAA,GACJ;"}
+{"version":3,"file":"DefaultOpen.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst DefaultOpen = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip Message\" isOpen={true} placement=\"right\">\n                <span>Default Open</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default DefaultOpen\n"],"names":["DefaultOpen","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAc,MAEZ,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,mBAAkB,QAAQ,IAAM,WAAU,SACrD,UAAA,gBAAAD,EAAC,QAAA,EAAK,UAAA,eAAA,CAAY,GACtB,GACJ;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tooltip/Placement.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placement.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Placement.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Placement = () => {\n    return (\n        <div\n            style={{ maxWidth: 700 }}\n            className=\"grid grid-cols-1 md:grid-cols-5 gap-4\"\n        >\n            <div></div>\n            <Tooltip title=\"Top start\" placement=\"top-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top\" placement=\"top\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top end\" placement=\"top-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Left start\" placement=\"left-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left start\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right start\" placement=\"right-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left\" placement=\"left\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right\" placement=\"right\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left end\" placement=\"left-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left end\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right end\" placement=\"right-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Bottom start\" placement=\"bottom-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom\" placement=\"bottom\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom end\" placement=\"bottom-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom end\n                </div>\n            </Tooltip>\n            <div></div>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["Placement","jsxs","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,OAAO,EAAE,UAAU,IAAI;AAAA,IACvB,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,YAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,OAAM,WAAU,OAC3B,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,MAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,WAAU,WAAU,WAC/B,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,UAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,aAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,eAAc,WAAU,eACnC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,cAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,QAAO,WAAU,QAC5B,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,OAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,SAAQ,WAAU,SAC7B,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,QAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,YAAW,WAAU,YAChC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,WAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,wBACJ,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,YAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,EAAA;AAAA,MACL,gBAAAA,EAACC,GAAQ,EAAA,OAAM,gBAAe,WAAU,gBACpC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,eAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,UAAS,WAAU,UAC9B,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,SAEpF,CAAA,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAQ,EAAA,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,sEAAqE,UAAA,aAEpF,CAAA,GACJ;AAAA,wBACC,OAAI,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACT;"}
+{"version":3,"file":"Placement.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Placement.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Placement = () => {\n    return (\n        <div\n            style={{ maxWidth: 700 }}\n            className=\"grid grid-cols-1 md:grid-cols-5 gap-4\"\n        >\n            <div></div>\n            <Tooltip title=\"Top start\" placement=\"top-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top\" placement=\"top\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top end\" placement=\"top-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Left start\" placement=\"left-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left start\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right start\" placement=\"right-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left\" placement=\"left\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right\" placement=\"right\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left end\" placement=\"left-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left end\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right end\" placement=\"right-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Bottom start\" placement=\"bottom-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom\" placement=\"bottom\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom end\" placement=\"bottom-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom end\n                </div>\n            </Tooltip>\n            <div></div>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["Placement","jsxs","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,OAAO,EAAE,UAAU,IAAA;AAAA,IACnB,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,YAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,OAAM,WAAU,OAC3B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,MAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,WAAU,WAAU,WAC/B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,UAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,aAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,eAAc,WAAU,eACnC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,cAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,QAAO,WAAU,QAC5B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,OAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,SAAQ,WAAU,SAC7B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,QAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,YAAW,WAAU,YAChC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,WAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,YAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,gBAAe,WAAU,gBACpC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,eAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,UAAS,WAAU,UAC9B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,SAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,aAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,CAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/data-display/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Placement from './Placement'\nimport Customize from './Customize'\n\nconst mdPath = 'Tooltip'\n\nconst demoHeader = {\n    title: 'Tooltip',\n    desc: 'Tooltips will appear when users hover on an element, it display contextual information related to the element.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tooltip.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `Tooltip content can be customize as well.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `There are 9 placement options for tooltip, it occupies the top position by default.`,\n        component: <Placement />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tooltip',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable tooltip toggle',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display tooltip by default',\n            },\n            {\n                propName: 'placement',\n                type: `<code>'top'</code> | <code>'top-start'</code> | <code>'top-end'</code> | <code>'bottom'</code> | <code>'bottom-start'</code> | <code>'bottom-end'</code> | <code>'right'</code> | <code>'right-start'</code> | <code>'right-end'</code> | <code>'left'</code> | <code>'left-start'</code> | <code>'left-end'</code>`,\n                default: `<code>'top'</code>`,\n                desc: 'Tooltip placement',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: ``,\n                desc: 'Tooltip content',\n            },\n            {\n                propName: 'wrapperClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for tooltip wrapper',\n            },\n        ],\n    },\n]\n\nconst Tooltip = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tooltip\n"],"names":["mdPath","demoHeader","demos","Basic","Customize","Placement","demoApi","Tooltip","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAU,CAAA,CAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAU,CAAA,CAAA;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAU,wBACJC,GAAW,EAAA,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Placement from './Placement'\nimport Customize from './Customize'\n\nconst mdPath = 'Tooltip'\n\nconst demoHeader = {\n    title: 'Tooltip',\n    desc: 'Tooltips will appear when users hover on an element, it display contextual information related to the element.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tooltip.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `Tooltip content can be customize as well.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `There are 9 placement options for tooltip, it occupies the top position by default.`,\n        component: <Placement />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tooltip',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable tooltip toggle',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display tooltip by default',\n            },\n            {\n                propName: 'placement',\n                type: `<code>'top'</code> | <code>'top-start'</code> | <code>'top-end'</code> | <code>'bottom'</code> | <code>'bottom-start'</code> | <code>'bottom-end'</code> | <code>'right'</code> | <code>'right-start'</code> | <code>'right-end'</code> | <code>'left'</code> | <code>'left-start'</code> | <code>'left-end'</code>`,\n                default: `<code>'top'</code>`,\n                desc: 'Tooltip placement',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: ``,\n                desc: 'Tooltip content',\n            },\n            {\n                propName: 'wrapperClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for tooltip wrapper',\n            },\n        ],\n    },\n]\n\nconst Tooltip = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tooltip\n"],"names":["mdPath","demoHeader","demos","Basic","Customize","Placement","demoApi","Tooltip","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAU;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAU,wBACJC,GAAA,EAAW,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Basic.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Alert>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEL,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAC,GAAA,EAAM,sEAEP,CAAA,GACJ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Basic.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Alert>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,uEAEP,GACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/Closable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Closable = () => {\n    const onCloseClick = () => {\n        console.log('Alert closed!')\n    }\n\n    return (\n        <div>\n            <Alert closable type=\"success\" onClose={onCloseClick}>\n                Thanks for submitting your application. Our team will get back\n                to you soon.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAW,MAMT,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAA,EAACC,GAAM,EAAA,UAAQ,IAAC,MAAK,WAAU,SANlB,MAAM;AACvB,UAAQ,IAAI,eAAe;AAC/B,GAI8D,UAAA,8EAGtD,CAAA,GACJ;"}
+{"version":3,"file":"Closable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Closable = () => {\n    const onCloseClick = () => {\n        console.log('Alert closed!')\n    }\n\n    return (\n        <div>\n            <Alert closable type=\"success\" onClose={onCloseClick}>\n                Thanks for submitting your application. Our team will get back\n                to you soon.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAW,MAMT,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,SANlB,MAAM;AACvB,UAAQ,IAAI,eAAe;AAAA,GAK+B,UAAA,8EAAA,CAGtD,GACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/CustomIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomIcon.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/CustomIcon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport { HiFire } from 'react-icons/hi'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"success\" customIcon={<HiFire />}>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert","HiFire"],"mappings":";;;;AAGA,MAAMA,IAAO,MAEJ,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAA,EAAAC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,YAAY,gBAAAD,EAACE,GAAO,CAAA,CAAA,GAAI,sEAEvD,CAAA,GACJ;"}
+{"version":3,"file":"CustomIcon.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/CustomIcon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport { HiFire } from 'react-icons/hi'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"success\" customIcon={<HiFire />}>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert","HiFire"],"mappings":";;;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,YAAY,gBAAAD,EAACE,GAAA,CAAA,CAAO,GAAI,uEAEvD,GACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Icon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OACG,EAAA,UAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,uEAEhB,EACJ,CAAA;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Icon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,uEAEhB,EAAA,CACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Title.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Title = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"danger\" title=\"Error!\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Title\n"],"names":["Title","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAA,EAACC,GAAM,EAAA,UAAQ,IAAC,MAAK,UAAS,OAAM,UAAS,UAAA,4DAE7C,CAAA,GACJ;"}
+{"version":3,"file":"Title.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Title.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Title = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"danger\" title=\"Error!\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Title\n"],"names":["Title","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,UAAS,OAAM,UAAS,UAAA,4DAAA,CAE7C,GACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/Type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Type.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Type.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Type = () => {\n    return (\n        <div>\n            <Alert showIcon className=\"mb-4\" type=\"info\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"success\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"danger\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Type\n"],"names":["Type","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,QAAO,UAE7C,4DAAA,CAAA;AAAA,oBACCA,GAAM,EAAA,UAAQ,IAAC,WAAU,QAAO,UAEjC,6DAAA;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,WAAU,UAEhD,4DAAA,CAAA;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,UAAS,UAE/C,4DAAA,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"Type.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Type.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Type = () => {\n    return (\n        <div>\n            <Alert showIcon className=\"mb-4\" type=\"info\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"success\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"danger\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Type\n"],"names":["Type","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,QAAO,UAAA,4DAAA,CAE7C;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,6DAEjC;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,WAAU,UAAA,4DAAA,CAEhD;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,UAAS,UAAA,4DAAA,CAE/C;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/feedback/Alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Icon from './Icon'\nimport CustomIcon from './CustomIcon'\nimport Type from './Type'\nimport Title from './Title'\nimport Closable from './Closable'\n\nconst mdPath = 'Alert'\n\nconst demoHeader = {\n    title: 'Alert',\n    desc: 'Alerts are used to feedback to the user action or system activity.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of alert.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: `Display icon within alert.`,\n        component: <Icon />,\n    },\n    {\n        mdName: 'CustomIcon',\n        mdPath: mdPath,\n        title: 'CustomIcon',\n        desc: `Icon can be replaced by setting own icon to <code>customIcon</code> prop.`,\n        component: <CustomIcon />,\n    },\n    {\n        mdName: 'Type',\n        mdPath: mdPath,\n        title: 'Type',\n        desc: `Change the status of the alerts by passing the <code>type</code> prop. Alert supports <code>info</code>, <code>success</code>, <code>warning</code>, and <code>danger</code> types.`,\n        component: <Type />,\n    },\n    {\n        mdName: 'Title',\n        mdPath: mdPath,\n        title: 'Title',\n        desc: `Alert also can have a title by input a string to <code>title</code> prop.`,\n        component: <Title />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Turn <code>closable</code> prop to true to display close button which allow user dismiss alert.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Alert',\n        api: [\n            {\n                propName: 'title',\n                type: `<code>ReactNode</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Alert title',\n            },\n            {\n                propName: 'showIcon',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display icon based on type',\n            },\n            {\n                propName: 'customIcon',\n                type: `<code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Replace default icon to custom icon',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\n                default: `<code>'warning'</code>`,\n                desc: 'The status of the alert',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display close button',\n            },\n            {\n                propName: 'customClose',\n                type: `<code>ReactNode | <code>string</code>`,\n                default: `-`,\n                desc: 'Replace default close',\n            },\n            {\n                propName: 'rounded',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether the Alert have round border radius',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Alert is closed',\n            },\n            {\n                propName: 'triggerByToast',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'identifier for toast trigger (for toast purpose)',\n            },\n            {\n                propName: 'duration',\n                type: `<code>2000</code>`,\n                default: `<code>number</code>`,\n                desc: 'Interval of dismiss (for toast purpose)',\n            },\n        ],\n    },\n]\n\nconst Alert = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Alert\n"],"names":["mdPath","demoHeader","demos","Basic","Icon","CustomIcon","Type","Title","Closable","demoApi","Alert","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,SAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAW,CAAA,CAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAS,CAAA,CAAA;AAAA,EAAA;AAE7B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAW,EAAA,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Alert/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Icon from './Icon'\nimport CustomIcon from './CustomIcon'\nimport Type from './Type'\nimport Title from './Title'\nimport Closable from './Closable'\n\nconst mdPath = 'Alert'\n\nconst demoHeader = {\n    title: 'Alert',\n    desc: 'Alerts are used to feedback to the user action or system activity.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of alert.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: `Display icon within alert.`,\n        component: <Icon />,\n    },\n    {\n        mdName: 'CustomIcon',\n        mdPath: mdPath,\n        title: 'CustomIcon',\n        desc: `Icon can be replaced by setting own icon to <code>customIcon</code> prop.`,\n        component: <CustomIcon />,\n    },\n    {\n        mdName: 'Type',\n        mdPath: mdPath,\n        title: 'Type',\n        desc: `Change the status of the alerts by passing the <code>type</code> prop. Alert supports <code>info</code>, <code>success</code>, <code>warning</code>, and <code>danger</code> types.`,\n        component: <Type />,\n    },\n    {\n        mdName: 'Title',\n        mdPath: mdPath,\n        title: 'Title',\n        desc: `Alert also can have a title by input a string to <code>title</code> prop.`,\n        component: <Title />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Turn <code>closable</code> prop to true to display close button which allow user dismiss alert.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Alert',\n        api: [\n            {\n                propName: 'title',\n                type: `<code>ReactNode</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Alert title',\n            },\n            {\n                propName: 'showIcon',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display icon based on type',\n            },\n            {\n                propName: 'customIcon',\n                type: `<code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Replace default icon to custom icon',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\n                default: `<code>'warning'</code>`,\n                desc: 'The status of the alert',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display close button',\n            },\n            {\n                propName: 'customClose',\n                type: `<code>ReactNode | <code>string</code>`,\n                default: `-`,\n                desc: 'Replace default close',\n            },\n            {\n                propName: 'rounded',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether the Alert have round border radius',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Alert is closed',\n            },\n            {\n                propName: 'triggerByToast',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'identifier for toast trigger (for toast purpose)',\n            },\n            {\n                propName: 'duration',\n                type: `<code>2000</code>`,\n                default: `<code>number</code>`,\n                desc: 'Interval of dismiss (for toast purpose)',\n            },\n        ],\n    },\n]\n\nconst Alert = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Alert\n"],"names":["mdPath","demoHeader","demos","Basic","Icon","CustomIcon","Type","Title","Closable","demoApi","Alert","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,SAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAS;AAAA,EAAA;AAE7B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA2B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA4B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/Closable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog isOpen={dialogIsOpen} closable={false}>\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","dialogIsOpen","setIsOpen","useState","openDialog","jsx","Button","jsxs","Dialog","e"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB;AAYA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,KAAc,UAErD,eAAA;AAAA,IACC,gBAAAG,EAAAC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAC,gBAAAI,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,MACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AAC7B,sBAAA,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,YACnB;AAAA,YAyBiB,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BACCI,GAAO,EAAA,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAC1B,kBAAA,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QACnB,GAuB6D,UAE7C,OAAA,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Closable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog isOpen={dialogIsOpen} closable={false}>\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","dialogIsOpen","setIsOpen","useState","openDialog","jsx","Button","jsxs","Dialog","e"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA;AAalB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAG,EAACC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,MACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AACrC,sBAAQ,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,YAAA;AAAA,YA0BF,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGAI,GAAA,EAAO,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAClC,kBAAQ,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QAAA,GAwB0C,UAAA,OAAA,CAE7C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CloseWithEscBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                shouldCloseOnOverlayClick={false}\n                shouldCloseOnEsc={false}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CloseWithEscBackdrop\n"],"names":["CloseWithEscBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA6B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CloseWithEscBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                shouldCloseOnOverlayClick={false}\n                shouldCloseOnEsc={false}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CloseWithEscBackdrop\n"],"names":["CloseWithEscBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA8B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomStyle.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CustomStyle = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                style={{\n                    content: {\n                        marginTop: 250,\n                    },\n                }}\n                contentClassName=\"pb-0 px-0\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"px-6 pb-6\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                </div>\n                <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAI,EAAA,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAC,gBAAAF,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkC6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"CustomStyle.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CustomStyle = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                style={{\n                    content: {\n                        marginTop: 250,\n                    },\n                }}\n                contentClassName=\"pb-0 px-0\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"px-6 pb-6\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                </div>\n                <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QACf;AAAA,QAEJ,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GAmC0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalScroll.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst InternalScroll = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <div className=\"max-h-96 overflow-y-auto\">\n                        <p>\n                            There are only two kinds of programming languages:\n                            those people always bitch about and those nobody\n                            uses. (Bjarne Stroustrup) Walking on water and\n                            developing software from a specification are easy if\n                            both are frozen. (Edward V Berard) Any fool can use\n                            a computer. Many do. (Ted Nelson) If debugging is\n                            the process of removing bugs, then programming must\n                            be the process of putting them in. (Edsger W.\n                            Dijkstra)\n                        </p>\n                        <p>\n                            Any fool can use a computer. Many do. (Ted Nelson)\n                            If the automobile had followed the same development\n                            cycle as the computer, a Rolls-Royce would today\n                            cost $100, get a million miles per gallon, and\n                            explode once a year, killing everyone inside.\n                            (Robert X. Cringely) Every operating system out\n                            there is about equal… We all suck. (Microsoft senior\n                            vice president Brian Valentine describing the state\n                            of the art in OS security, 2003) It is practically\n                            impossible to teach good programming style to\n                            students that have had prior exposure to BASIC. As\n                            potential programmers, they are mentally mutilated\n                            beyond hope of regeneration. (E. W. Dijkstra) It has\n                            been said that the great scientific disciplines are\n                            examples of giants standing on the shoulders of\n                            other giants. It has also been said that the\n                            software industry is an example of midgets standing\n                            on the toes of other midgets. (Alan Cooper)\n                        </p>\n                        <p>\n                            Always code as if the guy who ends up maintaining\n                            your code will be a violent psychopath who knows\n                            where you live. (Martin Golding) There is no\n                            programming language–no matter how structured-that\n                            will prevent programmers from making bad programs.\n                            (Larry Flon) If builders built buildings the way\n                            programmers wrote programs, then the first\n                            woodpecker that came along would destroy\n                            civilization. (Gerald Weinberg)\n                        </p>\n                    </div>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default InternalScroll\n"],"names":["InternalScroll","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,QAAA;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAG,EAAC,OAAI,EAAA,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAUH,4ZAAA,CAAA;AAAA,YACA,gBAAAA,EAAC,OAAE,UAmBH,63BAAA,CAAA;AAAA,YACA,gBAAAA,EAAC,OAAE,UAUH,6ZAAA,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkEiE,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"InternalScroll.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst InternalScroll = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <div className=\"max-h-96 overflow-y-auto\">\n                        <p>\n                            There are only two kinds of programming languages:\n                            those people always bitch about and those nobody\n                            uses. (Bjarne Stroustrup) Walking on water and\n                            developing software from a specification are easy if\n                            both are frozen. (Edward V Berard) Any fool can use\n                            a computer. Many do. (Ted Nelson) If debugging is\n                            the process of removing bugs, then programming must\n                            be the process of putting them in. (Edsger W.\n                            Dijkstra)\n                        </p>\n                        <p>\n                            Any fool can use a computer. Many do. (Ted Nelson)\n                            If the automobile had followed the same development\n                            cycle as the computer, a Rolls-Royce would today\n                            cost $100, get a million miles per gallon, and\n                            explode once a year, killing everyone inside.\n                            (Robert X. Cringely) Every operating system out\n                            there is about equal… We all suck. (Microsoft senior\n                            vice president Brian Valentine describing the state\n                            of the art in OS security, 2003) It is practically\n                            impossible to teach good programming style to\n                            students that have had prior exposure to BASIC. As\n                            potential programmers, they are mentally mutilated\n                            beyond hope of regeneration. (E. W. Dijkstra) It has\n                            been said that the great scientific disciplines are\n                            examples of giants standing on the shoulders of\n                            other giants. It has also been said that the\n                            software industry is an example of midgets standing\n                            on the toes of other midgets. (Alan Cooper)\n                        </p>\n                        <p>\n                            Always code as if the guy who ends up maintaining\n                            your code will be a violent psychopath who knows\n                            where you live. (Martin Golding) There is no\n                            programming language–no matter how structured-that\n                            will prevent programmers from making bad programs.\n                            (Larry Flon) If builders built buildings the way\n                            programmers wrote programs, then the first\n                            woodpecker that came along would destroy\n                            civilization. (Gerald Weinberg)\n                        </p>\n                    </div>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default InternalScroll\n"],"names":["InternalScroll","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,QAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAG,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAAA,4ZAAA,CAUH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,63BAAA,CAmBH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,6ZAAA,CAUH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GAmE8C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/Size.js.map

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Size = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Custom Size Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                width={1000}\n                height={250}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,sBAAA;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA8BiE,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"Size.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Size = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Custom Size Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                width={1000}\n                height={250}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,sBAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA+B8C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst StaticBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                bodyOpenClassName=\"overflow-hidden\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default StaticBackdrop\n"],"names":["StaticBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA4B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst StaticBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                bodyOpenClassName=\"overflow-hidden\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default StaticBackdrop\n"],"names":["StaticBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA6B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}