@1money/component-ui 0.0.43 → 0.0.45

package/lib/index.d.ts

@@ -71,7 +71,7 @@ export type { PaginationProps, PaginationItem, PaginationPageItem, PaginationCon
 export type { ProgressProps, ProgressState, ProgressColor, ProgressPlacement, ProgressFormatContext, } from './components/Progress';
 export type { PopconfirmProps, PopconfirmPlacement, PopconfirmTrigger, PopconfirmActionContext, } from './components/Popconfirm';
 export type { RadioAlignment, RadioChangeEvent, RadioGroupDirection, RadioGroupProps, RadioOptionItem, RadioProps, RadioValueType, } from './components/Radio';
-export type { SelectMultipleValue, SelectOption, SelectOptionValue, SelectProps, SelectRenderOptionMeta, SelectRenderValueMeta, SelectSingleValue, SelectSize, SelectStatus, SelectValue, } from './components/Select';
+export type { SelectCustomPanelContext, SelectCustomProps, SelectCustomTriggerContext, SelectMultipleValue, SelectOption, SelectOptionValue, SelectProps, SelectRenderOptionMeta, SelectRenderValueMeta, SelectSingleValue, SelectSize, SelectStatus, SelectValue, } from './components/Select';
 export type { SegmentProps, SegmentItem } from './components/Segment';
 export type { SkeletonProps } from './components/Skeleton';
 export type { SliderProps } from './components/Slider';

package/lib/index.js

@@ -516,4 +516,4 @@ var _Typography = require("./components/Typography");
 var _Tooltip = require("./components/Tooltip");
 var _Trigger = require("./components/Trigger");
 var _Upload = require("./components/Upload");
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbIl9BY2NvcmRpb24iLCJyZXF1aXJlIiwiX0FsZXJ0IiwiX0J1dHRvbiIsIl9DYWxlbmRhciIsIl9DZWxsIiwiX0Nhcm91c2VsIiwiX0NoZWNrYm94IiwiX0NvYWNoTWFyayIsIl9Db3B5IiwiX0RpdmlkZXIiLCJfRW1wdHkiLCJfRmxleCIsIl9HcmlkIiwiX0ljb25zIiwiX0lucHV0IiwiX0RyYXdlciIsIl9Ecm9wZG93biIsIl9MaW5rIiwiX0RpYWxvZyIsIl9OYXZpZ2F0aW9uIiwiX05vdGlmaWNhdGlvbiIsIl9Qb3J0YWwiLCJfUHJvRm9ybSIsIl9QYWdpbmF0aW9uIiwiX1BvcGNvbmZpcm0iLCJfUHJvZ3Jlc3MiLCJfUmFkaW8iLCJfU2VsZWN0IiwiX1NlZ21lbnQiLCJfU2tlbGV0b24iLCJfU2xpZGVyIiwiX1NwYWNlIiwiX1NwaW5uZXIiLCJfU3RlcCIsIl9Td2l0Y2giLCJfVGFibGUiLCJfVmlydHVhbExpc3QiLCJfUmVzaXplT2JzZXJ2ZXIiLCJfVGFicyIsIl9UYWciLCJfVG91ciIsIl9UeXBvZ3JhcGh5IiwiX1Rvb2x0aXAiLCJfVHJpZ2dlciIsIl9VcGxvYWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsU0FBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksS0FBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssU0FBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sU0FBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sVUFBQSxHQUFBUCxPQUFBO0FBQ0EsSUFBQVEsS0FBQSxHQUFBUixPQUFBO0FBQ0EsSUFBQVMsUUFBQSxHQUFBVCxPQUFBO0FBQ0EsSUFBQVUsTUFBQSxHQUFBVixPQUFBO0FBQ0EsSUFBQVcsS0FBQSxHQUFBWCxPQUFBO0FBQ0EsSUFBQVksS0FBQSxHQUFBWixPQUFBO0FBQ0EsSUFBQWEsTUFBQSxHQUFBYixPQUFBO0FBQ0EsSUFBQWMsTUFBQSxHQUFBZCxPQUFBO0FBQ0EsSUFBQWUsT0FBQSxHQUFBZixPQUFBO0FBQ0EsSUFBQWdCLFNBQUEsR0FBQWhCLE9BQUE7QUFDQSxJQUFBaUIsS0FBQSxHQUFBakIsT0FBQTtBQUNBLElBQUFrQixPQUFBLEdBQUFsQixPQUFBO0FBQ0EsSUFBQW1CLFdBQUEsR0FBQW5CLE9BQUE7QUFDQSxJQUFBb0IsYUFBQSxHQUFBcEIsT0FBQTtBQUNBLElBQUFxQixPQUFBLEdBQUFyQixPQUFBO0FBR0EsSUFBQXNCLFFBQUEsR0FBQXRCLE9BQUE7QUF1QkEsSUFBQXVCLFdBQUEsR0FBQXZCLE9BQUE7QUFDQSxJQUFBd0IsV0FBQSxHQUFBeEIsT0FBQTtBQUNBLElBQUF5QixTQUFBLEdBQUF6QixPQUFBO0FBQ0EsSUFBQTBCLE1BQUEsR0FBQTFCLE9BQUE7QUFDQSxJQUFBMkIsT0FBQSxHQUFBM0IsT0FBQTtBQUNBLElBQUE0QixRQUFBLEdBQUE1QixPQUFBO0FBQ0EsSUFBQTZCLFNBQUEsR0FBQTdCLE9BQUE7QUFDQSxJQUFBOEIsT0FBQSxHQUFBOUIsT0FBQTtBQUNBLElBQUErQixNQUFBLEdBQUEvQixPQUFBO0FBQ0EsSUFBQWdDLFFBQUEsR0FBQWhDLE9BQUE7QUFDQSxJQUFBaUMsS0FBQSxHQUFBakMsT0FBQTtBQUNBLElBQUFrQyxPQUFBLEdBQUFsQyxPQUFBO0FBQ0EsSUFBQW1DLE1BQUEsR0FBQW5DLE9BQUE7QUFDQSxJQUFBb0MsWUFBQSxHQUFBcEMsT0FBQTtBQUNBLElBQUFxQyxlQUFBLEdBQUFyQyxPQUFBO0FBQ0EsSUFBQXNDLEtBQUEsR0FBQXRDLE9BQUE7QUFDQSxJQUFBdUMsSUFBQSxHQUFBdkMsT0FBQTtBQUNBLElBQUF3QyxLQUFBLEdBQUF4QyxPQUFBO0FBQ0EsSUFBQXlDLFdBQUEsR0FBQXpDLE9BQUE7QUFDQSxJQUFBMEMsUUFBQSxHQUFBMUMsT0FBQTtBQUNBLElBQUEyQyxRQUFBLEdBQUEzQyxPQUFBO0FBQ0EsSUFBQTRDLE9BQUEsR0FBQTVDLE9BQUEiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuL2NvbXBvbmVudHMvQWNjb3JkaW9uJztcbmV4cG9ydCB7IEFsZXJ0IH0gZnJvbSAnLi9jb21wb25lbnRzL0FsZXJ0JztcbmV4cG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nO1xuZXhwb3J0IHsgQ2FsZW5kYXIgfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FsZW5kYXInO1xuZXhwb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJztcbmV4cG9ydCB7IENhcm91c2VsIH0gZnJvbSAnLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmV4cG9ydCB7IENoZWNrYm94LCBDaGVja2JveEdyb3VwIH0gZnJvbSAnLi9jb21wb25lbnRzL0NoZWNrYm94JztcbmV4cG9ydCB7IENvYWNoTWFyayB9IGZyb20gJy4vY29tcG9uZW50cy9Db2FjaE1hcmsnO1xuZXhwb3J0IHsgQ29weSwgQ2xpcGJvYXJkIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvcHknO1xuZXhwb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vY29tcG9uZW50cy9EaXZpZGVyJztcbmV4cG9ydCB7IEVtcHR5IH0gZnJvbSAnLi9jb21wb25lbnRzL0VtcHR5JztcbmV4cG9ydCB7IEZsZXggfSBmcm9tICcuL2NvbXBvbmVudHMvRmxleCc7XG5leHBvcnQgeyBHcmlkLCBSb3csIENvbCB9IGZyb20gJy4vY29tcG9uZW50cy9HcmlkJztcbmV4cG9ydCB7IEljb25zLCBJY29uV3JhcHBlciwgSWNvbkhvdmVyIH0gZnJvbSAnLi9jb21wb25lbnRzL0ljb25zJztcbmV4cG9ydCB7IElucHV0IH0gZnJvbSAnLi9jb21wb25lbnRzL0lucHV0JztcbmV4cG9ydCB7IERyYXdlciB9IGZyb20gJy4vY29tcG9uZW50cy9EcmF3ZXInO1xuZXhwb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL2NvbXBvbmVudHMvRHJvcGRvd24nO1xuZXhwb3J0IHsgTGluayB9IGZyb20gJy4vY29tcG9uZW50cy9MaW5rJztcbmV4cG9ydCB7IERpYWxvZyB9IGZyb20gJy4vY29tcG9uZW50cy9EaWFsb2cnO1xuZXhwb3J0IHsgTmF2aWdhdGlvbiwgTmF2LCBOYXZpZ2F0aW9uU3RlcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9OYXZpZ2F0aW9uJztcbmV4cG9ydCB7IG5vdGlmaWNhdGlvbiB9IGZyb20gJy4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuZXhwb3J0IHtcbiAgUG9ydGFsLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUG9ydGFsJztcbmV4cG9ydCB7XG4gIFByb0Zvcm0sXG4gIFByb0Zvcm1JdGVtLFxuICBQcm9Gb3JtRGVwZW5kZW5jeSxcbiAgUHJvRm9ybUxpc3QsXG4gIFByb0Zvcm1Hcm91cCxcbiAgY3JlYXRlUHJvRm9ybUZpZWxkLFxuICBQcm9Gb3JtVGV4dCxcbiAgUHJvRm9ybVBhc3N3b3JkLFxuICBQcm9Gb3JtVGV4dEFyZWEsXG4gIFByb0Zvcm1DaGVja2JveCxcbiAgUHJvRm9ybUNoZWNrYm94R3JvdXAsXG4gIFByb0Zvcm1Td2l0Y2gsXG4gIFByb0Zvcm1TZWxlY3QsXG4gIFByb0Zvcm1SYWRpb0dyb3VwLFxuICBQcm9Gb3JtU2xpZGVyLFxuICBQcm9Gb3JtRGF0ZVBpY2tlcixcbiAgUHJvRm9ybVVwbG9hZCxcbiAgUHJvRm9ybUZpZWxkU2V0LFxuICBEaWFsb2dGb3JtLFxuICBEcmF3ZXJGb3JtLFxuICBRdWVyeUZpbHRlcixcbn0gZnJvbSAnLi9jb21wb25lbnRzL1Byb0Zvcm0nO1xuZXhwb3J0IHsgUGFnaW5hdGlvbiB9IGZyb20gJy4vY29tcG9uZW50cy9QYWdpbmF0aW9uJztcbmV4cG9ydCB7IFBvcGNvbmZpcm0gfSBmcm9tICcuL2NvbXBvbmVudHMvUG9wY29uZmlybSc7XG5leHBvcnQgeyBQcm9ncmVzcyB9IGZyb20gJy4vY29tcG9uZW50cy9Qcm9ncmVzcyc7XG5leHBvcnQgeyBSYWRpbywgUmFkaW9Hcm91cCB9IGZyb20gJy4vY29tcG9uZW50cy9SYWRpbyc7XG5leHBvcnQgeyBTZWxlY3QgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VsZWN0JztcbmV4cG9ydCB7IFNlZ21lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VnbWVudCc7XG5leHBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9Ta2VsZXRvbic7XG5leHBvcnQgeyBTbGlkZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvU2xpZGVyJztcbmV4cG9ydCB7IFNwYWNlIH0gZnJvbSAnLi9jb21wb25lbnRzL1NwYWNlJztcbmV4cG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvU3Bpbm5lcic7XG5leHBvcnQgeyBTdGVwIH0gZnJvbSAnLi9jb21wb25lbnRzL1N0ZXAnO1xuZXhwb3J0IHsgU3dpdGNoIH0gZnJvbSAnLi9jb21wb25lbnRzL1N3aXRjaCc7XG5leHBvcnQgeyBUYWJsZSwgVmlydHVhbFRhYmxlIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhYmxlJztcbmV4cG9ydCB7IFZpcnR1YWxMaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL1ZpcnR1YWxMaXN0JztcbmV4cG9ydCB7IFJlc2l6ZU9ic2VydmVyLCB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJy4vY29tcG9uZW50cy9SZXNpemVPYnNlcnZlcic7XG5leHBvcnQgeyBUYWJzIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhYnMnO1xuZXhwb3J0IHsgVGFnIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhZyc7XG5leHBvcnQgeyBUb3VyIH0gZnJvbSAnLi9jb21wb25lbnRzL1RvdXInO1xuZXhwb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmV4cG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuL2NvbXBvbmVudHMvVG9vbHRpcCc7XG5leHBvcnQgeyBUcmlnZ2VyIH0gZnJvbSAnLi9jb21wb25lbnRzL1RyaWdnZXInO1xuZXhwb3J0IHsgVXBsb2FkLCBVcGxvYWRGaWxlQmFyIH0gZnJvbSAnLi9jb21wb25lbnRzL1VwbG9hZCc7XG5leHBvcnQgeyB1c2VQYWdpbmF0aW9uIH0gZnJvbSAnLi9jb21wb25lbnRzL1BhZ2luYXRpb24nO1xuXG5leHBvcnQgdHlwZSB7IEFjY29yZGlvblByb3BzLCBBY2NvcmRpb25JdGVtIH0gZnJvbSAnLi9jb21wb25lbnRzL0FjY29yZGlvbic7XG5leHBvcnQgdHlwZSB7IEFsZXJ0UHJvcHMsIEFsZXJ0U3RhdHVzLCBBbGVydExpbmtDb25maWcgfSBmcm9tICcuL2NvbXBvbmVudHMvQWxlcnQnO1xuZXhwb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nO1xuZXhwb3J0IHR5cGUgeyBDYWxlbmRhclByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NhbGVuZGFyJztcbmV4cG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NlbGwnO1xuZXhwb3J0IHR5cGUgeyBDYXJvdXNlbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmV4cG9ydCB0eXBlIHtcbiAgQ2hlY2tib3hDaGFuZ2VFdmVudCxcbiAgQ2hlY2tib3hQcm9wcyxcbiAgQ2hlY2tib3hWYWx1ZVR5cGUsXG4gIENoZWNrYm94R3JvdXBQcm9wcyxcbiAgQ2hlY2tib3hHcm91cE9wdGlvbixcbn0gZnJvbSAnLi9jb21wb25lbnRzL0NoZWNrYm94JztcbmV4cG9ydCB0eXBlIHsgQ29hY2hNYXJrUHJvcHMsIENvYWNoTWFya1BsYWNlbWVudCwgQ29hY2hNYXJrU3RlcCwgQ29hY2hNYXJrTGFiZWxzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvYWNoTWFyayc7XG5leHBvcnQgdHlwZSB7IENvcHlQcm9wcywgQ2xpcGJvYXJkUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29weSc7XG5leHBvcnQgdHlwZSB7IERpdmlkZXJQcm9wcywgRGl2aWRlclR5cGUsIERpdmlkZXJPcmllbnRhdGlvbiwgRGl2aWRlclZhcmlhbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvRGl2aWRlcic7XG5leHBvcnQgdHlwZSB7IEVtcHR5UHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvRW1wdHknO1xuZXhwb3J0IHR5cGUgeyBGbGV4UHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvRmxleCc7XG4vLyBGb3JtLXJlbGF0ZWQgdHlwZXMgKGZvcm1lcmx5IGZyb20gLi9jb21wb25lbnRzL0Zvcm0pIGFyZSBub3cgZXhwb3NlZCB2aWEgUHJvRm9ybVxuZXhwb3J0IHR5cGUge1xuICBGb3JtSW5zdGFuY2UsXG4gIEZvcm1Db3JlSW5zdGFuY2UsXG4gIEZvcm1MYXlvdXQsXG4gIEZvcm1TaXplLFxuICBMYWJlbEFsaWduLFxuICBWYWxpZGF0ZVN0YXR1cyxcbiAgVmFsaWRhdGVUcmlnZ2VyLFxuICBSdWxlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUHJvRm9ybSc7XG5leHBvcnQgdHlwZSB7IEdyaWRSb3dQcm9wcywgR3JpZENvbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0dyaWQnO1xuZXhwb3J0IHR5cGUge1xuICBJY29uTmFtZSxcbiAgSWNvbnNQcm9wcyxcbiAgSWNvbldyYXBwZXJQcm9wcyxcbiAgSWNvbkhvdmVyUHJvcHMsXG4gIFNvcnRJY29uU3RhdHVzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvSWNvbnMnO1xuZXhwb3J0IHR5cGUge1xuICBJbnB1dFByb3BzLFxuICBJbnB1dFBhc3N3b3JkUHJvcHMsXG4gIElucHV0U2VhcmNoUHJvcHMsXG4gIElucHV0VGV4dEFyZWFQcm9wcyxcbiAgSW5wdXRPVFBQcm9wcyxcbiAgSW5wdXRUcmFkZVByb3BzLFxuICBJbnB1dEFtb3VudFByb3BzLFxuICBJbnB1dFNpemUsXG4gIElucHV0U3RhdHVzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvSW5wdXQnO1xuZXhwb3J0IHR5cGUgeyBEcmF3ZXJQcm9wcywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL0RyYXdlcic7XG5leHBvcnQgdHlwZSB7XG4gIERyb3Bkb3duUHJvcHMsXG4gIERyb3Bkb3duQ29udGVudCxcbiAgRHJvcGRvd25Db250ZW50Q29udGV4dCxcbiAgRHJvcGRvd25UcmlnZ2VyLFxufSBmcm9tICcuL2NvbXBvbmVudHMvRHJvcGRvd24nO1xuZXhwb3J0IHR5cGUgeyBMaW5rUHJvcHMsIExpbmtDb2xvciwgTGlua1NpemUgfSBmcm9tICcuL2NvbXBvbmVudHMvTGluayc7XG5leHBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBEaWFsb2dTaXplLCBEaWFsb2dGb290ZXJSZW5kZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvRGlhbG9nJztcbmV4cG9ydCB0eXBlIHtcbiAgTmF2aWdhdGlvblByb3BzLFxuICBOYXZpZ2F0aW9uSXRlbSxcbiAgTmF2aWdhdGlvbkhhbmRsZXJzLFxuICBOYXZQcm9wcyxcbiAgTmF2SXRlbSxcbiAgTmF2aWdhdGlvblN0ZXBwZXJQcm9wcyxcbiAgTmF2aWdhdGlvblN0ZXBwZXJTdGVwLFxuICBOYXZpZ2F0aW9uU3RlcHBlclN0ZXBTdGF0dXMsXG59IGZyb20gJy4vY29tcG9uZW50cy9OYXZpZ2F0aW9uJztcbmV4cG9ydCB0eXBlIHtcbiAgTm90aWZpY2F0aW9uTGlua0NvbmZpZyxcbiAgTm90aWZpY2F0aW9uU3RhdHVzLFxuICBOb3RpZmljYXRpb25QbGFjZW1lbnQsXG4gIE5vdGlmaWNhdGlvbktleSxcbiAgTm90aWZpY2F0aW9uT3BlbkNvbmZpZyxcbiAgTm90aWZpY2F0aW9uU3RhdGljQ29uZmlnLFxuICBOb3RpZmljYXRpb25TdGF0aWNBcGksXG59IGZyb20gJy4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuZXhwb3J0IHR5cGUgeyBQb3J0YWxQcm9wcywgUG9ydGFsQ29udGFpbmVyIH0gZnJvbSAnLi9jb21wb25lbnRzL1BvcnRhbCc7XG5leHBvcnQgdHlwZSB7XG4gIFBhZ2luYXRpb25Qcm9wcyxcbiAgUGFnaW5hdGlvbkl0ZW0sXG4gIFBhZ2luYXRpb25QYWdlSXRlbSxcbiAgUGFnaW5hdGlvbkNvbnRyb2xJdGVtLFxuICBQYWdpbmF0aW9uRWxsaXBzaXNJdGVtLFxuICBVc2VQYWdpbmF0aW9uT3B0aW9ucyxcbiAgVXNlUGFnaW5hdGlvblJlc3VsdCxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1BhZ2luYXRpb24nO1xuZXhwb3J0IHR5cGUge1xuICBQcm9ncmVzc1Byb3BzLFxuICBQcm9ncmVzc1N0YXRlLFxuICBQcm9ncmVzc0NvbG9yLFxuICBQcm9ncmVzc1BsYWNlbWVudCxcbiAgUHJvZ3Jlc3NGb3JtYXRDb250ZXh0LFxufSBmcm9tICcuL2NvbXBvbmVudHMvUHJvZ3Jlc3MnO1xuZXhwb3J0IHR5cGUge1xuICBQb3Bjb25maXJtUHJvcHMsXG4gIFBvcGNvbmZpcm1QbGFjZW1lbnQsXG4gIFBvcGNvbmZpcm1UcmlnZ2VyLFxuICBQb3Bjb25maXJtQWN0aW9uQ29udGV4dCxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1BvcGNvbmZpcm0nO1xuZXhwb3J0IHR5cGUge1xuICBSYWRpb0FsaWdubWVudCxcbiAgUmFkaW9DaGFuZ2VFdmVudCxcbiAgUmFkaW9Hcm91cERpcmVjdGlvbixcbiAgUmFkaW9Hcm91cFByb3BzLFxuICBSYWRpb09wdGlvbkl0ZW0sXG4gIFJhZGlvUHJvcHMsXG4gIFJhZGlvVmFsdWVUeXBlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUmFkaW8nO1xuZXhwb3J0IHR5cGUge1xuICBTZWxlY3RNdWx0aXBsZVZhbHVlLFxuICBTZWxlY3RPcHRpb24sXG4gIFNlbGVjdE9wdGlvblZhbHVlLFxuICBTZWxlY3RQcm9wcyxcbiAgU2VsZWN0UmVuZGVyT3B0aW9uTWV0YSxcbiAgU2VsZWN0UmVuZGVyVmFsdWVNZXRhLFxuICBTZWxlY3RTaW5nbGVWYWx1ZSxcbiAgU2VsZWN0U2l6ZSxcbiAgU2VsZWN0U3RhdHVzLFxuICBTZWxlY3RWYWx1ZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdCc7XG5leHBvcnQgdHlwZSB7IFNlZ21lbnRQcm9wcywgU2VnbWVudEl0ZW0gfSBmcm9tICcuL2NvbXBvbmVudHMvU2VnbWVudCc7XG5leHBvcnQgdHlwZSB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvU2tlbGV0b24nO1xuZXhwb3J0IHR5cGUgeyBTbGlkZXJQcm9wcyB9IGZyb20gJy4vY29tcG9uZW50cy9TbGlkZXInO1xuZXhwb3J0IHR5cGUgeyBTcGFjZVByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL1NwYWNlJztcbmV4cG9ydCB0eXBlIHsgU3Bpbm5lclByb3BzLCBTcGlubmVyVHlwZSB9IGZyb20gJy4vY29tcG9uZW50cy9TcGlubmVyJztcbmV4cG9ydCB0eXBlIHsgU3RlcFByb3BzLCBTdGVwSXRlbSwgU3RlcFN0YXR1cywgU3RlcFRhZ0NvbmZpZyB9IGZyb20gJy4vY29tcG9uZW50cy9TdGVwJztcbmV4cG9ydCB0eXBlIHsgU3dpdGNoUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvU3dpdGNoJztcbmV4cG9ydCB0eXBlIHtcbiAgVGFibGVQcm9wcyxcbiAgVmlydHVhbFRhYmxlUHJvcHMsXG4gIFRhYmxlQ29sdW1uLFxuICBUYWJsZUNoYW5nZU1ldGEsXG4gIFRhYmxlUGFnaW5hdGlvbkNvbmZpZyxcbiAgVGFibGVSb3dTZWxlY3Rpb24sXG4gIFRhYmxlRXhwYW5kYWJsZUNvbmZpZyxcbiAgVGFibGVSZWYsXG59IGZyb20gJy4vY29tcG9uZW50cy9UYWJsZSc7XG5leHBvcnQgdHlwZSB7IFRhYnNQcm9wcywgVGFiSXRlbSB9IGZyb20gJy4vY29tcG9uZW50cy9UYWJzJztcbmV4cG9ydCB0eXBlIHsgVGFnUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvVGFnJztcbmV4cG9ydCB0eXBlIHtcbiAgTGlzdFJlZiBhcyBWaXJ0dWFsTGlzdFJlZixcbiAgTGlzdFByb3BzIGFzIFZpcnR1YWxMaXN0UHJvcHMsXG4gIFNjcm9sbEluZm8gYXMgVmlydHVhbExpc3RTY3JvbGxJbmZvLFxufSBmcm9tICcuL2NvbXBvbmVudHMvVmlydHVhbExpc3QnO1xuZXhwb3J0IHR5cGUge1xuICBSZXNpemVPYnNlcnZlclByb3BzLFxuICBTaXplSW5mbyBhcyBSZXNpemVPYnNlcnZlclNpemVJbmZvLFxuICBPblJlc2l6ZSBhcyBSZXNpemVPYnNlcnZlck9uUmVzaXplLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUmVzaXplT2JzZXJ2ZXInO1xuZXhwb3J0IHR5cGUge1xuICBUeXBvZ3JhcGh5Qm9keVByb3BzLFxuICBUeXBvZ3JhcGh5Q29weWFibGVDb25maWcsXG4gIFR5cG9ncmFwaHlCb2R5U2l6ZSxcbiAgVHlwb2dyYXBoeURpc3BsYXlQcm9wcyxcbiAgVHlwb2dyYXBoeURpc3BsYXlTaXplLFxuICBUeXBvZ3JhcGh5RWxsaXBzaXNDb25maWcsXG4gIFR5cG9ncmFwaHlIZWFkbGluZVByb3BzLFxuICBUeXBvZ3JhcGh5SGVhZGxpbmVTaXplLFxuICBUeXBvZ3JhcGh5TGFiZWxQcm9wcyxcbiAgVHlwb2dyYXBoeUxhYmVsU2l6ZSxcbiAgVHlwb2dyYXBoeUxpbmtQcm9wcyxcbiAgVHlwb2dyYXBoeUxpbmtTaXplLFxuICBUeXBvZ3JhcGh5VGl0bGVQcm9wcyxcbiAgVHlwb2dyYXBoeVRpdGxlU2l6ZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1R5cG9ncmFwaHknO1xuZXhwb3J0IHR5cGUgeyBUb3VyUHJvcHMsIFRvdXJTdGVwIH0gZnJvbSAnLi9jb21wb25lbnRzL1RvdXInO1xuZXhwb3J0IHR5cGUgeyBUb29sdGlwUHJvcHMsIFRvb2x0aXBQbGFjZW1lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvVG9vbHRpcCc7XG5leHBvcnQgdHlwZSB7XG4gIFRyaWdnZXJQcm9wcyxcbiAgVHJpZ2dlckFjdGlvbixcbiAgVHJpZ2dlckNvbnRlbnQsXG4gIFRyaWdnZXJDb250ZW50Q29udGV4dCxcbiAgVHJpZ2dlclJvbGUsXG59IGZyb20gJy4vY29tcG9uZW50cy9UcmlnZ2VyJztcbmV4cG9ydCB0eXBlIHtcbiAgVXBsb2FkUHJvcHMsXG4gIFVwbG9hZEZpbGVCYXJQcm9wcyxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1VwbG9hZCc7XG5leHBvcnQgdHlwZSB7XG4gIFByb0Zvcm1Qcm9wcyxcbiAgUHJvRm9ybUl0ZW1Qcm9wcyxcbiAgUHJvRm9ybUZpZWxkUHJvcHMsXG4gIFByb0Zvcm1Db250ZXh0VmFsdWUsXG4gIFByb0Zvcm1Gb3JtSW5zdGFuY2UsXG4gIFByb0Zvcm1Nb2RlLFxuICBQcm9Gb3JtQ29sUHJvcHMsXG4gIFByb0Zvcm1WYWx1ZVR5cGUsXG4gIFByb0Zvcm1GaWVsZFRyYW5zZm9ybUZuLFxuICBQcm9Gb3JtRmllbGRDb252ZXJ0VmFsdWVGbixcbiAgUHJvRm9ybVZhbHVlRW51bU9iaixcbiAgUHJvRm9ybVJlcXVlc3RPcHRpb24sXG4gIFByb0Zvcm1GaWVsZFNldFByb3BzLFxuICBQcm9Gb3JtR3JvdXBQcm9wcyxcbiAgU3VibWl0dGVyUHJvcHMsXG4gIFByb0Zvcm1EZXBlbmRlbmN5UHJvcHMsXG4gIFByb0Zvcm1MaXN0UHJvcHMsXG4gIFByb0Zvcm1MaXN0QWN0aW9uLFxuICBEaWFsb2dGb3JtUHJvcHMsXG4gIERyYXdlckZvcm1Qcm9wcyxcbiAgUXVlcnlGaWx0ZXJQcm9wcyxcbiAgQ3JlYXRlUHJvRm9ybUZpZWxkQ29uZmlnLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUHJvRm9ybSc7XG4iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sIm5hbWVzIjpbIl9BY2NvcmRpb24iLCJyZXF1aXJlIiwiX0FsZXJ0IiwiX0J1dHRvbiIsIl9DYWxlbmRhciIsIl9DZWxsIiwiX0Nhcm91c2VsIiwiX0NoZWNrYm94IiwiX0NvYWNoTWFyayIsIl9Db3B5IiwiX0RpdmlkZXIiLCJfRW1wdHkiLCJfRmxleCIsIl9HcmlkIiwiX0ljb25zIiwiX0lucHV0IiwiX0RyYXdlciIsIl9Ecm9wZG93biIsIl9MaW5rIiwiX0RpYWxvZyIsIl9OYXZpZ2F0aW9uIiwiX05vdGlmaWNhdGlvbiIsIl9Qb3J0YWwiLCJfUHJvRm9ybSIsIl9QYWdpbmF0aW9uIiwiX1BvcGNvbmZpcm0iLCJfUHJvZ3Jlc3MiLCJfUmFkaW8iLCJfU2VsZWN0IiwiX1NlZ21lbnQiLCJfU2tlbGV0b24iLCJfU2xpZGVyIiwiX1NwYWNlIiwiX1NwaW5uZXIiLCJfU3RlcCIsIl9Td2l0Y2giLCJfVGFibGUiLCJfVmlydHVhbExpc3QiLCJfUmVzaXplT2JzZXJ2ZXIiLCJfVGFicyIsIl9UYWciLCJfVG91ciIsIl9UeXBvZ3JhcGh5IiwiX1Rvb2x0aXAiLCJfVHJpZ2dlciIsIl9VcGxvYWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsU0FBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksS0FBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssU0FBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sU0FBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sVUFBQSxHQUFBUCxPQUFBO0FBQ0EsSUFBQVEsS0FBQSxHQUFBUixPQUFBO0FBQ0EsSUFBQVMsUUFBQSxHQUFBVCxPQUFBO0FBQ0EsSUFBQVUsTUFBQSxHQUFBVixPQUFBO0FBQ0EsSUFBQVcsS0FBQSxHQUFBWCxPQUFBO0FBQ0EsSUFBQVksS0FBQSxHQUFBWixPQUFBO0FBQ0EsSUFBQWEsTUFBQSxHQUFBYixPQUFBO0FBQ0EsSUFBQWMsTUFBQSxHQUFBZCxPQUFBO0FBQ0EsSUFBQWUsT0FBQSxHQUFBZixPQUFBO0FBQ0EsSUFBQWdCLFNBQUEsR0FBQWhCLE9BQUE7QUFDQSxJQUFBaUIsS0FBQSxHQUFBakIsT0FBQTtBQUNBLElBQUFrQixPQUFBLEdBQUFsQixPQUFBO0FBQ0EsSUFBQW1CLFdBQUEsR0FBQW5CLE9BQUE7QUFDQSxJQUFBb0IsYUFBQSxHQUFBcEIsT0FBQTtBQUNBLElBQUFxQixPQUFBLEdBQUFyQixPQUFBO0FBR0EsSUFBQXNCLFFBQUEsR0FBQXRCLE9BQUE7QUF1QkEsSUFBQXVCLFdBQUEsR0FBQXZCLE9BQUE7QUFDQSxJQUFBd0IsV0FBQSxHQUFBeEIsT0FBQTtBQUNBLElBQUF5QixTQUFBLEdBQUF6QixPQUFBO0FBQ0EsSUFBQTBCLE1BQUEsR0FBQTFCLE9BQUE7QUFDQSxJQUFBMkIsT0FBQSxHQUFBM0IsT0FBQTtBQUNBLElBQUE0QixRQUFBLEdBQUE1QixPQUFBO0FBQ0EsSUFBQTZCLFNBQUEsR0FBQTdCLE9BQUE7QUFDQSxJQUFBOEIsT0FBQSxHQUFBOUIsT0FBQTtBQUNBLElBQUErQixNQUFBLEdBQUEvQixPQUFBO0FBQ0EsSUFBQWdDLFFBQUEsR0FBQWhDLE9BQUE7QUFDQSxJQUFBaUMsS0FBQSxHQUFBakMsT0FBQTtBQUNBLElBQUFrQyxPQUFBLEdBQUFsQyxPQUFBO0FBQ0EsSUFBQW1DLE1BQUEsR0FBQW5DLE9BQUE7QUFDQSxJQUFBb0MsWUFBQSxHQUFBcEMsT0FBQTtBQUNBLElBQUFxQyxlQUFBLEdBQUFyQyxPQUFBO0FBQ0EsSUFBQXNDLEtBQUEsR0FBQXRDLE9BQUE7QUFDQSxJQUFBdUMsSUFBQSxHQUFBdkMsT0FBQTtBQUNBLElBQUF3QyxLQUFBLEdBQUF4QyxPQUFBO0FBQ0EsSUFBQXlDLFdBQUEsR0FBQXpDLE9BQUE7QUFDQSxJQUFBMEMsUUFBQSxHQUFBMUMsT0FBQTtBQUNBLElBQUEyQyxRQUFBLEdBQUEzQyxPQUFBO0FBQ0EsSUFBQTRDLE9BQUEsR0FBQTVDLE9BQUEiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuL2NvbXBvbmVudHMvQWNjb3JkaW9uJztcbmV4cG9ydCB7IEFsZXJ0IH0gZnJvbSAnLi9jb21wb25lbnRzL0FsZXJ0JztcbmV4cG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nO1xuZXhwb3J0IHsgQ2FsZW5kYXIgfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FsZW5kYXInO1xuZXhwb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJztcbmV4cG9ydCB7IENhcm91c2VsIH0gZnJvbSAnLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmV4cG9ydCB7IENoZWNrYm94LCBDaGVja2JveEdyb3VwIH0gZnJvbSAnLi9jb21wb25lbnRzL0NoZWNrYm94JztcbmV4cG9ydCB7IENvYWNoTWFyayB9IGZyb20gJy4vY29tcG9uZW50cy9Db2FjaE1hcmsnO1xuZXhwb3J0IHsgQ29weSwgQ2xpcGJvYXJkIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvcHknO1xuZXhwb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vY29tcG9uZW50cy9EaXZpZGVyJztcbmV4cG9ydCB7IEVtcHR5IH0gZnJvbSAnLi9jb21wb25lbnRzL0VtcHR5JztcbmV4cG9ydCB7IEZsZXggfSBmcm9tICcuL2NvbXBvbmVudHMvRmxleCc7XG5leHBvcnQgeyBHcmlkLCBSb3csIENvbCB9IGZyb20gJy4vY29tcG9uZW50cy9HcmlkJztcbmV4cG9ydCB7IEljb25zLCBJY29uV3JhcHBlciwgSWNvbkhvdmVyIH0gZnJvbSAnLi9jb21wb25lbnRzL0ljb25zJztcbmV4cG9ydCB7IElucHV0IH0gZnJvbSAnLi9jb21wb25lbnRzL0lucHV0JztcbmV4cG9ydCB7IERyYXdlciB9IGZyb20gJy4vY29tcG9uZW50cy9EcmF3ZXInO1xuZXhwb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL2NvbXBvbmVudHMvRHJvcGRvd24nO1xuZXhwb3J0IHsgTGluayB9IGZyb20gJy4vY29tcG9uZW50cy9MaW5rJztcbmV4cG9ydCB7IERpYWxvZyB9IGZyb20gJy4vY29tcG9uZW50cy9EaWFsb2cnO1xuZXhwb3J0IHsgTmF2aWdhdGlvbiwgTmF2LCBOYXZpZ2F0aW9uU3RlcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9OYXZpZ2F0aW9uJztcbmV4cG9ydCB7IG5vdGlmaWNhdGlvbiB9IGZyb20gJy4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuZXhwb3J0IHtcbiAgUG9ydGFsLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUG9ydGFsJztcbmV4cG9ydCB7XG4gIFByb0Zvcm0sXG4gIFByb0Zvcm1JdGVtLFxuICBQcm9Gb3JtRGVwZW5kZW5jeSxcbiAgUHJvRm9ybUxpc3QsXG4gIFByb0Zvcm1Hcm91cCxcbiAgY3JlYXRlUHJvRm9ybUZpZWxkLFxuICBQcm9Gb3JtVGV4dCxcbiAgUHJvRm9ybVBhc3N3b3JkLFxuICBQcm9Gb3JtVGV4dEFyZWEsXG4gIFByb0Zvcm1DaGVja2JveCxcbiAgUHJvRm9ybUNoZWNrYm94R3JvdXAsXG4gIFByb0Zvcm1Td2l0Y2gsXG4gIFByb0Zvcm1TZWxlY3QsXG4gIFByb0Zvcm1SYWRpb0dyb3VwLFxuICBQcm9Gb3JtU2xpZGVyLFxuICBQcm9Gb3JtRGF0ZVBpY2tlcixcbiAgUHJvRm9ybVVwbG9hZCxcbiAgUHJvRm9ybUZpZWxkU2V0LFxuICBEaWFsb2dGb3JtLFxuICBEcmF3ZXJGb3JtLFxuICBRdWVyeUZpbHRlcixcbn0gZnJvbSAnLi9jb21wb25lbnRzL1Byb0Zvcm0nO1xuZXhwb3J0IHsgUGFnaW5hdGlvbiB9IGZyb20gJy4vY29tcG9uZW50cy9QYWdpbmF0aW9uJztcbmV4cG9ydCB7IFBvcGNvbmZpcm0gfSBmcm9tICcuL2NvbXBvbmVudHMvUG9wY29uZmlybSc7XG5leHBvcnQgeyBQcm9ncmVzcyB9IGZyb20gJy4vY29tcG9uZW50cy9Qcm9ncmVzcyc7XG5leHBvcnQgeyBSYWRpbywgUmFkaW9Hcm91cCB9IGZyb20gJy4vY29tcG9uZW50cy9SYWRpbyc7XG5leHBvcnQgeyBTZWxlY3QgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VsZWN0JztcbmV4cG9ydCB7IFNlZ21lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VnbWVudCc7XG5leHBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9Ta2VsZXRvbic7XG5leHBvcnQgeyBTbGlkZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvU2xpZGVyJztcbmV4cG9ydCB7IFNwYWNlIH0gZnJvbSAnLi9jb21wb25lbnRzL1NwYWNlJztcbmV4cG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvU3Bpbm5lcic7XG5leHBvcnQgeyBTdGVwIH0gZnJvbSAnLi9jb21wb25lbnRzL1N0ZXAnO1xuZXhwb3J0IHsgU3dpdGNoIH0gZnJvbSAnLi9jb21wb25lbnRzL1N3aXRjaCc7XG5leHBvcnQgeyBUYWJsZSwgVmlydHVhbFRhYmxlIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhYmxlJztcbmV4cG9ydCB7IFZpcnR1YWxMaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL1ZpcnR1YWxMaXN0JztcbmV4cG9ydCB7IFJlc2l6ZU9ic2VydmVyLCB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJy4vY29tcG9uZW50cy9SZXNpemVPYnNlcnZlcic7XG5leHBvcnQgeyBUYWJzIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhYnMnO1xuZXhwb3J0IHsgVGFnIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhZyc7XG5leHBvcnQgeyBUb3VyIH0gZnJvbSAnLi9jb21wb25lbnRzL1RvdXInO1xuZXhwb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmV4cG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuL2NvbXBvbmVudHMvVG9vbHRpcCc7XG5leHBvcnQgeyBUcmlnZ2VyIH0gZnJvbSAnLi9jb21wb25lbnRzL1RyaWdnZXInO1xuZXhwb3J0IHsgVXBsb2FkLCBVcGxvYWRGaWxlQmFyIH0gZnJvbSAnLi9jb21wb25lbnRzL1VwbG9hZCc7XG5leHBvcnQgeyB1c2VQYWdpbmF0aW9uIH0gZnJvbSAnLi9jb21wb25lbnRzL1BhZ2luYXRpb24nO1xuXG5leHBvcnQgdHlwZSB7IEFjY29yZGlvblByb3BzLCBBY2NvcmRpb25JdGVtIH0gZnJvbSAnLi9jb21wb25lbnRzL0FjY29yZGlvbic7XG5leHBvcnQgdHlwZSB7IEFsZXJ0UHJvcHMsIEFsZXJ0U3RhdHVzLCBBbGVydExpbmtDb25maWcgfSBmcm9tICcuL2NvbXBvbmVudHMvQWxlcnQnO1xuZXhwb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nO1xuZXhwb3J0IHR5cGUgeyBDYWxlbmRhclByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NhbGVuZGFyJztcbmV4cG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NlbGwnO1xuZXhwb3J0IHR5cGUgeyBDYXJvdXNlbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmV4cG9ydCB0eXBlIHtcbiAgQ2hlY2tib3hDaGFuZ2VFdmVudCxcbiAgQ2hlY2tib3hQcm9wcyxcbiAgQ2hlY2tib3hWYWx1ZVR5cGUsXG4gIENoZWNrYm94R3JvdXBQcm9wcyxcbiAgQ2hlY2tib3hHcm91cE9wdGlvbixcbn0gZnJvbSAnLi9jb21wb25lbnRzL0NoZWNrYm94JztcbmV4cG9ydCB0eXBlIHsgQ29hY2hNYXJrUHJvcHMsIENvYWNoTWFya1BsYWNlbWVudCwgQ29hY2hNYXJrU3RlcCwgQ29hY2hNYXJrTGFiZWxzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvYWNoTWFyayc7XG5leHBvcnQgdHlwZSB7IENvcHlQcm9wcywgQ2xpcGJvYXJkUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29weSc7XG5leHBvcnQgdHlwZSB7IERpdmlkZXJQcm9wcywgRGl2aWRlclR5cGUsIERpdmlkZXJPcmllbnRhdGlvbiwgRGl2aWRlclZhcmlhbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvRGl2aWRlcic7XG5leHBvcnQgdHlwZSB7IEVtcHR5UHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvRW1wdHknO1xuZXhwb3J0IHR5cGUgeyBGbGV4UHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvRmxleCc7XG4vLyBGb3JtLXJlbGF0ZWQgdHlwZXMgKGZvcm1lcmx5IGZyb20gLi9jb21wb25lbnRzL0Zvcm0pIGFyZSBub3cgZXhwb3NlZCB2aWEgUHJvRm9ybVxuZXhwb3J0IHR5cGUge1xuICBGb3JtSW5zdGFuY2UsXG4gIEZvcm1Db3JlSW5zdGFuY2UsXG4gIEZvcm1MYXlvdXQsXG4gIEZvcm1TaXplLFxuICBMYWJlbEFsaWduLFxuICBWYWxpZGF0ZVN0YXR1cyxcbiAgVmFsaWRhdGVUcmlnZ2VyLFxuICBSdWxlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUHJvRm9ybSc7XG5leHBvcnQgdHlwZSB7IEdyaWRSb3dQcm9wcywgR3JpZENvbFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL0dyaWQnO1xuZXhwb3J0IHR5cGUge1xuICBJY29uTmFtZSxcbiAgSWNvbnNQcm9wcyxcbiAgSWNvbldyYXBwZXJQcm9wcyxcbiAgSWNvbkhvdmVyUHJvcHMsXG4gIFNvcnRJY29uU3RhdHVzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvSWNvbnMnO1xuZXhwb3J0IHR5cGUge1xuICBJbnB1dFByb3BzLFxuICBJbnB1dFBhc3N3b3JkUHJvcHMsXG4gIElucHV0U2VhcmNoUHJvcHMsXG4gIElucHV0VGV4dEFyZWFQcm9wcyxcbiAgSW5wdXRPVFBQcm9wcyxcbiAgSW5wdXRUcmFkZVByb3BzLFxuICBJbnB1dEFtb3VudFByb3BzLFxuICBJbnB1dFNpemUsXG4gIElucHV0U3RhdHVzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvSW5wdXQnO1xuZXhwb3J0IHR5cGUgeyBEcmF3ZXJQcm9wcywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL0RyYXdlcic7XG5leHBvcnQgdHlwZSB7XG4gIERyb3Bkb3duUHJvcHMsXG4gIERyb3Bkb3duQ29udGVudCxcbiAgRHJvcGRvd25Db250ZW50Q29udGV4dCxcbiAgRHJvcGRvd25UcmlnZ2VyLFxufSBmcm9tICcuL2NvbXBvbmVudHMvRHJvcGRvd24nO1xuZXhwb3J0IHR5cGUgeyBMaW5rUHJvcHMsIExpbmtDb2xvciwgTGlua1NpemUgfSBmcm9tICcuL2NvbXBvbmVudHMvTGluayc7XG5leHBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBEaWFsb2dTaXplLCBEaWFsb2dGb290ZXJSZW5kZXIgfSBmcm9tICcuL2NvbXBvbmVudHMvRGlhbG9nJztcbmV4cG9ydCB0eXBlIHtcbiAgTmF2aWdhdGlvblByb3BzLFxuICBOYXZpZ2F0aW9uSXRlbSxcbiAgTmF2aWdhdGlvbkhhbmRsZXJzLFxuICBOYXZQcm9wcyxcbiAgTmF2SXRlbSxcbiAgTmF2aWdhdGlvblN0ZXBwZXJQcm9wcyxcbiAgTmF2aWdhdGlvblN0ZXBwZXJTdGVwLFxuICBOYXZpZ2F0aW9uU3RlcHBlclN0ZXBTdGF0dXMsXG59IGZyb20gJy4vY29tcG9uZW50cy9OYXZpZ2F0aW9uJztcbmV4cG9ydCB0eXBlIHtcbiAgTm90aWZpY2F0aW9uTGlua0NvbmZpZyxcbiAgTm90aWZpY2F0aW9uU3RhdHVzLFxuICBOb3RpZmljYXRpb25QbGFjZW1lbnQsXG4gIE5vdGlmaWNhdGlvbktleSxcbiAgTm90aWZpY2F0aW9uT3BlbkNvbmZpZyxcbiAgTm90aWZpY2F0aW9uU3RhdGljQ29uZmlnLFxuICBOb3RpZmljYXRpb25TdGF0aWNBcGksXG59IGZyb20gJy4vY29tcG9uZW50cy9Ob3RpZmljYXRpb24nO1xuZXhwb3J0IHR5cGUgeyBQb3J0YWxQcm9wcywgUG9ydGFsQ29udGFpbmVyIH0gZnJvbSAnLi9jb21wb25lbnRzL1BvcnRhbCc7XG5leHBvcnQgdHlwZSB7XG4gIFBhZ2luYXRpb25Qcm9wcyxcbiAgUGFnaW5hdGlvbkl0ZW0sXG4gIFBhZ2luYXRpb25QYWdlSXRlbSxcbiAgUGFnaW5hdGlvbkNvbnRyb2xJdGVtLFxuICBQYWdpbmF0aW9uRWxsaXBzaXNJdGVtLFxuICBVc2VQYWdpbmF0aW9uT3B0aW9ucyxcbiAgVXNlUGFnaW5hdGlvblJlc3VsdCxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1BhZ2luYXRpb24nO1xuZXhwb3J0IHR5cGUge1xuICBQcm9ncmVzc1Byb3BzLFxuICBQcm9ncmVzc1N0YXRlLFxuICBQcm9ncmVzc0NvbG9yLFxuICBQcm9ncmVzc1BsYWNlbWVudCxcbiAgUHJvZ3Jlc3NGb3JtYXRDb250ZXh0LFxufSBmcm9tICcuL2NvbXBvbmVudHMvUHJvZ3Jlc3MnO1xuZXhwb3J0IHR5cGUge1xuICBQb3Bjb25maXJtUHJvcHMsXG4gIFBvcGNvbmZpcm1QbGFjZW1lbnQsXG4gIFBvcGNvbmZpcm1UcmlnZ2VyLFxuICBQb3Bjb25maXJtQWN0aW9uQ29udGV4dCxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1BvcGNvbmZpcm0nO1xuZXhwb3J0IHR5cGUge1xuICBSYWRpb0FsaWdubWVudCxcbiAgUmFkaW9DaGFuZ2VFdmVudCxcbiAgUmFkaW9Hcm91cERpcmVjdGlvbixcbiAgUmFkaW9Hcm91cFByb3BzLFxuICBSYWRpb09wdGlvbkl0ZW0sXG4gIFJhZGlvUHJvcHMsXG4gIFJhZGlvVmFsdWVUeXBlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvUmFkaW8nO1xuZXhwb3J0IHR5cGUge1xuICBTZWxlY3RDdXN0b21QYW5lbENvbnRleHQsXG4gIFNlbGVjdEN1c3RvbVByb3BzLFxuICBTZWxlY3RDdXN0b21UcmlnZ2VyQ29udGV4dCxcbiAgU2VsZWN0TXVsdGlwbGVWYWx1ZSxcbiAgU2VsZWN0T3B0aW9uLFxuICBTZWxlY3RPcHRpb25WYWx1ZSxcbiAgU2VsZWN0UHJvcHMsXG4gIFNlbGVjdFJlbmRlck9wdGlvbk1ldGEsXG4gIFNlbGVjdFJlbmRlclZhbHVlTWV0YSxcbiAgU2VsZWN0U2luZ2xlVmFsdWUsXG4gIFNlbGVjdFNpemUsXG4gIFNlbGVjdFN0YXR1cyxcbiAgU2VsZWN0VmFsdWUsXG59IGZyb20gJy4vY29tcG9uZW50cy9TZWxlY3QnO1xuZXhwb3J0IHR5cGUgeyBTZWdtZW50UHJvcHMsIFNlZ21lbnRJdGVtIH0gZnJvbSAnLi9jb21wb25lbnRzL1NlZ21lbnQnO1xuZXhwb3J0IHR5cGUgeyBTa2VsZXRvblByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL1NrZWxldG9uJztcbmV4cG9ydCB0eXBlIHsgU2xpZGVyUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvU2xpZGVyJztcbmV4cG9ydCB0eXBlIHsgU3BhY2VQcm9wcyB9IGZyb20gJy4vY29tcG9uZW50cy9TcGFjZSc7XG5leHBvcnQgdHlwZSB7IFNwaW5uZXJQcm9wcywgU3Bpbm5lclR5cGUgfSBmcm9tICcuL2NvbXBvbmVudHMvU3Bpbm5lcic7XG5leHBvcnQgdHlwZSB7IFN0ZXBQcm9wcywgU3RlcEl0ZW0sIFN0ZXBTdGF0dXMsIFN0ZXBUYWdDb25maWcgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RlcCc7XG5leHBvcnQgdHlwZSB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL1N3aXRjaCc7XG5leHBvcnQgdHlwZSB7XG4gIFRhYmxlUHJvcHMsXG4gIFZpcnR1YWxUYWJsZVByb3BzLFxuICBUYWJsZUNvbHVtbixcbiAgVGFibGVDaGFuZ2VNZXRhLFxuICBUYWJsZVBhZ2luYXRpb25Db25maWcsXG4gIFRhYmxlUm93U2VsZWN0aW9uLFxuICBUYWJsZUV4cGFuZGFibGVDb25maWcsXG4gIFRhYmxlUmVmLFxufSBmcm9tICcuL2NvbXBvbmVudHMvVGFibGUnO1xuZXhwb3J0IHR5cGUgeyBUYWJzUHJvcHMsIFRhYkl0ZW0gfSBmcm9tICcuL2NvbXBvbmVudHMvVGFicyc7XG5leHBvcnQgdHlwZSB7IFRhZ1Byb3BzIH0gZnJvbSAnLi9jb21wb25lbnRzL1RhZyc7XG5leHBvcnQgdHlwZSB7XG4gIExpc3RSZWYgYXMgVmlydHVhbExpc3RSZWYsXG4gIExpc3RQcm9wcyBhcyBWaXJ0dWFsTGlzdFByb3BzLFxuICBTY3JvbGxJbmZvIGFzIFZpcnR1YWxMaXN0U2Nyb2xsSW5mbyxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1ZpcnR1YWxMaXN0JztcbmV4cG9ydCB0eXBlIHtcbiAgUmVzaXplT2JzZXJ2ZXJQcm9wcyxcbiAgU2l6ZUluZm8gYXMgUmVzaXplT2JzZXJ2ZXJTaXplSW5mbyxcbiAgT25SZXNpemUgYXMgUmVzaXplT2JzZXJ2ZXJPblJlc2l6ZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1Jlc2l6ZU9ic2VydmVyJztcbmV4cG9ydCB0eXBlIHtcbiAgVHlwb2dyYXBoeUJvZHlQcm9wcyxcbiAgVHlwb2dyYXBoeUNvcHlhYmxlQ29uZmlnLFxuICBUeXBvZ3JhcGh5Qm9keVNpemUsXG4gIFR5cG9ncmFwaHlEaXNwbGF5UHJvcHMsXG4gIFR5cG9ncmFwaHlEaXNwbGF5U2l6ZSxcbiAgVHlwb2dyYXBoeUVsbGlwc2lzQ29uZmlnLFxuICBUeXBvZ3JhcGh5SGVhZGxpbmVQcm9wcyxcbiAgVHlwb2dyYXBoeUhlYWRsaW5lU2l6ZSxcbiAgVHlwb2dyYXBoeUxhYmVsUHJvcHMsXG4gIFR5cG9ncmFwaHlMYWJlbFNpemUsXG4gIFR5cG9ncmFwaHlMaW5rUHJvcHMsXG4gIFR5cG9ncmFwaHlMaW5rU2l6ZSxcbiAgVHlwb2dyYXBoeVRpdGxlUHJvcHMsXG4gIFR5cG9ncmFwaHlUaXRsZVNpemUsXG59IGZyb20gJy4vY29tcG9uZW50cy9UeXBvZ3JhcGh5JztcbmV4cG9ydCB0eXBlIHsgVG91clByb3BzLCBUb3VyU3RlcCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub3VyJztcbmV4cG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzLCBUb29sdGlwUGxhY2VtZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL1Rvb2x0aXAnO1xuZXhwb3J0IHR5cGUge1xuICBUcmlnZ2VyUHJvcHMsXG4gIFRyaWdnZXJBY3Rpb24sXG4gIFRyaWdnZXJDb250ZW50LFxuICBUcmlnZ2VyQ29udGVudENvbnRleHQsXG4gIFRyaWdnZXJSb2xlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvVHJpZ2dlcic7XG5leHBvcnQgdHlwZSB7XG4gIFVwbG9hZFByb3BzLFxuICBVcGxvYWRGaWxlQmFyUHJvcHMsXG59IGZyb20gJy4vY29tcG9uZW50cy9VcGxvYWQnO1xuZXhwb3J0IHR5cGUge1xuICBQcm9Gb3JtUHJvcHMsXG4gIFByb0Zvcm1JdGVtUHJvcHMsXG4gIFByb0Zvcm1GaWVsZFByb3BzLFxuICBQcm9Gb3JtQ29udGV4dFZhbHVlLFxuICBQcm9Gb3JtRm9ybUluc3RhbmNlLFxuICBQcm9Gb3JtTW9kZSxcbiAgUHJvRm9ybUNvbFByb3BzLFxuICBQcm9Gb3JtVmFsdWVUeXBlLFxuICBQcm9Gb3JtRmllbGRUcmFuc2Zvcm1GbixcbiAgUHJvRm9ybUZpZWxkQ29udmVydFZhbHVlRm4sXG4gIFByb0Zvcm1WYWx1ZUVudW1PYmosXG4gIFByb0Zvcm1SZXF1ZXN0T3B0aW9uLFxuICBQcm9Gb3JtRmllbGRTZXRQcm9wcyxcbiAgUHJvRm9ybUdyb3VwUHJvcHMsXG4gIFN1Ym1pdHRlclByb3BzLFxuICBQcm9Gb3JtRGVwZW5kZW5jeVByb3BzLFxuICBQcm9Gb3JtTGlzdFByb3BzLFxuICBQcm9Gb3JtTGlzdEFjdGlvbixcbiAgRGlhbG9nRm9ybVByb3BzLFxuICBEcmF3ZXJGb3JtUHJvcHMsXG4gIFF1ZXJ5RmlsdGVyUHJvcHMsXG4gIENyZWF0ZVByb0Zvcm1GaWVsZENvbmZpZyxcbn0gZnJvbSAnLi9jb21wb25lbnRzL1Byb0Zvcm0nO1xuIl0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/component-ui",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "description": "React Components based on primereact for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",

package/scripts/mcp-server/examples.generated.json

@@ -211,6 +211,12 @@
       "source": "readme",
       "compilable": true
     },
+    "17a413d259fae192ca2f0c09fc23af856852b5f5ca65c1efa9dcb95480776ede": {
+      "title": "Disabled Vs Read Only",
+      "code": "<div style={{ display: 'flex', gap: 24 }}>\n      <div style={storyContainerStyle}>\n        <Select\n          label=\"Disabled\"\n          options={OPTIONS}\n          value=\"btc\"\n          disabled\n        />\n      </div>\n      <div style={storyContainerStyle}>\n        <Select\n          label=\"Read only\"\n          options={OPTIONS}\n          value=\"btc\"\n          readOnly\n        />\n      </div>\n    </div>",
+      "source": "stories",
+      "compilable": true
+    },
     "17aad2a9b23bb7f9a4768f770a9b9b5b06d74dab24c5200037505b0047ec2391": {
       "title": "Controlled",
       "code": "{\n    const [open, setOpen] = useState(false);\n    return (\n      <div style={ANCHOR_WRAPPER_STYLE}>\n        <button id=\"tooltip-controlled\">Anchor</button>\n        <div style={CONTROL_ROW_STYLE}>\n          <button onClick={() => setOpen(true)}>Open</button>\n          <button onClick={() => setOpen(false)}>Close</button>\n          <button onClick={() => setOpen((v) => !v)}>Toggle</button>\n        </div>\n        <Tooltip\n          anchorSelect=\"#tooltip-controlled\"\n          title=\"Controlled\"\n          body=\"This tooltip is controlled externally.\"\n          open={open}\n          onOpenChange={setOpen}\n        />\n      </div>\n    );\n  }",
@@ -247,6 +253,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "1cc244bf13712c43e79b378e25198234696ed488d0a147473327f0eb16c461bc": {
+      "title": "Searchable Sizes",
+      "code": "{\n    const [largeValue, setLargeValue] = useState<string | number | undefined>('usdt');\n    const [smallValue, setSmallValue] = useState<string | number | undefined>('usdt');\n\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: 24, width: 320 }}>\n        <Select\n          {...args}\n          size=\"large\"\n          label=\"Large\"\n          value={largeValue}\n          onChange={(nextValue, option) => {\n            setLargeValue(nextValue as string | number | undefined);\n            args.onChange?.(nextValue, option);\n          }}\n        />\n        <Select\n          {...args}\n          size=\"small\"\n          label=\"Small\"\n          filterInputAutoFocus={false}\n          value={smallValue}\n          onChange={(nextValue, option) => {\n            setSmallValue(nextValue as string | number | undefined);\n            args.onChange?.(nextValue, option);\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "1d0cc410e4f667fa13d9ad249ca801acda6fd51fc78c87c3b00209163c48df6b": {
       "title": "Range Selection",
       "code": "<Calendar\n  label=\"Date Range\"\n  selectionMode=\"range\"\n  numberOfMonths={2}\n/>",
@@ -301,6 +313,12 @@
       "source": "readme",
       "compilable": true
     },
+    "20ec463b0b6df55a2fa2c5df4836735067151eb22ca13e76ea7b7795465b3141": {
+      "title": "Without Portal",
+      "code": "{\n    const [value, setValue] = useState<string | number | undefined>('btc');\n\n    return (\n      <div style={{ position: 'relative' }}>\n        <Select\n          {...args}\n          portal={false}\n          value={value}\n          onChange={(nextValue, option) => {\n            setValue(nextValue as string | number | undefined);\n            args.onChange?.(nextValue, option);\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "216b625401b1ee29a2c8f02427f776e18dd670858e53fd87ea414473832ba9c9": {
       "title": "With Title",
       "code": "<div style={ANCHOR_WRAPPER_STYLE}>\n      <button id=\"tooltip-title\">Hover me</button>\n      <Tooltip {...args} anchorSelect=\"#tooltip-title\" />\n    </div>",
@@ -379,12 +397,6 @@
       "source": "stories",
       "compilable": true
     },
-    "25c5df1e3c4d654a48016148beb792280ff11859280c9f51c6c226b15ab3becf": {
-      "title": "Primary Icons",
-      "code": "{\n    const handleCopy = (el: string) => {\n      copy(el);\n    };\n\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      {/* Primary Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='deposit' />\")}>\n        <Icons {...args} name='deposit' />\n        <span>Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdrawal' />\")}>\n        <Icons {...args} name='withdrawal' />\n        <span>Withdrawal</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='conversion' />\")}>\n        <Icons {...args} name='conversion' />\n        <span>Conversion</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mintToken' />\")}>\n        <Icons {...args} name='mintToken' />\n        <span>MintToken</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='burnToken' />\")}>\n        <Icons {...args} name='burnToken' />\n        <span>BurnToken</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='accountLocked' />\")}>\n        <Icons {...args} name='accountLocked' />\n        <span>Account Locked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pending' />\")}>\n        <Icons {...args} name='pending' />\n        <span>Pending</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='success' />\")}>\n        <Icons {...args} name='success' />\n        <span>Success</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fail' />\")}>\n        <Icons {...args} name='fail' />\n        <span>Fail</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='error' />\")}>\n        <Icons {...args} name='error' />\n        <span>Error</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='statusSuccess' color='#1F580033' />\")}>\n        <Icons {...args} name='statusSuccess' color='#1F580033' />\n        <span>Status Success</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='statusFail' color='#AE00001A' />\")}>\n        <Icons {...args} name='statusFail' color='#AE00001A' />\n        <span>Status Fail</span>\n      </CopyIconBox>\n      {/* Menu Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dashboard' />\")}>\n        <Icons {...args} name='dashboard' />\n        <span>Dashboard</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='digitalAsset' />\")}>\n        <Icons {...args} name='digitalAsset' />\n        <span>Digital Asset</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='addressBook' />\")}>\n        <Icons {...args} name='addressBook' />\n        <span>Address Book</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedBankAccounts' />\")}>\n        <Icons {...args} name='linkedBankAccounts' />\n        <span>Linked Bank Accounts</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wire' />\")}>\n        <Icons {...args} name='wire' />\n        <span>Wire</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swift' />\")}>\n        <Icons {...args} name='swift' />\n        <span>Swift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='account' />\")}>\n        <Icons {...args} name='account' />\n        <span>Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='profile' />\")}>\n        <Icons {...args} name='profile' />\n        <span>Profile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='security' />\")}>\n        <Icons {...args} name='security' />\n        <span>Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='logout' />\")}>\n        <Icons {...args} name='logout' />\n        <span>Logout</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='portfolio' />\")}>\n        <Icons {...args} name='portfolio' />\n        <span>Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='home' />\")}>\n        <Icons {...args} name='home' />\n        <span>Home</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='convert' />\")}>\n        <Icons {...args} name='convert' />\n        <span>Convert</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdraw' />\")}>\n        <Icons {...args} name='withdraw' />\n        <span>Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='send' />\")}>\n        <Icons {...args} name='send' />\n        <span>Send</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='menuDeposit' />\")}>\n        <Icons {...args} name='menuDeposit' />\n        <span>Menu Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='company' />\")}>\n        <Icons {...args} name='company' />\n        <span>Company</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='parties' />\")}>\n        <Icons {...args} name='parties' />\n        <span>Parties</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transactions' />\")}>\n        <Icons {...args} name='transactions' />\n        <span>Transactions</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fiat' />\")}>\n        <Icons {...args} name='fiat' />\n        <span>Fiat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='money' />\")}>\n        <Icons {...args} name='money' />\n        <span>Money</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendCrypto' />\")}>\n        <Icons {...args} name='sendCrypto' />\n        <span>Send Crypto</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='businessAccount' />\")}>\n        <Icons {...args} name='businessAccount' />\n        <span>Business Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='individualAccount' />\")}>\n        <Icons {...args} name='individualAccount' />\n        <span>Identity</span>\n      </CopyIconBox>\n\n      {/* Functional Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowUp' />\")}>\n        <Icons {...args} name='arrowUp' />\n        <span>Arrow Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowDown' />\")}>\n        <Icons {...args} name='arrowDown' />\n        <span>Arrow Down</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowLeft' />\")}>\n        <Icons {...args} name='arrowLeft' />\n        <span>Arrow Left</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowRight' />\")}>\n        <Icons {...args} name='arrowRight' />\n        <span>Arrow Right</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='add' />\")}>\n        <Icons {...args} name='add' />\n        <span>Add</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='minus' />\")}>\n        <Icons {...args} name='minus' />\n        <span>Minus</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='cross' />\")}>\n        <Icons {...args} name='cross' />\n        <span>Cross</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='more' />\")}>\n        <Icons {...args} name='more' />\n        <span>More</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronDown' />\")}>\n        <Icons {...args} name='chevronDown' />\n        <span>Chevron Down</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronUp' />\")}>\n        <Icons {...args} name='chevronUp' />\n        <span>Chevron Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronLeft' />\")}>\n        <Icons {...args} name='chevronLeft' />\n        <span>Chevron Left</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronRight' />\")}>\n        <Icons {...args} name='chevronRight' />\n        <span>Chevron Right</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' />\")}>\n        <Icons {...args} name='sort' />\n        <span>Sort Default</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' status='ascend' />\")}>\n        <Icons {...args} name='sort' status='ascend' />\n        <span>Sort Ascend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' status='descend' />\")}>\n        <Icons {...args} name='sort' status='descend' />\n        <span>Sort Descend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='collapse' />\")}>\n        <Icons {...args} name='collapse' />\n        <span>Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='extend' />\")}>\n        <Icons {...args} name='extend' />\n        <span>Extend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='spinner' />\")}>\n        <Icons {...args} name='spinner' />\n        <span>Spinner</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='check' />\")}>\n        <Icons {...args} name='check' />\n        <span>Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='remove' />\")}>\n        <Icons {...args} name='remove' />\n        <span>Remove</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pix' />\")}>\n        <Icons {...args} name='pix' />\n        <span>PIX</span>\n      </CopyIconBox>\n      {/* System Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='info' />\")}>\n        <Icons {...args} name='info' />\n        <span>Info</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='notifications' />\")}>\n        <Icons {...args} name='notifications' />\n        <span>Notifications</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='favorite' />\")}>\n        <Icons {...args} name='favorite' />\n        <span>Favorite</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transferHistory' />\")}>\n        <Icons {...args} name='transferHistory' />\n        <span>Transfer History</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='support' />\")}>\n        <Icons {...args} name='support' />\n        <span>Support</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='help' />\")}>\n        <Icons {...args} name='help' />\n        <span>Help</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='language' />\")}>\n        <Icons {...args} name='language' />\n        <span>Language</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='share' />\")}>\n        <Icons {...args} name='share' />\n        <span>Share</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='products' />\")}>\n        <Icons {...args} name='products' />\n        <span>Products</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hub' />\")}>\n        <Icons {...args} name='hub' />\n        <span>Hub</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemSecurity' />\")}>\n        <Icons {...args} name='systemSecurity' />\n        <span>System Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fees' />\")}>\n        <Icons {...args} name='fees' />\n        <span>Fees</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='settings' />\")}>\n        <Icons {...args} name='settings' />\n        <span>Settings</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='id' />\")}>\n        <Icons {...args} name='id' />\n        <span>ID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='viewBalance' />\")}>\n        <Icons {...args} name='viewBalance' />\n        <span>View Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hideBalance' />\")}>\n        <Icons {...args} name='hideBalance' />\n        <span>Hide Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='privacy' />\")}>\n        <Icons {...args} name='privacy' />\n        <span>Privacy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='card' />\")}>\n        <Icons {...args} name='card' />\n        <span>Card</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coin' />\")}>\n        <Icons {...args} name='coin' />\n        <span>Coin</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wallet' />\")}>\n        <Icons {...args} name='wallet' />\n        <span>Wallet</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='email' />\")}>\n        <Icons {...args} name='email' />\n        <span>Email</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='rewards' />\")}>\n        <Icons {...args} name='rewards' />\n        <span>Rewards</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='time' />\")}>\n        <Icons {...args} name='time' />\n        <span>Time</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='location' />\")}>\n        <Icons {...args} name='location' />\n        <span>Location</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='calendar' />\")}>\n        <Icons {...args} name='calendar' />\n        <span>Calendar</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='securityCheck' />\")}>\n        <Icons {...args} name='securityCheck' />\n        <span>Security Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='devices' />\")}>\n        <Icons {...args} name='devices' />\n        <span>Devices</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='images' />\")}>\n        <Icons {...args} name='images' />\n        <span>Images</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='bank' />\")}>\n        <Icons {...args} name='bank' />\n        <span>Bank</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coins' />\")}>\n        <Icons {...args} name='coins' />\n        <span>Coins</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='earn' />\")}>\n        <Icons {...args} name='earn' />\n        <span>Earn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='scan' />\")}>\n        <Icons {...args} name='scan' />\n        <span>Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='search' />\")}>\n        <Icons {...args} name='search' />\n        <span>Search</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='maintenance' />\")}>\n        <Icons {...args} name='maintenance' />\n        <span>Maintenance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='editFile' />\")}>\n        <Icons {...args} name='editFile' />\n        <span>Edit File</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='document' />\")}>\n        <Icons {...args} name='document' />\n        <span>Document</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='upload' />\")}>\n        <Icons {...args} name='upload' />\n        <span>Upload</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gift' />\")}>\n        <Icons {...args} name='gift' />\n        <span>Gift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='filter' />\")}>\n        <Icons {...args} name='filter' />\n        <span>Filter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='expand' />\")}>\n        <Icons {...args} name='expand' />\n        <span>Expand</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemCollapse' />\")}>\n        <Icons {...args} name='systemCollapse' />\n        <span>System Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='refresh' />\")}>\n        <Icons {...args} name='refresh' />\n        <span>Refresh</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transfer' />\")}>\n        <Icons {...args} name='transfer' />\n        <span>Transfer</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='link' />\")}>\n        <Icons {...args} name='link' />\n        <span>Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='save' />\")}>\n        <Icons {...args} name='save' />\n        <span>Save</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='like' />\")}>\n        <Icons {...args} name='like' />\n        <span>Like</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dislike' />\")}>\n        <Icons {...args} name='dislike' />\n        <span>Dislike</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='copy' />\")}>\n        <Icons {...args} name='copy' />\n        <span>Copy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mobile' />\")}>\n        <Icons {...args} name='mobile' />\n        <span>Mobile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chat' />\")}>\n        <Icons {...args} name='chat' />\n        <span>Chat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swap' />\")}>\n        <Icons {...args} name='swap' />\n        <span>Swap</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='clock' />\")}>\n        <Icons {...args} name='clock' />\n        <span>Clock</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='desktop' />\")}>\n        <Icons {...args} name='desktop' />\n        <span>Desktop</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='usd' />\")}>\n        <Icons {...args} name='usd' />\n        <span>USD</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='eur' />\")}>\n        <Icons {...args} name='eur' />\n        <span>EUR</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gbp' />\")}>\n        <Icons {...args} name='gbp' />\n        <span>GBP</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='jpy' />\")}>\n        <Icons {...args} name='jpy' />\n        <span>JPY</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='cny' />\")}>\n        <Icons {...args} name='cny' />\n        <span>CNY</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='google' />\")}>\n        <Icons {...args} name='google' />\n        <span>Google</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apple' />\")}>\n        <Icons {...args} name='apple' />\n        <span>Apple</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='twitter' />\")}>\n        <Icons {...args} name='twitter' />\n        <span>Twitter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedIn' />\")}>\n        <Icons {...args} name='linkedIn' />\n        <span>LinkedIn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='passkey' />\")}>\n        <Icons {...args} name='passkey' />\n        <span>Passkey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='ach' />\")}>\n        <Icons {...args} name='ach' />\n        <span>ACH</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apiKey' />\")}>\n        <Icons {...args} name='apiKey' />\n        <span>APIKey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='brokenLink' />\")}>\n        <Icons {...args} name='brokenLink' />\n        <span>Broken Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pause' />\")}>\n        <Icons {...args} name='pause' />\n        <span>Pause</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='autoConversionRules' />\")}>\n        <Icons {...args} name='autoConversionRules' />\n        <span>Auto Conversion Rules</span>\n      </CopyIconBox>\n    </div>;\n  }",
-      "source": "stories",
-      "compilable": false
-    },
     "25d3c27d4d446cfc5d638fc4025c31ea8026f219ad274ed16cbc32bef414ba5c": {
       "title": "Checked",
       "code": "<Switch {...args} label=\"Label\" defaultChecked />",
@@ -565,6 +577,12 @@
       "source": "stories",
       "compilable": false
     },
+    "388bcf7888091d287918f2abfe24285c3cfff0239bf53bd18a57521a4d44c8e1": {
+      "title": "Custom",
+      "code": "{\n    const [selected, setSelected] = useState<Array<string | number>>(['btc', 'eth', 'sol']);\n    const [open, setOpen] = useState(false);\n\n    const toggle = (value: string | number) => {\n      setSelected((prev) =>\n        prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n      );\n    };\n\n    const triggerLabel = selected.length > 0\n      ? `${selected.length} selected`\n      : null;\n\n    return (\n      <div style={storyContainerStyle}>\n        <Select.Custom\n          label=\"Assets\"\n          placeholder=\"Select assets\"\n          open={open}\n          onOpenChange={setOpen}\n          selectedTemplate={triggerLabel}\n        >\n          {() => (\n            <>\n              <div style={customPanelHeaderStyle}>\n                <span style={customPanelTitleStyle}>\n                  {selected.length} selected\n                </span>\n                <button\n                  type=\"button\"\n                  style={customClearAllStyle}\n                  onClick={() => setSelected([])}\n                >\n                  <Icons name=\"cross\" size={14} color=\"currentColor\" />\n                  Clear all\n                </button>\n              </div>\n              {ASSET_OPTIONS.map((option) => {\n                const isSelected = selected.includes(option.value);\n                return (\n                  <button\n                    key={option.value}\n                    type=\"button\"\n                    style={customRowStyle}\n                    onClick={() => toggle(option.value)}\n                  >\n                    <AssetMark value={option.value} />\n                    <span style={assetOptionLabelStyle}>{option.label}</span>\n                    <span style={customCheckboxStyle(isSelected)}>\n                      {isSelected && <Icons name=\"check\" size={14} color=\"currentColor\" />}\n                    </span>\n                  </button>\n                );\n              })}\n            </>\n          )}\n        </Select.Custom>\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": true
+    },
     "38cc049b002ef2643d573c3ed8ec40bd44f8aadbccbeea471bedd8ace0207adb": {
       "title": "Group Basic",
       "code": "{\n    const [value, setValue] = React.useState<string | number>('a');\n    const handleChange = (event: RadioChangeEvent) => {\n      if (event.target.value !== undefined) {\n        setValue(event.target.value);\n      }\n    };\n\n    return (\n      <RadioGroup value={value} onChange={handleChange}>\n        <Radio value=\"a\" label=\"Option A\" />\n        <Radio value=\"b\" label=\"Option B\" />\n        <Radio value=\"c\" label=\"Option C\" />\n      </RadioGroup>\n    );\n  }",
@@ -625,6 +643,12 @@
       "source": "stories",
       "compilable": true
     },
+    "41af856d1d6a822e2c95f25c337807c0d18d1e445d318d07621beba85ce3e926": {
+      "title": "Searchable Small",
+      "code": "{\n    const [value, setValue] = useState<string | number | undefined>('usdt');\n\n    return (\n      <div style={storyContainerStyle}>\n        <Select\n          {...args}\n          value={value}\n          onChange={(nextValue, option) => {\n            setValue(nextValue as string | number | undefined);\n            args.onChange?.(nextValue, option);\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "42725955e8eb348643a00cbbd15d1485475e1917d44f5e685f6f2a094fa6a4a5": {
       "title": "Canonical usage",
       "code": "import { Space } from '@1money/component-ui';\n// or\nimport { Space } from '@1money/component-ui/Space';\nimport { SPACE_ALIGN, SPACE_DIRECTION, SPACE_SIZE } from '@1money/component-ui/Space';",
@@ -985,6 +1009,12 @@
       "source": "stories",
       "compilable": false
     },
+    "72f524de604ba1db3308d0b8f5131b0204abf6a3e411be78f4f61d0fc2081eb7": {
+      "title": "Render Option Content",
+      "code": "{\n    const [value, setValue] = useState<string | number | undefined>('usdt');\n\n    return (\n      <div style={storyContainerStyle}>\n        <Select\n          {...args}\n          value={value}\n          renderOptionContent={renderAssetOptionContent}\n          onChange={(nextValue, option) => {\n            setValue(nextValue as string | number | undefined);\n            args.onChange?.(nextValue, option);\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "7318e5e19b35c2334284717d2b44382c3f0aa456d1d61c6892e3211c2c77135d": {
       "title": "Canonical usage",
       "code": "import { Pagination, usePagination } from '@1money/component-ui';\n// or\nimport { Pagination, usePagination } from '@1money/component-ui/Pagination';",
@@ -1591,6 +1621,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "b2c3325448f12418ef1b7e0fdabadbd1b6d8eb991cfd3c0b126919566721c209": {
+      "title": "Primary Icons",
+      "code": "{\n    const handleCopy = (el: string) => {\n      copy(el);\n    };\n\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      {/* Primary Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='deposit' />\")}>\n        <Icons {...args} name='deposit' />\n        <span>Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdrawal' />\")}>\n        <Icons {...args} name='withdrawal' />\n        <span>Withdrawal</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='conversion' />\")}>\n        <Icons {...args} name='conversion' />\n        <span>Conversion</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mintToken' />\")}>\n        <Icons {...args} name='mintToken' />\n        <span>MintToken</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='burnToken' />\")}>\n        <Icons {...args} name='burnToken' />\n        <span>BurnToken</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='accountLocked' />\")}>\n        <Icons {...args} name='accountLocked' />\n        <span>Account Locked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pending' />\")}>\n        <Icons {...args} name='pending' />\n        <span>Pending</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='success' />\")}>\n        <Icons {...args} name='success' />\n        <span>Success</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fail' />\")}>\n        <Icons {...args} name='fail' />\n        <span>Fail</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='error' />\")}>\n        <Icons {...args} name='error' />\n        <span>Error</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='statusSuccess' color='#1F580033' />\")}>\n        <Icons {...args} name='statusSuccess' color='#1F580033' />\n        <span>Status Success</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='statusFail' color='#AE00001A' />\")}>\n        <Icons {...args} name='statusFail' color='#AE00001A' />\n        <span>Status Fail</span>\n      </CopyIconBox>\n      {/* Menu Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dashboard' />\")}>\n        <Icons {...args} name='dashboard' />\n        <span>Dashboard</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='digitalAsset' />\")}>\n        <Icons {...args} name='digitalAsset' />\n        <span>Digital Asset</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='addressBook' />\")}>\n        <Icons {...args} name='addressBook' />\n        <span>Address Book</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedBankAccounts' />\")}>\n        <Icons {...args} name='linkedBankAccounts' />\n        <span>Linked Bank Accounts</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wire' />\")}>\n        <Icons {...args} name='wire' />\n        <span>Wire</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swift' />\")}>\n        <Icons {...args} name='swift' />\n        <span>Swift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='account' />\")}>\n        <Icons {...args} name='account' />\n        <span>Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='profile' />\")}>\n        <Icons {...args} name='profile' />\n        <span>Profile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='security' />\")}>\n        <Icons {...args} name='security' />\n        <span>Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='logout' />\")}>\n        <Icons {...args} name='logout' />\n        <span>Logout</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='portfolio' />\")}>\n        <Icons {...args} name='portfolio' />\n        <span>Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='home' />\")}>\n        <Icons {...args} name='home' />\n        <span>Home</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='convert' />\")}>\n        <Icons {...args} name='convert' />\n        <span>Convert</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdraw' />\")}>\n        <Icons {...args} name='withdraw' />\n        <span>Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='send' />\")}>\n        <Icons {...args} name='send' />\n        <span>Send</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='menuDeposit' />\")}>\n        <Icons {...args} name='menuDeposit' />\n        <span>Menu Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='company' />\")}>\n        <Icons {...args} name='company' />\n        <span>Company</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='parties' />\")}>\n        <Icons {...args} name='parties' />\n        <span>Parties</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transactions' />\")}>\n        <Icons {...args} name='transactions' />\n        <span>Transactions</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fiat' />\")}>\n        <Icons {...args} name='fiat' />\n        <span>Fiat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='money' />\")}>\n        <Icons {...args} name='money' />\n        <span>Money</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendCrypto' />\")}>\n        <Icons {...args} name='sendCrypto' />\n        <span>Send Crypto</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='businessAccount' />\")}>\n        <Icons {...args} name='businessAccount' />\n        <span>Business Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='individualAccount' />\")}>\n        <Icons {...args} name='individualAccount' />\n        <span>Identity</span>\n      </CopyIconBox>\n\n      {/* Functional Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowUp' />\")}>\n        <Icons {...args} name='arrowUp' />\n        <span>Arrow Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowDown' />\")}>\n        <Icons {...args} name='arrowDown' />\n        <span>Arrow Down</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowLeft' />\")}>\n        <Icons {...args} name='arrowLeft' />\n        <span>Arrow Left</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='arrowRight' />\")}>\n        <Icons {...args} name='arrowRight' />\n        <span>Arrow Right</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='add' />\")}>\n        <Icons {...args} name='add' />\n        <span>Add</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='minus' />\")}>\n        <Icons {...args} name='minus' />\n        <span>Minus</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='cross' />\")}>\n        <Icons {...args} name='cross' />\n        <span>Cross</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='more' />\")}>\n        <Icons {...args} name='more' />\n        <span>More</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronDown' />\")}>\n        <Icons {...args} name='chevronDown' />\n        <span>Chevron Down</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronUp' />\")}>\n        <Icons {...args} name='chevronUp' />\n        <span>Chevron Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronLeft' />\")}>\n        <Icons {...args} name='chevronLeft' />\n        <span>Chevron Left</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chevronRight' />\")}>\n        <Icons {...args} name='chevronRight' />\n        <span>Chevron Right</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' />\")}>\n        <Icons {...args} name='sort' />\n        <span>Sort Default</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' status='ascend' />\")}>\n        <Icons {...args} name='sort' status='ascend' />\n        <span>Sort Ascend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sort' status='descend' />\")}>\n        <Icons {...args} name='sort' status='descend' />\n        <span>Sort Descend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='collapse' />\")}>\n        <Icons {...args} name='collapse' />\n        <span>Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='extend' />\")}>\n        <Icons {...args} name='extend' />\n        <span>Extend</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='spinner' />\")}>\n        <Icons {...args} name='spinner' />\n        <span>Spinner</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='check' />\")}>\n        <Icons {...args} name='check' />\n        <span>Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='remove' />\")}>\n        <Icons {...args} name='remove' />\n        <span>Remove</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pix' />\")}>\n        <Icons {...args} name='pix' />\n        <span>PIX</span>\n      </CopyIconBox>\n      {/* System Icons */}\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='info' />\")}>\n        <Icons {...args} name='info' />\n        <span>Info</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='notifications' />\")}>\n        <Icons {...args} name='notifications' />\n        <span>Notifications</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='favorite' />\")}>\n        <Icons {...args} name='favorite' />\n        <span>Favorite</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transferHistory' />\")}>\n        <Icons {...args} name='transferHistory' />\n        <span>Transfer History</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='support' />\")}>\n        <Icons {...args} name='support' />\n        <span>Support</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='help' />\")}>\n        <Icons {...args} name='help' />\n        <span>Help</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='language' />\")}>\n        <Icons {...args} name='language' />\n        <span>Language</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='share' />\")}>\n        <Icons {...args} name='share' />\n        <span>Share</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='products' />\")}>\n        <Icons {...args} name='products' />\n        <span>Products</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hub' />\")}>\n        <Icons {...args} name='hub' />\n        <span>Hub</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemSecurity' />\")}>\n        <Icons {...args} name='systemSecurity' />\n        <span>System Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fees' />\")}>\n        <Icons {...args} name='fees' />\n        <span>Fees</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='settings' />\")}>\n        <Icons {...args} name='settings' />\n        <span>Settings</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='id' />\")}>\n        <Icons {...args} name='id' />\n        <span>ID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='viewBalance' />\")}>\n        <Icons {...args} name='viewBalance' />\n        <span>View Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hideBalance' />\")}>\n        <Icons {...args} name='hideBalance' />\n        <span>Hide Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='privacy' />\")}>\n        <Icons {...args} name='privacy' />\n        <span>Privacy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='card' />\")}>\n        <Icons {...args} name='card' />\n        <span>Card</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coin' />\")}>\n        <Icons {...args} name='coin' />\n        <span>Coin</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wallet' />\")}>\n        <Icons {...args} name='wallet' />\n        <span>Wallet</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='email' />\")}>\n        <Icons {...args} name='email' />\n        <span>Email</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='rewards' />\")}>\n        <Icons {...args} name='rewards' />\n        <span>Rewards</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='time' />\")}>\n        <Icons {...args} name='time' />\n        <span>Time</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='location' />\")}>\n        <Icons {...args} name='location' />\n        <span>Location</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='calendar' />\")}>\n        <Icons {...args} name='calendar' />\n        <span>Calendar</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='securityCheck' />\")}>\n        <Icons {...args} name='securityCheck' />\n        <span>Security Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='devices' />\")}>\n        <Icons {...args} name='devices' />\n        <span>Devices</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='images' />\")}>\n        <Icons {...args} name='images' />\n        <span>Images</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='bank' />\")}>\n        <Icons {...args} name='bank' />\n        <span>Bank</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coins' />\")}>\n        <Icons {...args} name='coins' />\n        <span>Coins</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='earn' />\")}>\n        <Icons {...args} name='earn' />\n        <span>Earn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='scan' />\")}>\n        <Icons {...args} name='scan' />\n        <span>Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='search' />\")}>\n        <Icons {...args} name='search' />\n        <span>Search</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='maintenance' />\")}>\n        <Icons {...args} name='maintenance' />\n        <span>Maintenance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='editFile' />\")}>\n        <Icons {...args} name='editFile' />\n        <span>Edit File</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='document' />\")}>\n        <Icons {...args} name='document' />\n        <span>Document</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='upload' />\")}>\n        <Icons {...args} name='upload' />\n        <span>Upload</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='downloadReport' />\")}>\n        <Icons {...args} name='downloadReport' />\n        <span>Download Report</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gift' />\")}>\n        <Icons {...args} name='gift' />\n        <span>Gift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='filter' />\")}>\n        <Icons {...args} name='filter' />\n        <span>Filter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='expand' />\")}>\n        <Icons {...args} name='expand' />\n        <span>Expand</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemCollapse' />\")}>\n        <Icons {...args} name='systemCollapse' />\n        <span>System Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='refresh' />\")}>\n        <Icons {...args} name='refresh' />\n        <span>Refresh</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transfer' />\")}>\n        <Icons {...args} name='transfer' />\n        <span>Transfer</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='link' />\")}>\n        <Icons {...args} name='link' />\n        <span>Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='save' />\")}>\n        <Icons {...args} name='save' />\n        <span>Save</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='like' />\")}>\n        <Icons {...args} name='like' />\n        <span>Like</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dislike' />\")}>\n        <Icons {...args} name='dislike' />\n        <span>Dislike</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='copy' />\")}>\n        <Icons {...args} name='copy' />\n        <span>Copy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mobile' />\")}>\n        <Icons {...args} name='mobile' />\n        <span>Mobile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chat' />\")}>\n        <Icons {...args} name='chat' />\n        <span>Chat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swap' />\")}>\n        <Icons {...args} name='swap' />\n        <span>Swap</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='clock' />\")}>\n        <Icons {...args} name='clock' />\n        <span>Clock</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='desktop' />\")}>\n        <Icons {...args} name='desktop' />\n        <span>Desktop</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='usd' />\")}>\n        <Icons {...args} name='usd' />\n        <span>USD</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='eur' />\")}>\n        <Icons {...args} name='eur' />\n        <span>EUR</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gbp' />\")}>\n        <Icons {...args} name='gbp' />\n        <span>GBP</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='jpy' />\")}>\n        <Icons {...args} name='jpy' />\n        <span>JPY</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='cny' />\")}>\n        <Icons {...args} name='cny' />\n        <span>CNY</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='google' />\")}>\n        <Icons {...args} name='google' />\n        <span>Google</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apple' />\")}>\n        <Icons {...args} name='apple' />\n        <span>Apple</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='twitter' />\")}>\n        <Icons {...args} name='twitter' />\n        <span>Twitter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedIn' />\")}>\n        <Icons {...args} name='linkedIn' />\n        <span>LinkedIn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='passkey' />\")}>\n        <Icons {...args} name='passkey' />\n        <span>Passkey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='ach' />\")}>\n        <Icons {...args} name='ach' />\n        <span>ACH</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apiKey' />\")}>\n        <Icons {...args} name='apiKey' />\n        <span>APIKey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='brokenLink' />\")}>\n        <Icons {...args} name='brokenLink' />\n        <span>Broken Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='pause' />\")}>\n        <Icons {...args} name='pause' />\n        <span>Pause</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='autoConversionRules' />\")}>\n        <Icons {...args} name='autoConversionRules' />\n        <span>Auto Conversion Rules</span>\n      </CopyIconBox>\n    </div>;\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "b401bcf29ce360237f303ffbc81511ca04225c2399c82206a9313ca93d71ee07": {
       "title": "Full Featured",
       "code": "{\n    const [query, setQuery] = useState('');\n    const [selected, setSelected] = useState<string[]>(['USD', 'USDT', 'SOL']);\n\n    const toggle = (code: string) => {\n      setSelected((prev) =>\n        prev.includes(code) ? prev.filter((v) => v !== code) : [...prev, code],\n      );\n    };\n\n    const filtered = CURRENCIES.filter(\n      (c) =>\n        c.code.toLowerCase().includes(query.toLowerCase()) ||\n        c.name.toLowerCase().includes(query.toLowerCase()),\n    );\n\n    const groups = useMemo(() => {\n      const map = new Map<string, CurrencyItem[]>();\n      filtered.forEach((c) => {\n        const list = map.get(c.group) ?? [];\n        list.push(c);\n        map.set(c.group, list);\n      });\n      return map;\n    }, [filtered]);\n\n    return (\n      <Dropdown\n        {...args}\n        overlayStyle={{ minWidth: 420 }}\n        content={\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 0 }}>\n            {/* Selected bar */}\n            {selected.length > 0 && (\n              <div style={selectedBarStyle}>\n                <span style={{ fontSize: 14, fontWeight: 500, color: '#131313' }}>\n                  {selected.length} selected\n                </span>\n                <button\n                  type=\"button\"\n                  style={clearAllBtnStyle}\n                  onClick={() => setSelected([])}\n                >\n                  <Icons name=\"cross\" size={16} color=\"#ae0000\" />\n                  Clear all\n                </button>\n              </div>\n            )}\n\n            {/* Search */}\n            <div style={{ padding: '8px 0' }}>\n              <Input.Search\n                size=\"small\"\n                placeholder=\"Search\"\n                value={query}\n                onChange={setQuery}\n                allowClear\n              />\n            </div>\n\n            {/* Grouped items */}\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n              {Array.from(groups.entries()).map(([group, items]) => (\n                <div key={group} style={{ display: 'flex', flexDirection: 'column' }}>\n                  <div style={groupHeaderStyle}>{group}</div>\n                  {items.map((item) => (\n                    <DropdownItem\n                      key={item.code}\n                      selected={selected.includes(item.code)}\n                      left={<CurrencyIcon flag={item.flag} />}\n                      title={item.code}\n                      subtitle={item.name}\n                      right={\n                        <p style={itemAmountStyle}>\n                          {item.amount}\n                          {item.amountUsd && (\n                            <>\n                              <br />\n                              {item.amountUsd}\n                            </>\n                          )}\n                        </p>\n                      }\n                      onClick={() => toggle(item.code)}\n                    />\n                  ))}\n                </div>\n              ))}\n              {filtered.length === 0 && (\n                <p style={{ ...itemSubtitleStyle, padding: '8px 12px' }}>\n                  No results found\n                </p>\n              )}\n            </div>\n          </div>\n        }\n      >\n        <Button>\n          {selected.length > 0 ? `${selected.length} currencies selected` : 'Select currencies'}\n        </Button>\n      </Dropdown>\n    );\n  }",
@@ -2017,6 +2053,12 @@
       "source": "readme",
       "compilable": true
     },
+    "e4c665e871b8546f38972172c483114d1eef73a4fc2b83e6ad929d359c408796": {
+      "title": "Allow Deselect",
+      "code": "{\n    const [value, setValue] = useState<string | number | undefined>('btc');\n\n    return (\n      <Select\n        {...args}\n        allowDeselect\n        value={value}\n        onChange={(nextValue, option) => {\n          setValue(nextValue as string | number | undefined);\n          args.onChange?.(nextValue, option);\n        }}\n      />\n    );\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "e57037f057f4da5ac90baae9ad1d85153cb48c9cfff34a65cbe2a927bf5cb713": {
       "title": "Usage",
       "code": "<Dialog\n  open={open}\n  title=\"Confirm transfer\"\n  onCancel={() => setOpen(false)}\n  onOk={handleSubmit}\n/>",