@orbe-agro/client-core 3.4.12 → 3.4.13

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.js.map

@@ -1 +1 @@
-{"version":3,"file":"Length.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["Length","value","setValue","useState","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,2BAAQC,GAAS,EAAA,OAAAH,GAAc,QAAQ,GAAG,UALrB,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,EAClB,GAEkE;AACtE;"}
+{"version":3,"file":"Length.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["Length","value","setValue","useState","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,2BAAQC,GAAA,EAAS,OAAAH,GAAc,QAAQ,GAAG,UALrB,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,EAAA,GAGgD;AACtE;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Length from './Length'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'OtpInput',\n    desc: 'The OtpInput component provides an easy way to implement input fields for multi-digit one-time passwords (OTP) or verification codes. It is designed to handle the input of sequential digits, enabling seamless user experiences for forms requiring OTP input.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of OtpInput`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Length',\n        mdPath: mdPath,\n        title: 'Length',\n        desc: `OtpInput can adapt to different OTP lengths using the <code>length</code> prop`,\n        component: <Length />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'autoFocus',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is focused automatically',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'inputClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for all input fields',\n            },\n            {\n                propName: 'length',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Length of input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: string) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'placeholder',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Placeholder text for all input fields',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Controlled Input value',\n            },\n        ],\n    },\n]\n\nconst OtpInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default OtpInputDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Length","demoApi","OtpInputDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,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,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,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,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Length from './Length'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'OtpInput',\n    desc: 'The OtpInput component provides an easy way to implement input fields for multi-digit one-time passwords (OTP) or verification codes. It is designed to handle the input of sequential digits, enabling seamless user experiences for forms requiring OTP input.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of OtpInput`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Length',\n        mdPath: mdPath,\n        title: 'Length',\n        desc: `OtpInput can adapt to different OTP lengths using the <code>length</code> prop`,\n        component: <Length />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'autoFocus',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is focused automatically',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'inputClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for all input fields',\n            },\n            {\n                propName: 'length',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Length of input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: string) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'placeholder',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Placeholder text for all input fields',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Controlled Input value',\n            },\n        ],\n    },\n]\n\nconst OtpInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default OtpInputDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Length","demoApi","OtpInputDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,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,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,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,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n    return (\n        <PasswordInput\n            onVisibleChange={(visible) => {\n                console.log(visible)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","PasswordInput","visible"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,iBAAiB,CAACC,MAAY;AAC1B,cAAQ,IAAIA,CAAO;AAAA,IAAA;AAAA,EACvB;AACJ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n    return (\n        <PasswordInput\n            onVisibleChange={(visible) => {\n                console.log(visible)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","PasswordInput","visible"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,iBAAiB,CAACC,MAAY;AAC1B,cAAQ,IAAIA,CAAO;AAAA,IAAA;AAAA,EACvB;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PasswordInputDoc'\n\nconst demoHeader = {\n    title: 'PasswordInput',\n    desc: 'A password input component',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `PasswordInput accepts all props from <a class=\"text-indigo-600 underline\" href=\"/ui-components/input#api\" target=\"_blank\"><code>Input</code></a>`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PasswordInput',\n        api: [\n            {\n                propName: 'onVisibleChange',\n                type: `<code>(visible:boolean) => void</code>`,\n                default: `-`,\n                desc: 'Callback when icon clicked',\n            },\n        ],\n    },\n]\n\nconst PasswordInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\nexport default PasswordInputDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","PasswordInputDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,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,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,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PasswordInputDoc'\n\nconst demoHeader = {\n    title: 'PasswordInput',\n    desc: 'A password input component',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `PasswordInput accepts all props from <a class=\"text-indigo-600 underline\" href=\"/ui-components/input#api\" target=\"_blank\"><code>Input</code></a>`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PasswordInput',\n        api: [\n            {\n                propName: 'onVisibleChange',\n                type: `<code>(visible:boolean) => void</code>`,\n                default: `-`,\n                desc: 'Callback when icon clicked',\n            },\n        ],\n    },\n]\n\nconst PasswordInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\nexport default PasswordInputDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","PasswordInputDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,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,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,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <PatternInput\n            value={value}\n            format=\"### ###\"\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","PatternInput","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAYhC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAO;AAAA,MACP,eAbkB,CAACK,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MACnC;AAAA,IAMuB;AAAA,EACnB;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <PatternInput\n            value={value}\n            format=\"### ###\"\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","PatternInput","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAO;AAAA,MACP,eAbkB,CAACK,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MAAA;AAAA,IAOZ;AAAA,EAAA;AAG3B;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACb,QAAA;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAA6B;AAMjC,2BACKC,GAAK,EAAA,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AACZ,kBAAAF,EAAA,SAASE,EAAE,UAAU;AAAA,gBAAA;AAAA,cAC/B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EAAA,CAIqC,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAAA;AAAA,cAC/B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'PatternInputDoc'\n\nconst demoHeader = {\n    title: 'PatternInput',\n    desc: 'PatternInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of PatternInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PatternInputDoc',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'It defines the format pattern using the # (or a patternChar ) character. # is the placeholder character for numbers',\n            },\n            {\n                propName: 'allowEmptyFormatting',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `By default PatternFormat component does not apply formatting when value is empty (null, undefined or ''). If you want to apply formatting on empty values set allowEmptyFormatting to true.`,\n            },\n            {\n                propName: 'mask',\n                type: `<code>string</code> | <code>Array<string></code>`,\n                default: `-`,\n                desc: 'Used as mask character for numeric places, until any numeric character is provided for that position. You can provide different mask characters for every numeric positions by passing array of mask characters. Note: The length of mask characters should match the numbers of # patternChar',\n            },\n            {\n                propName: 'patternChar',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'This helps define the format pattern character',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst PatternInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default PatternInputDoc\n"],"names":["mdPath","demoHeader","demos","Basic","WithForm","demoApi","reactNumberFormatApi","jsxs","jsx","PatternInputDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,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,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,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,2BAA0B,WAAU,QAAO,UAElD,uBAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAC5C,CAAA;AAAA,GACJ,GAGEC,IAAkB,MAEhB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQT;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AACX;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'PatternInputDoc'\n\nconst demoHeader = {\n    title: 'PatternInput',\n    desc: 'PatternInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of PatternInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PatternInputDoc',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'It defines the format pattern using the # (or a patternChar ) character. # is the placeholder character for numbers',\n            },\n            {\n                propName: 'allowEmptyFormatting',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `By default PatternFormat component does not apply formatting when value is empty (null, undefined or ''). If you want to apply formatting on empty values set allowEmptyFormatting to true.`,\n            },\n            {\n                propName: 'mask',\n                type: `<code>string</code> | <code>Array<string></code>`,\n                default: `-`,\n                desc: 'Used as mask character for numeric places, until any numeric character is provided for that position. You can provide different mask characters for every numeric positions by passing array of mask characters. Note: The length of mask characters should match the numbers of # patternChar',\n            },\n            {\n                propName: 'patternChar',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'This helps define the format pattern character',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst PatternInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default PatternInputDoc\n"],"names":["mdPath","demoHeader","demos","Basic","WithForm","demoApi","reactNumberFormatApi","jsxs","jsx","PatternInputDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,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,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,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,2BAA0B,WAAU,QAAO,UAAA,uBAElD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAAA,CAC5C;AAAA,GACJ,GAGEC,IAAkB,MAEhB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQT;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n    value: string\n    label: string\n    icon: JSX.Element\n    disabled?: boolean\n}[] = [\n    { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n    { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n    { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n    const [value, setValue] = useState<string[]>([roles[0].value])\n\n    const handleChange = (val: string[]) => {\n        console.log('val', val)\n        setValue(val)\n    }\n\n    return (\n        <Segment\n            value={value}\n            className=\"bg-transparent dark:bg-transparent\"\n            onChange={(val) => handleChange(val as string[])}\n        >\n            <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n                {roles.map((item) => (\n                    <Segment.Item\n                        key={item.value}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {({ active, onSegmentItemClick, disabled }) => {\n                            return (\n                                <PresetSegmentItemOption\n                                    hoverable\n                                    active={active}\n                                    disabled={disabled}\n                                    className=\"bg-white dark:bg-gray-800 w-[250px]\"\n                                    onSegmentItemClick={onSegmentItemClick}\n                                >\n                                    <div className=\"flex items-center gap-3\">\n                                        <span className=\"text-2xl\">\n                                            {item.icon}\n                                        </span>\n                                        <h6>{item.label}</h6>\n                                    </div>\n                                </PresetSegmentItemOption>\n                            )\n                        }}\n                    </Segment.Item>\n                ))}\n            </div>\n        </Segment>\n    )\n}\n\nexport default Example\n"],"names":["roles","jsx","HiOutlineCode","HiOutlineCube","HiOutlinePencil","Example","value","setValue","useState","handleChange","val","Segment","item","active","onSegmentItemClick","disabled","PresetSegmentItemOption","jsxs"],"mappings":";;;;;AAMA,MAAMA,IAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,gBAAAC,EAACC,KAAc,EAAG;AAAA,EACzE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,gBAAAD,EAACE,KAAc,EAAG;AAAA,EACrE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAF,EAACG,KAAgB,EAAG;AACtE,GAEMC,IAAU,MAAM;AACZ,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAACR,EAAM,CAAC,EAAE,KAAK,CAAC,GAEvDS,IAAe,CAACC,MAAkB;AAC5B,YAAA,IAAI,OAAOA,CAAG,GACtBH,EAASG,CAAG;AAAA,EAChB;AAGI,SAAA,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,OAAAL;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACI,MAAQD,EAAaC,CAAe;AAAA,MAE/C,4BAAC,OAAI,EAAA,WAAU,gDACV,UAAMV,EAAA,IAAI,CAACY,MACR,gBAAAX;AAAA,QAACU,EAAQ;AAAA,QAAR;AAAA,UAEG,OAAOC,EAAK;AAAA,UACZ,UAAUA,EAAK;AAAA,UAEd,UAAC,CAAA,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,UAAAC,QAExB,gBAAAd;AAAA,YAACe;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,QAAAH;AAAA,cACA,UAAAE;AAAA,cACA,WAAU;AAAA,cACV,oBAAAD;AAAA,cAEA,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAhB,EAAC,QAAK,EAAA,WAAU,YACX,UAAAW,EAAK,MACV;AAAA,gBACA,gBAAAX,EAAC,MAAI,EAAA,UAAAW,EAAK,MAAM,CAAA;AAAA,cAAA,EACpB,CAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAER;AAAA,QArBKA,EAAK;AAAA,MAAA,CAuBjB,EACL,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n    value: string\n    label: string\n    icon: JSX.Element\n    disabled?: boolean\n}[] = [\n    { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n    { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n    { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n    const [value, setValue] = useState<string[]>([roles[0].value])\n\n    const handleChange = (val: string[]) => {\n        console.log('val', val)\n        setValue(val)\n    }\n\n    return (\n        <Segment\n            value={value}\n            className=\"bg-transparent dark:bg-transparent\"\n            onChange={(val) => handleChange(val as string[])}\n        >\n            <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n                {roles.map((item) => (\n                    <Segment.Item\n                        key={item.value}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {({ active, onSegmentItemClick, disabled }) => {\n                            return (\n                                <PresetSegmentItemOption\n                                    hoverable\n                                    active={active}\n                                    disabled={disabled}\n                                    className=\"bg-white dark:bg-gray-800 w-[250px]\"\n                                    onSegmentItemClick={onSegmentItemClick}\n                                >\n                                    <div className=\"flex items-center gap-3\">\n                                        <span className=\"text-2xl\">\n                                            {item.icon}\n                                        </span>\n                                        <h6>{item.label}</h6>\n                                    </div>\n                                </PresetSegmentItemOption>\n                            )\n                        }}\n                    </Segment.Item>\n                ))}\n            </div>\n        </Segment>\n    )\n}\n\nexport default Example\n"],"names":["roles","jsx","HiOutlineCode","HiOutlineCube","HiOutlinePencil","Example","value","setValue","useState","handleChange","val","Segment","item","active","onSegmentItemClick","disabled","PresetSegmentItemOption","jsxs"],"mappings":";;;;;AAMA,MAAMA,IAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,gBAAAC,EAACC,KAAc,EAAA;AAAA,EACtE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,gBAAAD,EAACE,KAAc,EAAA;AAAA,EAClE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAF,EAACG,KAAgB,EAAA;AACnE,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAACR,EAAM,CAAC,EAAE,KAAK,CAAC,GAEvDS,IAAe,CAACC,MAAkB;AACpC,YAAQ,IAAI,OAAOA,CAAG,GACtBH,EAASG,CAAG;AAAA,EAAA;AAGhB,SACI,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,OAAAL;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACI,MAAQD,EAAaC,CAAe;AAAA,MAE/C,4BAAC,OAAA,EAAI,WAAU,gDACV,UAAAV,EAAM,IAAI,CAACY,MACR,gBAAAX;AAAA,QAACU,EAAQ;AAAA,QAAR;AAAA,UAEG,OAAOC,EAAK;AAAA,UACZ,UAAUA,EAAK;AAAA,UAEd,UAAA,CAAC,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,UAAAC,QAExB,gBAAAd;AAAA,YAACe;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,QAAAH;AAAA,cACA,UAAAE;AAAA,cACA,WAAU;AAAA,cACV,oBAAAD;AAAA,cAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAhB,EAAC,QAAA,EAAK,WAAU,YACX,UAAAW,EAAK,MACV;AAAA,gBACA,gBAAAX,EAAC,MAAA,EAAI,UAAAW,EAAK,MAAA,CAAM;AAAA,cAAA,EAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAGZ;AAAA,QArBKA,EAAK;AAAA,MAAA,CAuBjB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PresetSegmentItemOptionDoc'\n\nconst demoHeader = {\n    title: 'PresetSegmentItemOption',\n    desc: 'A premade custom option use for Segment component.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PresetSegmentItemOption',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether this option is active',\n            },\n            {\n                propName: 'customCheck',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Display a custom check when active is true',\n            },\n            {\n                propName: 'defaultGutter',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to use default spacer',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled this option',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled hover effect',\n            },\n            {\n                propName: 'onSegmentItemClick',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback when this option clicked',\n            },\n        ],\n    },\n]\n\nconst PresetSegmentItemOptionDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default PresetSegmentItemOptionDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","PresetSegmentItemOptionDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,8BAETC,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,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,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,IAA6B,MAE3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PresetSegmentItemOptionDoc'\n\nconst demoHeader = {\n    title: 'PresetSegmentItemOption',\n    desc: 'A premade custom option use for Segment component.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PresetSegmentItemOption',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether this option is active',\n            },\n            {\n                propName: 'customCheck',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Display a custom check when active is true',\n            },\n            {\n                propName: 'defaultGutter',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to use default spacer',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled this option',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled hover effect',\n            },\n            {\n                propName: 'onSegmentItemClick',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback when this option clicked',\n            },\n        ],\n    },\n]\n\nconst PresetSegmentItemOptionDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default PresetSegmentItemOptionDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","PresetSegmentItemOptionDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,8BAETC,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,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,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,IAA6B,MAE3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/Example.tsx"],"sourcesContent":["import RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport { useState } from 'react'\n\nconst Example = () => {\n    const [hovering, setHovering] = useState('')\n\n    const data = [\n        {\n            id: 'us',\n            name: 'United States',\n            value: 38.61,\n            coordinates: [-95.7129, 37.0902],\n        },\n        {\n            id: 'br',\n            name: 'Brazil',\n            value: 32.79,\n            coordinates: [-51.9253, -14.235],\n        },\n        {\n            id: 'in',\n            name: 'India',\n            value: 26.42,\n            coordinates: [78.9629, 20.5937],\n        },\n        {\n            id: 'uk',\n            name: 'United Kingdom',\n            value: 17.42,\n            coordinates: [0.1278, 51.5074],\n        },\n        {\n            id: 'tr',\n            name: 'Turkey',\n            value: 12.85,\n            coordinates: [28.9784, 41.0082],\n        },\n    ]\n\n    return (\n        <RegionMap\n            data={data}\n            valueSuffix=\"%\"\n            marker={(Marker) => (\n                <>\n                    {data.map(({ name, coordinates, value, id }) => (\n                        <Marker\n                            key={name}\n                            coordinates={coordinates as [number, number]}\n                            className=\"cursor-pointer group\"\n                            onMouseEnter={() => setHovering(id)}\n                            onMouseLeave={() => setHovering('')}\n                        >\n                            <g transform=\"translate(-12, -24)\">\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={value * 1.5}\n                                    className=\"fill-gray-900 opacity-10\"\n                                />\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={(value * 1.5) / 2.5}\n                                    className={classNames(\n                                        'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n                                        hovering === id && 'fill-primary',\n                                    )}\n                                />\n                            </g>\n                        </Marker>\n                    ))}\n                </>\n            )}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","hovering","setHovering","useState","data","jsx","RegionMap","Marker","Fragment","name","coordinates","value","id","jsxs","classNames"],"mappings":";;;;AAIA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,GAErCC,IAAO;AAAA,IACT;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,QAAQ,OAAO;AAAA,IACjC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,EAEtC;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAF;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,CAACG,MACL,gBAAAF,EAAAG,GAAA,EACK,UAAKJ,EAAA,IAAI,CAAC,EAAE,MAAAK,GAAM,aAAAC,GAAa,OAAAC,GAAO,IAAAC,EACnC,MAAA,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UAEG,aAAAG;AAAA,UACA,WAAU;AAAA,UACV,cAAc,MAAMR,EAAYU,CAAE;AAAA,UAClC,cAAc,MAAMV,EAAY,EAAE;AAAA,UAElC,UAAA,gBAAAW,EAAC,KAAE,EAAA,WAAU,uBACT,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAGM,IAAQ;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YACd;AAAA,YACA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAIM,IAAQ,MAAO;AAAA,gBACnB,WAAWG;AAAA,kBACP;AAAA,kBACAb,MAAaW,KAAM;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ,EACJ,CAAA;AAAA,QAAA;AAAA,QAtBKH;AAAA,MAAA,CAwBZ,EACL,CAAA;AAAA,IAAA;AAAA,EAER;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/Example.tsx"],"sourcesContent":["import RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport { useState } from 'react'\n\nconst Example = () => {\n    const [hovering, setHovering] = useState('')\n\n    const data = [\n        {\n            id: 'us',\n            name: 'United States',\n            value: 38.61,\n            coordinates: [-95.7129, 37.0902],\n        },\n        {\n            id: 'br',\n            name: 'Brazil',\n            value: 32.79,\n            coordinates: [-51.9253, -14.235],\n        },\n        {\n            id: 'in',\n            name: 'India',\n            value: 26.42,\n            coordinates: [78.9629, 20.5937],\n        },\n        {\n            id: 'uk',\n            name: 'United Kingdom',\n            value: 17.42,\n            coordinates: [0.1278, 51.5074],\n        },\n        {\n            id: 'tr',\n            name: 'Turkey',\n            value: 12.85,\n            coordinates: [28.9784, 41.0082],\n        },\n    ]\n\n    return (\n        <RegionMap\n            data={data}\n            valueSuffix=\"%\"\n            marker={(Marker) => (\n                <>\n                    {data.map(({ name, coordinates, value, id }) => (\n                        <Marker\n                            key={name}\n                            coordinates={coordinates as [number, number]}\n                            className=\"cursor-pointer group\"\n                            onMouseEnter={() => setHovering(id)}\n                            onMouseLeave={() => setHovering('')}\n                        >\n                            <g transform=\"translate(-12, -24)\">\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={value * 1.5}\n                                    className=\"fill-gray-900 opacity-10\"\n                                />\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={(value * 1.5) / 2.5}\n                                    className={classNames(\n                                        'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n                                        hovering === id && 'fill-primary',\n                                    )}\n                                />\n                            </g>\n                        </Marker>\n                    ))}\n                </>\n            )}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","hovering","setHovering","useState","data","jsx","RegionMap","Marker","Fragment","name","coordinates","value","id","jsxs","classNames"],"mappings":";;;;AAIA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,GAErCC,IAAO;AAAA,IACT;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IAAA;AAAA,IAEnC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IAAA;AAAA,IAEnC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,IAElC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,QAAQ,OAAO;AAAA,IAAA;AAAA,IAEjC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,EAClC;AAGJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAF;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,CAACG,MACL,gBAAAF,EAAAG,GAAA,EACK,UAAAJ,EAAK,IAAI,CAAC,EAAE,MAAAK,GAAM,aAAAC,GAAa,OAAAC,GAAO,IAAAC,EAAA,MACnC,gBAAAP;AAAA,QAACE;AAAA,QAAA;AAAA,UAEG,aAAAG;AAAA,UACA,WAAU;AAAA,UACV,cAAc,MAAMR,EAAYU,CAAE;AAAA,UAClC,cAAc,MAAMV,EAAY,EAAE;AAAA,UAElC,UAAA,gBAAAW,EAAC,KAAA,EAAE,WAAU,uBACT,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAGM,IAAQ;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAIM,IAAQ,MAAO;AAAA,gBACnB,WAAWG;AAAA,kBACP;AAAA,kBACAb,MAAaW,KAAM;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,QAtBKH;AAAA,MAAA,CAwBZ,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'RegionMapDoc'\n\nconst demoHeader = {\n    title: 'RegionMap',\n    desc: 'A simple geodata component wrap on top of <a class=\"text-indigo-600 underline\" href=\"https://www.react-simple-maps.io/\" target=\"_blank\">react-simple-maps</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'RegionMap',\n        api: [\n            {\n                propName: 'data',\n                type: `<code>Array<{name: string, value: string | number}></code>`,\n                default: `<code>[]</code>`,\n                desc: 'Map data',\n            },\n            {\n                propName: 'mapSource',\n                type: `<code>string</code> | <code>string[]</code>`,\n                default: ``,\n                desc: 'Geography SVG, More geography SVG can be found in this <a class=\"text-indigo-600 underline\" href=\"https://github.com/deldersveld/topojson/tree/master/countries\" target=\"_blank\" rel=\"noopener noreferrer\">repository</a>',\n            },\n            {\n                propName: 'valuePrefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'valueSuffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n        ],\n    },\n]\n\nconst RegionMapDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default RegionMapDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","RegionMapDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,gBAETC,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,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,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,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'RegionMapDoc'\n\nconst demoHeader = {\n    title: 'RegionMap',\n    desc: 'A simple geodata component wrap on top of <a class=\"text-indigo-600 underline\" href=\"https://www.react-simple-maps.io/\" target=\"_blank\">react-simple-maps</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'RegionMap',\n        api: [\n            {\n                propName: 'data',\n                type: `<code>Array<{name: string, value: string | number}></code>`,\n                default: `<code>[]</code>`,\n                desc: 'Map data',\n            },\n            {\n                propName: 'mapSource',\n                type: `<code>string</code> | <code>string[]</code>`,\n                default: ``,\n                desc: 'Geography SVG, More geography SVG can be found in this <a class=\"text-indigo-600 underline\" href=\"https://github.com/deldersveld/topojson/tree/master/countries\" target=\"_blank\" rel=\"noopener noreferrer\">repository</a>',\n            },\n            {\n                propName: 'valuePrefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'valueSuffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n        ],\n    },\n]\n\nconst RegionMapDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default RegionMapDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","RegionMapDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,gBAETC,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,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,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,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/Basic.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst Basic = () => {\n    return <RichTextEditor content=\"Hello World\" />\n}\n\nexport default Basic\n"],"names":["Basic","jsx","RichTextEditor"],"mappings":";;;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,GAAe,EAAA,SAAQ,cAAc,CAAA;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/Basic.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst Basic = () => {\n    return <RichTextEditor content=\"Hello World\" />\n}\n\nexport default Basic\n"],"names":["Basic","jsx","RichTextEditor"],"mappings":";;;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,GAAA,EAAe,SAAQ,cAAA,CAAc;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomConfig.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n    const [content, setcontent] = useState('Hello World')\n\n    const editor = useEditor({\n        extensions: [Paragraph, Text, Heading, Document],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content,\n        onUpdate({ editor }) {\n            setcontent(editor.getHTML())\n        },\n    })\n\n    return (\n        <RichTextEditor\n            customEditor={editor}\n            customToolBar={(\n                editor,\n                { ToolButtonParagraph, ToolButtonHeading },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonParagraph editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomConfig\n"],"names":["CustomConfig","content","setcontent","useState","editor","useEditor","Paragraph","Text","Heading","Document","jsx","RichTextEditor","ToolButtonParagraph","ToolButtonHeading","jsxs","Fragment"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,aAAa,GAE9CC,IAASC,EAAU;AAAA,IACrB,YAAY,CAACC,GAAWC,GAAMC,GAASC,CAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,SAAAR;AAAA,IACA,SAAS,EAAE,QAAAG,KAAU;AACNA,MAAAA,EAAAA,EAAO,SAAS;AAAA,IAAA;AAAA,EAC/B,CACH;AAGG,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAcP;AAAA,MACd,eAAe,CACXA,GACA,EAAE,qBAAAQ,GAAqB,mBAAAC,QAIf,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAL,EAAAG,GAAA,EAAkB,QAAQT,EAAQ,CAAA;AAAA,QACnC,gBAAAM,EAACE,GAAoB,EAAA,QAAQR,EAAQ,CAAA;AAAA,MAAA,GACzC;AAAA,IAER;AAAA,EACJ;AAER;"}
+{"version":3,"file":"CustomConfig.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n    const [content, setcontent] = useState('Hello World')\n\n    const editor = useEditor({\n        extensions: [Paragraph, Text, Heading, Document],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content,\n        onUpdate({ editor }) {\n            setcontent(editor.getHTML())\n        },\n    })\n\n    return (\n        <RichTextEditor\n            customEditor={editor}\n            customToolBar={(\n                editor,\n                { ToolButtonParagraph, ToolButtonHeading },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonParagraph editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomConfig\n"],"names":["CustomConfig","content","setcontent","useState","editor","useEditor","Paragraph","Text","Heading","Document","jsx","RichTextEditor","ToolButtonParagraph","ToolButtonHeading","jsxs","Fragment"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,aAAa,GAE9CC,IAASC,EAAU;AAAA,IACrB,YAAY,CAACC,GAAWC,GAAMC,GAASC,CAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAR;AAAA,IACA,SAAS,EAAE,QAAAG,KAAU;AACjB,MAAAF,EAAWE,EAAO,SAAS;AAAA,IAAA;AAAA,EAC/B,CACH;AAED,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAcP;AAAA,MACd,eAAe,CACXA,GACA,EAAE,qBAAAQ,GAAqB,mBAAAC,QAGnB,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL,EAACG,GAAA,EAAkB,QAAQT,EAAAA,CAAQ;AAAA,QACnC,gBAAAM,EAACE,GAAA,EAAoB,QAAQR,EAAAA,CAAQ;AAAA,MAAA,GACzC;AAAA,IAER;AAAA,EAAA;AAGZ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToolbar.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst CustomToolbar = () => {\n    return (\n        <RichTextEditor\n            content=\"<strong>Hello World</strong>\"\n            customToolBar={(\n                editor,\n                {\n                    ToolButtonStrike,\n                    ToolButtonHeading,\n                    ToolButtonOrderedList,\n                    ToolButtonBulletList,\n                },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomToolbar\n"],"names":["CustomToolbar","jsx","RichTextEditor","editor","ToolButtonStrike","ToolButtonHeading","ToolButtonOrderedList","ToolButtonBulletList","jsxs","Fragment"],"mappings":";;;AAEA,MAAMA,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,eAAe,CACXC,GACA;AAAA,MACI,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA,MAKI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAR,EAACI,KAAkB,QAAAF,GAAgB;AAAA,MACnC,gBAAAF,EAACG,KAAiB,QAAAD,GAAgB;AAAA,MAClC,gBAAAF,EAACK,KAAsB,QAAAH,GAAgB;AAAA,MACvC,gBAAAF,EAACM,KAAqB,QAAAJ,EAAgB,CAAA;AAAA,IAAA,GAC1C;AAAA,EAER;AACJ;"}
+{"version":3,"file":"CustomToolbar.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst CustomToolbar = () => {\n    return (\n        <RichTextEditor\n            content=\"<strong>Hello World</strong>\"\n            customToolBar={(\n                editor,\n                {\n                    ToolButtonStrike,\n                    ToolButtonHeading,\n                    ToolButtonOrderedList,\n                    ToolButtonBulletList,\n                },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomToolbar\n"],"names":["CustomToolbar","jsx","RichTextEditor","editor","ToolButtonStrike","ToolButtonHeading","ToolButtonOrderedList","ToolButtonBulletList","jsxs","Fragment"],"mappings":";;;AAEA,MAAMA,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,eAAe,CACXC,GACA;AAAA,MACI,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA,MAIA,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAR,EAACI,KAAkB,QAAAF,GAAgB;AAAA,MACnC,gBAAAF,EAACG,KAAiB,QAAAD,GAAgB;AAAA,MAClC,gBAAAF,EAACK,KAAsB,QAAAH,GAAgB;AAAA,MACvC,gBAAAF,EAACM,KAAqB,QAAAJ,EAAA,CAAgB;AAAA,IAAA,GAC1C;AAAA,EAER;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACb,QAAA;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAkC;AAMtC,2BACKC,GAAK,EAAA,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EACtC,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EAAA,CAIoB,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport CustomToolbar from './CustomToolbar'\nimport CustomConfig from './CustomConfig'\nimport WithForm from './WithForm'\n\nconst mdPath = 'RichTextEditorDoc'\n\nconst demoHeader = {\n    title: 'RichTextEditor',\n    desc: ' <code>RichTextEditor</code> component is a customizable rich text editor utilized with Tiptap editor framework. It comes with a predefined toolbar that includes common formatting options like bold, italic, lists, and more.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'CustomToolbar',\n        mdPath: mdPath,\n        title: 'Custom toolbar',\n        desc: `You can customize the editor toolbar with <code>customToolBar</code> prop`,\n        component: <CustomToolbar />,\n    },\n    {\n        mdName: 'CustomConfig',\n        mdPath: mdPath,\n        title: 'Custom config',\n        desc: `You can customize the entire configuration with <code>customToolBar</code> prop. Note: Documentation & Text extension is required if not using StarterKit as extension.`,\n        component: <CustomConfig />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'With form',\n        desc: `Example with form`,\n        component: <WithForm />,\n    },\n]\n\nconst tiptapUsage = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            tiptap\n        </h6>\n        <p>\n            For futher usage of tiptap, you could refer the\n            <a\n                className=\"underline text-primary\"\n                href=\"https://tiptap.dev/docss\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst demoApi = [\n    {\n        component: 'RichTextEditor',\n        api: [\n            {\n                propName: 'content',\n                type: '<code>string</code>',\n                default: '-',\n                desc: 'The initial content of the editor. This can be an HTML string or plain text.',\n            },\n            {\n                propName: 'invalid',\n                type: '<code>boolean</code>',\n                default: '-',\n                desc: 'Applies styles to indicate the editor content is invalid, typically used for form validation.',\n            },\n            {\n                propName: 'customToolBar',\n                type: `<code>(editor: Editor, components: {\n                    ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonBlockquote:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHeading: ({ editor }: BaseToolButtonProps & { headingLevel?: HeadingLevel[] }) => JSX.Element,\n                    ToolButtonBulletList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonOrderedList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCodeBlock:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHorizontalRule: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonParagraph: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                }) => ReactNode</code>`,\n                default: '-',\n                desc: 'A function to customize the toolbar by providing your own buttons. It receives the current `editor` instance and an object containing the default toolbar components.',\n            },\n            {\n                propName: 'onChange',\n                type: '<code>(content: {text: string, html: string, json: JSONContent}) => void</code>',\n                default: '-',\n                desc: 'Callback function that is triggered whenever the content of the editor changes. It provides the updated content in three formats: plain text, HTML, and JSON.',\n            },\n            {\n                propName: 'editorContentClass',\n                type: '<code>string</code>',\n                default: '-',\n                desc: \"Additional CSS classes to apply to the editor's content area.\",\n            },\n            {\n                propName: 'customEditor',\n                type: '<code>Editor | null</code>',\n                default: '-',\n                desc: 'A custom Tiptap `Editor` instance. If provided, this instance will be used instead of creating a new one.',\n            },\n        ],\n    },\n]\n\nconst RichTextEditorDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            api={demoApi}\n            extra={tiptapUsage}\n        />\n    )\n}\n\nexport default RichTextEditorDoc\n"],"names":["mdPath","demoHeader","demos","Basic","CustomToolbar","CustomConfig","WithForm","tiptapUsage","jsxs","jsx","demoApi","RichTextEditorDoc","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,qBAETC,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,GAAc,CAAA,CAAA;AAAA,EAC9B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAa,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAS,CAAA,CAAA;AAAA,EAAA;AAE7B,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,UAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEC,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ,GAGEC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAeN,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,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQX;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKQ;AAAA,IACL,OAAOH;AAAA,EAAA;AACX;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport CustomToolbar from './CustomToolbar'\nimport CustomConfig from './CustomConfig'\nimport WithForm from './WithForm'\n\nconst mdPath = 'RichTextEditorDoc'\n\nconst demoHeader = {\n    title: 'RichTextEditor',\n    desc: ' <code>RichTextEditor</code> component is a customizable rich text editor utilized with Tiptap editor framework. It comes with a predefined toolbar that includes common formatting options like bold, italic, lists, and more.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'CustomToolbar',\n        mdPath: mdPath,\n        title: 'Custom toolbar',\n        desc: `You can customize the editor toolbar with <code>customToolBar</code> prop`,\n        component: <CustomToolbar />,\n    },\n    {\n        mdName: 'CustomConfig',\n        mdPath: mdPath,\n        title: 'Custom config',\n        desc: `You can customize the entire configuration with <code>customToolBar</code> prop. Note: Documentation & Text extension is required if not using StarterKit as extension.`,\n        component: <CustomConfig />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'With form',\n        desc: `Example with form`,\n        component: <WithForm />,\n    },\n]\n\nconst tiptapUsage = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            tiptap\n        </h6>\n        <p>\n            For futher usage of tiptap, you could refer the\n            <a\n                className=\"underline text-primary\"\n                href=\"https://tiptap.dev/docss\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst demoApi = [\n    {\n        component: 'RichTextEditor',\n        api: [\n            {\n                propName: 'content',\n                type: '<code>string</code>',\n                default: '-',\n                desc: 'The initial content of the editor. This can be an HTML string or plain text.',\n            },\n            {\n                propName: 'invalid',\n                type: '<code>boolean</code>',\n                default: '-',\n                desc: 'Applies styles to indicate the editor content is invalid, typically used for form validation.',\n            },\n            {\n                propName: 'customToolBar',\n                type: `<code>(editor: Editor, components: {\n                    ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonBlockquote:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHeading: ({ editor }: BaseToolButtonProps & { headingLevel?: HeadingLevel[] }) => JSX.Element,\n                    ToolButtonBulletList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonOrderedList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCodeBlock:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHorizontalRule: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonParagraph: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                }) => ReactNode</code>`,\n                default: '-',\n                desc: 'A function to customize the toolbar by providing your own buttons. It receives the current `editor` instance and an object containing the default toolbar components.',\n            },\n            {\n                propName: 'onChange',\n                type: '<code>(content: {text: string, html: string, json: JSONContent}) => void</code>',\n                default: '-',\n                desc: 'Callback function that is triggered whenever the content of the editor changes. It provides the updated content in three formats: plain text, HTML, and JSON.',\n            },\n            {\n                propName: 'editorContentClass',\n                type: '<code>string</code>',\n                default: '-',\n                desc: \"Additional CSS classes to apply to the editor's content area.\",\n            },\n            {\n                propName: 'customEditor',\n                type: '<code>Editor | null</code>',\n                default: '-',\n                desc: 'A custom Tiptap `Editor` instance. If provided, this instance will be used instead of creating a new one.',\n            },\n        ],\n    },\n]\n\nconst RichTextEditorDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            api={demoApi}\n            extra={tiptapUsage}\n        />\n    )\n}\n\nexport default RichTextEditorDoc\n"],"names":["mdPath","demoHeader","demos","Basic","CustomToolbar","CustomConfig","WithForm","tiptapUsage","jsxs","jsx","demoApi","RichTextEditorDoc","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,qBAETC,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,CAAc;AAAA,EAAA;AAAA,EAE9B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAS;AAAA,EAAA;AAE7B,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,UAEvD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEC,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ,GAGEC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAeN,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,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQX;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKQ;AAAA,IACL,OAAOH;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","StickyFooter","jsxs","Button"],"mappings":";;;;AAGA,MAAMA,IAAU,wBAEP,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,YACX,UAAC,gBAAAA,EAAA,MAAA,EAAG,iCAAmB,EAC3B,CAAA;AAAA,EACA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MAEZ,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAO,EAAA,MAAK,MAAK,WAAU,qBAAoB,UAEhD,WAAA;AAAA,0BACCA,GAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,UAElC,OAAA,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EAAA;AACJ,GACJ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","StickyFooter","jsxs","Button"],"mappings":";;;;AAGA,MAAMA,IAAU,wBAEP,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,YACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,iCAAmB,EAAA,CAC3B;AAAA,EACA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MAEZ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,WAEhD;AAAA,0BACCA,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,OAAA,CAElC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AACJ,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","StickyFooterDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","StickyFooterDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAkB,EAAA,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":["mdPath","demoHeader","demos","Example","reactSyntaxHighlighterApi","jsxs","jsx","SyntaxHighlighterDoc","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,wBAETC,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,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,4BAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAOE;AAAA,EAAA;AACX;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":["mdPath","demoHeader","demos","Example","reactSyntaxHighlighterApi","jsxs","jsx","SyntaxHighlighterDoc","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,wBAETC,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,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,4BAEvD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAOE;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":["data","Example","jsx","UsersAvatarGroup"],"mappings":";;AAEA,MAAMA,IAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB,GAEMC,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,aAAa,EAAE,MAAM,GAAG;AAAA,IACxB,OAAOH;AAAA,EAAA;AACX;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":["data","Example","jsx","UsersAvatarGroup"],"mappings":";;AAEA,MAAMA,IAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB,GAEMC,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,aAAa,EAAE,MAAM,GAAA;AAAA,IACrB,OAAOH;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","UsersAvatarGroupDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,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,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,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,IAAsB,MAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","UsersAvatarGroupDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,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,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,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,IAAsB,MAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"shareComponentsDocRoutes.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Components',\n        nav: [\n            {\n                path: 'abbreviate-number',\n                label: 'AbbreviateNumber',\n                component: lazy(\n                    () => import('./components/AbbreviateNumberDoc'),\n                ),\n            },\n            {\n                path: 'action-link',\n                label: 'ActionLink',\n                component: lazy(() => import('./components/ActionLinkDoc')),\n            },\n            {\n                path: 'adaptive-card',\n                label: 'AdaptiveCard',\n                component: lazy(() => import('./components/AdaptiveCardDoc')),\n            },\n            {\n                path: 'affix',\n                label: 'Affix',\n                component: lazy(() => import('./components/AffixDoc')),\n            },\n            {\n                path: 'authority-check',\n                label: 'AuthorityCheck',\n                component: lazy(() => import('./components/AuthorityCheckDoc')),\n            },\n            {\n                path: 'calendar-view',\n                label: 'CalendarView',\n                component: lazy(() => import('./components/CalendarViewDoc')),\n            },\n            {\n                path: 'chart',\n                label: 'Chart',\n                component: lazy(() => import('./components/ChartDoc')),\n            },\n            {\n                path: 'confirm-dialog',\n                label: 'ConfirmDialog',\n                component: lazy(() => import('./components/ConfirmDialogDoc')),\n            },\n            {\n                path: 'container',\n                label: 'Container',\n                component: lazy(() => import('./components/ContainerDoc')),\n            },\n            {\n                path: 'custom-format-input',\n                label: 'CustomFormatInput',\n                component: lazy(\n                    () => import('./components/CustomFormatInputDoc'),\n                ),\n            },\n            {\n                path: 'data-table',\n                label: 'DataTable',\n                component: lazy(() => import('./components/DataTableDoc')),\n            },\n            {\n                path: 'debounce-input',\n                label: 'DebounceInput',\n                component: lazy(() => import('./components/DebounceInputDoc')),\n            },\n            {\n                path: 'double-sided-image',\n                label: 'DoubleSidedImage',\n                component: lazy(\n                    () => import('./components/DoubleSidedImageDoc'),\n                ),\n            },\n            {\n                path: 'ellipsis-button',\n                label: 'EllipsisButton',\n                component: lazy(() => import('./components/EllipsisButtonDoc')),\n            },\n            {\n                path: 'gantt-chart',\n                label: 'GanttChart',\n                component: lazy(() => import('./components/GanttChartDoc')),\n            },\n            {\n                path: 'grow-shrink-value',\n                label: 'GrowShrinkValue',\n                component: lazy(\n                    () => import('./components/GrowShrinkValueDoc'),\n                ),\n            },\n            {\n                path: 'icon-text',\n                label: 'IconText',\n                component: lazy(() => import('./components/IconTextDoc')),\n            },\n            {\n                path: 'image-gallery',\n                label: 'ImageGallery',\n                component: lazy(() => import('./components/ImageGalleryDoc')),\n            },\n            {\n                path: 'loading',\n                label: 'Loading',\n                component: lazy(() => import('./components/LoadingDoc')),\n            },\n            {\n                path: 'masonry',\n                label: 'Masonry',\n                component: lazy(() => import('./components/MasonryDoc')),\n            },\n            {\n                path: 'media-skeleton',\n                label: 'MediaSkeleton',\n                component: lazy(() => import('./components/MediaSkeletonDoc')),\n            },\n            {\n                path: 'nav-toggle',\n                label: 'NavToggle',\n                component: lazy(() => import('./components/NavToggleDoc')),\n            },\n            {\n                path: 'numeric-input',\n                label: 'NumericInput',\n                component: lazy(() => import('./components/NumericInputDoc')),\n            },\n            {\n                path: 'otp-input',\n                label: 'OtpInput',\n                component: lazy(() => import('./components/OtpInputDoc')),\n            },\n            {\n                path: 'password-input',\n                label: 'PasswordInput',\n                component: lazy(() => import('./components/PasswordInputDoc')),\n            },\n            {\n                path: 'pattern-input',\n                label: 'PatternInput',\n                component: lazy(() => import('./components/PatternInputDoc')),\n            },\n            {\n                path: 'region-map',\n                label: 'RegionMap',\n                component: lazy(() => import('./components/RegionMapDoc')),\n            },\n            {\n                path: 'rich-text-editor',\n                label: 'RichTextEditor',\n                component: lazy(() => import('./components/RichTextEditorDoc')),\n            },\n            {\n                path: 'preset-segment-item-option',\n                label: 'SegmentItemOption',\n                component: lazy(\n                    () => import('./components/PresetSegmentItemOptionDoc'),\n                ),\n            },\n            {\n                path: 'sticky-footer',\n                label: 'StickyFooter',\n                component: lazy(() => import('./components/StickyFooterDoc')),\n            },\n            {\n                path: 'syntax-highlighter',\n                label: 'SyntaxHighlighter',\n                component: lazy(\n                    () => import('./components/SyntaxHighlighterDoc'),\n                ),\n            },\n            {\n                path: 'users-avatar-group',\n                label: 'UsersAvatarGroup',\n                component: lazy(\n                    () => import('./components/UsersAvatarGroupDoc'),\n                ),\n            },\n        ],\n    },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":";AAGA,MAAMA,IAA4C;AAAA,EAC9C;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MAEvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAC9D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MACzD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAClE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MACzD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MAExD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MAEvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAClE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAC9D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,0CAAiC;AAAA,QAAA;AAAA,MAEtD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAC3D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAC3D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAClE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,kDAAyC;AAAA,QAAA;AAAA,MAE9D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MAExD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,IACJ;AAAA,EACJ;AAER;"}
+{"version":3,"file":"shareComponentsDocRoutes.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Components',\n        nav: [\n            {\n                path: 'abbreviate-number',\n                label: 'AbbreviateNumber',\n                component: lazy(\n                    () => import('./components/AbbreviateNumberDoc'),\n                ),\n            },\n            {\n                path: 'action-link',\n                label: 'ActionLink',\n                component: lazy(() => import('./components/ActionLinkDoc')),\n            },\n            {\n                path: 'adaptive-card',\n                label: 'AdaptiveCard',\n                component: lazy(() => import('./components/AdaptiveCardDoc')),\n            },\n            {\n                path: 'affix',\n                label: 'Affix',\n                component: lazy(() => import('./components/AffixDoc')),\n            },\n            {\n                path: 'authority-check',\n                label: 'AuthorityCheck',\n                component: lazy(() => import('./components/AuthorityCheckDoc')),\n            },\n            {\n                path: 'calendar-view',\n                label: 'CalendarView',\n                component: lazy(() => import('./components/CalendarViewDoc')),\n            },\n            {\n                path: 'chart',\n                label: 'Chart',\n                component: lazy(() => import('./components/ChartDoc')),\n            },\n            {\n                path: 'confirm-dialog',\n                label: 'ConfirmDialog',\n                component: lazy(() => import('./components/ConfirmDialogDoc')),\n            },\n            {\n                path: 'container',\n                label: 'Container',\n                component: lazy(() => import('./components/ContainerDoc')),\n            },\n            {\n                path: 'custom-format-input',\n                label: 'CustomFormatInput',\n                component: lazy(\n                    () => import('./components/CustomFormatInputDoc'),\n                ),\n            },\n            {\n                path: 'data-table',\n                label: 'DataTable',\n                component: lazy(() => import('./components/DataTableDoc')),\n            },\n            {\n                path: 'debounce-input',\n                label: 'DebounceInput',\n                component: lazy(() => import('./components/DebounceInputDoc')),\n            },\n            {\n                path: 'double-sided-image',\n                label: 'DoubleSidedImage',\n                component: lazy(\n                    () => import('./components/DoubleSidedImageDoc'),\n                ),\n            },\n            {\n                path: 'ellipsis-button',\n                label: 'EllipsisButton',\n                component: lazy(() => import('./components/EllipsisButtonDoc')),\n            },\n            {\n                path: 'gantt-chart',\n                label: 'GanttChart',\n                component: lazy(() => import('./components/GanttChartDoc')),\n            },\n            {\n                path: 'grow-shrink-value',\n                label: 'GrowShrinkValue',\n                component: lazy(\n                    () => import('./components/GrowShrinkValueDoc'),\n                ),\n            },\n            {\n                path: 'icon-text',\n                label: 'IconText',\n                component: lazy(() => import('./components/IconTextDoc')),\n            },\n            {\n                path: 'image-gallery',\n                label: 'ImageGallery',\n                component: lazy(() => import('./components/ImageGalleryDoc')),\n            },\n            {\n                path: 'loading',\n                label: 'Loading',\n                component: lazy(() => import('./components/LoadingDoc')),\n            },\n            {\n                path: 'masonry',\n                label: 'Masonry',\n                component: lazy(() => import('./components/MasonryDoc')),\n            },\n            {\n                path: 'media-skeleton',\n                label: 'MediaSkeleton',\n                component: lazy(() => import('./components/MediaSkeletonDoc')),\n            },\n            {\n                path: 'nav-toggle',\n                label: 'NavToggle',\n                component: lazy(() => import('./components/NavToggleDoc')),\n            },\n            {\n                path: 'numeric-input',\n                label: 'NumericInput',\n                component: lazy(() => import('./components/NumericInputDoc')),\n            },\n            {\n                path: 'otp-input',\n                label: 'OtpInput',\n                component: lazy(() => import('./components/OtpInputDoc')),\n            },\n            {\n                path: 'password-input',\n                label: 'PasswordInput',\n                component: lazy(() => import('./components/PasswordInputDoc')),\n            },\n            {\n                path: 'pattern-input',\n                label: 'PatternInput',\n                component: lazy(() => import('./components/PatternInputDoc')),\n            },\n            {\n                path: 'region-map',\n                label: 'RegionMap',\n                component: lazy(() => import('./components/RegionMapDoc')),\n            },\n            {\n                path: 'rich-text-editor',\n                label: 'RichTextEditor',\n                component: lazy(() => import('./components/RichTextEditorDoc')),\n            },\n            {\n                path: 'preset-segment-item-option',\n                label: 'SegmentItemOption',\n                component: lazy(\n                    () => import('./components/PresetSegmentItemOptionDoc'),\n                ),\n            },\n            {\n                path: 'sticky-footer',\n                label: 'StickyFooter',\n                component: lazy(() => import('./components/StickyFooterDoc')),\n            },\n            {\n                path: 'syntax-highlighter',\n                label: 'SyntaxHighlighter',\n                component: lazy(\n                    () => import('./components/SyntaxHighlighterDoc'),\n                ),\n            },\n            {\n                path: 'users-avatar-group',\n                label: 'UsersAvatarGroup',\n                component: lazy(\n                    () => import('./components/UsersAvatarGroupDoc'),\n                ),\n            },\n        ],\n    },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":";AAGA,MAAMA,IAA4C;AAAA,EAC9C;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAAA;AAAA,MAE9D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MAAA;AAAA,MAEzD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,MAElE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MAAA;AAAA,MAEzD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,MAElE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAAA;AAAA,MAE9D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,0CAAiC;AAAA,QAAA;AAAA,MAClD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,MAElE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,kDAAyC;AAAA,QAAA;AAAA,MAC1D;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,IACJ;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/UtilsDoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"UtilsDoc.js","sources":["../../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport UtilsDocView from './UtilsDocView'\n\nconst UtilsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={utilsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <UtilsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default UtilsDoc\n"],"names":["UtilsDoc","jsxs","jsx","DocumentationNav","utilsDocRoutes","UtilsDocView"],"mappings":";;;;AAIA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAiB,EAAA,QAAQC,GAAgB,EAC9C,CAAA;AAAA,oBACC,OAAI,EAAA,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAa,EAClB,CAAA;AAAA,GACJ;"}
+{"version":3,"file":"UtilsDoc.js","sources":["../../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport UtilsDocView from './UtilsDocView'\n\nconst UtilsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={utilsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <UtilsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default UtilsDoc\n"],"names":["UtilsDoc","jsxs","jsx","DocumentationNav","utilsDocRoutes","UtilsDocView"],"mappings":";;;;AAIA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAA,EAAiB,QAAQC,GAAgB,EAAA,CAC9C;AAAA,oBACC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAa,EAAA,CAClB;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/UtilsDocView.js.map

@@ -1 +1 @@
-{"version":3,"file":"UtilsDocView.js","sources":["../../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst UtilsDocView = () => {\n    return (\n        <Routes>\n            {utilsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default UtilsDocView\n"],"names":["UtilsDocView","Routes","utilsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAe,wBAEZC,GACI,EAAA,UAAA;AAAA,EAAAC,EAAe,IAAI,CAACC,MACjB,gBAAAC,EAACC,KACI,UAAMF,EAAA,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,UAGJ,4BAACJ,GAAU,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,GAC1D;"}
+{"version":3,"file":"UtilsDocView.js","sources":["../../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst UtilsDocView = () => {\n    return (\n        <Routes>\n            {utilsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default UtilsDocView\n"],"names":["UtilsDocView","Routes","utilsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAe,wBAEZC,GAAA,EACI,UAAA;AAAA,EAAAC,EAAe,IAAI,CAACC,MACjB,gBAAAC,EAACC,KACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGJ,4BAACJ,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,GAC1D;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import acronym from '@/utils/acronym'\n\nconst name = acronym('Vickie Kim')\n\n// output: 'VK'\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import acronym from '@/utils/acronym'\n\nconst name = acronym('Vickie Kim')\n\n// output: 'VK'\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AcronymDoc'\n\nconst demoHeader = {\n    title: 'acronym',\n    desc: 'Fuction to get acronym from a name string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `<code>''</code>`,\n                desc: 'Name string',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'acronym',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Acronym',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst AcronymDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default AcronymDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","AcronymDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,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,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AACZ;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AcronymDoc'\n\nconst demoHeader = {\n    title: 'acronym',\n    desc: 'Fuction to get acronym from a name string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `<code>''</code>`,\n                desc: 'Name string',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'acronym',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Acronym',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst AcronymDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default AcronymDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","AcronymDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,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,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import classNames from '@/utils/classNames';\n\nconst Example = ({ primary, disabled }) => {\n    return (\n        <button\n            className={classNames(\n                'p-2 text-base',\n                primary && 'bg-blue-500 text-white',\n                disabled && 'bg-gray-500 cursor-not-allowed'\n            )}\n            disabled={disabled}\n        >\n            Click me\n        </button>\n    );\n}`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAevC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import classNames from '@/utils/classNames';\n\nconst Example = ({ primary, disabled }) => {\n    return (\n        <button\n            className={classNames(\n                'p-2 text-base',\n                primary && 'bg-blue-500 text-white',\n                disabled && 'bg-gray-500 cursor-not-allowed'\n            )}\n            disabled={disabled}\n        >\n            Click me\n        </button>\n    );\n}`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAevC;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ClassNamesDoc'\n\nconst demoHeader = {\n    title: 'classNames',\n    desc: 'utility function combines multiple class names using the <code>classnames</code> library and merges Tailwind CSS class conflicts using the <code>tailwind-merge</code> utility',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>cn.ArgumentArray</code>`,\n                default: `-`,\n                desc: 'A variable-length list of class names or conditions that resolve to class names.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'classNames',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'ClassNames',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ClassNamesDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default ClassNamesDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ClassNamesDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,iBAETC,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,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,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAgB,MAEd,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AACZ;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ClassNamesDoc'\n\nconst demoHeader = {\n    title: 'classNames',\n    desc: 'utility function combines multiple class names using the <code>classnames</code> library and merges Tailwind CSS class conflicts using the <code>tailwind-merge</code> utility',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>cn.ArgumentArray</code>`,\n                default: `-`,\n                desc: 'A variable-length list of class names or conditions that resolve to class names.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'classNames',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'ClassNames',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ClassNamesDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default ClassNamesDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ClassNamesDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,iBAETC,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,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,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAgB,MAEd,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import cookiesStorage from '@/utils/cookiesStorage';\n\n// Set a cookie\ncookiesStorage.setItem('userToken', 'abc123', 7); // expires in 7 days\n\n// Get a cookie\nconst userToken = cookiesStorage.getItem('userToken')\n\n// Remove a cookie\ncookiesStorage.removeItem('userToken')`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCASF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import cookiesStorage from '@/utils/cookiesStorage';\n\n// Set a cookie\ncookiesStorage.setItem('userToken', 'abc123', 7); // expires in 7 days\n\n// Get a cookie\nconst userToken = cookiesStorage.getItem('userToken')\n\n// Remove a cookie\ncookiesStorage.removeItem('userToken')`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCASF;"}