npm - @orbe-agro/client-core - Versions diffs - 5.5.3 → 5.5.9 - Mend

@orbe-agro/client-core 5.5.3 → 5.5.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2058) hide show

package/dist/@ecme/views/ui-components/navigation/Dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Default from './Default'\nimport CustomToggle from './CustomToggle'\nimport Trigger from './Trigger'\nimport Submenu from './Submenu'\nimport Placement from './Placement'\nimport DefaultActive from './DefaultActive'\nimport Disabled from './Disabled'\nimport DropdownItemVariant from './DropdownItemVariant'\nimport WithRouterLink from './WithRouterLink'\n\nconst mdPath = 'Dropdown'\n\nconst demoHeader = {\n title: 'Dropdown',\n desc: 'Dropdown allow users select a single item from a list of options.',\n}\n\nconst demos = [\n {\n mdName: 'Default',\n mdPath: mdPath,\n title: 'Default',\n desc: `Default usage of Dropdown`,\n component: <Default />,\n },\n {\n mdName: 'CustomToggle',\n mdPath: mdPath,\n title: 'Custom Toggle',\n desc: `We can set custom toggler for Dropdown via <code>renderTitle</code> prop.`,\n component: <CustomToggle />,\n },\n {\n mdName: 'Trigger',\n mdPath: mdPath,\n title: 'Trigger',\n desc: `Dropdown allow us to set<code>trigger</code> mode to <code>click</code>, <code>hover</code> or <code>context</code>.`,\n component: <Trigger />,\n },\n {\n mdName: 'Submenu',\n mdPath: mdPath,\n title: 'Submenu',\n desc: `Dropdown can also have multiple levels.`,\n component: <Submenu />,\n },\n {\n mdName: 'Placement',\n mdPath: mdPath,\n title: 'Placement',\n desc: `Dropdown menu placement can be assign around the trigger element in different positions via <code>placement</code> prop.`,\n component: <Placement />,\n },\n {\n mdName: 'DefaultActive',\n mdPath: mdPath,\n title: 'Default Active',\n desc: `Set Dropdown.Item eventKey value to <code>activeKey</code> prop to highlight the Dropdown.Item active status.`,\n component: <DefaultActive />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `<code>disabled</code> prop can be use in both Dropdown or Dropdown.Item to disable user action.`,\n component: <Disabled />,\n },\n {\n mdName: 'DropdownItemVariant',\n mdPath: mdPath,\n title: 'Dropdown Item Type',\n desc: `Dropdown.Item has several variant type can br apply, Pass the variant prop and use either <code>'default'</code>, <code>'header'</code>, <code>'divider'</code>, <code>'default'</code> `,\n component: <DropdownItemVariant />,\n },\n {\n mdName: 'WithRouterLink',\n mdPath: mdPath,\n title: 'With RouterLink',\n desc: `Usage with RouterLink.`,\n component: <WithRouterLink />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Dropdown',\n api: [\n {\n propName: 'title',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Dropdown title',\n },\n {\n propName: 'renderTitle',\n type: `<code>ReactNode</code>`,\n default: `-`,\n desc: 'Custom Dropdown title',\n },\n {\n propName: 'trigger',\n type: `<code>'click'</code> \| <code>'hover'</code> \| <code>'context'</code> `,\n default: `<code>'click'</code>`,\n desc: 'Trigger mode of Dropdown',\n },\n {\n propName: 'placement',\n type: `<code>'top-start'</code> \| <code>'top-center'</code> \| <code>'top-end'</code> \| <code>'bottom-start'</code> \| <code>'bottom-center'</code> \| <code>'bottom-end'</code> \| <code>'middle-start-top'</code>\| <code>'middle-start-bottom'</code> \| <code>'middle-end-top'</code>\| <code>'middle-end-bottom'</code>`,\n default: `<code>'bottom-start'</code>`,\n desc: 'Placement where the Dropdown menu expand',\n },\n {\n propName: 'menuClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Additional class for dropdown menu (<code>!</code> modifier recommended for tailwind css overiding)',\n },\n {\n propName: 'menuStyle',\n type: `<code>object</code>`,\n default: `-`,\n desc: 'Additional styles for dropdown menu',\n },\n {\n propName: 'toggleClassName',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Additional class dropdown toggle (<code>!</code> modifier recommended for tailwind css overiding)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to disable Dropdown expand',\n },\n {\n propName: 'activeKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Mark corresponded <code>Dropdown.Item</code>to active by matching it <code>eventkey</code> prop',\n },\n {\n propName: 'onClick',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is clicked',\n },\n {\n propName: 'onMouseEnter',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is on mouse enter',\n },\n {\n propName: 'onMouseLeave',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is on mouse leave',\n },\n {\n propName: 'onContextMenu',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is right clicked',\n },\n {\n propName: 'onSelect',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown item is clicked',\n },\n {\n propName: 'onOpen',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is open',\n },\n {\n propName: 'onClose',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is close',\n },\n {\n propName: 'onToggle',\n type: `<code>(open: boolean) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is open or close',\n },\n ],\n },\n {\n component: 'Dropdown.Item',\n api: [\n {\n propName: 'active',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether active current Dropdown Item',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether disabled current Dropdown Item',\n },\n {\n propName: 'variant',\n type: `<code>'default'</code> \| <code>'header'</code> \| <code>'divider'</code> \| <code>'custom'</code>`,\n default: `-`,\n desc: 'Define the type of Dropdown Item ',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'The value of Dropdown Item',\n },\n {\n propName: 'onClick',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown Item is clicked',\n },\n {\n propName: 'onSelect',\n type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown Item is clicked',\n },\n ],\n },\n {\n component: 'Dropdown.Menu',\n api: [\n {\n propName: 'title',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Title for submenu',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'The value of Dropdown submenu',\n },\n {\n propName: 'placement',\n type: `<code>'top-start'</code> \| <code>'top-center'</code> \| <code>'top-end'</code> \| <code>'bottom-start'</code> \| <code>'bottom-center'</code> \| <code>'bottom-end'</code> \| <code>'middle-start-top'</code>\| <code>'middle-start-bottom'</code> \| <code>'middle-end-top'</code>\| <code>'middle-end-bottom'</code>`,\n default: `-`,\n desc: 'Placement where the Dropdown menu expand',\n },\n ],\n },\n]\n\nconst Dropdown = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Dropdown\n"],"names":["DropdownItemVariant"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Default from './Default'\nimport CustomToggle from './CustomToggle'\nimport Trigger from './Trigger'\nimport Submenu from './Submenu'\nimport Placement from './Placement'\nimport DefaultActive from './DefaultActive'\nimport Disabled from './Disabled'\nimport DropdownItemVariant from './DropdownItemVariant'\nimport WithRouterLink from './WithRouterLink'\n\nconst mdPath = 'Dropdown'\n\nconst demoHeader = {\n title: 'Dropdown',\n desc: 'Dropdown allow users select a single item from a list of options.',\n}\n\nconst demos = [\n {\n mdName: 'Default',\n mdPath: mdPath,\n title: 'Default',\n desc: `Default usage of Dropdown`,\n component: <Default />,\n },\n {\n mdName: 'CustomToggle',\n mdPath: mdPath,\n title: 'Custom Toggle',\n desc: `We can set custom toggler for Dropdown via <code>renderTitle</code> prop.`,\n component: <CustomToggle />,\n },\n {\n mdName: 'Trigger',\n mdPath: mdPath,\n title: 'Trigger',\n desc: `Dropdown allow us to set<code>trigger</code> mode to <code>click</code>, <code>hover</code> or <code>context</code>.`,\n component: <Trigger />,\n },\n {\n mdName: 'Submenu',\n mdPath: mdPath,\n title: 'Submenu',\n desc: `Dropdown can also have multiple levels.`,\n component: <Submenu />,\n },\n {\n mdName: 'Placement',\n mdPath: mdPath,\n title: 'Placement',\n desc: `Dropdown menu placement can be assign around the trigger element in different positions via <code>placement</code> prop.`,\n component: <Placement />,\n },\n {\n mdName: 'DefaultActive',\n mdPath: mdPath,\n title: 'Default Active',\n desc: `Set Dropdown.Item eventKey value to <code>activeKey</code> prop to highlight the Dropdown.Item active status.`,\n component: <DefaultActive />,\n },\n {\n mdName: 'Disabled',\n mdPath: mdPath,\n title: 'Disabled',\n desc: `<code>disabled</code> prop can be use in both Dropdown or Dropdown.Item to disable user action.`,\n component: <Disabled />,\n },\n {\n mdName: 'DropdownItemVariant',\n mdPath: mdPath,\n title: 'Dropdown Item Type',\n desc: `Dropdown.Item has several variant type can br apply, Pass the variant prop and use either <code>'default'</code>, <code>'header'</code>, <code>'divider'</code>, <code>'default'</code> `,\n component: <DropdownItemVariant />,\n },\n {\n mdName: 'WithRouterLink',\n mdPath: mdPath,\n title: 'With RouterLink',\n desc: `Usage with RouterLink.`,\n component: <WithRouterLink />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Dropdown',\n api: [\n {\n propName: 'title',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Dropdown title',\n },\n {\n propName: 'renderTitle',\n type: `<code>ReactNode</code>`,\n default: `-`,\n desc: 'Custom Dropdown title',\n },\n {\n propName: 'trigger',\n type: `<code>'click'</code> \| <code>'hover'</code> \| <code>'context'</code> `,\n default: `<code>'click'</code>`,\n desc: 'Trigger mode of Dropdown',\n },\n {\n propName: 'placement',\n type: `<code>'top-start'</code> \| <code>'top-center'</code> \| <code>'top-end'</code> \| <code>'bottom-start'</code> \| <code>'bottom-center'</code> \| <code>'bottom-end'</code> \| <code>'middle-start-top'</code>\| <code>'middle-start-bottom'</code> \| <code>'middle-end-top'</code>\| <code>'middle-end-bottom'</code>`,\n default: `<code>'bottom-start'</code>`,\n desc: 'Placement where the Dropdown menu expand',\n },\n {\n propName: 'menuClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Additional class for dropdown menu (<code>!</code> modifier recommended for tailwind css overiding)',\n },\n {\n propName: 'menuStyle',\n type: `<code>object</code>`,\n default: `-`,\n desc: 'Additional styles for dropdown menu',\n },\n {\n propName: 'toggleClassName',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Additional class dropdown toggle (<code>!</code> modifier recommended for tailwind css overiding)',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to disable Dropdown expand',\n },\n {\n propName: 'activeKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Mark corresponded <code>Dropdown.Item</code>to active by matching it <code>eventkey</code> prop',\n },\n {\n propName: 'onClick',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is clicked',\n },\n {\n propName: 'onMouseEnter',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is on mouse enter',\n },\n {\n propName: 'onMouseLeave',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is on mouse leave',\n },\n {\n propName: 'onContextMenu',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown toggle is right clicked',\n },\n {\n propName: 'onSelect',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown item is clicked',\n },\n {\n propName: 'onOpen',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is open',\n },\n {\n propName: 'onClose',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is close',\n },\n {\n propName: 'onToggle',\n type: `<code>(open: boolean) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown is open or close',\n },\n ],\n },\n {\n component: 'Dropdown.Item',\n api: [\n {\n propName: 'active',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether active current Dropdown Item',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether disabled current Dropdown Item',\n },\n {\n propName: 'variant',\n type: `<code>'default'</code> \| <code>'header'</code> \| <code>'divider'</code> \| <code>'custom'</code>`,\n default: `-`,\n desc: 'Define the type of Dropdown Item ',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'The value of Dropdown Item',\n },\n {\n propName: 'onClick',\n type: `<code>() => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown Item is clicked',\n },\n {\n propName: 'onSelect',\n type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Dropdown Item is clicked',\n },\n ],\n },\n {\n component: 'Dropdown.Menu',\n api: [\n {\n propName: 'title',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Title for submenu',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'The value of Dropdown submenu',\n },\n {\n propName: 'placement',\n type: `<code>'top-start'</code> \| <code>'top-center'</code> \| <code>'top-end'</code> \| <code>'bottom-start'</code> \| <code>'bottom-center'</code> \| <code>'bottom-end'</code> \| <code>'middle-start-top'</code>\| <code>'middle-start-bottom'</code> \| <code>'middle-end-top'</code>\| <code>'middle-end-bottom'</code>`,\n default: `-`,\n desc: 'Placement where the Dropdown menu expand',\n },\n ],\n },\n]\n\nconst Dropdown = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Dropdown\n"],"names":["DropdownItemVariant"],"mappings":"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"}

package/dist/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsableMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport type { MouseEvent } from 'react'\n\nconst CollapsableMenuItem = () => {\n const handleToggle = (expanded: boolean, e: MouseEvent) => {\n console.log('expanded', expanded)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-3\"\n label=\"Item 3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse\n eventKey=\"item-4\"\n label=\"Item 4\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-4-3\"\n label=\"Item 4.3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-3-1\">\n Item 4.3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2-1\">\n Item 4.3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default CollapsableMenuItem\n"],"names":[],"mappings":";;AAGA,MAAM,sBAAsB,MAAM;~~AACxB~~,~~QAAA~~,eAAe,CAAC,UAAmB,MAAkB;~~AAC/C~~,~~YAAA~~,IAAI,YAAY,QAAQ;~~AACxB~~,~~YAAA~~,IAAI,SAAS,CAAC;AAAA,EAC1B;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,+BAAC,~~MACG~~,~~EAAA~~,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,QACvC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,kCAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~QAC/C~~;AAAA,~~QACA~~;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,kCAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,cAC3C;AAAA,gBAAC,KAAK;AAAA,gBAAL;AAAA,kBACG,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,UAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,cAAa,~~UAErC~~,~~cAAA~~;AAAA,wCACC,KAAK,UAAL,EAAc,UAAS,cAAa,~~UAErC~~,aAAA,~~CAAA~~;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"CollapsableMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport type { MouseEvent } from 'react'\n\nconst CollapsableMenuItem = () => {\n const handleToggle = (expanded: boolean, e: MouseEvent) => {\n console.log('expanded', expanded)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-3\"\n label=\"Item 3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse\n eventKey=\"item-4\"\n label=\"Item 4\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-4-3\"\n label=\"Item 4.3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-3-1\">\n Item 4.3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2-1\">\n Item 4.3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default CollapsableMenuItem\n"],"names":[],"mappings":";;AAGA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,eAAe,CAAC,UAAmB,MAAkB;AACvD,YAAQ,IAAI,YAAY,QAAQ;AAChC,YAAQ,IAAI,SAAS,CAAC;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,+BAAC,MAAA,EACG,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,QACvC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,kCAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/C;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,kCAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,cAC3C;AAAA,gBAAC,KAAK;AAAA,gBAAL;AAAA,kBACG,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,UAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,cAAa,UAAA,cAErC;AAAA,wCACC,KAAK,UAAL,EAAc,UAAS,cAAa,UAAA,aAAA,CAErC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/DefaultActive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultActive.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultActive = () => {\n const [defaultActiveKey] = useState(['item-2', 'item-3-2'])\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu defaultActiveKeys={defaultActiveKey}>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default DefaultActive\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,UAAU,UAAU,CAAC;~~AAGtD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,UAAA,qBAAC,~~MAAK~~,~~EAAA~~,mBAAmB,kBACrB,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,6BACtC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,QAAA,~~EAC~~/C~~,CAAA~~;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"DefaultActive.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultActive = () => {\n const [defaultActiveKey] = useState(['item-2', 'item-3-2'])\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu defaultActiveKeys={defaultActiveKey}>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default DefaultActive\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,UAAU,UAAU,CAAC;AAE1D,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,UAAA,qBAAC,MAAA,EAAK,mBAAmB,kBACrB,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,6BACtC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAC/C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/DefaultExpand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultExpand = () => {\n const [defaultExpandKey] = useState(['item-3'])\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu defaultExpandedKeys={defaultExpandKey}>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse eventKey=\"item-4\" label=\"Item 4\">\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default DefaultExpand\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,QAAQ,CAAC;~~AAG1C~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,UAAA,qBAAC,~~MAAK~~,~~EAAA~~,qBAAqB,kBACvB,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAM~~,UAAA~~;AAAA,6BACtC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,QAAA,GAC/C;AAAA,6BACC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,WAAA,~~CAAA~~;AAAA,QAAA,~~EAC~~/C~~,CAAA~~;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"DefaultExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultExpand = () => {\n const [defaultExpandKey] = useState(['item-3'])\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu defaultExpandedKeys={defaultExpandKey}>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse eventKey=\"item-4\" label=\"Item 4\">\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default DefaultExpand\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,QAAQ,CAAC;AAE9C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,UAAA,qBAAC,MAAA,EAAK,qBAAqB,kBACvB,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,4BACtC,KAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,6BACtC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,GAC/C;AAAA,6BACC,KAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,8BAC1C,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAC/C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisabledMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst DisabledMenuItem = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem disabled eventKey=\"message\">\n Message\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default DisabledMenuItem\n"],"names":[],"mappings":";;AAEA,MAAM,mBAAmB,MAAM;~~AAEvB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,+BAAC,~~MACG~~,~~EAAA~~,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,QAC3C,oBAAC,KAAK,UAAL,EAAc,UAAQ,MAAC,UAAS,WAAU,~~UAE3C~~,~~WAAA~~;AAAA,4BACC,KAAK,UAAL,EAAc,UAAS,WAAU,~~UAAO~~,UAAA,~~CAAA~~;AAAA,MAAA,~~EAC7C~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"DisabledMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst DisabledMenuItem = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem disabled eventKey=\"message\">\n Message\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default DisabledMenuItem\n"],"names":[],"mappings":";;AAEA,MAAM,mBAAmB,MAAM;AAC3B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,+BAAC,MAAA,EACG,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,QAC3C,oBAAC,KAAK,UAAL,EAAc,UAAQ,MAAC,UAAS,WAAU,UAAA,WAE3C;AAAA,4BACC,KAAK,UAAL,EAAc,UAAS,WAAU,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CAC7C;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/MenuGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuGroup.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst MenuGroup = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuGroup key=\"group-1\" label=\"Group 1\">\n <Menu.MenuItem eventKey=\"group-1-item-1\">\n Item 1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-1-item-2\">\n Item 2\n </Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"group-1-item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"group-1-item-3-1\">\n Item 3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-1-item-3-2\">\n Item 3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuGroup>\n <Menu.MenuGroup key=\"group-2\" label=\"Group 2\">\n <Menu.MenuItem eventKey=\"group-2-item-1\">\n Item 1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-2-item-2\">\n Item 2\n </Menu.MenuItem>\n </Menu.MenuGroup>\n </Menu>\n </div>\n )\n}\n\nexport default MenuGroup\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;~~AAEhB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,+BAAC,~~MACG~~,~~EAAA~~,UAAA;AAAA,QAAA,qBAAC,KAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC~~,UAAA~~;AAAA,8BACC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC~~,UAAA~~;AAAA,+BACC,KAAK,cAAL,EAAkB,UAAS,kBAAiB,OAAM,UAC/C,UAAA;AAAA,YAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,oBAAmB,~~UAE3C~~,~~YAAA~~;AAAA,gCACC,KAAK,UAAL,EAAc,UAAS,oBAAmB,~~UAE3C~~,WAAA,~~CAAA~~;AAAA,UAAA,~~EACJ~~,~~CAAA~~;AAAA,QAAA,EAAA,GAdgB,SAepB;AAAA,~~QACC~~,~~qBAAA~~,KAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC~~,UAAA~~;AAAA,8BACC,KAAK,UAAL,EAAc,UAAS,kBAAiB,~~UAEzC~~,SAAA,~~CAAA~~;AAAA,QAAA,EAAA,GANgB,SAOpB;AAAA,MAAA,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"MenuGroup.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst MenuGroup = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuGroup key=\"group-1\" label=\"Group 1\">\n <Menu.MenuItem eventKey=\"group-1-item-1\">\n Item 1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-1-item-2\">\n Item 2\n </Menu.MenuItem>\n <Menu.MenuCollapse eventKey=\"group-1-item-3\" label=\"Item 3\">\n <Menu.MenuItem eventKey=\"group-1-item-3-1\">\n Item 3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-1-item-3-2\">\n Item 3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuGroup>\n <Menu.MenuGroup key=\"group-2\" label=\"Group 2\">\n <Menu.MenuItem eventKey=\"group-2-item-1\">\n Item 1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"group-2-item-2\">\n Item 2\n </Menu.MenuItem>\n </Menu.MenuGroup>\n </Menu>\n </div>\n )\n}\n\nexport default MenuGroup\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,+BAAC,MAAA,EACG,UAAA;AAAA,QAAA,qBAAC,KAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,8BACC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,+BACC,KAAK,cAAL,EAAkB,UAAS,kBAAiB,OAAM,UAC/C,UAAA;AAAA,YAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,oBAAmB,UAAA,YAE3C;AAAA,gCACC,KAAK,UAAL,EAAc,UAAS,oBAAmB,UAAA,WAAA,CAE3C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,GAdgB,SAepB;AAAA,QACA,qBAAC,KAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,UAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,8BACC,KAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,SAAA,CAEzC;AAAA,QAAA,EAAA,GANgB,SAOpB;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport {\n HiOutlineCog,\n HiOutlineChat,\n HiOutlineGlobeAlt,\n HiOutlineSupport,\n HiWifi,\n} from 'react-icons/hi'\nimport type { ReactNode } from 'react'\n\nconst MenuContent = ({ icon, label }: { icon: ReactNode; label: string }) => {\n return (\n <div className=\"flex items-center gap-2\">\n <span className={'text-2xl'}>{icon}</span>\n <span>{label}</span>\n </div>\n )\n}\n\nconst MenuWithIcon = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"settings\">\n <MenuContent icon={<HiOutlineCog />} label=\"Settings\" />\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"messages\">\n <MenuContent icon={<HiOutlineChat />} label=\"Messages\" />\n </Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"others\"\n label={\n <MenuContent\n icon={<HiOutlineGlobeAlt />}\n label=\"Network\"\n />\n }\n >\n <Menu.MenuItem eventKey=\"wifi\">\n <MenuContent icon={<HiWifi />} label=\"Wifi\" />\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"support\">\n <MenuContent\n icon={<HiOutlineSupport />}\n label=\"Support\"\n />\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default MenuWithIcon\n"],"names":[],"mappings":";;;AAUA,MAAM,cAAc,CAAC,EAAE,MAAM,YAAgD;~~AAErE~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,QAAA,EAAK,WAAW,YAAa,~~UAAK~~,~~MAAA~~;AAAA,IACnC,oBAAC,UAAM,~~UAAM~~,MAAA,~~CAAA~~;AAAA,EAAA,GACjB;AAER;AAEA,MAAM,eAAe,MAAM;~~AAEnB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,+BAAC,~~MACG~~,~~EAAA~~,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YACpB,UAAA,oBAAC,~~aAAY~~,~~EAAA~~,~~MAAO~~,~~oBAAA~~,cAAA,CAAA,CAAa,GAAI,OAAM,~~WAAW~~,~~CAAA,~~GAC1D;AAAA,~~QACC~~,~~oBAAA~~,KAAK,UAAL,EAAc,UAAS,YACpB,UAAA,oBAAC,~~aAAY~~,~~EAAA~~,~~MAAO~~,~~oBAAA~~,eAAA,CAAA,CAAc,GAAI,OAAM,~~WAAW~~,~~CAAA,~~GAC3D;AAAA,QACA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,0BAAO,~~mBAAkB~~,~~EAAA~~;AAAA,gBACzB,OAAM;AAAA,cAAA;AAAA,~~YACV~~;AAAA,~~YAGJ~~,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,QACpB,UAAA,oBAAC,~~aAAY~~,~~EAAA~~,~~MAAO~~,~~oBAAA~~,QAAA,CAAA,CAAO,GAAI,OAAM,~~OAAO~~,~~CAAA,~~GAChD;AAAA,~~cACC~~,~~oBAAA~~,KAAK,UAAL,EAAc,UAAS,WACpB,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,0BAAO,~~kBAAiB~~,~~EAAA~~;AAAA,kBACxB,OAAM;AAAA,gBAAA;AAAA,cAAA,~~EAEd~~,~~CAAA~~;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"MenuWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport {\n HiOutlineCog,\n HiOutlineChat,\n HiOutlineGlobeAlt,\n HiOutlineSupport,\n HiWifi,\n} from 'react-icons/hi'\nimport type { ReactNode } from 'react'\n\nconst MenuContent = ({ icon, label }: { icon: ReactNode; label: string }) => {\n return (\n <div className=\"flex items-center gap-2\">\n <span className={'text-2xl'}>{icon}</span>\n <span>{label}</span>\n </div>\n )\n}\n\nconst MenuWithIcon = () => {\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"settings\">\n <MenuContent icon={<HiOutlineCog />} label=\"Settings\" />\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"messages\">\n <MenuContent icon={<HiOutlineChat />} label=\"Messages\" />\n </Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"others\"\n label={\n <MenuContent\n icon={<HiOutlineGlobeAlt />}\n label=\"Network\"\n />\n }\n >\n <Menu.MenuItem eventKey=\"wifi\">\n <MenuContent icon={<HiWifi />} label=\"Wifi\" />\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"support\">\n <MenuContent\n icon={<HiOutlineSupport />}\n label=\"Support\"\n />\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default MenuWithIcon\n"],"names":[],"mappings":";;;AAUA,MAAM,cAAc,CAAC,EAAE,MAAM,YAAgD;AACzE,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,YAAa,UAAA,MAAK;AAAA,IACnC,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,EAAA,GACjB;AAER;AAEA,MAAM,eAAe,MAAM;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,+BAAC,MAAA,EACG,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YACpB,UAAA,oBAAC,aAAA,EAAY,MAAM,oBAAC,cAAA,CAAA,CAAa,GAAI,OAAM,YAAW,GAC1D;AAAA,QACA,oBAAC,KAAK,UAAL,EAAc,UAAS,YACpB,UAAA,oBAAC,aAAA,EAAY,MAAM,oBAAC,eAAA,CAAA,CAAc,GAAI,OAAM,YAAW,GAC3D;AAAA,QACA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,0BAAO,mBAAA,EAAkB;AAAA,gBACzB,OAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAId,UAAA;AAAA,cAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,QACpB,UAAA,oBAAC,aAAA,EAAY,MAAM,oBAAC,QAAA,CAAA,CAAO,GAAI,OAAM,QAAO,GAChD;AAAA,cACA,oBAAC,KAAK,UAAL,EAAc,UAAS,WACpB,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,0BAAO,kBAAA,EAAiB;AAAA,kBACxB,OAAM;AAAA,gBAAA;AAAA,cAAA,EACV,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/Simple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/Simple.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst Simple = () => {\n const handleSelect = (key: string, e: MouseEvent) => {\n console.log('key', key)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu onSelect={handleSelect}>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"message\">Message</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default Simple\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;~~AACX~~,~~QAAA~~,eAAe,CAAC,KAAa,MAAkB;~~AACzC~~,~~YAAA~~,IAAI,OAAO,GAAG;~~AACd~~,~~YAAA~~,IAAI,SAAS,CAAC;AAAA,EAC1B;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,~~IAAI~~;AAAA,~~MAEvB~~,UAAA,qBAAC,~~MAAK~~,~~EAAA~~,UAAU,cACZ,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,~~UAAQ~~,~~YAAA~~;AAAA,4BAC1C,KAAK,UAAL,EAAc,UAAS,WAAU,~~UAAO~~,~~WAAA~~;AAAA,4BACxC,KAAK,UAAL,EAAc,UAAS,WAAU,~~UAAO~~,UAAA,~~CAAA~~;AAAA,MAAA,~~EAC7C~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/Simple.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst Simple = () => {\n const handleSelect = (key: string, e: MouseEvent) => {\n console.log('key', key)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu onSelect={handleSelect}>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"message\">Message</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default Simple\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;AACjB,QAAM,eAAe,CAAC,KAAa,MAAkB;AACjD,YAAQ,IAAI,OAAO,GAAG;AACtB,YAAQ,IAAI,SAAS,CAAC;AAAA,EAC1B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,UAAA,qBAAC,MAAA,EAAK,UAAU,cACZ,UAAA;AAAA,QAAA,oBAAC,KAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,4BAC1C,KAAK,UAAL,EAAc,UAAS,WAAU,UAAA,WAAO;AAAA,4BACxC,KAAK,UAAL,EAAc,UAAS,WAAU,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CAC7C;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport CollapsableMenuItem from './CollapsableMenuItem'\nimport MenuGroup from './MenuGroup'\nimport MenuWithIcon from './MenuWithIcon'\nimport DisabledMenuItem from './DisabledMenuItem'\nimport DefaultActive from './DefaultActive'\nimport DefaultExpand from './DefaultExpand'\n\nconst mdPath = 'Menu'\n\nconst demoHeader = {\n title: 'Menu',\n desc: 'Menus allow users to select a single item from a group of available options.',\n}\n\nconst demos = [\n {\n mdName: 'Simple',\n mdPath: mdPath,\n title: 'Simple',\n desc: `A simple example of menu.`,\n component: <Simple />,\n },\n {\n mdName: 'CollapsableMenuItem',\n mdPath: mdPath,\n title: 'Collapsable menu item',\n desc: `Menus can contain nested levels as collapsable menu items.`,\n component: <CollapsableMenuItem />,\n },\n {\n mdName: 'MenuGroup',\n mdPath: mdPath,\n title: 'Menu group',\n desc: `Menus can also categorization menu items into different groups.`,\n component: <MenuGroup />,\n },\n {\n mdName: 'MenuWithIcon',\n mdPath: mdPath,\n title: 'With icon',\n desc: `Example with icons in menu items.`,\n component: <MenuWithIcon />,\n },\n {\n mdName: 'DisabledMenuItem',\n mdPath: mdPath,\n title: 'Disabled menu item',\n desc: `Menu items can be disabled to prevent a user from interacting with them.`,\n component: <DisabledMenuItem />,\n },\n {\n mdName: 'DefaultActive',\n mdPath: mdPath,\n title: 'Default active',\n desc: `We can set the menu items within to active by entering corresponded <code>eventKey</code> to <code>defaultActiveKeys</code>`,\n component: <DefaultActive />,\n },\n {\n mdName: 'DefaultExpand',\n mdPath: mdPath,\n title: 'Default expand',\n desc: `We can expand the collapsable menu items within by entering corresponded <code>eventKey</code> to <code>defaultExpandedKeys</code>`,\n component: <DefaultExpand />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Menu',\n api: [\n {\n propName: 'defaultActiveKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial set menu item as active based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'defaultCollapseActiveKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial collapsable menu item active based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'defaultExpandedKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial expand collapsable menu item based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'menuItemHeight',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>40</code>`,\n desc: 'Height of all menu item',\n },\n {\n propName: 'onSelect',\n type: `<code>(e: MouseEvent, eventKey: string) => void</code>`,\n default: `-`,\n desc: 'Callback when menu item clicked',\n },\n {\n propName: 'sideCollapsed',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to side collapse the menu',\n },\n {\n propName: 'variant',\n type: `<code>'light'</code> \| <code>'dark'</code> \| <code>'themed'</code> \| <code>'transparent'</code>`,\n default: `<code>'light'</code>`,\n desc: 'The variants of the menu.',\n },\n ],\n },\n {\n component: 'Menu.MenuCollapse',\n api: [\n {\n propName: 'active',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to highlight the collapsable menu item',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'An unique value for the collapsable menu item',\n },\n {\n propName: 'expanded',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to expand current collpased menu item',\n },\n {\n propName: 'indent',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to indent child menu item',\n },\n {\n propName: 'label',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Content of the collpased menu item',\n },\n {\n propName: 'onToggle',\n type: `<code>(expanded: boolean, e: MouseEvent) => void</code>`,\n default: `-`,\n desc: 'Callback when collpased menu item toggled',\n },\n ],\n },\n {\n component: 'Menu.MenuGroup',\n api: [\n {\n propName: 'label',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Content of the collpased menu group title',\n },\n ],\n },\n {\n component: 'Menu.MenuItem',\n api: [\n {\n propName: 'asElement',\n type: `<code>string</code>`,\n default: `<code>'div'</code>`,\n desc: 'Render element',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to disable menu item',\n },\n {\n propName: 'dotIndent',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether show dot as prefix in menu item',\n },\n {\n propName: 'eventKey',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'An unique value for the menu item',\n },\n {\n propName: 'isActive',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to active menu item',\n },\n {\n propName: 'menuItemHeight',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>40</code>`,\n desc: 'Height of menu item',\n },\n {\n propName: 'onSelect',\n type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n default: `<code>40</code>`,\n desc: 'Callback menu item clicked',\n },\n ],\n },\n]\n\nconst Menu = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Menu\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport CollapsableMenuItem from './CollapsableMenuItem'\nimport MenuGroup from './MenuGroup'\nimport MenuWithIcon from './MenuWithIcon'\nimport DisabledMenuItem from './DisabledMenuItem'\nimport DefaultActive from './DefaultActive'\nimport DefaultExpand from './DefaultExpand'\n\nconst mdPath = 'Menu'\n\nconst demoHeader = {\n title: 'Menu',\n desc: 'Menus allow users to select a single item from a group of available options.',\n}\n\nconst demos = [\n {\n mdName: 'Simple',\n mdPath: mdPath,\n title: 'Simple',\n desc: `A simple example of menu.`,\n component: <Simple />,\n },\n {\n mdName: 'CollapsableMenuItem',\n mdPath: mdPath,\n title: 'Collapsable menu item',\n desc: `Menus can contain nested levels as collapsable menu items.`,\n component: <CollapsableMenuItem />,\n },\n {\n mdName: 'MenuGroup',\n mdPath: mdPath,\n title: 'Menu group',\n desc: `Menus can also categorization menu items into different groups.`,\n component: <MenuGroup />,\n },\n {\n mdName: 'MenuWithIcon',\n mdPath: mdPath,\n title: 'With icon',\n desc: `Example with icons in menu items.`,\n component: <MenuWithIcon />,\n },\n {\n mdName: 'DisabledMenuItem',\n mdPath: mdPath,\n title: 'Disabled menu item',\n desc: `Menu items can be disabled to prevent a user from interacting with them.`,\n component: <DisabledMenuItem />,\n },\n {\n mdName: 'DefaultActive',\n mdPath: mdPath,\n title: 'Default active',\n desc: `We can set the menu items within to active by entering corresponded <code>eventKey</code> to <code>defaultActiveKeys</code>`,\n component: <DefaultActive />,\n },\n {\n mdName: 'DefaultExpand',\n mdPath: mdPath,\n title: 'Default expand',\n desc: `We can expand the collapsable menu items within by entering corresponded <code>eventKey</code> to <code>defaultExpandedKeys</code>`,\n component: <DefaultExpand />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Menu',\n api: [\n {\n propName: 'defaultActiveKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial set menu item as active based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'defaultCollapseActiveKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial collapsable menu item active based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'defaultExpandedKeys',\n type: `<code>string[]</code>`,\n default: `<code>[]</code>`,\n desc: 'Initial expand collapsable menu item based on inserted keys which corresponding to <code>eventkey</code>',\n },\n {\n propName: 'menuItemHeight',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>40</code>`,\n desc: 'Height of all menu item',\n },\n {\n propName: 'onSelect',\n type: `<code>(e: MouseEvent, eventKey: string) => void</code>`,\n default: `-`,\n desc: 'Callback when menu item clicked',\n },\n {\n propName: 'sideCollapsed',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to side collapse the menu',\n },\n {\n propName: 'variant',\n type: `<code>'light'</code> \| <code>'dark'</code> \| <code>'themed'</code> \| <code>'transparent'</code>`,\n default: `<code>'light'</code>`,\n desc: 'The variants of the menu.',\n },\n ],\n },\n {\n component: 'Menu.MenuCollapse',\n api: [\n {\n propName: 'active',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to highlight the collapsable menu item',\n },\n {\n propName: 'eventKey',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'An unique value for the collapsable menu item',\n },\n {\n propName: 'expanded',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to expand current collpased menu item',\n },\n {\n propName: 'indent',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to indent child menu item',\n },\n {\n propName: 'label',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Content of the collpased menu item',\n },\n {\n propName: 'onToggle',\n type: `<code>(expanded: boolean, e: MouseEvent) => void</code>`,\n default: `-`,\n desc: 'Callback when collpased menu item toggled',\n },\n ],\n },\n {\n component: 'Menu.MenuGroup',\n api: [\n {\n propName: 'label',\n type: `<code>string</code> \| <code>ReactNode</code>`,\n default: `-`,\n desc: 'Content of the collpased menu group title',\n },\n ],\n },\n {\n component: 'Menu.MenuItem',\n api: [\n {\n propName: 'asElement',\n type: `<code>string</code>`,\n default: `<code>'div'</code>`,\n desc: 'Render element',\n },\n {\n propName: 'disabled',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to disable menu item',\n },\n {\n propName: 'dotIndent',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether show dot as prefix in menu item',\n },\n {\n propName: 'eventKey',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'An unique value for the menu item',\n },\n {\n propName: 'isActive',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'Whether to active menu item',\n },\n {\n propName: 'menuItemHeight',\n type: `<code>string</code> \| <code>number</code>`,\n default: `<code>40</code>`,\n desc: 'Height of menu item',\n },\n {\n propName: 'onSelect',\n type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n default: `<code>40</code>`,\n desc: 'Callback menu item clicked',\n },\n ],\n },\n]\n\nconst Menu = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Menu\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/ui-components/navigation/Pagination/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Basic.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Basic = () => {\n const onPaginationChange = (page: number) => {\n console.log('onPaginationChange', page)\n }\n\n return (\n <div>\n <Pagination onChange={onPaginationChange} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;~~AACV~~,~~QAAA~~,qBAAqB,CAAC,SAAiB;~~AACjC~~,~~YAAA~~,IAAI,sBAAsB,IAAI;AAAA,EAC1C;AAEA,6BACK,~~OACG~~,~~EAAA~~,UAAA,oBAAC,~~YAAW~~,~~EAAA~~,UAAU,~~mBAAoB~~,~~CAAA,~~GAC9C;AAER;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Basic.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Basic = () => {\n const onPaginationChange = (page: number) => {\n console.log('onPaginationChange', page)\n }\n\n return (\n <div>\n <Pagination onChange={onPaginationChange} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,QAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAQ,IAAI,sBAAsB,IAAI;AAAA,EAC1C;AAEA,6BACK,OAAA,EACG,UAAA,oBAAC,YAAA,EAAW,UAAU,oBAAoB,GAC9C;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/Controlled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\n\nconst Controlled = () => {\n const [page, setPage] = useState(60)\n\n const onPaginationChange = (val: number) => {\n setPage(val)\n }\n\n return (\n <div>\n <Pagination\n total={100}\n currentPage={page}\n onChange={onPaginationChange}\n />\n </div>\n )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;~~AAE7B~~,~~QAAA~~,qBAAqB,CAAC,QAAgB;AACxC,YAAQ,GAAG;AAAA,EACf;AAEA,6BACK,~~OACG~~,~~EAAA~~,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
1	+ {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\n\nconst Controlled = () => {\n const [page, setPage] = useState(60)\n\n const onPaginationChange = (val: number) => {\n setPage(val)\n }\n\n return (\n <div>\n <Pagination\n total={100}\n currentPage={page}\n onChange={onPaginationChange}\n />\n </div>\n )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AAEnC,QAAM,qBAAqB,CAAC,QAAgB;AACxC,YAAQ,GAAG;AAAA,EACf;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/More.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"More.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/More.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst More = () => {\n return (\n <div>\n <div className=\"mb-4\">\n <Pagination total={50} />\n </div>\n <div className=\"mb-4\">\n <Pagination total={100} />\n </div>\n </div>\n )\n}\n\nexport default More\n"],"names":[],"mappings":";;;AAEA,MAAM,OAAO,MAAM;AACf,8BACK,~~OACG~~,~~EAAA~~,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,~~YAAW~~,~~EAAA~~,OAAO,IAAI,~~EAC3B~~,~~CAAA~~;AAAA,IACA,oBAAC,SAAI,WAAU,QACX,8BAAC,~~YAAW~~,~~EAAA~~,OAAO,~~IAAK~~,~~CAAA~~,~~EAC5B,CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"More.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/More.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst More = () => {\n return (\n <div>\n <div className=\"mb-4\">\n <Pagination total={50} />\n </div>\n <div className=\"mb-4\">\n <Pagination total={100} />\n </div>\n </div>\n )\n}\n\nexport default More\n"],"names":[],"mappings":";;;AAEA,MAAM,OAAO,MAAM;AACf,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,YAAA,EAAW,OAAO,IAAI,EAAA,CAC3B;AAAA,IACA,oBAAC,SAAI,WAAU,QACX,8BAAC,YAAA,EAAW,OAAO,KAAK,EAAA,CAC5B;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/PageSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageSize.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/PageSize.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n value: number\n label: string\n}\n\nconst options: Option[] = [\n { value: 5, label: '5 / page' },\n { value: 10, label: '10 / page' },\n { value: 20, label: '20 / page' },\n { value: 50, label: '50 / page' },\n]\n\nconst PageSize = () => {\n const [pageSize, setPageSize] = useState(options[0].value)\n\n const onPageSelect = ({ value }: Option) => {\n setPageSize(value)\n }\n\n return (\n <div className=\"flex items-center\">\n <Pagination displayTotal pageSize={pageSize} total={100} />\n <div style={{ minWidth: 120 }}>\n <Select\n size=\"sm\"\n isSearchable={false}\n defaultValue={options[0]}\n options={options}\n onChange={(selected) => onPageSelect(selected as Option)}\n />\n </div>\n </div>\n )\n}\n\nexport default PageSize\n"],"names":[],"mappings":";;;;;;AASA,MAAM,UAAoB;AAAA,EACtB,EAAE,OAAO,GAAG,OAAO,~~WAAW~~;AAAA,~~EAC9B~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;~~AACpC~~;AAEA,MAAM,WAAW,MAAM;~~AACb~~,~~QAAA~~,CAAC,UAAU,WAAW,IAAI,SAAS,QAAQ,CAAC,EAAE,KAAK;AAEzD,QAAM,eAAe,CAAC,EAAE,YAAoB;AACxC,gBAAY,KAAK;AAAA,EACrB;~~AAGI~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,~~YAAW~~,~~EAAA~~,cAAY,MAAC,UAAoB,OAAO,KAAK;AAAA,wBACxD,~~OAAI~~,~~EAAA~~,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAc;AAAA,QACd,cAAc,QAAQ,CAAC;AAAA,QACvB;AAAA,QACA,UAAU,CAAC,aAAa,aAAa,QAAkB;AAAA,MAAA;AAAA,IAAA,~~EAE/D~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"PageSize.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/PageSize.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n value: number\n label: string\n}\n\nconst options: Option[] = [\n { value: 5, label: '5 / page' },\n { value: 10, label: '10 / page' },\n { value: 20, label: '20 / page' },\n { value: 50, label: '50 / page' },\n]\n\nconst PageSize = () => {\n const [pageSize, setPageSize] = useState(options[0].value)\n\n const onPageSelect = ({ value }: Option) => {\n setPageSize(value)\n }\n\n return (\n <div className=\"flex items-center\">\n <Pagination displayTotal pageSize={pageSize} total={100} />\n <div style={{ minWidth: 120 }}>\n <Select\n size=\"sm\"\n isSearchable={false}\n defaultValue={options[0]}\n options={options}\n onChange={(selected) => onPageSelect(selected as Option)}\n />\n </div>\n </div>\n )\n}\n\nexport default PageSize\n"],"names":[],"mappings":";;;;;;AASA,MAAM,UAAoB;AAAA,EACtB,EAAE,OAAO,GAAG,OAAO,WAAA;AAAA,EACnB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AACxB;AAEA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,QAAQ,CAAC,EAAE,KAAK;AAEzD,QAAM,eAAe,CAAC,EAAE,YAAoB;AACxC,gBAAY,KAAK;AAAA,EACrB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,cAAY,MAAC,UAAoB,OAAO,KAAK;AAAA,wBACxD,OAAA,EAAI,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAc;AAAA,QACd,cAAc,QAAQ,CAAC;AAAA,QACvB;AAAA,QACA,UAAU,CAAC,aAAa,aAAa,QAAkB;AAAA,MAAA;AAAA,IAAA,EAC3D,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/Total.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Total.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Total.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Total = () => {\n return (\n <div>\n <Pagination displayTotal total={50} />\n </div>\n )\n}\n\nexport default Total\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;~~AAEZ~~,~~SAAA~~,oBAAC,SACG,~~UAAC~~,~~oBAAA~~,YAAA,EAAW,cAAY,MAAC,OAAO,IAAI,~~EACxC~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Total.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Total.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Total = () => {\n return (\n <div>\n <Pagination displayTotal total={50} />\n </div>\n )\n}\n\nexport default Total\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,SACG,UAAA,oBAAC,YAAA,EAAW,cAAY,MAAC,OAAO,IAAI,EAAA,CACxC;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport More from './More'\nimport Total from './Total'\nimport PageSize from './PageSize'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Pagination'\n\nconst demoHeader = {\n title: 'Pagination',\n desc: 'Pagination divided content into several pages and allows users to navigate in between.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage of Pagination.`,\n component: <Basic />,\n },\n {\n mdName: 'More',\n mdPath: mdPath,\n title: 'More',\n desc: `Pagination will diaplay ellipsis for indicating previous or continuing results when the page amount is overflow.`,\n component: <More />,\n },\n {\n mdName: 'Total',\n mdPath: mdPath,\n title: 'Total',\n desc: `Display total number of data by setting <code>displayTotal</code> to true.`,\n component: <Total />,\n },\n {\n mdName: 'PageSize',\n mdPath: mdPath,\n title: 'Page sizes',\n desc: `Displaying the pagination count divided by <code>total</code> & <code>pageSize</code>, often used on displaying numbers of data in a page. `,\n component: <PageSize />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled',\n desc: `Example of controlled pagination.`,\n component: <Controlled />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Pagination',\n api: [\n {\n propName: 'currentPage',\n type: `<code>number</code>`,\n default: `<code>1</code>`,\n desc: 'Current page number',\n },\n {\n propName: 'displayTotal',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to display total of data items',\n },\n {\n propName: 'onChange',\n type: `<code>(pageNumber: number) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Pagination index was clicked',\n },\n {\n propName: 'pageSize',\n type: `<code>number</code>`,\n default: `<code>1</code>`,\n desc: 'Number of data items per page',\n },\n {\n propName: 'total',\n type: `<code>number</code>`,\n default: `<code>5</code>`,\n desc: 'Total number of data items',\n },\n ],\n },\n]\n\nconst Pagination = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Pagination\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~OAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~MAAK~~,CAAA,~~CAAA~~;AAAA,~~EACrB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~OAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~UAAS~~,CAAA,~~CAAA~~;AAAA,~~EACzB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~YAAW~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,aAAa,MAAM;AACrB,6BAAQ,~~YAAW~~,~~EAAA~~,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport More from './More'\nimport Total from './Total'\nimport PageSize from './PageSize'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Pagination'\n\nconst demoHeader = {\n title: 'Pagination',\n desc: 'Pagination divided content into several pages and allows users to navigate in between.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage of Pagination.`,\n component: <Basic />,\n },\n {\n mdName: 'More',\n mdPath: mdPath,\n title: 'More',\n desc: `Pagination will diaplay ellipsis for indicating previous or continuing results when the page amount is overflow.`,\n component: <More />,\n },\n {\n mdName: 'Total',\n mdPath: mdPath,\n title: 'Total',\n desc: `Display total number of data by setting <code>displayTotal</code> to true.`,\n component: <Total />,\n },\n {\n mdName: 'PageSize',\n mdPath: mdPath,\n title: 'Page sizes',\n desc: `Displaying the pagination count divided by <code>total</code> & <code>pageSize</code>, often used on displaying numbers of data in a page. `,\n component: <PageSize />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled',\n desc: `Example of controlled pagination.`,\n component: <Controlled />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Pagination',\n api: [\n {\n propName: 'currentPage',\n type: `<code>number</code>`,\n default: `<code>1</code>`,\n desc: 'Current page number',\n },\n {\n propName: 'displayTotal',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to display total of data items',\n },\n {\n propName: 'onChange',\n type: `<code>(pageNumber: number) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Pagination index was clicked',\n },\n {\n propName: 'pageSize',\n type: `<code>number</code>`,\n default: `<code>1</code>`,\n desc: 'Number of data items per page',\n },\n {\n propName: 'total',\n type: `<code>number</code>`,\n default: `<code>5</code>`,\n desc: 'Total number of data items',\n },\n ],\n },\n]\n\nconst Pagination = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Pagination\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,MAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,aAAa,MAAM;AACrB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Basic.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Basic = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item />\n <Steps.Item />\n <Steps.Item />\n <Steps.Item />\n </Steps>\n </div>\n )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,~~SACK~~,~~oBAAA~~,OAAA,EACG,~~UAAC~~,~~qBAAA~~,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,CAAW~~,CAAA~~;AAAA,EAAA,EAAA,CAChB,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Basic.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Basic = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item />\n <Steps.Item />\n <Steps.Item />\n <Steps.Item />\n </Steps>\n </div>\n )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,EAAW;AAAA,IACZ,oBAAC,MAAM,MAAN,CAAA,CAAW;AAAA,EAAA,EAAA,CAChB,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Clickable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Clickable.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Clickable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Steps from '@/components/ui/Steps'\n\nconst Clickable = () => {\n const [step, setStep] = useState(1)\n\n const onStepChange = (index: number) => {\n setStep(index)\n }\n\n return (\n <div>\n <Steps current={step} onChange={(index) => onStepChange(index)}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Clickable\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;~~AAE5B~~,~~QAAA~~,eAAe,CAAC,UAAkB;AACpC,YAAQ,KAAK;AAAA,EACjB;~~AAGI~~,~~SAAA~~,oBAAC,~~OACG~~,~~EAAA~~,UAAA,qBAAC,~~OAAM~~,~~EAAA~~,SAAS,MAAM,UAAU,CAAC,UAAU,aAAa,KAAK,GACzD,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,~~QAAQ~~,~~CAAA~~;AAAA,~~IACzB~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~eAAe~~,~~CAAA~~;AAAA,~~IAChC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~YAAY~~,~~CAAA~~;AAAA,~~IAC7B~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~WAAW~~,~~CAAA~~;AAAA,EAAA,EAAA,CACjC,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Clickable.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Clickable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Steps from '@/components/ui/Steps'\n\nconst Clickable = () => {\n const [step, setStep] = useState(1)\n\n const onStepChange = (index: number) => {\n setStep(index)\n }\n\n return (\n <div>\n <Steps current={step} onChange={(index) => onStepChange(index)}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Clickable\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAElC,QAAM,eAAe,CAAC,UAAkB;AACpC,YAAQ,KAAK;AAAA,EACjB;AAEA,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAM,SAAS,MAAM,UAAU,CAAC,UAAU,aAAa,KAAK,GACzD,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,QAAA,CAAQ;AAAA,IAC1B,oBAAC,MAAM,MAAN,EAAW,OAAM,eAAA,CAAe;AAAA,IACjC,oBAAC,MAAM,MAAN,EAAW,OAAM,YAAA,CAAY;AAAA,IAC9B,oBAAC,MAAM,MAAN,EAAW,OAAM,WAAA,CAAW;AAAA,EAAA,EAAA,CACjC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Controlled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Steps from '@/components/ui/Steps'\nimport Button from '@/components/ui/Button'\n\nconst Controlled = () => {\n const [step, setStep] = useState(0)\n\n const onChange = (nextStep: number) => {\n if (nextStep < 0) {\n setStep(0)\n } else if (nextStep > 3) {\n setStep(3)\n } else {\n setStep(nextStep)\n }\n }\n\n const onNext = () => onChange(step + 1)\n\n const onPrevious = () => onChange(step - 1)\n\n return (\n <div>\n <Steps current={step}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n <div className=\"mt-6 h-40 bg-gray-50 dark:bg-gray-700 rounded flex items-center justify-center\">\n <h6>Step {`${step + 1}`} content</h6>\n </div>\n <div className=\"mt-4 text-right\">\n <Button\n className=\"mx-2\"\n disabled={step === 0}\n onClick={onPrevious}\n >\n Previous\n </Button>\n <Button disabled={step === 3} variant=\"solid\" onClick={onNext}>\n {step === 3 ? 'Completed' : 'Next'}\n </Button>\n </div>\n </div>\n )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;;AAIA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;~~AAE5B~~,~~QAAA~~,WAAW,CAAC,aAAqB;AACnC,QAAI,WAAW,GAAG;AACd,cAAQ,CAAC;AAAA,~~IAAA~~,~~WACF~~,WAAW,GAAG;AACrB,cAAQ,CAAC;AAAA,~~IAAA~~,~~OACN~~;AACH,cAAQ,QAAQ;AAAA,~~IAAA~~;AAAA,~~EAExB~~;AAEA,QAAM,SAAS,MAAM,SAAS,OAAO,CAAC;AAEtC,QAAM,aAAa,MAAM,SAAS,OAAO,CAAC;AAE1C,8BACK,~~OACG~~,~~EAAA~~,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAM,SAAS,MACZ,UAAA;AAAA,MAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,~~QAAQ~~,~~CAAA~~;AAAA,~~MACzB~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~eAAe~~,~~CAAA~~;AAAA,~~MAChC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~YAAY~~,~~CAAA~~;AAAA,~~MAC7B~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~WAAW~~,~~CAAA~~;AAAA,IAAA,GACjC;AAAA,~~IACC~~,~~oBAAA~~,OAAA,EAAI,WAAU,kFACX,+BAAC,~~MAAG~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MAAM,GAAG,OAAO,CAAC;AAAA,MAAG;AAAA,IAAA,EAAA,CAAQ,~~EACpC~~,~~CAAA~~;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,mBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,UAAU,SAAS;AAAA,UACnB,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,~~MAED~~;AAAA,~~MACC~~,~~oBAAA~~,QAAA,EAAO,UAAU,SAAS,GAAG,SAAQ,SAAQ,SAAS,QAClD,UAAA,SAAS,IAAI,cAAc,~~OAChC~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Steps from '@/components/ui/Steps'\nimport Button from '@/components/ui/Button'\n\nconst Controlled = () => {\n const [step, setStep] = useState(0)\n\n const onChange = (nextStep: number) => {\n if (nextStep < 0) {\n setStep(0)\n } else if (nextStep > 3) {\n setStep(3)\n } else {\n setStep(nextStep)\n }\n }\n\n const onNext = () => onChange(step + 1)\n\n const onPrevious = () => onChange(step - 1)\n\n return (\n <div>\n <Steps current={step}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n <div className=\"mt-6 h-40 bg-gray-50 dark:bg-gray-700 rounded flex items-center justify-center\">\n <h6>Step {`${step + 1}`} content</h6>\n </div>\n <div className=\"mt-4 text-right\">\n <Button\n className=\"mx-2\"\n disabled={step === 0}\n onClick={onPrevious}\n >\n Previous\n </Button>\n <Button disabled={step === 3} variant=\"solid\" onClick={onNext}>\n {step === 3 ? 'Completed' : 'Next'}\n </Button>\n </div>\n </div>\n )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;;AAIA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAElC,QAAM,WAAW,CAAC,aAAqB;AACnC,QAAI,WAAW,GAAG;AACd,cAAQ,CAAC;AAAA,IACb,WAAW,WAAW,GAAG;AACrB,cAAQ,CAAC;AAAA,IACb,OAAO;AACH,cAAQ,QAAQ;AAAA,IACpB;AAAA,EACJ;AAEA,QAAM,SAAS,MAAM,SAAS,OAAO,CAAC;AAEtC,QAAM,aAAa,MAAM,SAAS,OAAO,CAAC;AAE1C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAM,SAAS,MACZ,UAAA;AAAA,MAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,QAAA,CAAQ;AAAA,MAC1B,oBAAC,MAAM,MAAN,EAAW,OAAM,eAAA,CAAe;AAAA,MACjC,oBAAC,MAAM,MAAN,EAAW,OAAM,YAAA,CAAY;AAAA,MAC9B,oBAAC,MAAM,MAAN,EAAW,OAAM,WAAA,CAAW;AAAA,IAAA,GACjC;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,kFACX,+BAAC,MAAA,EAAG,UAAA;AAAA,MAAA;AAAA,MAAM,GAAG,OAAO,CAAC;AAAA,MAAG;AAAA,IAAA,EAAA,CAAQ,EAAA,CACpC;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,UAAU,SAAS;AAAA,UACnB,SAAS;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,QAAA,EAAO,UAAU,SAAS,GAAG,SAAQ,SAAQ,SAAS,QAClD,UAAA,SAAS,IAAI,cAAc,OAAA,CAChC;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/CustomIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/CustomIcon.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\nimport Spinner from '@/components/ui/Spinner'\nimport {\n HiOutlineLogin,\n HiOutlineDocumentSearch,\n HiOutlineClipboardCheck,\n} from 'react-icons/hi'\n\nconst CustomIcon = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item title=\"Login\" customIcon={<HiOutlineLogin />} />\n <Steps.Item title=\"Order Placed\" customIcon={<Spinner />} />\n <Steps.Item\n title=\"In Review\"\n customIcon={<HiOutlineDocumentSearch />}\n />\n <Steps.Item\n title=\"Approved\"\n customIcon={<HiOutlineClipboardCheck />}\n />\n </Steps>\n </div>\n )\n}\n\nexport default CustomIcon\n"],"names":[],"mappings":";;;;;AAQA,MAAM,aAAa,MAAM;AACrB,~~SACK~~,~~oBAAA~~,OAAA,EACG,~~UAAC~~,~~qBAAA~~,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,~~IAAC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,SAAQ,YAAY,oBAAC,~~iBAAe~~,~~CAAA,~~GAAI;AAAA,IAC1D,oBAAC,MAAM,MAAN,EAAW,OAAM,gBAAe,~~YAAa~~,~~oBAAA~~,SAAA,CAAQ,~~CAAA,~~GAAI;AAAA,IAC1D;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,gCAAa,~~yBAAwB~~,CAAA,~~CAAA~~;AAAA,MAAA;AAAA,~~IACzC~~;AAAA,~~IACA~~;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,gCAAa,~~yBAAwB~~,CAAA,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/CustomIcon.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\nimport Spinner from '@/components/ui/Spinner'\nimport {\n HiOutlineLogin,\n HiOutlineDocumentSearch,\n HiOutlineClipboardCheck,\n} from 'react-icons/hi'\n\nconst CustomIcon = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item title=\"Login\" customIcon={<HiOutlineLogin />} />\n <Steps.Item title=\"Order Placed\" customIcon={<Spinner />} />\n <Steps.Item\n title=\"In Review\"\n customIcon={<HiOutlineDocumentSearch />}\n />\n <Steps.Item\n title=\"Approved\"\n customIcon={<HiOutlineClipboardCheck />}\n />\n </Steps>\n </div>\n )\n}\n\nexport default CustomIcon\n"],"names":[],"mappings":";;;;;AAQA,MAAM,aAAa,MAAM;AACrB,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,SAAQ,YAAY,oBAAC,kBAAe,GAAI;AAAA,IAC1D,oBAAC,MAAM,MAAN,EAAW,OAAM,gBAAe,YAAY,oBAAC,SAAA,CAAA,CAAQ,GAAI;AAAA,IAC1D;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,gCAAa,yBAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzC;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,gCAAa,yBAAA,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Description.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Description.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Description.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Description = () => {\n return (\n <div className=\"mb-6\">\n <Steps vertical current={2}>\n <Steps.Item title=\"Login\" description=\"Login to your account\" />\n <Steps.Item\n title=\"Place Order\"\n description=\"Start placing an order\"\n />\n <Steps.Item\n title=\"In Review\"\n description=\"We will review the order\"\n />\n <Steps.Item title=\"Approved\" description=\"Order approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Description\n"],"names":[],"mappings":";;AAEA,MAAM,cAAc,MAAM;~~AAElB~~,~~SAAA~~,oBAAC,SAAI,WAAU,QACX,+BAAC,~~OAAM~~,~~EAAA~~,UAAQ,MAAC,SAAS,GACrB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,SAAQ,aAAY,yBAAwB;AAAA,IAC9D;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,~~IAChB~~;AAAA,~~wBACC~~,MAAM,MAAN,EAAW,OAAM,YAAW,aAAY,~~iBAAiB~~,~~CAAA~~;AAAA,EAAA,EAAA,CAC9D,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Description.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Description.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Description = () => {\n return (\n <div className=\"mb-6\">\n <Steps vertical current={2}>\n <Steps.Item title=\"Login\" description=\"Login to your account\" />\n <Steps.Item\n title=\"Place Order\"\n description=\"Start placing an order\"\n />\n <Steps.Item\n title=\"In Review\"\n description=\"We will review the order\"\n />\n <Steps.Item title=\"Approved\" description=\"Order approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Description\n"],"names":[],"mappings":";;AAEA,MAAM,cAAc,MAAM;AACtB,SACI,oBAAC,SAAI,WAAU,QACX,+BAAC,OAAA,EAAM,UAAQ,MAAC,SAAS,GACrB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,SAAQ,aAAY,yBAAwB;AAAA,IAC9D;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEf,MAAM,MAAN,EAAW,OAAM,YAAW,aAAY,iBAAA,CAAiB;AAAA,EAAA,EAAA,CAC9D,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Error.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Error.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Error = () => {\n return (\n <div>\n <Steps current={1} status=\"error\">\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Error\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,6BACK,~~OACG~~,~~EAAA~~,UAAA,qBAAC,SAAM,SAAS,GAAG,QAAO,SACtB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,~~QAAQ~~,~~CAAA~~;AAAA,~~IACzB~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~eAAe~~,~~CAAA~~;AAAA,~~IAChC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~YAAY~~,~~CAAA~~;AAAA,~~IAC7B~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~WAAW~~,~~CAAA~~;AAAA,EAAA,EAAA,CACjC,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Error.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Error.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Error = () => {\n return (\n <div>\n <Steps current={1} status=\"error\">\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Error\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,6BACK,OAAA,EACG,UAAA,qBAAC,SAAM,SAAS,GAAG,QAAO,SACtB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,QAAA,CAAQ;AAAA,IAC1B,oBAAC,MAAM,MAAN,EAAW,OAAM,eAAA,CAAe;AAAA,IACjC,oBAAC,MAAM,MAAN,EAAW,OAAM,YAAA,CAAY;AAAA,IAC9B,oBAAC,MAAM,MAAN,EAAW,OAAM,WAAA,CAAW;AAAA,EAAA,EAAA,CACjC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Title.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Title = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Title\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,~~SACK~~,~~oBAAA~~,OAAA,EACG,~~UAAC~~,~~qBAAA~~,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,~~QAAQ~~,~~CAAA~~;AAAA,~~IACzB~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~eAAe~~,~~CAAA~~;AAAA,~~IAChC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~YAAY~~,~~CAAA~~;AAAA,~~IAC7B~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~WAAW~~,~~CAAA~~;AAAA,EAAA,EAAA,CACjC,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Title.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Title.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Title = () => {\n return (\n <div>\n <Steps current={1}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Title\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAM,SAAS,GACZ,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,QAAA,CAAQ;AAAA,IAC1B,oBAAC,MAAM,MAAN,EAAW,OAAM,eAAA,CAAe;AAAA,IACjC,oBAAC,MAAM,MAAN,EAAW,OAAM,YAAA,CAAY;AAAA,IAC9B,oBAAC,MAAM,MAAN,EAAW,OAAM,WAAA,CAAW;AAAA,EAAA,EAAA,CACjC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/Vertical.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Vertical.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Vertical = () => {\n return (\n <div>\n <Steps vertical current={1}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Vertical\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AACnB,6BACK,~~OACG~~,~~EAAA~~,UAAA,qBAAC,SAAM,UAAQ,MAAC,SAAS,GACrB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,~~QAAQ~~,~~CAAA~~;AAAA,~~IACzB~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~eAAe~~,~~CAAA~~;AAAA,~~IAChC~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~YAAY~~,~~CAAA~~;AAAA,~~IAC7B~~,~~oBAAA~~,MAAM,MAAN,EAAW,OAAM,~~WAAW~~,~~CAAA~~;AAAA,EAAA,EAAA,CACjC,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/Vertical.tsx"],"sourcesContent":["import Steps from '@/components/ui/Steps'\n\nconst Vertical = () => {\n return (\n <div>\n <Steps vertical current={1}>\n <Steps.Item title=\"Login\" />\n <Steps.Item title=\"Order Placed\" />\n <Steps.Item title=\"In Review\" />\n <Steps.Item title=\"Approved\" />\n </Steps>\n </div>\n )\n}\n\nexport default Vertical\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AACnB,6BACK,OAAA,EACG,UAAA,qBAAC,SAAM,UAAQ,MAAC,SAAS,GACrB,UAAA;AAAA,IAAA,oBAAC,MAAM,MAAN,EAAW,OAAM,QAAA,CAAQ;AAAA,IAC1B,oBAAC,MAAM,MAAN,EAAW,OAAM,eAAA,CAAe;AAAA,IACjC,oBAAC,MAAM,MAAN,EAAW,OAAM,YAAA,CAAY;AAAA,IAC9B,oBAAC,MAAM,MAAN,EAAW,OAAM,WAAA,CAAW;AAAA,EAAA,EAAA,CACjC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Steps/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Title from './Title'\nimport Vertical from './Vertical'\nimport Description from './Description'\nimport CustomIcon from './CustomIcon'\nimport Error from './Error'\nimport Controlled from './Controlled'\nimport Clickable from './Clickable'\n\nconst mdPath = 'Steps'\n\nconst demoHeader = {\n title: 'Steps',\n desc: 'Steps component display progress & tasks through a sequence order.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `The default usage of Steps component.`,\n component: <Basic />,\n },\n {\n mdName: 'Title',\n mdPath: mdPath,\n title: 'Title',\n desc: `Example Steps with title.`,\n component: <Title />,\n },\n {\n mdName: 'Vertical',\n mdPath: mdPath,\n title: 'Vertical',\n desc: `Steps display in horizontal by default, but it be vertical using <code>vertical</code> props.`,\n component: <Vertical />,\n },\n {\n mdName: 'Description',\n mdPath: mdPath,\n title: 'Description',\n desc: `Steps can have description, but it only available for vertical layout.`,\n component: <Description />,\n },\n {\n mdName: 'CustomIcon',\n mdPath: mdPath,\n title: 'Custom Icon',\n desc: `Steps label can be replaced by icons.`,\n component: <CustomIcon />,\n },\n {\n mdName: 'Error',\n mdPath: mdPath,\n title: 'Error',\n desc: `Set the 'error' to <code>status</code> prop to indicate that step is in error state.`,\n component: <Error />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled steps',\n desc: `We can make Steps dynamic by controlling the <code>current</code> prop.`,\n component: <Controlled />,\n },\n {\n mdName: 'Clickable',\n mdPath: mdPath,\n title: 'Clickable',\n desc: `Setting <code>onChange</code> to make Steps clickable.`,\n component: <Clickable />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Steps',\n api: [\n {\n propName: 'current',\n type: `<code>number</code>`,\n default: `<code>0</code>`,\n desc: 'The current step, counting from 0',\n },\n {\n propName: 'onChange',\n type: `<code>(index: number) => void</code>`,\n default: `-`,\n desc: 'Callback when Steps is changed',\n },\n {\n propName: 'status',\n type: `<code>'complete'</code> \| <code>'pending'</code> \| <code>'in-progress'</code> \| <code>'error'</code>`,\n default: `<code>'in-progress'</code>`,\n desc: 'Status of current step',\n },\n {\n propName: 'vertical',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to display Steps in vertical',\n },\n ],\n },\n {\n component: 'Steps.Item',\n api: [\n {\n propName: 'customIcon',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Custom element for Step label',\n },\n {\n propName: 'description',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Step description, only available when Step is vertical',\n },\n {\n propName: 'title',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Step title',\n },\n ],\n },\n]\n\nconst Steps = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Steps\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~OAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~OAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~UAAS~~,CAAA,~~CAAA~~;AAAA,~~EACzB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~aAAY~~,CAAA,~~CAAA~~;AAAA,~~EAC5B~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~YAAW~~,CAAA,~~CAAA~~;AAAA,~~EAC3B~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~OAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~YAAW~~,CAAA,~~CAAA~~;AAAA,~~EAC3B~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,~~WAAU~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE9B;AAEA,MAAM,UAAU;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,~~EAER~~;AAAA,~~EACA~~;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,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,~~YAAW~~,~~EAAA~~,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Steps/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Title from './Title'\nimport Vertical from './Vertical'\nimport Description from './Description'\nimport CustomIcon from './CustomIcon'\nimport Error from './Error'\nimport Controlled from './Controlled'\nimport Clickable from './Clickable'\n\nconst mdPath = 'Steps'\n\nconst demoHeader = {\n title: 'Steps',\n desc: 'Steps component display progress & tasks through a sequence order.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `The default usage of Steps component.`,\n component: <Basic />,\n },\n {\n mdName: 'Title',\n mdPath: mdPath,\n title: 'Title',\n desc: `Example Steps with title.`,\n component: <Title />,\n },\n {\n mdName: 'Vertical',\n mdPath: mdPath,\n title: 'Vertical',\n desc: `Steps display in horizontal by default, but it be vertical using <code>vertical</code> props.`,\n component: <Vertical />,\n },\n {\n mdName: 'Description',\n mdPath: mdPath,\n title: 'Description',\n desc: `Steps can have description, but it only available for vertical layout.`,\n component: <Description />,\n },\n {\n mdName: 'CustomIcon',\n mdPath: mdPath,\n title: 'Custom Icon',\n desc: `Steps label can be replaced by icons.`,\n component: <CustomIcon />,\n },\n {\n mdName: 'Error',\n mdPath: mdPath,\n title: 'Error',\n desc: `Set the 'error' to <code>status</code> prop to indicate that step is in error state.`,\n component: <Error />,\n },\n {\n mdName: 'Controlled',\n mdPath: mdPath,\n title: 'Controlled steps',\n desc: `We can make Steps dynamic by controlling the <code>current</code> prop.`,\n component: <Controlled />,\n },\n {\n mdName: 'Clickable',\n mdPath: mdPath,\n title: 'Clickable',\n desc: `Setting <code>onChange</code> to make Steps clickable.`,\n component: <Clickable />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Steps',\n api: [\n {\n propName: 'current',\n type: `<code>number</code>`,\n default: `<code>0</code>`,\n desc: 'The current step, counting from 0',\n },\n {\n propName: 'onChange',\n type: `<code>(index: number) => void</code>`,\n default: `-`,\n desc: 'Callback when Steps is changed',\n },\n {\n propName: 'status',\n type: `<code>'complete'</code> \| <code>'pending'</code> \| <code>'in-progress'</code> \| <code>'error'</code>`,\n default: `<code>'in-progress'</code>`,\n desc: 'Status of current step',\n },\n {\n propName: 'vertical',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Whether to display Steps in vertical',\n },\n ],\n },\n {\n component: 'Steps.Item',\n api: [\n {\n propName: 'customIcon',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Custom element for Step label',\n },\n {\n propName: 'description',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Step description, only available when Step is vertical',\n },\n {\n propName: 'title',\n type: `<code>ReactNode</code> \| <code>string</code>`,\n default: `-`,\n desc: 'Step title',\n },\n ],\n },\n]\n\nconst Steps = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Steps\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,aAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,WAAA,CAAA,CAAU;AAAA,EAAA;AAE9B;AAEA,MAAM,UAAU;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;AAAA,EAEJ;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,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

package/dist/@ecme/views/ui-components/navigation/Tabs/ControlledTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ControlledTabs.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/ControlledTabs.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ControlledTabs = () => {\n const [currentTab, setCurrentTab] = useState('tab1')\n\n return (\n <div>\n <Tabs value={currentTab} onChange={(val) => setCurrentTab(val)}>\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default ControlledTabs\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,iBAAiB,MAAM;AACzB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,MAAM;~~AAG/C~~,~~SAAA~~,oBAAC,~~OACG~~,~~EAAA~~,UAAA,qBAAC,~~MAAK~~,~~EAAA~~,OAAO,YAAY,UAAU,CAAC,QAAQ,cAAc,GAAG,GACzD,UAAA;AAAA,IAAA,qBAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAI~~,~~QAAA~~;AAAA,~~MACxB~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,~~WAAA~~;AAAA,~~MAC3B~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,qKAIH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,wKAKH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE~~,+HAIH~~,~~CAAA~~,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"ControlledTabs.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/ControlledTabs.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst ControlledTabs = () => {\n const [currentTab, setCurrentTab] = useState('tab1')\n\n return (\n <div>\n <Tabs value={currentTab} onChange={(val) => setCurrentTab(val)}>\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default ControlledTabs\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,iBAAiB,MAAM;AACzB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,MAAM;AAEnD,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,MAAA,EAAK,OAAO,YAAY,UAAU,CAAC,QAAQ,cAAc,GAAG,GACzD,UAAA;AAAA,IAAA,qBAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,MACzB,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,WAAO;AAAA,MAC5B,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,UAAA,CAAO;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,qKAIH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,wKAKH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,gIAIH,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Tabs/Default.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Default.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Default = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Default\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,UAAU,MAAM;AAClB,~~SACK~~,~~oBAAA~~,OAAA,EACG,~~UAAC~~,~~qBAAA~~,MAAA,EAAK,cAAa,QACf,UAAA;AAAA,IAAA,qBAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAI~~,~~QAAA~~;AAAA,~~MACxB~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,~~WAAA~~;AAAA,~~MAC3B~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,qKAIH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,wKAKH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE~~,+HAIH~~,~~CAAA~~,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Default.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Default = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Default\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,MAAA,EAAK,cAAa,QACf,UAAA;AAAA,IAAA,qBAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,MACzB,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,WAAO;AAAA,MAC5B,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,UAAA,CAAO;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,qKAIH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,wKAKH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,gIAIH,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Tabs/Disabled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Disabled.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList } = Tabs\n\nconst Disabled = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\" className=\"mb-4\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav disabled value=\"tab2\">\n Profile\n </TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n </Tabs>\n <Tabs defaultValue=\"tab1\" variant=\"pill\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav disabled value=\"tab2\">\n Profile\n </TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n </Tabs>\n </div>\n )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,QAAA,IAAY;AAE5B,MAAM,WAAW,MAAM;AACnB,8BACK,~~OACG~~,~~EAAA~~,UAAA;AAAA,IAAA,oBAAC,QAAK,cAAa,QAAO,WAAU,QAChC,+BAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAI~~,~~QAAA~~;AAAA,0BACxB,~~QAAO~~,~~EAAA~~,UAAQ,MAAC,OAAM,QAAO,~~UAE9B~~,~~WAAA~~;AAAA,~~MACC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IAAA,EAAA,CAChC,~~EACJ~~,~~CAAA~~;AAAA,wBACC,~~MAAK~~,~~EAAA~~,cAAa,QAAO,SAAQ,QAC9B,+BAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAI~~,~~QAAA~~;AAAA,0BACxB,~~QAAO~~,~~EAAA~~,UAAQ,MAAC,OAAM,QAAO,~~UAE9B~~,~~WAAA~~;AAAA,~~MACC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IAAA,EAAA,CAChC,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Disabled.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList } = Tabs\n\nconst Disabled = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\" className=\"mb-4\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav disabled value=\"tab2\">\n Profile\n </TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n </Tabs>\n <Tabs defaultValue=\"tab1\" variant=\"pill\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav disabled value=\"tab2\">\n Profile\n </TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n </Tabs>\n </div>\n )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,QAAA,IAAY;AAE5B,MAAM,WAAW,MAAM;AACnB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAK,cAAa,QAAO,WAAU,QAChC,+BAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,0BACxB,QAAA,EAAO,UAAQ,MAAC,OAAM,QAAO,UAAA,WAE9B;AAAA,MACA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CAChC,EAAA,CACJ;AAAA,wBACC,MAAA,EAAK,cAAa,QAAO,SAAQ,QAC9B,+BAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,0BACxB,QAAA,EAAO,UAAQ,MAAC,OAAM,QAAO,UAAA,WAE9B;AAAA,MACA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CAChC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Tabs/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Icons.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\nimport { HiOutlineHome, HiOutlineUser, HiOutlinePhone } from 'react-icons/hi'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Icons = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\">\n <TabList>\n <TabNav value=\"tab1\" icon={<HiOutlineHome />}>\n Home\n </TabNav>\n <TabNav value=\"tab2\" icon={<HiOutlineUser />}>\n Profile\n </TabNav>\n <TabNav value=\"tab3\" icon={<HiOutlinePhone />}>\n Contact\n </TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human historywith the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Icons\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,QAAQ,MAAM;AAChB,~~SACK~~,~~oBAAA~~,OAAA,EACG,~~UAAC~~,~~qBAAA~~,MAAA,EAAK,cAAa,QACf,UAAA;AAAA,IAAA,qBAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,MAAA,oBAAC,UAAO,OAAM,QAAO,~~MAAO~~,~~oBAAA~~,eAAA,CAAc,~~CAAA,~~GAAI,~~UAE9C~~,OAAA,~~CAAA~~;AAAA,MACA,oBAAC,UAAO,OAAM,QAAO,~~MAAO~~,~~oBAAA~~,eAAA,CAAc,~~CAAA,~~GAAI,~~UAE9C~~,UAAA,~~CAAA~~;AAAA,MACA,oBAAC,UAAO,OAAM,QAAO,~~MAAO~~,~~oBAAA~~,gBAAA,CAAA,CAAe,GAAI,~~UAE/C~~,UAAA,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,qKAIH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,uKAKH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE~~,+HAIH~~,~~CAAA~~,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Icons.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Icons.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\nimport { HiOutlineHome, HiOutlineUser, HiOutlinePhone } from 'react-icons/hi'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Icons = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\">\n <TabList>\n <TabNav value=\"tab1\" icon={<HiOutlineHome />}>\n Home\n </TabNav>\n <TabNav value=\"tab2\" icon={<HiOutlineUser />}>\n Profile\n </TabNav>\n <TabNav value=\"tab3\" icon={<HiOutlinePhone />}>\n Contact\n </TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human historywith the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Icons\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,MAAA,EAAK,cAAa,QACf,UAAA;AAAA,IAAA,qBAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,UAAO,OAAM,QAAO,MAAM,oBAAC,eAAA,CAAA,CAAc,GAAI,UAAA,OAAA,CAE9C;AAAA,MACA,oBAAC,UAAO,OAAM,QAAO,MAAM,oBAAC,eAAA,CAAA,CAAc,GAAI,UAAA,UAAA,CAE9C;AAAA,MACA,oBAAC,UAAO,OAAM,QAAO,MAAM,oBAAC,gBAAA,CAAA,CAAe,GAAI,UAAA,UAAA,CAE/C;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,qKAIH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,uKAKH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,gIAIH,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Tabs/Pill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pill.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Pill.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Pill = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\" variant=\"pill\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Pill\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,OAAO,MAAM;AACf,6BACK,~~OACG~~,~~EAAA~~,UAAA,qBAAC,QAAK,cAAa,QAAO,SAAQ,QAC9B,UAAA;AAAA,IAAA,qBAAC,~~SACG~~,~~EAAA~~,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAI~~,~~QAAA~~;AAAA,~~MACxB~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,~~WAAA~~;AAAA,~~MAC3B~~,~~oBAAA~~,QAAA,EAAO,OAAM,QAAO,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,qKAIH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE,wKAKH,~~EACJ~~,~~CAAA~~;AAAA,0BACC,~~YAAW~~,~~EAAA~~,OAAM,QACd,~~UAAC~~,~~oBAAA~~,KAAA,EAAE~~,+HAIH~~,~~CAAA~~,~~EACJ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"Pill.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Tabs/Pill.tsx"],"sourcesContent":["import Tabs from '@/components/ui/Tabs'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst Pill = () => {\n return (\n <div>\n <Tabs defaultValue=\"tab1\" variant=\"pill\">\n <TabList>\n <TabNav value=\"tab1\">Home</TabNav>\n <TabNav value=\"tab2\">Profile</TabNav>\n <TabNav value=\"tab3\">Contact</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"tab1\">\n <p>\n If builders built buildings the way programmers\n wrote programs, then the first woodpecker that came\n along would destroy civilization. (Gerald Weinberg)\n </p>\n </TabContent>\n <TabContent value=\"tab2\">\n <p>\n A computer lets you make more mistakes faster than\n any invention in human history with the possible\n exceptions of handguns and tequila. (Mitch\n Radcliffe).\n </p>\n </TabContent>\n <TabContent value=\"tab3\">\n <p>\n In C++ its harder to shoot yourself in the foot, but\n when you do, you blow off your whole leg. (Bjarne\n Stroustrup)\n </p>\n </TabContent>\n </div>\n </Tabs>\n </div>\n )\n}\n\nexport default Pill\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,QAAQ,SAAS,WAAA,IAAe;AAExC,MAAM,OAAO,MAAM;AACf,6BACK,OAAA,EACG,UAAA,qBAAC,QAAK,cAAa,QAAO,SAAQ,QAC9B,UAAA;AAAA,IAAA,qBAAC,SAAA,EACG,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,MACzB,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,WAAO;AAAA,MAC5B,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,UAAA,CAAO;AAAA,IAAA,GAChC;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,qKAIH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,wKAKH,EAAA,CACJ;AAAA,0BACC,YAAA,EAAW,OAAM,QACd,UAAA,oBAAC,KAAA,EAAE,gIAIH,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}