@orbe-agro/client-core 3.4.13 → 5.1.0

package/dist/@ecme/views/ui-components/forms/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport RangePicker from './RangePicker'\nimport DateTimePicker from './DateTimePicker'\nimport Controlled from './Controlled'\nimport Format from './Format'\nimport CustomRender from './CustomRender'\nimport DisableOutOfPeriodDate from './DisableOutOfPeriodDate'\nimport DisabledCertainDate from './DisabledCertainDate'\nimport DateViewCount from './DateViewCount'\nimport Inputtable from './Inputtable'\nimport DisabledInput from './DisabledInput'\nimport InputSize from './InputSize'\nimport InputAffix from './InputAffix'\nimport ClearButton from './ClearButton'\nimport Localization from './Localization'\n\nconst mdPath = 'DatePicker'\n\nconst demoHeader = {\n    title: 'DatePicker',\n    desc: 'Date picker allow users select a date by from a popup calendar.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Typical usage DatePicker component.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'RangePicker',\n        mdPath: mdPath,\n        title: 'Range picker',\n        desc: `Typical usage RangePicker component.`,\n        component: <RangePicker />,\n    },\n    {\n        mdName: 'DateTimePicker',\n        mdPath: mdPath,\n        title: 'Date time picker',\n        desc: `Combination of <code> &lt;DatePicker /&gt;</code> & <code> &lt;TimeInput /&gt;</code>`,\n        component: <DateTimePicker />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled usage with <code> &lt;DatePicker /&gt;</code> & <code> &lt;DatePickerRange /&gt;</code>`,\n        component: <Controlled />,\n    },\n    {\n        mdName: 'Format',\n        mdPath: mdPath,\n        title: 'Format',\n        desc: `Picker allow us to set custom both date format for input & picker via <code>inputFormat</code> & <code>labelFormat</code> props.`,\n        component: <Format />,\n    },\n    {\n        mdName: 'CustomRender',\n        mdPath: mdPath,\n        title: 'Custom Render',\n        desc: `You can render custom day elements or apply styles & className to days with these <code>dayStyle</code>, <code>dayClassName</code> & <code>renderDay</code> props.`,\n        component: <CustomRender />,\n    },\n    {\n        mdName: 'DisableOutOfPeriodDate',\n        mdPath: mdPath,\n        title: 'Disable out of period date',\n        desc: `Setting <code>minDate</code> & <code>maxDate</code> props to limit available date within a period.`,\n        component: <DisableOutOfPeriodDate />,\n    },\n    {\n        mdName: 'DisabledCertainDate',\n        mdPath: mdPath,\n        title: 'Disabled certain date',\n        desc: `Disabled part of dates by using <code>disabledDate</code> prop callback.`,\n        component: <DisabledCertainDate />,\n    },\n    {\n        mdName: 'DateViewCount',\n        mdPath: mdPath,\n        title: 'Multiple date view',\n        desc: `We can have mutiple date view by setting <code>dateViewCount</code> more than <code>1</code>.`,\n        component: <DateViewCount />,\n    },\n    {\n        mdName: 'DisabledInput',\n        mdPath: mdPath,\n        title: 'Disabled Input',\n        desc: `Use <code>disabled</code> prop to disable user expand DatePicker.`,\n        component: <DisabledInput />,\n    },\n    {\n        mdName: 'Inputtable',\n        mdPath: mdPath,\n        title: 'Inputtable',\n        desc: `Release input lock to let user enter the date manually.`,\n        component: <Inputtable />,\n    },\n    {\n        mdName: 'InputSize',\n        mdPath: mdPath,\n        title: 'Input Size',\n        desc: `DatePicker allow us to control the input size via <code>size</code> prop.`,\n        component: <InputSize />,\n    },\n    {\n        mdName: 'InputAffix',\n        mdPath: mdPath,\n        title: 'Input Affix',\n        desc: `<code>inputSuffix</code> or <code>inputPrefix</code> allow us to customize input affix content.`,\n        component: <InputAffix />,\n    },\n    {\n        mdName: 'ClearButton',\n        mdPath: mdPath,\n        title: 'Clear Button',\n        desc: `You can customize the clear button via <code>clearable</code> or <code>clearButton</code> props.`,\n        component: <ClearButton />,\n    },\n    {\n        mdName: 'Localization',\n        mdPath: mdPath,\n        title: 'Localization',\n        desc: `DatePicker receive locale value from <code> &lt;ConfigProvider /&gt;</code>, but there is also an option to input locale manually.`,\n        component: <Localization />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DatePicker',\n        api: [\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'clearButton',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Custom clear button',\n            },\n            {\n                propName: 'closePickerOnChange',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether close picker upon date selected',\n            },\n            {\n                propName: 'dateViewCount',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: 'Amount of date view display in picker',\n            },\n            {\n                propName: 'dayClassName',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => string</code>`,\n                default: `-`,\n                desc: 'Apply className to days based on argument',\n            },\n            {\n                propName: 'dayStyle',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => CSSProperties</code>`,\n                default: `-`,\n                desc: 'Apply style to days based on argument',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of DatePicker (use value instead if it is controlled)',\n            },\n            {\n                propName: 'defaultMonth',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default month for uncontrolled DatePicker',\n            },\n            {\n                propName: 'defaultOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to default open DatePicker',\n            },\n            {\n                propName: 'defaultView',\n                type: `<code>'date'</code> | <code>'month'</code> | <code>'year'</code> `,\n                default: `<code>'date'</code>`,\n                desc: 'Default DatePicker view',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Determine whether DatePicker Input is disabled',\n            },\n            {\n                propName: 'disabledDate',\n                type: `<code>(date: Date) => boolean</code>`,\n                default: `-`,\n                desc: 'Specify the date that cannot be selected',\n            },\n            {\n                propName: 'disableOutOfMonth',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable days that out of given month',\n            },\n            {\n                propName: 'enableHeaderLabel',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Enable header label to trigger view change',\n            },\n            {\n                propName: 'firstDayOfWeek',\n                type: `<code>'sunday'</code> | <code>'monday'</code>`,\n                default: `<code>'monday'</code>`,\n                desc: 'First day of week',\n            },\n            {\n                propName: 'hideOutOfMonthDates',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide days that out of given month',\n            },\n            {\n                propName: 'hideWeekdays',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide week days',\n            },\n            {\n                propName: 'inputFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY-MM-DD'</code>`,\n                desc: 'DatePicker Input display format',\n            },\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside DatePicker Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside DatePicker Input',\n            },\n            {\n                propName: 'inputtable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to allow input typing',\n            },\n            {\n                propName: 'labelFormat',\n                type: `<code>{month: string, year: string}</code>`,\n                default: `<code>{month: 'MMM', year: 'YYYY'}</code>`,\n                desc: 'Whether to allow input typing',\n            },\n            {\n                propName: 'locale',\n                type: `<a href=\"https://github.com/iamkun/dayjs/tree/dev/src/locale\" target=\"_blank\" rel=\"noopener noreferrer\"><code>dayjs locale</code></a>`,\n                default: `<code>en</code>`,\n                desc: 'DatePicker locale',\n            },\n            {\n                propName: 'maxDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Maximum date to select',\n            },\n            {\n                propName: 'minDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Minimum  date to select',\n            },\n            {\n                propName: 'monthLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Month label format',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>function(event: Event)</code> `,\n                default: `-`,\n                desc: 'Callback when DatePicker Input blur',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date cell is selected',\n            },\n            {\n                propName: 'onDayMouseEnter',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is hovered',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>function(event: Event)</code> `,\n                default: `-`,\n                desc: 'Callback when DatePicker Input focus',\n            },\n            {\n                propName: 'onDropdownClose',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DatePicker close',\n            },\n            {\n                propName: 'onDropdownOpen',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DatePicker open',\n            },\n            {\n                propName: 'openPickerOnClear',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to open DatePicker upon clear value',\n            },\n            {\n                propName: 'range',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Highlight given date range',\n            },\n            {\n                propName: 'renderDay',\n                type: `<code>(date: Date) => ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Render custome day element based on the given params',\n            },\n            {\n                propName: 'size',\n                type: `<code>'sm'</code> | <code>'md'</code> | <code>'lg'</code> `,\n                default: `<code>'md'</code>`,\n                desc: 'DatePicker input size',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of DatePicker (Controlled)',\n            },\n            {\n                propName: 'weekdayLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'dd'</code>`,\n                desc: 'Format for weekday display',\n            },\n            {\n                propName: 'weekendDays',\n                type: `<code>number[]</code>`,\n                default: `<code>[0, 6]</code>`,\n                desc: 'Indicate the days of weekend',\n            },\n            {\n                propName: 'yearLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Year label format',\n            },\n        ],\n    },\n    {\n        component: 'DatePicker.DatePickerRange',\n        api: [\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'clearButton',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Custom clear button',\n            },\n            {\n                propName: 'closePickerOnChange',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether close picker upon date selected',\n            },\n            {\n                propName: 'dateViewCount',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: 'Amount of date view display in picker',\n            },\n            {\n                propName: 'dayClassName',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => string</code>`,\n                default: `-`,\n                desc: 'Apply className to days based on argument',\n            },\n            {\n                propName: 'dayStyle',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => CSSProperties</code>`,\n                default: `-`,\n                desc: 'Apply style to days based on argument',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of DatePickerRange (use value instead if it is controlled)',\n            },\n            {\n                propName: 'defaultMonth',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default month for uncontrolled DatePickerRange',\n            },\n            {\n                propName: 'defaultOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to default open DatePickerRange',\n            },\n            {\n                propName: 'defaultView',\n                type: `<code>'date'</code> | <code>'month'</code> | <code>'year'</code> `,\n                default: `<code>'date'</code>`,\n                desc: 'Default DatePickerRange view',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Determine whether DatePickerRange Input is disabled',\n            },\n            {\n                propName: 'disabledDate',\n                type: `<code>(date: Date) => boolean</code>`,\n                default: `-`,\n                desc: 'Specify the date that cannot be selected',\n            },\n            {\n                propName: 'disableOutOfMonth',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable days that out of given month',\n            },\n            {\n                propName: 'enableHeaderLabel',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to disable header label to trigger view change',\n            },\n            {\n                propName: 'firstDayOfWeek',\n                type: `<code>'sunday'</code> | <code>'monday'</code>`,\n                default: `<code>'monday'</code>`,\n                desc: 'First day of week',\n            },\n            {\n                propName: 'hideOutOfMonthDates',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide days that out of given month',\n            },\n            {\n                propName: 'hideWeekdays',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide week days',\n            },\n            {\n                propName: 'inputFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY-MM-DD'</code>`,\n                desc: 'DatePickerRange Input display format',\n            },\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside DatePickerRange Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside DatePickerRange Input',\n            },\n            {\n                propName: 'inputtable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to allow input typing',\n            },\n            {\n                propName: 'inputtableBlurClose',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close DatePicker upon input (only work when inputtable is true)',\n            },\n            {\n                propName: 'labelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between date display on input',\n            },\n            {\n                propName: 'locale',\n                type: `<a href=\"https://github.com/iamkun/dayjs/tree/dev/src/locale\" target=\"_blank\" rel=\"noopener noreferrer\"><code>dayjs locale</code></a>`,\n                default: `<code>en</code>`,\n                desc: 'DatePickerRange locale',\n            },\n            {\n                propName: 'maxDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Maximum date to select',\n            },\n            {\n                propName: 'minDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Minimum  date to select',\n            },\n            {\n                propName: 'monthLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Month label format',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date cell is selected',\n            },\n            {\n                propName: 'onDayMouseEnter',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is hovered',\n            },\n            {\n                propName: 'onDropdownClose',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DatePickerRange close',\n            },\n            {\n                propName: 'onDropdownOpen',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DatePickerRange open',\n            },\n            {\n                propName: 'openPickerOnClear',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to open DatePickerRange upon clear value',\n            },\n            {\n                propName: 'range',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Highlight given date range',\n            },\n            {\n                propName: 'renderDay',\n                type: `<code>(date: Date) => ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Render custome day element based on the given params',\n            },\n            {\n                propName: 'separator',\n                type: `<code>string</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between dates',\n            },\n            {\n                propName: 'size',\n                type: `<code>'sm'</code> | <code>'md'</code> | <code>'lg'</code> `,\n                default: `<code>'md'</code>`,\n                desc: 'DatePickerRange input size',\n            },\n            {\n                propName: 'singleDate',\n                type: `<code>boolean</code> `,\n                default: `<code>false</code>`,\n                desc: 'Only one date can be selected',\n            },\n            {\n                propName: 'value',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Value of DatePickerRange (Controlled)',\n            },\n            {\n                propName: 'weekdayLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'dd'</code>`,\n                desc: 'Format for weekday display',\n            },\n            {\n                propName: 'weekendDays',\n                type: `<code>number[]</code>`,\n                default: `<code>[0, 6]</code>`,\n                desc: 'Indicate the days of weekend',\n            },\n            {\n                propName: 'yearLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Year label format',\n            },\n        ],\n    },\n    {\n        component: 'DatePicker.DateTimepicker',\n        api: [\n            {\n                propName: 'amPm',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to set time input to 12 hours format',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'clearButton',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Custom clear button',\n            },\n            {\n                propName: 'closePickerOnChange',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether close picker upon date selected',\n            },\n            {\n                propName: 'dateViewCount',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: 'Amount of date view display in picker',\n            },\n            {\n                propName: 'dayClassName',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => string</code>`,\n                default: `-`,\n                desc: 'Apply className to days based on argument',\n            },\n            {\n                propName: 'dayStyle',\n                type: `<code>(date: Date, modifiers: {disabled: boolean, weekend: boolean, selectedInRange: boolean, selected: boolean, inRange: boolean, firstInRange: boolean, lastInRange: boolean, outOfMonth: boolean}) => CSSProperties</code>`,\n                default: `-`,\n                desc: 'Apply style to days based on argument',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of DateTimepicker (use value instead if it is controlled)',\n            },\n            {\n                propName: 'defaultMonth',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default month for uncontrolled DateTimepicker',\n            },\n            {\n                propName: 'defaultOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to default open DateTimepicker',\n            },\n            {\n                propName: 'defaultView',\n                type: `<code>'date'</code> | <code>'month'</code> | <code>'year'</code> `,\n                default: `<code>'date'</code>`,\n                desc: 'Default DateTimepicker view',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Determine whether DateTimepicker Input is disabled',\n            },\n            {\n                propName: 'disabledDate',\n                type: `<code>(date: Date) => boolean</code>`,\n                default: `-`,\n                desc: 'Specify the date that cannot be selected',\n            },\n            {\n                propName: 'disableOutOfMonth',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable days that out of given month',\n            },\n            {\n                propName: 'enableHeaderLabel',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to disable header label to trigger view change',\n            },\n            {\n                propName: 'firstDayOfWeek',\n                type: `<code>'sunday'</code> | <code>'monday'</code>`,\n                default: `<code>'monday'</code>`,\n                desc: 'First day of week',\n            },\n            {\n                propName: 'hideOutOfMonthDates',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide days that out of given month',\n            },\n            {\n                propName: 'hideWeekdays',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to hide week days',\n            },\n            {\n                propName: 'inputFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY-MM-DD'</code>`,\n                desc: 'DateTimepicker Input display format',\n            },\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside DateTimepicker Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside DateTimepicker Input',\n            },\n            {\n                propName: 'labelFormat',\n                type: `<code>{month: string, year: string}</code>`,\n                default: `<code>{month: 'MMM', year: 'YYYY'}</code>`,\n                desc: 'Whether to allow input typing',\n            },\n            {\n                propName: 'locale',\n                type: `<a href=\"https://github.com/iamkun/dayjs/tree/dev/src/locale\" target=\"_blank\" rel=\"noopener noreferrer\"><code>dayjs locale</code></a>`,\n                default: `<code>en</code>`,\n                desc: 'DateTimepicker locale',\n            },\n            {\n                propName: 'maxDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Maximum date to select',\n            },\n            {\n                propName: 'minDate',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Minimum  date to select',\n            },\n            {\n                propName: 'monthLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Month label format',\n            },\n            {\n                propName: 'okButtonContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>'ok'</code>`,\n                desc: 'Ok button content',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>function(event: Event)</code> `,\n                default: `-`,\n                desc: 'Callback when DateTimepicker Input blur',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date cell is selected',\n            },\n            {\n                propName: 'onDayMouseEnter',\n                type: `<code>function(date: Date)</code> `,\n                default: `-`,\n                desc: 'Callback when date is hovered',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>function(event: Event)</code> `,\n                default: `-`,\n                desc: 'Callback when DateTimepicker Input focus',\n            },\n            {\n                propName: 'onDropdownClose',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DateTimepicker close',\n            },\n            {\n                propName: 'onDropdownOpen',\n                type: `<code>() => void</code> `,\n                default: `-`,\n                desc: 'Callback when DateTimepicker open',\n            },\n            {\n                propName: 'openPickerOnClear',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to open DateTimepicker upon clear value',\n            },\n            {\n                propName: 'range',\n                type: `<code>[Date | null, Date | null]</code>`,\n                default: `-`,\n                desc: 'Highlight given date range',\n            },\n            {\n                propName: 'renderDay',\n                type: `<code>(date: Date) => ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Render custome day element based on the given params',\n            },\n            {\n                propName: 'size',\n                type: `<code>'sm'</code> | <code>'md'</code> | <code>'lg'</code> `,\n                default: `<code>'md'</code>`,\n                desc: 'DateTimepicker input size',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of DateTimepicker (Controlled)',\n            },\n            {\n                propName: 'weekdayLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'dd'</code>`,\n                desc: 'Format for weekday display',\n            },\n            {\n                propName: 'weekendDays',\n                type: `<code>number[]</code>`,\n                default: `<code>[0, 6]</code>`,\n                desc: 'Indicate the days of weekend',\n            },\n            {\n                propName: 'yearLabelFormat',\n                type: `<code>string</code>`,\n                default: `<code>'YYYY'</code>`,\n                desc: 'Year label format',\n            },\n        ],\n    },\n]\n\nconst DatePicker = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default DatePicker\n"],"names":["mdPath","demoHeader","demos","Basic","RangePicker","DateTimePicker","Controlled","Format","CustomRender","DisableOutOfPeriodDate","DisabledCertainDate","DateViewCount","DisabledInput","Inputtable","InputSize","InputAffix","ClearButton","Localization","demoApi","DatePicker","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/AsyncValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/AsyncValidation.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport Spinner from '@/components/ui/Spinner'\n\ntype FormSchema = {\n    userName: string\n}\n\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))\n\nconst AsyncValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors, isValidating },\n        control,\n        trigger,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: 'Adam',\n        },\n    })\n\n    const validateAsync = async (value: string) => {\n        await sleep(1000)\n        if (value === 'Adam') {\n            return true\n        }\n        return `This User name has been taken (only 'Adam' allow)`\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            reset()\n        }, 200)\n    }\n\n    return (\n        <div>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Check valid username\"\n                    invalid={Boolean(errors.userName)}\n                    errorMessage={errors.userName?.message}\n                >\n                    <Controller\n                        name=\"userName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"User Name\"\n                                suffix={\n                                    <Spinner\n                                        className={\n                                            !isValidating ? 'hidden' : ''\n                                        }\n                                    />\n                                }\n                                {...field}\n                                onChange={(value) => {\n                                    field.onChange(value)\n                                    trigger(['userName'])\n                                }}\n                            />\n                        )}\n                        rules={{\n                            validate: validateAsync,\n                        }}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default AsyncValidation\n"],"names":["sleep","ms","resolve","AsyncValidation","handleSubmit","errors","isValidating","control","trigger","reset","useForm","validateAsync","value","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","Spinner","Button"],"mappings":";;;;;;;;;;;AAUA,MAAMA,IAAQ,CAACC,MAAe,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASD,CAAE,CAAC,GAExEE,IAAkB,MAAM;;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,cAAAC,EAAA;AAAA,IACrB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAEKC,IAAgB,OAAOC,OACzB,MAAMZ,EAAM,GAAI,GACZY,MAAU,SACH,KAEJ;AAUX,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAK,UAAUV,EATP,CAACW,MAAuB;AACrC,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUA,GAAQ,MAAM,CAAC,CAAC,GAC5CN,EAAA;AAAA,IAAM,GACP,GAAG;AAAA,EAAA,CAKmC,GACjC,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQZ,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAZ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACZ,QACI,gBAAAL;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACG,WACKhB,IAA0B,KAAX;AAAA,kBAAW;AAAA,gBAAA;AAAA,gBAItC,GAAGc;AAAA,gBACJ,UAAU,CAACR,MAAU;AACjB,kBAAAQ,EAAM,SAASR,CAAK,GACpBJ,EAAQ,CAAC,UAAU,CAAC;AAAA,gBAAA;AAAA,cACxB;AAAA,YAAA;AAAA,YAGR,OAAO;AAAA,cACH,UAAUG;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAEJ,gBAAAK,EAACC,KACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n    password: string\n    rememberMe: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Email Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z.string().min(3, 'Too Short!').max(12, 'Too Long!'),\n    password: z\n        .string()\n        .min(1, { message: 'Password Required' })\n        .min(8, { message: 'Too Short!' })\n        .refine(\n            (value) => /^[A-Za-z0-9_-]*$/.test(value),\n            'Only Letters & Numbers Allowed',\n        ),\n    rememberMe: z.boolean(),\n})\n\nconst Basic = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n            password: '',\n            rememberMe: false,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        window.alert(JSON.stringify(values))\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Controller\n                    name=\"rememberMe\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox {...field}>Remember me</Checkbox>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default Basic\n"],"names":["validationSchema","z","value","Basic","handleSubmit","reset","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","_c","Checkbox","Button"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/DependentValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DependentValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DependentValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    password: string\n    confirmPassword: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z\n    .object({\n        password: z.string().min(1, { message: 'Password Required' }),\n        confirmPassword: z\n            .string()\n            .min(1, { message: 'Confirm Password Required' }),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n        message: 'Password not match',\n        path: ['confirmPassword'],\n    })\n\nconst DependentValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            password: '',\n            confirmPassword: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n            reset()\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Confirm Password\"\n                invalid={Boolean(errors.confirmPassword)}\n                errorMessage={errors.confirmPassword?.message}\n            >\n                <Controller\n                    name=\"confirmPassword\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Confirm Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <div className=\"flex gap-2\">\n                    <Button type=\"reset\" onClick={() => reset()}>\n                        Reset\n                    </Button>\n                    <Button variant=\"solid\" type=\"submit\" loading={submitting}>\n                        Submit\n                    </Button>\n                </div>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default DependentValidation\n"],"names":["validationSchema","z","data","DependentValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","reset","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EACzC,OAAO;AAAA,EACJ,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,iBAAiBA,EACZ,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAAA,CAA6B;AACxD,CAAC,EACA,OAAO,CAACC,MAASA,EAAK,aAAaA,EAAK,iBAAiB;AAAA,EACtD,SAAS;AAAA,EACT,MAAM,CAAC,iBAAiB;AAC5B,CAAC,GAECC,IAAsB,MAAM;;AAC9B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,IAErB,UAAUC,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAWD,SACI,gBAAAa,EAACC,GAAA,EAAK,UAAUP,EAVH,CAACQ,MAAuB;AACrC,IAAAV,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUU,GAAQ,MAAM,CAAC,CAAC,GAC5CV,EAAc,EAAK,GACnBK,EAAA;AAAA,IAAM,GACP,GAAG;AAAA,EAAA,CAI+B,GACjC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,eAAcU,IAAAV,EAAO,aAAP,gBAAAU,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAV;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,eAAcc,IAAAd,EAAO,oBAAP,gBAAAc,EAAwB;AAAA,QAEtC,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAV;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,MAAA,gBAAAG,EAACO,KAAO,MAAK,SAAQ,SAAS,MAAMb,EAAA,GAAS,UAAA,SAE7C;AAAA,MACA,gBAAAM,EAACO,KAAO,SAAQ,SAAQ,MAAK,UAAS,SAASnB,GAAY,UAAA,SAAA,CAE3D;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/DynamicForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicForm.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DynamicForm.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiMinus } from 'react-icons/hi'\nimport { useForm, useFieldArray, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    users: {\n        name: string\n        email: string\n    }[]\n    groupName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    groupName: z.string().min(1, 'Group Name is required'),\n    users: z.array(\n        z.object({\n            name: z.string().min(1, 'Name required'),\n            email: z\n                .string()\n                .min(1, 'Email required')\n                .email('Enter valid email'),\n        }),\n    ),\n})\n\nconst DynamicForm = () => {\n    const {\n        control,\n        handleSubmit,\n        formState: { errors },\n    } = useForm({\n        defaultValues: {\n            users: [\n                {\n                    name: 'Leslie James',\n                    email: 'leslie.james@themenate.com',\n                },\n                {\n                    name: 'Kelly Lambert',\n                    email: 'kelly.lambert@themenate.com',\n                },\n            ],\n            groupName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    const { fields, append, remove } = useFieldArray({\n        name: 'users',\n        control,\n    })\n\n    return (\n        <Form layout=\"inline\" onSubmit={handleSubmit(onSubmit)}>\n            <div>\n                <div className=\"mb-10\">\n                    <h5 className=\"mb-4\">User List</h5>\n                    <FormItem\n                        layout=\"vertical\"\n                        label=\"Group\"\n                        invalid={Boolean(errors.groupName)}\n                        errorMessage={errors.groupName?.message}\n                    >\n                        <Controller\n                            name=\"groupName\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input placeholder=\"Group Name\" {...field} />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                {fields.map((userField, index) => (\n                    <div key={userField.id}>\n                        <FormItem\n                            label=\"User Name\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.name?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.name?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.name`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"text\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Name\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem\n                            label=\"Email\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.email?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.email?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.email`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"email\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Email\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <Button\n                            type=\"button\"\n                            shape=\"circle\"\n                            size=\"sm\"\n                            icon={<HiMinus />}\n                            onClick={() => remove(index)}\n                        />\n                    </div>\n                ))}\n                <div className=\"flex items-center gap-2\">\n                    <Button\n                        type=\"button\"\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={() => {\n                            append({\n                                name: '',\n                                email: '',\n                            })\n                        }}\n                    >\n                        Add a User\n                    </Button>\n                    <Button type=\"submit\" variant=\"solid\">\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </Form>\n    )\n}\n\nexport default DynamicForm\n"],"names":["validationSchema","z","DynamicForm","control","handleSubmit","errors","useForm","zodResolver","onSubmit","values","fields","append","remove","useFieldArray","jsx","Form","jsxs","FormItem","_a","Controller","field","Input","userField","index","_c","_b","_f","_e","_d","_i","_h","_g","_l","_k","_j","Button","HiMinus"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/FieldValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/FieldValidation.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormSchema = {\n    userName: string\n    email: string\n}\n\nconst FieldValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: '',\n            email: '',\n        },\n    })\n\n    return (\n        <Form\n            onSubmit={handleSubmit((values) => {\n                window.alert(JSON.stringify(values))\n            })}\n        >\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                if (!value) {\n                                    return 'Required'\n                                }\n                                if (value === 'admin') {\n                                    return 'Nice try!'\n                                }\n                                return\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                let error\n                                if (!value) {\n                                    error = 'Required'\n                                } else if (\n                                    !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(\n                                        value,\n                                    )\n                                ) {\n                                    error = 'Invalid email address'\n                                }\n                                return error\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default FieldValidation\n"],"names":["FieldValidation","handleSubmit","errors","control","useForm","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","value","_b","error","Button"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAkB,MAAM;;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAED,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUL,EAAa,CAACM,MAAW;AAC/B,eAAO,MAAM,KAAK,UAAUA,CAAM,CAAC;AAAA,MAAA,CACtC;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,eAAcQ,IAAAR,EAAO,aAAP,gBAAAQ,EAAiB;AAAA,YAE/B,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAR;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAI,CAACA;AACD,+BAAO;AAEX,0BAAIA,MAAU;AACV,+BAAO;AAAA,oBAEX;AAAA,kBACJ;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAN;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,eAAca,IAAAb,EAAO,UAAP,gBAAAa,EAAc;AAAA,YAE5B,UAAA,gBAAAP;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAR;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAIE;AACJ,6BAAKF,IAGA,4CAA4C;AAAA,wBACzCA;AAAA,sBAAA,MAGJE,IAAQ,2BANRA,IAAQ,YAQLA;AAAA,oBAAA;AAAA,kBACX;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAR,EAACC,KACG,UAAA,gBAAAD,EAACS,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/forms/FormControl/LabelExtra.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelExtra.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/LabelExtra.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\n\nconst tip = (\n    <Tooltip title=\"Field info\">\n        <HiOutlineQuestionMarkCircle className=\"text-lg cursor-pointer ml-1\" />\n    </Tooltip>\n)\n\nconst optional = <span className=\"ml-1 opacity-60\">(optional)</span>\n\nconst LabelExtra = () => {\n    return (\n        <Form action=\"#\">\n            <FormItem label=\"Name\" extra={tip}>\n                <Input type=\"text\" name=\"fieldA\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem label=\"Email\" extra={optional}>\n                <Input type=\"text\" name=\"fieldB\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem>\n                <Button variant=\"solid\" type=\"button\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default LabelExtra\n"],"names":["tip","Tooltip","jsx","HiOutlineQuestionMarkCircle","optional","LabelExtra","jsxs","Form","FormItem","Input","Button"],"mappings":";;;;;;;;;;;AAMA,MAAMA,sBACDC,GAAA,EAAQ,OAAM,cACX,UAAA,gBAAAC,EAACC,GAAA,EAA4B,WAAU,8BAAA,CAA8B,EAAA,CACzE,GAGEC,IAAW,gBAAAF,EAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,cAAU,GAEvDG,IAAa,MAEX,gBAAAC,EAACC,GAAA,EAAK,QAAO,KACT,UAAA;AAAA,EAAA,gBAAAL,EAACM,GAAA,EAAS,OAAM,QAAO,OAAOR,GAC1B,UAAA,gBAAAE,EAACO,GAAA,EAAM,MAAK,QAAO,MAAK,UAAS,aAAY,gBAAe,GAChE;AAAA,EACA,gBAAAP,EAACM,GAAA,EAAS,OAAM,SAAQ,OAAOJ,GAC3B,UAAA,gBAAAF,EAACO,GAAA,EAAM,MAAK,QAAO,MAAK,UAAS,aAAY,gBAAe,GAChE;AAAA,EACA,gBAAAP,EAACM,KACG,UAAA,gBAAAN,EAACQ,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/FormControl/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Layout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormLayout = 'horizontal' | 'vertical' | 'inline'\n\ntype FormSchema = {\n    name: string\n    email: string\n}\n\nconst options: {\n    label: string\n    value: FormLayout\n}[] = [\n    { label: 'Vertical', value: 'vertical' },\n    { label: 'Horizontal', value: 'horizontal' },\n    { label: 'Inline', value: 'inline' },\n]\n\nconst Layout = () => {\n    const [layout, setLayout] = useState<FormLayout>('vertical')\n\n    const onLayoutSelect = (val: FormLayout) => {\n        setLayout(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            name: '',\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <div>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={layout === opt.value}\n                        onClick={() => onLayoutSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form layout={layout} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem label=\"Email\">\n                    <Controller\n                        name=\"email\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"email\"\n                                autoComplete=\"off\"\n                                placeholder=\"Email\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default Layout\n"],"names":["options","Layout","layout","setLayout","useState","onLayoutSelect","val","handleSubmit","control","useForm","onSubmit","values","r","jsx","InputGroup","opt","Button","Form","FormItem","Controller","field","Input"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAGA;AAAA,EACF,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,UAAU,OAAO,SAAA;AAC9B,GAEMC,IAAS,MAAM;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAqB,UAAU,GAErDC,IAAiB,CAACC,MAAoB;AACxC,IAAAH,EAAUG,CAAG;AAAA,EAAA,GAGX,EAAE,cAAAC,GAAc,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IAClD,eAAe;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH,GAEKC,IAAW,OAAOC,MAAuB;AAC3C,UAAM,IAAI,QAAQ,CAACC,MAAM,WAAWA,GAAG,GAAG,CAAC,GAC3C,MAAM,KAAK,UAAUD,GAAQ,MAAM,CAAC,CAAC;AAAA,EAAA;AAGzC,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAE,EAACC,KAAW,WAAU,QACjB,UAAAd,EAAQ,IAAI,CAACe,MACV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAAQd,MAAWa,EAAI;AAAA,QACvB,SAAS,MAAMV,EAAeU,EAAI,KAAK;AAAA,QAEtC,UAAAA,EAAI;AAAA,MAAA;AAAA,MAJAA,EAAI;AAAA,IAAA,CAMhB,GACL;AAAA,sBACCE,GAAA,EAAK,QAAAf,GAAgB,UAAUK,EAAaG,CAAQ,GACjD,UAAA;AAAA,MAAA,gBAAAG,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAX;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,SACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAX;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,KACG,UAAA,gBAAAL,EAACG,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/MixedFormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MixedFormControl.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/MixedFormControl.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport TimeInput from '@/components/ui/TimeInput'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport Segment from '@/components/ui/Segment'\nimport Upload from '@/components/ui/Upload'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport { HiCheckCircle } from 'react-icons/hi'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype Option = {\n    value: string\n    label: string\n}\n\ntype FormSchema = {\n    input: string\n    select: string\n    multipleSelect: Option[]\n    date: Date | null\n    time: Date | null\n    singleCheckbox: boolean\n    multipleCheckbox: Array<string | number>\n    radio: string\n    switcher: boolean\n    segment: string[]\n    upload: File[]\n}\n\nconst options: Option[] = [\n    { value: 'foo', label: 'Foo' },\n    { value: 'bar', label: 'Bar' },\n]\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.' },\n    { value: 'Team', desc: 'The plan for team' },\n    { value: 'Business', desc: 'Talk to us for business plan.' },\n]\n\nconst MAX_UPLOAD = 2\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    input: z\n        .string()\n        .min(1, 'Please input user name!')\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n    select: z.string().min(1, 'Please select one!'),\n    multipleSelect: z\n        .array(z.object({ value: z.string(), label: z.string() }))\n        .nonempty('At least one is selected!'),\n    date: z.date({\n        required_error: 'Date Required!',\n        invalid_type_error: 'Invalid Date',\n    }),\n    time: z.date({\n        required_error: 'Time Required!',\n        invalid_type_error: 'Invalid Time',\n    }),\n    singleCheckbox: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must tick this!' }),\n    }),\n    multipleCheckbox: z\n        .array(z.union([z.string(), z.number()]))\n        .nonempty('Select at least one option!'),\n    radio: z.string().min(1, 'Please select one!'),\n    switcher: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must turn this on!' }),\n    }),\n    upload: z.array(z.instanceof(File)).nonempty('At least one file uploaded!'),\n    segment: z.array(z.string()).nonempty('Select at least one option!'),\n})\n\nconst MixedFormControl = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors, isSubmitting },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            input: '',\n            select: '',\n            date: null,\n            time: null,\n            multipleSelect: [],\n            singleCheckbox: false,\n            multipleCheckbox: [],\n            radio: '',\n            switcher: false,\n            segment: [],\n            upload: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const beforeUpload = (file: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const MAX_FILE_SIZE = 500000\n\n        if (fileList.length >= MAX_UPLOAD) {\n            return `You can only upload ${MAX_UPLOAD} file(s)`\n        }\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= MAX_FILE_SIZE) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            alert(JSON.stringify(values, null, 2))\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                asterisk\n                label=\"Input\"\n                invalid={Boolean(errors.input)}\n                errorMessage={errors.input?.message}\n            >\n                <Controller\n                    name=\"input\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Input\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Select\"\n                invalid={Boolean(errors.select)}\n                errorMessage={errors.select?.message}\n            >\n                <Controller\n                    name=\"select\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={options}\n                            {...field}\n                            value={options.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Select\"\n                invalid={Boolean(errors.multipleSelect)}\n                errorMessage={errors.multipleSelect?.message}\n            >\n                <Controller\n                    name=\"multipleSelect\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<Option, true>\n                            isMulti\n                            componentAs={CreatableSelect}\n                            options={options}\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Date\"\n                invalid={Boolean(errors.date)}\n                errorMessage={errors.date?.message}\n            >\n                <Controller\n                    name=\"date\"\n                    control={control}\n                    render={({ field }) => <DatePicker {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Time\"\n                invalid={Boolean(errors.time)}\n                errorMessage={errors.time?.message}\n            >\n                <Controller\n                    name=\"time\"\n                    control={control}\n                    render={({ field }) => <TimeInput {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Single Checkbox\"\n                invalid={Boolean(errors.singleCheckbox)}\n                errorMessage={errors.singleCheckbox?.message}\n            >\n                <Controller\n                    name=\"singleCheckbox\"\n                    control={control}\n                    render={({ field }) => <Checkbox {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Checkbox\"\n                invalid={Boolean(errors.multipleCheckbox)}\n                errorMessage={errors.multipleCheckbox?.message}\n            >\n                <Controller\n                    name=\"multipleCheckbox\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value as string[]}\n                            onChange={field.onChange}\n                        >\n                            <Checkbox name={field.name} value=\"Apple\">\n                                Apple{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Banana\">\n                                Banana{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Lemon\">\n                                Lemon{' '}\n                            </Checkbox>\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Radio\"\n                invalid={Boolean(errors.radio)}\n                errorMessage={errors.radio?.message}\n            >\n                <Controller\n                    name=\"radio\"\n                    control={control}\n                    render={({ field }) => (\n                        <Radio.Group {...field}>\n                            <Radio value={'1'}>Paypal</Radio>\n                            <Radio value={'2'}>Stripe</Radio>\n                        </Radio.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Switcher\"\n                invalid={Boolean(errors.switcher)}\n                errorMessage={errors.switcher?.message}\n            >\n                <Controller\n                    name=\"switcher\"\n                    control={control}\n                    render={({ field }) => (\n                        <Switcher\n                            checked={field.value}\n                            onChange={(checked) => {\n                                field.onChange(checked)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Upload\"\n                invalid={Boolean(errors.upload)}\n                errorMessage={errors.upload?.message}\n            >\n                <Controller\n                    name=\"upload\"\n                    control={control}\n                    render={({ field }) => (\n                        <Upload\n                            beforeUpload={beforeUpload}\n                            fileList={field.value}\n                            onFileRemove={(files) => field.onChange(files)}\n                            onChange={(files) => field.onChange(files)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Segment\"\n                invalid={Boolean(errors.segment)}\n                errorMessage={errors.segment?.message}\n            >\n                <Controller\n                    name=\"segment\"\n                    control={control}\n                    render={({ field }) => (\n                        <Segment\n                            className=\"w-full bg-transparent dark:bg-transparent p-0\"\n                            selectionType=\"multiple\"\n                            {...field}\n                        >\n                            <div className=\"grid grid-cols-3 gap-4 w-full\">\n                                {segmentSelections.map((segment) => (\n                                    <Segment.Item\n                                        key={segment.value}\n                                        value={segment.value}\n                                    >\n                                        {({\n                                            active,\n                                            onSegmentItemClick,\n                                            disabled,\n                                        }) => {\n                                            return (\n                                                <div className=\"text-center\">\n                                                    <PresetSegmentItemOption\n                                                        hoverable\n                                                        active={active}\n                                                        disabled={disabled}\n                                                        defaultGutter={false}\n                                                        className=\"relative min-h-[80px] w-full\"\n                                                        customCheck={\n                                                            <HiCheckCircle className=\"text-primary absolute top-2 right-2 text-2xl\" />\n                                                        }\n                                                        onSegmentItemClick={\n                                                            onSegmentItemClick\n                                                        }\n                                                    >\n                                                        <div className=\"flex flex-col items-start mx-4\">\n                                                            <h6>\n                                                                {segment.value}\n                                                            </h6>\n                                                            <p>\n                                                                {segment.desc}\n                                                            </p>\n                                                        </div>\n                                                    </PresetSegmentItemOption>\n                                                </div>\n                                            )\n                                        }}\n                                    </Segment.Item>\n                                ))}\n                            </div>\n                        </Segment>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" loading={isSubmitting} type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default MixedFormControl\n"],"names":["options","segmentSelections","MAX_UPLOAD","validationSchema","z","MixedFormControl","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","beforeUpload","file","fileList","valid","allowedFileType","MAX_FILE_SIZE","f","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Select","option","_c","CreatableSelect","_d","DatePicker","_e","TimeInput","_f","Checkbox","_g","_h","Radio","_i","Switcher","checked","_j","Upload","files","_k","Segment","segment","active","onSegmentItemClick","disabled","PresetSegmentItemOption","HiCheckCircle","Button"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/SchemaValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z\n        .string()\n        .min(1, { message: 'Required' })\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n})\n\nconst SchemaValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\" loading={submitting}>\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default SchemaValidation\n"],"names":["validationSchema","z","SchemaValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC,GAEKC,IAAmB,MAAM;;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEd,UAAUC,EAAYV,CAAgB;AAAA,EAAA,CACzC;AAUD,SACI,gBAAAW,EAACC,GAAA,EAAK,UAAUN,EATH,CAACO,MAAuB;AACrC,IAAAT,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUS,GAAQ,MAAM,CAAC,CAAC,GAC5CT,EAAc,EAAK;AAAA,IAAA,GACpB,GAAG;AAAA,EAAA,CAI+B,GACjC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,UAAP,gBAAAS,EAAc;AAAA,QAE5B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAASlB,GAAY,UAAA,SAAA,CAE3D,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/Sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Sizes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype Size = 'lg' | 'md' | 'sm'\n\ntype FormSchema = {\n    name: string\n    email: string\n    date: Date | null\n}\n\nconst options: {\n    label: string\n    value: Size\n}[] = [\n    { label: 'Small', value: 'sm' },\n    { label: 'Medium', value: 'md' },\n    { label: 'Large', value: 'lg' },\n]\n\nconst Sizes = () => {\n    const [size, setSize] = useState<Size>('md')\n\n    const onSizeSelect = (val: Size) => {\n        setSize(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            name: '',\n            email: '',\n            date: null,\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={size === opt.value}\n                        onClick={() => onSizeSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form size={size} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem label=\"Email\">\n                    <Controller\n                        name=\"email\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"email\"\n                                autoComplete=\"off\"\n                                placeholder=\"Email\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem label=\"Date\">\n                    <Controller\n                        name=\"date\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker placeholder=\"Select Date\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </>\n    )\n}\n\nexport default Sizes\n"],"names":["options","Sizes","size","setSize","useState","onSizeSelect","val","handleSubmit","control","useForm","onSubmit","values","r","jsxs","Fragment","jsx","InputGroup","opt","Button","Form","FormItem","Controller","field","Input","DatePicker"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,KAAA;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,KAAA;AAC7B,GAEMC,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,IAAI,GAErCC,IAAe,CAACC,MAAc;AAChC,IAAAH,EAAQG,CAAG;AAAA,EAAA,GAGT,EAAE,cAAAC,GAAc,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH,GAEKC,IAAW,OAAOC,MAAuB;AAC3C,UAAM,IAAI,QAAQ,CAACC,MAAM,WAAWA,GAAG,GAAG,CAAC,GAC3C,MAAM,KAAK,UAAUD,GAAQ,MAAM,CAAC,CAAC;AAAA,EAAA;AAGzC,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,WAAU,QACjB,UAAAhB,EAAQ,IAAI,CAACiB,MACV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAAQhB,MAASe,EAAI;AAAA,QACrB,SAAS,MAAMZ,EAAaY,EAAI,KAAK;AAAA,QAEpC,UAAAA,EAAI;AAAA,MAAA;AAAA,MAJAA,EAAI;AAAA,IAAA,CAMhB,GACL;AAAA,sBACCE,GAAA,EAAK,MAAAjB,GAAY,UAAUK,EAAaG,CAAQ,GAC7C,UAAA;AAAA,MAAA,gBAAAK,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,SACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,wBACNE,GAAA,EAAW,aAAY,eAAe,GAAGF,EAAA,CAAO;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,gBAAAP,EAACK,KACG,UAAA,gBAAAL,EAACG,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Layout from './Layout'\nimport Sizes from './Sizes'\nimport LabelExtra from './LabelExtra'\nimport FieldValidation from './FieldValidation'\nimport SchemaValidation from './SchemaValidation'\nimport DependentValidation from './DependentValidation'\nimport AsyncValidation from './AsyncValidation'\nimport DynamicForm from './DynamicForm'\nimport MixedFormControl from './MixedFormControl'\n\nconst mdPath = 'FormControl'\n\nconst demoHeader = {\n    title: 'Form Control',\n    desc: 'Form is used to collect & verify user input data. We use <a class=\"underline text-primary\" href=\"https://react-hook-form.com/\" target=\"_blank\">react-hook-form</a> as our form control library, most of our form components were compatible with react-hook-form or others form libraries.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Sample usage of a simple form with validation.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Layout',\n        mdPath: mdPath,\n        title: 'Form Layout',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control all the <code>FormItem</code> <code>layout</code> via a single props.`,\n        component: <Layout />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Form Size',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control <code>FormItem</code> <code>size</code> as well.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'LabelExtra',\n        mdPath: mdPath,\n        title: 'Label Extra',\n        desc: `We can add additional content to the form label with <code>FormItem</code> <code>extra</code> props.`,\n        component: <LabelExtra />,\n    },\n    {\n        mdName: 'FieldValidation',\n        mdPath: mdPath,\n        title: 'Field-level Validation',\n        desc: `React-hook-form supports field-level validation. `,\n        component: <FieldValidation />,\n    },\n    {\n        mdName: 'SchemaValidation',\n        mdPath: mdPath,\n        title: 'Schema Validation',\n        desc: `We can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> for object schema validation.`,\n        component: <SchemaValidation />,\n    },\n    {\n        mdName: 'DependentValidation',\n        mdPath: mdPath,\n        title: 'Dependent Validation',\n        desc: `You can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> condition to perform field validation based on other form values. `,\n        component: <DependentValidation />,\n    },\n    {\n        mdName: 'AsyncValidation',\n        mdPath: mdPath,\n        title: 'Async Validation',\n        desc: `You can also asynchronous validating a fields.`,\n        component: <AsyncValidation />,\n    },\n    {\n        mdName: 'DynamicForm',\n        mdPath: mdPath,\n        title: 'Dynamic Form',\n        desc: `Example usage of dynamic form with <code>FieldArray</code>.`,\n        component: <DynamicForm />,\n    },\n    {\n        mdName: 'MixedFormControl',\n        mdPath: mdPath,\n        title: 'Mixed Form Control',\n        desc: `Demostrate different kind of form related component witin a form.`,\n        component: <MixedFormControl />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormContainer',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `<code>'vertical'</code>`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `<code>100</code>`,\n                desc: 'Form label width',\n            },\n        ],\n    },\n    {\n        component: 'FormItem',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `-`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `-`,\n                desc: 'Form label width',\n            },\n            {\n                propName: 'errorMessage',\n                type: `<code>stirng</code>`,\n                default: `-`,\n                desc: 'Error Message that will display when <code>invalid</code> was triggered',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Validate status of FormItem',\n            },\n            {\n                propName: 'asterisk',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to display asterisk beside label text',\n            },\n            {\n                propName: 'extra',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Extra custom content beside label text',\n            },\n            {\n                propName: 'htmlFor',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Set sub label htmlFor',\n            },\n        ],\n    },\n]\n\nconst formikNote = (\n    <div>\n        <h4>React Hook Form</h4>\n        <p className=\"mt-2\">\n            <code>React Hook Form</code> library is a powerful and flexible\n            solution for managing forms in React applications. It simplifies\n            form handling by providing a set of hooks and utilities that\n            streamline the process of capturing, validating, and submitting form\n            data. With <code>useForm</code>, you can easily manage form state,\n            handle input changes, perform validation, and submit forms with\n            minimal boilerplate code, visit\n            <a\n                className=\"underline text-primary\"\n                href=\"https://react-hook-form.com/docs/useform\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n        <h4 className=\"mt-10\">Zod</h4>\n        <p className=\"mt-2\">\n            Zod is a TypeScript-first schema declaration and validation library.\n            I'm using the term \"schema\" to broadly refer to any data type, from\n            a simple string to a complex nested object. Zod is designed to be as\n            developer-friendly as possible. The goal is to eliminate duplicative\n            type declarations. With Zod, you declare a validator once and Zod\n            will automatically infer the static TypeScript type. It's easy to\n            compose simpler types into complex data structures. Visit the\n            official\n            <a\n                className=\"underline text-primary\"\n                href=\"https://zod.dev/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n    </div>\n)\n\nconst FormControl = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            note={formikNote}\n        />\n    )\n}\n\nexport default FormControl\n"],"names":["mdPath","demoHeader","demos","Basic","Layout","Sizes","LabelExtra","FieldValidation","SchemaValidation","DependentValidation","AsyncValidation","DynamicForm","MixedFormControl","demoApi","formikNote","jsx","jsxs","FormControl","DemoLayout"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAiB;AAAA,EAAA;AAAA,EAEjC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAEpC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,sBACD,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,EACnB,gBAAAC,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,IAAO;AAAA,IAIjB,gBAAAA,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,IAAO;AAAA,IAG/B,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IACd;AAAA,EAAA,GAER;AAAA,EACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,SAAQ,UAAA,OAAG;AAAA,EACzB,gBAAAC,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,IAAA;AAAA,IAShB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IACd;AAAA,EAAA,EAAA,CAER;AAAA,GACJ,GAGEC,IAAc,MAEZ,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,QAAQjB;AAAA,IACR,OAAAC;AAAA,IACA,KAAKW;AAAA,IACL,MAAMC;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/forms/Input/Affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Affix.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineUser, HiOutlineExclamationCircle } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your name\"\n                    prefix={<HiOutlineUser className=\"text-lg\" />}\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your rate\"\n                    suffix={\n                        <Tooltip title=\"Field info\">\n                            <HiOutlineExclamationCircle className=\"text-lg cursor-pointer ml-1\" />\n                        </Tooltip>\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input prefix=\"$\" suffix=\".00\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsx","Input","HiOutlineUser","Tooltip","HiOutlineExclamationCircle"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA,GAEnD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,0BACKE,GAAA,EAAQ,OAAM,cACX,UAAA,gBAAAH,EAACI,GAAA,EAA2B,WAAU,8BAAA,CAA8B,EAAA,CACxE;AAAA,IAAA;AAAA,EAAA,GAGZ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,QAAO,KAAI,QAAO,MAAA,CAAM,EAAA,CACnC;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Input/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Input placeholder=\"Basic usage\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,eAAc,GACrC;"}

package/dist/@ecme/views/ui-components/forms/Input/ControlledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/ControlledInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport type { ChangeEvent } from 'react'\n\nconst ControlledInput = () => {\n    const [value, setValue] = useState('')\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n        setValue(e.target.value)\n\n    return (\n        <div>\n            <Input\n                value={value}\n                placeholder=\"Sample placeholder\"\n                onChange={handleChange}\n            />\n        </div>\n    )\n}\n\nexport default ControlledInput\n"],"names":["ControlledInput","value","setValue","useState","jsx","Input","e"],"mappings":";;;;AAIA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAIrC,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,aAAY;AAAA,MACZ,UARS,CAACK,MAClBJ,EAASI,EAAE,OAAO,KAAK;AAAA,IAOL;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Disabled.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Input disabled placeholder=\"Disabled Input\" />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,kBAAiB,EAAA,CACjD;"}

package/dist/@ecme/views/ui-components/forms/Input/Invalid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Invalid.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiExclamationCircle } from 'react-icons/hi'\n\nconst Invalid = () => {\n    const [invalid, setInvalid] = useState(false)\n\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    invalid={invalid}\n                    placeholder=\"Invalid input\"\n                    suffix={\n                        invalid ? (\n                            <HiExclamationCircle className=\"text-red-500 text-xl\" />\n                        ) : null\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    textArea\n                    invalid={invalid}\n                    placeholder=\"Invalid text area\"\n                />\n            </div>\n            <Button variant=\"solid\" onClick={() => setInvalid(!invalid)}>\n                Set {invalid ? 'Valid' : 'Invalid'}\n            </Button>\n        </div>\n    )\n}\n\nexport default Invalid\n"],"names":["Invalid","invalid","setInvalid","useState","jsx","Input","HiExclamationCircle","jsxs","Button"],"mappings":";;;;;;;AAKA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAAAJ;AAAA,QACA,aAAY;AAAA,QACZ,QACIA,IACI,gBAAAG,EAACE,GAAA,EAAoB,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,SAAAJ;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,gBAAAM,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMN,EAAW,CAACD,CAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpDA,IAAU,UAAU;AAAA,IAAA,EAAA,CAC7B;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/PasswordVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordVisible.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/PasswordVisible.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent } from 'react'\n\nconst PasswordVisible = () => {\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent) => {\n        e.preventDefault()\n        setPwInputType(pwInputType === 'password' ? 'text' : 'password')\n    }\n\n    const inputIcon = (\n        <span\n            className=\"cursor-pointer\"\n            onClick={(e) => onPasswordVisibleClick(e)}\n        >\n            {pwInputType === 'password' ? (\n                <HiOutlineEyeOff />\n            ) : (\n                <HiOutlineEye />\n            )}\n        </span>\n    )\n\n    return (\n        <div>\n            <Input\n                type={pwInputType}\n                suffix={inputIcon}\n                placeholder=\"Password\"\n            />\n        </div>\n    )\n}\n\nexport default PasswordVisible\n"],"names":["PasswordVisible","pwInputType","setPwInputType","useState","onPasswordVisibleClick","e","jsx","Input","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,UAAU,GAEnDC,IAAyB,CAACC,MAAkB;AAC9C,IAAAA,EAAE,eAAA,GACFH,EAAeD,MAAgB,aAAa,SAAS,UAAU;AAAA,EAAA;AAgBnE,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMN;AAAA,MACN,QAhBR,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAACD,MAAMD,EAAuBC,CAAC;AAAA,UAEvC,gBAAgB,aACb,gBAAAC,EAACE,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAUd,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Sizes.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input size=\"sm\" placeholder=\"Input sm\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input placeholder=\"Input md\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input size=\"lg\" placeholder=\"Input lg\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAM,aAAY,YAAW,EAAA,CAClC;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Input/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Textarea.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Textarea = () => {\n    return (\n        <div>\n            <Input textArea placeholder=\"Text area example\" />\n        </div>\n    )\n}\n\nexport default Textarea\n"],"names":["Textarea","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,qBAAoB,EAAA,CACpD;"}

package/dist/@ecme/views/ui-components/forms/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport PasswordVisible from './PasswordVisible'\nimport Textarea from './Textarea'\nimport Invalid from './Invalid'\nimport ControlledInput from './ControlledInput'\n\nconst mdPath = 'Input'\n\nconst demoHeader = {\n    title: 'Input',\n    desc: 'Input component specifies an field where the user can enter data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `The most basic usage of Input.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for Input field.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Input.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Input can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'PasswordVisible',\n        mdPath: mdPath,\n        title: 'Password Visible',\n        desc: `Example of controlling the Input type via prefix icon.`,\n        component: <PasswordVisible />,\n    },\n    {\n        mdName: 'Textarea',\n        mdPath: mdPath,\n        title: 'Textarea',\n        desc: `Turn Input field to textarea by setting <code>textarea</code> prop to true.`,\n        component: <Textarea />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid',\n        desc: `Display Input as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n    {\n        mdName: 'ControlledInput',\n        mdPath: mdPath,\n        title: 'Controlled Input',\n        desc: `Controlled Input example.`,\n        component: <ControlledInput />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Input',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-blue-500 underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst Input = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Input\n"],"names":["mdPath","demoHeader","demos","Basic","Sizes","Disabled","Affix","PasswordVisible","Textarea","Invalid","ControlledInput","demoApi","Input","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/InputGroup/Addons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\n\nconst { Addon } = InputGroup\n\nconst Addons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Addon>@</Addon>\n                <Input />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>.exmaple.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Addon>http://</Addon>\n                <Input />\n                <Addon>.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>to</Addon>\n                <Input />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Addons\n"],"names":["Addon","InputGroup","Addons","jsxs","jsx","Input"],"mappings":";;;;AAGA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,IAAA,CAAC;AAAA,sBACPK,GAAA,CAAA,CAAM;AAAA,EAAA,GACX;AAAA,EACA,gBAAAF,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,eAAA,CAAY;AAAA,EAAA,GACvB;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,UAAA,CAAO;AAAA,sBACbK,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,OAAA,CAAI;AAAA,EAAA,GACf;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,KAAA,CAAE;AAAA,sBACRK,GAAA,CAAA,CAAM;AAAA,EAAA,EAAA,CACX;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/OtherCombination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { HiOutlineMicrophone } from 'react-icons/hi'\n\nconst { Addon } = InputGroup\n\nconst options1 = [\n    { value: '.com', label: '.com' },\n    { value: '.net', label: '.net' },\n    { value: '.io', label: '.io' },\n]\n\nconst options2 = [\n    { value: '12.00 AM', label: '12.00 AM' },\n    { value: '1.00 AM ', label: '1.00 AM' },\n    { value: '2.00 AM ', label: '2.00 AM' },\n    { value: '3.00 AM ', label: '3.00 AM' },\n    { value: '4.00 AM ', label: '4.00 AM' },\n    { value: '5.00 AM ', label: '5.00 AM' },\n    { value: '6.00 AM ', label: '6.00 AM' },\n    { value: '7.00 AM ', label: '7.00 AM' },\n    { value: '8.00 AM ', label: '8.00 AM' },\n    { value: '9.00 AM ', label: '9.00 AM' },\n    { value: '10.00 AM ', label: '10.00 AM' },\n    { value: '11.00 AM ', label: '11.00 AM' },\n    { value: '12.00 PM ', label: '12.00 PM' },\n    { value: '1.00 PM ', label: '1.00 PM' },\n    { value: '2.00 PM ', label: '2.00 PM' },\n    { value: '3.00 PM ', label: '3.00 PM' },\n    { value: '4.00 PM ', label: '4.00 PM' },\n    { value: '5.00 PM ', label: '5.00 PM' },\n    { value: '6.00 PM ', label: '6.00 PM' },\n    { value: '7.00 PM ', label: '7.00 PM' },\n    { value: '8.00 PM ', label: '8.00 PM' },\n    { value: '9.00 PM ', label: '9.00 PM' },\n    { value: '10.00 PM ', label: '10.00 PM' },\n    { value: '11.00 PM ', label: '11.00 PM' },\n]\n\nconst OtherCombination = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input\n                    prefix={\n                        <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\n                    }\n                />\n                <Button>Send</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Start Date\" />\n                <Addon>To</Addon>\n                <DatePicker placeholder=\"End Date\" />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <div style={{ minWidth: 120 }}>\n                    <Select\n                        isSearchable={false}\n                        defaultValue={{ label: '.com', value: '.com' }}\n                        options={options1}\n                    />\n                </div>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Select Date\" />\n                <div style={{ minWidth: 140 }}>\n                    <Select\n                        isSearchable={false}\n                        placeholder=\"Time\"\n                        options={options2}\n                    />\n                </div>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default OtherCombination\n"],"names":["Addon","InputGroup","options1","options2","OtherCombination","jsxs","jsx","Input","HiOutlineMicrophone","Button","DatePicker","Select"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/InputGroup/Sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <InputGroup size=\"sm\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n            <InputGroup size=\"lg\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","InputGroup","jsx","Input","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/WithButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\n\nconst WithButtons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button>Search</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Button\n                    variant=\"solid\"\n                    icon={<HiOutlineMicrophone className=\"text-xl\" />}\n                />\n                <Input placeholder=\"Input text to search\" />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default WithButtons\n"],"names":["WithButtons","jsxs","InputGroup","jsx","Input","Button","HiOutlineSearch","HiOutlineMicrophone"],"mappings":";;;;;;;AAKA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,IAC1C,gBAAAD,EAACE,KAAO,UAAA,SAAA,CAAM;AAAA,EAAA,GAClB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,sBACzCC,GAAA,EAAO,wBAAOC,GAAA,EAAgB,WAAU,WAAU,EAAA,CAAI;AAAA,EAAA,GAC3D;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAJ,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,EAAA,EAAA,CAC9C;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Addons from './Addons'\nimport WithButtons from './WithButtons'\nimport Sizes from './Sizes'\nimport OtherCombination from './OtherCombination'\n\nconst mdPath = 'InputGroup'\n\nconst demoHeader = {\n    title: 'InputGroup',\n    desc: 'Input groups allowed us to chain serveral input related components into a single row.',\n}\n\nconst demos = [\n    {\n        mdName: 'Addons',\n        mdPath: mdPath,\n        title: 'Addons',\n        desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\n        component: <Addons />,\n    },\n    {\n        mdName: 'WithButtons',\n        mdPath: mdPath,\n        title: 'With Buttons',\n        desc: `Button can also chain with Input.`,\n        component: <WithButtons />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'OtherCombination',\n        mdPath: mdPath,\n        title: 'Other Combination',\n        desc: `Example of different <code>InputGroup</code> combination.`,\n        component: <OtherCombination />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'InputGroup',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'InputGroup size',\n            },\n        ],\n    },\n    {\n        component: 'InputGroup.Addon',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Addon size',\n            },\n        ],\n    },\n]\n\nconst InputGroup = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default InputGroup\n"],"names":["mdPath","demoHeader","demos","Addons","WithButtons","Sizes","OtherCombination","demoApi","InputGroup","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,cAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;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,IACV;AAAA,EACJ;AAER,GAEMC,IAAa,wBACPC,GAAA,EAAW,QAAQR,GAAY,OAAAC,GAAc,KAAKK,GAAS;"}

package/dist/@ecme/views/ui-components/forms/Radio/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Color = () => {\n    return (\n        <div>\n            <Radio defaultChecked radioClass=\"text-green-500\">\n                Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group\n                    radioClass=\"text-yellow-500\"\n                    value={'Apple'}\n                    name=\"radioColorGroup\"\n                >\n                    <Radio radioClass=\"text-blue-600\" value={'Apple'}>\n                        Apple\n                    </Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":["Color","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,gBAAc,IAAC,YAAW,kBAAiB,UAAA,SAElD;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE;AAAA,IAACD,EAAM;AAAA,IAAN;AAAA,MACG,YAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAA,EAAM,YAAW,iBAAgB,OAAO,SAAS,UAAA,SAElD;AAAA,QACA,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,QAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClC,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Radio disabled className=\"mr-4\">\n                Disabled Radio\n            </Radio>\n            <Radio disabled checked>\n                Disabled Checked Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group disabled value={'Apple'}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,kBAEjC;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,SAAO,IAAC,UAAA,0BAExB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE,EAACD,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAO,SACzB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Group = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <Radio.Group value={value} onChange={onChange}>\n                <Radio value={'Apple'}>Apple</Radio>\n                <Radio value={'Banana'}>Banana</Radio>\n                <Radio value={'Cherry'}>Cherry</Radio>\n            </Radio.Group>\n        </div>\n    )\n}\n\nexport default Group\n"],"names":["Group","value","setValue","useState","onChange","val","jsxs","Radio","jsx"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAAA;AAGhB,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAAN,GAAc,UAAAG,GACvB,UAAA;AAAA,IAAA,gBAAAI,EAACD,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Radio/Simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Simple = () => {\n    return (\n        <div>\n            <Radio className=\"mr-4\" name=\"simpleRadioExample\">\n                Radio\n            </Radio>\n            <Radio defaultChecked name=\"simpleRadioExample\">\n                Checked Radio\n            </Radio>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","Radio"],"mappings":";;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QAAO,MAAK,sBAAqB,UAAA,SAElD;AAAA,oBACCA,GAAA,EAAM,gBAAc,IAAC,MAAK,sBAAqB,UAAA,gBAAA,CAEhD;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Vertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Vertical = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <div className=\"mt-4\">\n                <Radio.Group vertical value={value} onChange={onChange}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Vertical\n"],"names":["Vertical","value","setValue","useState","onChange","val","jsx","jsxs","Radio"],"mappings":";;;AAGA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAAA;AAGhB,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAAP,GAAc,UAAAG,GAChC,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,GACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Group from './Group'\nimport Disabled from './Disabled'\nimport Vertical from './Vertical'\nimport Color from './Color'\n\nconst mdPath = 'Radio'\n\nconst demoHeader = {\n    title: 'Radio',\n    desc: 'Radios let users choose a single option in a series of options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: ` Simple Radio example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Controlled radio group example`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `<code>Radio</code> & <code>Radio.Group</code> allow to <code>disabled</code> to prevent user execute click event.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Vertical',\n        mdPath: mdPath,\n        title: 'Vertical',\n        desc: `Radio list can display in vertical.`,\n        component: <Vertical />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `Radio & group able to apply custom css via <code>radioClass</code> prop.`,\n        component: <Color />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Radio',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is checked',\n            },\n            {\n                propName: 'radioClass',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Custom css for Radio',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is disabled',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Radio label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the Radio input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Radio value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Value of Radio',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Display Radio in vertical',\n            },\n        ],\n    },\n    {\n        component: 'Radio.Group',\n        api: [\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for all radio in the group, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: '-',\n                desc: 'Whether to disable all radios',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Name of radios under radio group',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(values: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Specify selected value of radios',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display list of radios in vertical',\n            },\n        ],\n    },\n]\n\nconst Radio = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Radio\n"],"names":["mdPath","demoHeader","demos","Simple","Group","Disabled","Vertical","Color","demoApi","Radio","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/Segment/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Basic.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Basic = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item value=\"center\">Center</Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAQ,wBAELC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}