freemium-ui 2.0.10 → 2.0.11

package/storybook-static/stories-Menu-stories.0fae88ab.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[48190],{"./src/stories/Menu.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomRenderer:()=>CustomRenderer,Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Menu__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Menu/index.ts"),_components_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Button/index.ts"),_components_Typography__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Typography/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Menu",component:_components_Menu__WEBPACK_IMPORTED_MODULE_1__.W1,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_Menu__WEBPACK_IMPORTED_MODULE_1__.W1,{...props}),args:{side:"bottom",align:"center",trigger:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_2__.$,{tabIndex:-1,variant:"primary",children:"Open Menu"}),value:{id:"2",name:"Option 2"},showArrow:!0,options:[{id:"1",name:"Option 1"},{id:"2",name:"Option 2 Selected"},{id:"3",name:"Option 3"},{id:"4",name:"Option Disabled",disabled:!0},{id:"5",name:"Option 2"},{id:"6",name:"Option 3"}]}},CustomRenderer={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_Menu__WEBPACK_IMPORTED_MODULE_1__.W1,{...props}),args:{side:"bottom",align:"center",trigger:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_2__.$,{tabIndex:-1,variant:"primary",children:"Open Menu"}),itemComponent:(item,props)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_components_Menu__WEBPACK_IMPORTED_MODULE_1__.DB,{...props,style:{fontFamily:"sans-serif",padding:"5px",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"},children:[item.name,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__.o,{children:item.name.slice(0,1)})]}),value:{id:"2",name:"Option 2"},showArrow:!0,options:[{id:"1",name:"Option 1"},{id:"2",name:"Option 2 Selected"},{id:"3",name:"Option 3"},{id:"4",name:"Option Disabled",disabled:!0},{id:"5",name:"Option 2"},{id:"6",name:"Option 3"}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: props => <Menu {...props} />,\n  args: {\n    side: 'bottom',\n    align: 'center',\n    trigger: <Button tabIndex={-1} variant=\"primary\">\n        Open Menu\n      </Button>,\n    value: {\n      id: '2',\n      name: 'Option 2'\n    },\n    showArrow: true,\n    options: [{\n      id: '1',\n      name: 'Option 1'\n    }, {\n      id: '2',\n      name: 'Option 2 Selected'\n    }, {\n      id: '3',\n      name: 'Option 3'\n    }, {\n      id: '4',\n      name: 'Option Disabled',\n      disabled: true\n    }, {\n      id: '5',\n      name: 'Option 2'\n    }, {\n      id: '6',\n      name: 'Option 3'\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}},CustomRenderer.parameters={...CustomRenderer.parameters,docs:{...CustomRenderer.parameters?.docs,source:{originalSource:"{\n  render: props => <Menu {...props} />,\n  args: {\n    side: 'bottom',\n    align: 'center',\n    trigger: <Button tabIndex={-1} variant=\"primary\">\n        Open Menu\n      </Button>,\n    itemComponent: (item, props) => <RadixMenuItem {...props} style={{\n      fontFamily: 'sans-serif',\n      padding: '5px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '8px'\n    }}>\n        {item.name}\n        <Typography>{(item.name as string).slice(0, 1)}</Typography>\n      </RadixMenuItem>,\n    value: {\n      id: '2',\n      name: 'Option 2'\n    },\n    showArrow: true,\n    options: [{\n      id: '1',\n      name: 'Option 1'\n    }, {\n      id: '2',\n      name: 'Option 2 Selected'\n    }, {\n      id: '3',\n      name: 'Option 3'\n    }, {\n      id: '4',\n      name: 'Option Disabled',\n      disabled: true\n    }, {\n      id: '5',\n      name: 'Option 2'\n    }, {\n      id: '6',\n      name: 'Option 3'\n    }]\n  }\n}",...CustomRenderer.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","CustomRenderer"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")},"./src/components/Menu/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{W1:()=>Menu_Menu,DB:()=>dist.q7});var dist=__webpack_require__("./node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs"),styles=__webpack_require__("./src/styles/index.ts"),Menu_styles=__webpack_require__("./src/components/Menu/styles.ts"),jsx_runtime=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));const Menu=props=>{const{isOpen,trigger,closeMenuCallback,idAccessor="id",nameAccessor="name",onSelect,itemComponent,showArrow=!1,options=[],value,side="bottom",align="center",sideOffset=4,alignOffset,arrowPadding,avoidCollisions}=props;return(0,jsx_runtime.jsxs)(Menu_styles.$E,{open:isOpen,onOpenChange:newState=>{newState||null==closeMenuCallback||closeMenuCallback()},children:[(0,jsx_runtime.jsx)(Menu_styles.ty,{asChild:!0,children:(0,jsx_runtime.jsx)(styles.Yk,{children:trigger})}),(0,jsx_runtime.jsx)(Menu_styles.dc,{children:(0,jsx_runtime.jsxs)(Menu_styles.SQ,{side,sideOffset,align,alignOffset,arrowPadding,avoidCollisions,className:"DropdownMenuContent",children:[options.map((option=>itemComponent?itemComponent(option,{disabled:null==option?void 0:option.disabled,className:"DropdownMenuItem",key:null==option?void 0:option[idAccessor],onSelect:()=>null==onSelect?void 0:onSelect(option),isSelected:(null==value?void 0:value[idAccessor])===(null==option?void 0:option[idAccessor])}):(0,jsx_runtime.jsx)(Menu_styles._2,{id:null==option?void 0:option[idAccessor],disabled:null==option?void 0:option.disabled,className:"DropdownMenuItem",onSelect:()=>null==onSelect?void 0:onSelect(option),$isSelected:(null==value?void 0:value[idAccessor])===(null==option?void 0:option[idAccessor]),children:null==option?void 0:option[nameAccessor]},null==option?void 0:option[idAccessor]))),showArrow&&(0,jsx_runtime.jsx)(Menu_styles.eW,{className:"DropdownMenuArrow"})]})})]})},Menu_Menu=Menu;Menu.__docgenInfo={description:"Menu is a container for Menu Item components.\nMenu item is a component to define each row of a menu components. It takes in prefix, suffix and default slot to place content either at beginning or end or middle of the row respectively.",methods:[],displayName:"Menu",props:{side:{required:!1,tsType:{name:"PopperContentProps['side']",raw:"PopperContentProps['side']"},description:""},sideOffset:{required:!1,tsType:{name:"PopperContentProps['sideOffset']",raw:"PopperContentProps['sideOffset']"},description:""},align:{required:!1,tsType:{name:"PopperContentProps['align']",raw:"PopperContentProps['align']"},description:""},alignOffset:{required:!1,tsType:{name:"PopperContentProps['alignOffset']",raw:"PopperContentProps['alignOffset']"},description:""},arrowPadding:{required:!1,tsType:{name:"PopperContentProps['arrowPadding']",raw:"PopperContentProps['arrowPadding']"},description:""},avoidCollisions:{required:!1,tsType:{name:"PopperContentProps['avoidCollisions']",raw:"PopperContentProps['avoidCollisions']"},description:""},value:{required:!1,tsType:{name:"T"},description:"value of menu"},onSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(option: T) => void",signature:{arguments:[{type:{name:"T"},name:"option"}],return:{name:"void"}}},description:"Called when a menu item is selected"},closeMenuCallback:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},itemComponent:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T, props?: MenuItemProps) => React.ReactNode | string",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"intersection",raw:"RadixMenuItemProps & {\n  isSelected?: boolean;\n}",elements:[{name:"RadixMenuItemProps"},{name:"signature",type:"object",raw:"{\n  isSelected?: boolean;\n}",signature:{properties:[{key:"isSelected",value:{name:"boolean",required:!1}}]}}]},name:"props"}],return:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]}}},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"options for menu button"},trigger:{required:!0,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},highlightedIndex:{required:!1,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:"Is the button inline\n@deprecated"},idAccessor:{required:!1,tsType:{name:"string"},description:"id Accessor of menu"},nameAccessor:{required:!1,tsType:{name:"string"},description:"name Accessor of menu"},isOpen:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},showArrow:{required:!1,tsType:{name:"boolean"},description:"should show the Arrow?"}}}},"./src/components/Menu/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$E:()=>DropdownMenuRoot,SQ:()=>DropdownMenuContent,_2:()=>DropdownMenuItem,dc:()=>DropdownMenuPortal,eW:()=>DropdownMenuArrow,ty:()=>DropdownMenuTrigger});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs"),_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/styles/index.ts");const DropdownMenuRoot=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.bL)(_templateObject||(_templateObject=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuTrigger=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.l9)(_templateObject2||(_templateObject2=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuPortal=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.ZL)(_templateObject3||(_templateObject3=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)([""]))),DropdownMenuArrow=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.i3)(_templateObject4||(_templateObject4=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  fill: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.border.light})),DropdownMenuContent=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.UC)(_templateObject5||(_templateObject5=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  padding: 8px;\n  z-index: 1000;\n  border-radius: 2px 2px 8px 8px;\n  border: 1px solid ",";\n  background: ",";\n  box-shadow: -15px 20px 40px 0px rgba(0, 0, 0, 0.04);\n  &[data-side='top'],\n  &[data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-side='right'],\n  &[data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-side='bottom'],\n  &[data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-side='left'],\n  &[data-side='left'] {\n    animation-name: ",";\n  }\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n"])),(_ref2=>{let{theme}=_ref2;return theme.colors.border.light}),(_ref3=>{let{theme}=_ref3;return theme.colors.fill.surface}),_styles__WEBPACK_IMPORTED_MODULE_0__.zl,_styles__WEBPACK_IMPORTED_MODULE_0__.wy,_styles__WEBPACK_IMPORTED_MODULE_0__.cc,_styles__WEBPACK_IMPORTED_MODULE_0__.hF,(_ref4=>{let{theme}=_ref4;return theme.transitions.duration.standard}),(_ref5=>{let{theme}=_ref5;return theme.transitions.easing.easeIn})),DropdownMenuItem=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.Ay)(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.q7)(_templateObject6||(_templateObject6=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  padding: 8px 12px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-family: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  outline: none;\n  background: ",";\n  cursor: ",";\n  opacity: ",";\n  &:focus,\n  &:hover {\n    background: ",";\n  }\n"])),(_ref6=>{let{theme}=_ref6;return theme.typography.fontFamily}),(_ref7=>{let{theme}=_ref7;return theme.typography.primary.fontSize}),(_ref8=>{let{theme}=_ref8;return theme.typography.primary.lineHeight}),(_ref9=>{let{theme}=_ref9;return theme.colors.text.primary}),(_ref10=>{let{$isSelected,theme}=_ref10;return $isSelected?theme.colors.fill.hilight:"inherit"}),(_ref11=>{let{disabled}=_ref11;return disabled?"not-allowed":"pointer"}),(_ref12=>{let{disabled}=_ref12;return disabled?"0.5":"inherit"}),(_ref13=>{let{disabled,theme}=_ref13;return disabled?theme.colors.fill.disabled:theme.colors.fill.hilight}))},"./src/components/Typography/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Typography_Typography});var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");const StyledTypography=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js").Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  text-transform: ",";\n  -webkit-font-smoothing: antialiased;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.primary}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme,weight}=_ref3;return theme.typography.fontWeight[weight]}),(_ref4=>{let{theme,variant}=_ref4;return theme.typography[variant].fontSize}),(_ref5=>{let{theme,variant}=_ref5;return theme.typography[variant].lineHeight}),(_ref6=>{let{variant}=_ref6;return"caption"===variant?"uppercase":"none"}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Typography=react.forwardRef(((_ref,forwardedRef)=>{let{children,variant="primary",weight="regular",...rest}=_ref;return(0,jsx_runtime.jsx)(StyledTypography,{variant,weight,ref:forwardedRef,...rest,children})})),Typography_Typography=Typography;Typography.__docgenInfo={description:"Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.",methods:[],displayName:"Typography",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},weight:{defaultValue:{value:"'regular'",computed:!1},required:!1}}}}}]);

package/storybook-static/stories-Modal-stories.449e97bb.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[41850],{"./src/stories/Modal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Modal_stories});__webpack_require__("./node_modules/react/index.js");var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-dialog/dist/index.mjs"),styles=__webpack_require__("./src/styles/index.ts");const ModalSizeMap={"top-center":{from:{left:"50%",top:"16px",y:"-8px",x:"-50%"},enter:{left:"50%",top:"16px",y:"0",x:"-50%"},leave:{left:"50%",top:"16px",y:"8px",x:"-50%"}},"top-left":{from:{left:"16px",top:"16px",y:"-8px",x:"-8px"},enter:{left:"16px",top:"16px",y:"0",x:"0"},leave:{left:"16px",top:"16px",y:"8px",x:"8px"}},"top-right":{from:{right:"16px",top:"16px",y:"-8px",x:"8px"},enter:{right:"16px",top:"16px",y:"0",x:"0"},leave:{right:"16px",top:"16px",y:"8px",x:"-8px"}},"center-center":{from:{left:"50%",top:"50%",y:"-50%",x:"-50%"},enter:{left:"50%",top:"50%",y:"-50%",x:"-50%"},leave:{left:"50%",top:"50%",y:"-50%",x:"-50%"}},"center-left":{from:{left:"16px",top:"50%",y:"-50%",x:"-8px"},enter:{left:"16px",top:"50%",y:"-50%",x:"0"},leave:{left:"16px",top:"50%",y:"-50%",x:"8px"}},"center-right":{from:{right:"16px",top:"50%",y:"-50%",x:"8px"},enter:{right:"16px",top:"50%",y:"-50%",x:"0"},leave:{right:"16px",top:"50%",y:"-50%",x:"-8px"}},"bottom-center":{from:{left:"50%",bottom:"16px",y:"8px",x:"-50%"},enter:{left:"50%",bottom:"16px",y:"0px",x:"-50%"},leave:{left:"50%",bottom:"16px",y:"-8px",x:"-50%"}},"bottom-left":{from:{left:"16px",bottom:"16px",y:"8px",x:"-8px"},enter:{left:"16px",bottom:"16px",y:"0",x:"0"},leave:{left:"16px",bottom:"16px",y:"-8px",x:"8px"}},"bottom-right":{from:{right:"16px",bottom:"16px",y:"8px",x:"8px"},enter:{right:"16px",bottom:"16px",y:"0",x:"0"},leave:{right:"16px",bottom:"16px",y:"-8px",x:"-8px"}}},ModalSizeWidth={default:"512px",small:"424px",medium:"600px",large:"800px","x-large":"1200px"};var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13;const AnimationMap={"top-center":(0,styled_components_browser_esm.i7)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(-50%, -8px);\n  }\n  to {\n    transform: translate(-50%, 0);\n  }\n"]))),"top-left":(0,styled_components_browser_esm.i7)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(-8px, -8px);\n  }\n  to {\n    transform: translate(0, 0);\n  }\n"]))),"top-right":(0,styled_components_browser_esm.i7)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(8px, -8px);\n  }\n  to {\n    transform: translate(0, 0);\n  }\n"]))),"center-center":(0,styled_components_browser_esm.i7)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"]))),"center-left":(0,styled_components_browser_esm.i7)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(-8px, -50%);\n  }\n  to {\n    transform: translate(0, -50%);\n  }\n"]))),"center-right":(0,styled_components_browser_esm.i7)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(8px, -50%);\n  }\n  to {\n    transform: translate(0, -50%);\n  }\n"]))),"bottom-center":(0,styled_components_browser_esm.i7)(_templateObject7||(_templateObject7=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(-50%, 8px);\n  }\n  to {\n    transform: translate(-50%, 0);\n  }\n"]))),"bottom-left":(0,styled_components_browser_esm.i7)(_templateObject8||(_templateObject8=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(-8px, 8px);\n  }\n  to {\n    transform: translate(0, 0);\n  }\n"]))),"bottom-right":(0,styled_components_browser_esm.i7)(_templateObject9||(_templateObject9=(0,taggedTemplateLiteral.A)(["\n  from {\n    transform: translate(8px, 8px);\n  }\n  to {\n    transform: translate(0, 0);\n  }\n"])))},DialogRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject10||(_templateObject10=(0,taggedTemplateLiteral.A)([""]))),DialogPortal=(0,styled_components_browser_esm.Ay)(dist.ZL)(_templateObject11||(_templateObject11=(0,taggedTemplateLiteral.A)([""]))),DialogOverlay=(0,styled_components_browser_esm.Ay)(dist.hJ)(_templateObject12||(_templateObject12=(0,taggedTemplateLiteral.A)(["\n  background-color: ","40;\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.colors.common.black}),(_ref2=>{let{theme}=_ref2;return theme.transitions.duration.standard}),(_ref3=>{let{theme}=_ref3;return theme.transitions.easing.easeIn}),styles.QZ,styles.Xn),DialogContent=(0,styled_components_browser_esm.Ay)(dist.UC)(_templateObject13||(_templateObject13=(0,taggedTemplateLiteral.A)(["\n  background-color: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 18px 0 rgba(18, 52, 77, 0.2);\n  outline: none;\n  max-width: ",";\n  width: ",";\n  max-height: 85vh;\n  position: fixed;\n  z-index: 120;\n  transform: translate(\n    ",",\n    ","\n  );\n  top: ",";\n  bottom: ",";\n  left: ",";\n  right: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref4=>{let{size}=_ref4;return ModalSizeWidth[size]}),(_ref5=>{let{fullWidth}=_ref5;return fullWidth?"100%":"unset"}),(_ref6=>{let{align,position}=_ref6;return ModalSizeMap["".concat(align,"-").concat(position)].enter.x}),(_ref7=>{let{align,position}=_ref7;return ModalSizeMap["".concat(align,"-").concat(position)].enter.y}),(_ref8=>{let{align,position}=_ref8;return ModalSizeMap["".concat(align,"-").concat(position)].enter.top}),(_ref9=>{let{align,position}=_ref9;return ModalSizeMap["".concat(align,"-").concat(position)].enter.bottom}),(_ref10=>{let{align,position}=_ref10;return ModalSizeMap["".concat(align,"-").concat(position)].enter.left}),(_ref11=>{let{align,position}=_ref11;return ModalSizeMap["".concat(align,"-").concat(position)].enter.right}),(_ref12=>{let{theme}=_ref12;return theme.transitions.duration.standard}),(_ref13=>{let{theme}=_ref13;return theme.transitions.easing.easeIn}),(_ref14=>{let{align,position}=_ref14;return AnimationMap["".concat(align,"-").concat(position)]}),styles.Xn);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Modal=_ref=>{let{isOpen,children,align="center",customClass="",fullWidth=!1,customModalContentStyles={},onDismiss,position="center",size}=_ref;return(0,jsx_runtime.jsx)(DialogRoot,{open:isOpen,onOpenChange:newState=>{newState||null==onDismiss||onDismiss()},children:(0,jsx_runtime.jsxs)(DialogPortal,{children:[(0,jsx_runtime.jsx)(DialogOverlay,{forceMount:!0,className:"DialogOverlay",onClick:()=>null==onDismiss?void 0:onDismiss()}),(0,jsx_runtime.jsx)(DialogContent,{forceMount:!0,className:"DialogContent ".concat(null!=customClass?customClass:"").trim(),size:null!=size?size:"default",fullWidth,align,position,style:customModalContentStyles,children})]})})},Modal_Modal=Modal;Modal.__docgenInfo={description:"Modals are used as an overlay to display information. It can also be used as confirm boxes to take user inputs.",methods:[],displayName:"Modal",props:{children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},isOpen:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},fullWidth:{required:!1,tsType:{name:"boolean"},description:"Is the button inline",defaultValue:{value:"false",computed:!1}},align:{required:!1,tsType:{name:"union",raw:"'top' | 'center' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'center'"},{name:"literal",value:"'bottom'"}]},description:"Is the button inline",defaultValue:{value:"'center'",computed:!1}},position:{required:!1,tsType:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}]},description:"Is the button inline",defaultValue:{value:"'center'",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"| 'default'\n| 'medium'\n| 'small'\n| 'large'\n| 'x-large'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'small'"},{name:"literal",value:"'large'"},{name:"literal",value:"'x-large'"}]},description:"Is the button inline"},onDismiss:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"How large should the button be?"},customClass:{required:!1,tsType:{name:"string"},description:"The children or label",defaultValue:{value:"''",computed:!1}},customModalContentStyles:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"The children or label",defaultValue:{value:"{}",computed:!1}}}};var Button=__webpack_require__("./src/components/Button/index.ts");const Modal_stories={title:"Components/Modal",component:Modal_Modal,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:function Render(props){const[{isOpen},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.$,{variant:"primary",onClick:()=>updateArgs({isOpen:!0}),children:"Open Modal"}),(0,jsx_runtime.jsxs)(Modal_Modal,{...props,isOpen,onDismiss:()=>{updateArgs({isOpen:!1})},children:[(0,jsx_runtime.jsxs)(styles.Wu,{children:[(0,jsx_runtime.jsx)(styles.ZB,{children:"Title goes here"}),(0,jsx_runtime.jsx)(styles.c5,{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, dolore excepturi velit ut, ea earum ipsum aspernatur modi ex ipsa repudiandae eaque amet sequi eligendi deserunt libero nobis asperiores necessitatibus!"})]}),(0,jsx_runtime.jsxs)(styles.w,{style:{borderRadius:"8px"},children:[(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>updateArgs({isOpen:!1}),children:"Close"}),(0,jsx_runtime.jsx)(Button.$,{variant:"primary",onClick:()=>updateArgs({isOpen:!1}),children:"Ok"})]})]})]})},args:{isOpen:!1,fullWidth:!1}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n  render: function Render(props) {\n    const [{\n      isOpen\n    }, updateArgs] = useArgs();\n    return <>\n        <Button variant="primary" onClick={() => updateArgs({\n        isOpen: true\n      })}>\n          Open Modal\n        </Button>\n        <Modal {...props} isOpen={isOpen} onDismiss={() => {\n        updateArgs({\n          isOpen: false\n        });\n      }}>\n          <CardContent>\n            <CardTitle>Title goes here</CardTitle>\n            <CardText>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta,\n              dolore excepturi velit ut, ea earum ipsum aspernatur modi ex ipsa\n              repudiandae eaque amet sequi eligendi deserunt libero nobis\n              asperiores necessitatibus!\n            </CardText>\n          </CardContent>\n          <CardActions style={{\n          borderRadius: \'8px\'\n        }}>\n            <Button variant="secondary" onClick={() => updateArgs({\n            isOpen: false\n          })}>\n              Close\n            </Button>\n            <Button variant="primary" onClick={() => updateArgs({\n            isOpen: false\n          })}>\n              Ok\n            </Button>\n          </CardActions>\n        </Modal>\n      </>;\n  },\n  args: {\n    isOpen: false,\n    fullWidth: false\n  }\n}',...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")}}]);

package/storybook-static/stories-MultiSelectDropdown-stories.09542c94.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[9317],{"./node_modules/@radix-ui/react-avatar/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H4:()=>$cddcb0b647441e34$export$fb8d7f40caaeea67,_V:()=>$cddcb0b647441e34$export$3e431a229df88919,bL:()=>$cddcb0b647441e34$export$be92b6f5f03c0fe9});var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),_radix_ui_react_use_callback_ref__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs"),_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-primitive/dist/index.mjs");const[$cddcb0b647441e34$var$createAvatarContext,$cddcb0b647441e34$export$90370d16b488820f]=(0,_radix_ui_react_context__WEBPACK_IMPORTED_MODULE_1__.A)("Avatar"),[$cddcb0b647441e34$var$AvatarProvider,$cddcb0b647441e34$var$useAvatarContext]=$cddcb0b647441e34$var$createAvatarContext("Avatar"),$cddcb0b647441e34$export$e2255cf6045e8d47=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,...avatarProps}=props,[imageLoadingStatus,setImageLoadingStatus]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("idle");return(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)($cddcb0b647441e34$var$AvatarProvider,{scope:__scopeAvatar,imageLoadingStatus,onImageLoadingStatusChange:setImageLoadingStatus},(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_2__.sG.span,(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__.A)({},avatarProps,{ref:forwardedRef})))})),$cddcb0b647441e34$export$2cd8ae1985206fe8=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,src,onLoadingStatusChange=()=>{},...imageProps}=props,context=$cddcb0b647441e34$var$useAvatarContext("AvatarImage",__scopeAvatar),imageLoadingStatus=function $cddcb0b647441e34$var$useImageLoadingStatus(src){const[loadingStatus,setLoadingStatus]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("idle");return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_5__.N)((()=>{if(!src)return void setLoadingStatus("error");let isMounted=!0;const image=new window.Image,updateStatus=status=>()=>{isMounted&&setLoadingStatus(status)};return setLoadingStatus("loading"),image.onload=updateStatus("loaded"),image.onerror=updateStatus("error"),image.src=src,()=>{isMounted=!1}}),[src]),loadingStatus}(src),handleLoadingStatusChange=(0,_radix_ui_react_use_callback_ref__WEBPACK_IMPORTED_MODULE_4__.c)((status=>{onLoadingStatusChange(status),context.onImageLoadingStatusChange(status)}));return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_5__.N)((()=>{"idle"!==imageLoadingStatus&&handleLoadingStatusChange(imageLoadingStatus)}),[imageLoadingStatus,handleLoadingStatusChange]),"loaded"===imageLoadingStatus?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_2__.sG.img,(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__.A)({},imageProps,{ref:forwardedRef,src})):null})),$cddcb0b647441e34$export$69fffb6a9571fbfe=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,forwardedRef)=>{const{__scopeAvatar,delayMs,...fallbackProps}=props,context=$cddcb0b647441e34$var$useAvatarContext("AvatarFallback",__scopeAvatar),[canRender,setCanRender]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0===delayMs);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(void 0!==delayMs){const timerId=window.setTimeout((()=>setCanRender(!0)),delayMs);return()=>window.clearTimeout(timerId)}}),[delayMs]),canRender&&"loaded"!==context.imageLoadingStatus?(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_radix_ui_react_primitive__WEBPACK_IMPORTED_MODULE_2__.sG.span,(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__.A)({},fallbackProps,{ref:forwardedRef})):null}));const $cddcb0b647441e34$export$be92b6f5f03c0fe9=$cddcb0b647441e34$export$e2255cf6045e8d47,$cddcb0b647441e34$export$3e431a229df88919=$cddcb0b647441e34$export$2cd8ae1985206fe8,$cddcb0b647441e34$export$fb8d7f40caaeea67=$cddcb0b647441e34$export$69fffb6a9571fbfe},"./src/stories/MultiSelectDropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MultiSelectDropdown_stories});var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const InlineContainer=styled_components_browser_esm.Ay.div(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  flex: 1;\n  gap: 8px;\n  display: flex;\n  flex-wrap: wrap;\n  input {\n    min-width: 150px;\n    flex: 1;\n    display: inline-block;\n    outline: none;\n    padding: 0 8px;\n    margin: 0;\n    border: none;\n    background: none;\n    font-weight: 500;\n    font-family: ",";\n    font-size: ",";\n    line-height: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontFamily}),(_ref2=>{let{theme}=_ref2;return theme.typography.primary.fontSize}),(_ref3=>{let{theme}=_ref3;return theme.typography.primary.lineHeight}));styled_components_browser_esm.Ay.span(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)([""])));var styles=__webpack_require__("./src/components/Dropdown/styles.ts"),src_styles=__webpack_require__("./src/styles/index.ts"),downshift_esm=__webpack_require__("./node_modules/downshift/dist/downshift.esm.js"),TickIcon=__webpack_require__("./src/components/Icons/TickIcon.tsx"),Loader=__webpack_require__("./src/components/Loader/index.ts"),Tag=__webpack_require__("./src/components/Tag/index.ts"),Icons=__webpack_require__("./src/components/Icons/index.ts"),ErrorText=__webpack_require__("./src/global/ErrorText/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const MultiSelectDropdown=_ref=>{var _getCustomMessage;let{itemIdentifier="id",label,id,items=[],onChange,placeholder,readOnly=!1,disabled=!1,isRequired=!1,itemToString,name,filterKey,width,useComboboxProps,useMultipleSelectionProps,emptyItemsText,getCustomMessage,onCustomValueAdd,customValues,inputValue:iV,hideClear,removeSelectedItem:rSelectedItem,defaultSelectedItems=[],handleInputChange,isErrored,isMenuLoading,errorText,InputProps,itemComponent,isDynamicMenu,locale,maxAllowedLength,minAllowedLength,hideChips=!1,hideSelectedItem=!1,onBackSpace}=_ref;const theme=(0,styled_components_browser_esm.DP)(),[inputValue,setInputValue]=react.useState(null!=iV?iV:""),{getSelectedItemProps,getDropdownProps,selectedItems,removeSelectedItem,setSelectedItems,addSelectedItem}=(0,downshift_esm.mH)({initialSelectedItems:defaultSelectedItems,onStateChange:_ref2=>{let{selectedItems:newSelectedItems,type}=_ref2;switch(type){case downshift_esm.mH.stateChangeTypes.FunctionSetSelectedItems:case downshift_esm.mH.stateChangeTypes.SelectedItemKeyDownBackspace:case downshift_esm.mH.stateChangeTypes.SelectedItemKeyDownDelete:case downshift_esm.mH.stateChangeTypes.DropdownKeyDownBackspace:case downshift_esm.mH.stateChangeTypes.FunctionRemoveSelectedItem:case downshift_esm.mH.stateChangeTypes.FunctionAddSelectedItem:newSelectedItems&&(null==onChange||onChange(newSelectedItems))}},...useMultipleSelectionProps}),localItems=react.useMemo((()=>items.filter((i=>{const key="string"==typeof i?i:null==i?void 0:i[filterKey||itemIdentifier];return!(hideSelectedItem&&selectedItems.some((slItm=>(null==itemToString?void 0:itemToString(slItm))===(null==itemToString?void 0:itemToString(i)))))&&(!inputValue||key.toLowerCase().includes(inputValue.toLowerCase()))}))),[items,inputValue,filterKey,itemIdentifier,hideSelectedItem,selectedItems,itemToString]),{isOpen,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,highlightedIndex,getItemProps}=(0,downshift_esm.Bp)({items:localItems,itemToString:item=>item&&itemToString?itemToString(item,"downshift"):"",selectedItem:null,inputValue,stateReducer:(state,actionAndChanges)=>{const{changes,type}=actionAndChanges;switch(type){case downshift_esm.Bp.stateChangeTypes.InputKeyDownEnter:case downshift_esm.Bp.stateChangeTypes.ItemClick:return{...changes,isOpen:!0};default:return changes}},onStateChange:_ref3=>{let{inputValue:newInputValue,type,selectedItem:newSelectedItem}=_ref3;switch(type){case downshift_esm.Bp.stateChangeTypes.InputKeyDownEnter:case downshift_esm.Bp.stateChangeTypes.ItemClick:case downshift_esm.Bp.stateChangeTypes.InputBlur:newSelectedItem&&(selectedItems.find((sDI=>(null==sDI?void 0:sDI[itemIdentifier])===(null==newSelectedItem?void 0:newSelectedItem[itemIdentifier])))?removeSelectedItem(newSelectedItem):addSelectedItem(newSelectedItem),setInputValue(""),null==handleInputChange||handleInputChange(""));break;case downshift_esm.Bp.stateChangeTypes.InputChange:setInputValue(null!=newInputValue?newInputValue:""),null==handleInputChange||handleInputChange(null!=newInputValue?newInputValue:"")}},...useComboboxProps}),isOpenFlag=!disabled&&!readOnly&&isOpen,downshiftInoutProps=getInputProps(getDropdownProps({preventKeyAction:isOpen,name,id,disabled,readOnly}));return(0,jsx_runtime.jsxs)(styles.RZ,{width,children:[(0,jsx_runtime.jsxs)(src_styles.Gw,{className:"input-label",...getLabelProps({disabled,readOnly}),children:[label,label&&isRequired&&(0,jsx_runtime.jsx)(src_styles.Tr,{children:"*"})]}),(0,jsx_runtime.jsxs)(styles.g$,{disabled,$isErrored:!!isErrored,"aria-invalid":isErrored,children:[(0,jsx_runtime.jsxs)(InlineContainer,{children:[!hideChips&&selectedItems.map(((selectedItemForRender,index)=>{var _itemToString;return(0,jsx_runtime.jsx)(Tag.v,{...getSelectedItemProps({selectedItem:selectedItemForRender,index}),"aria-disabled":disabled,"aria-readonly":readOnly,iconProps:{"aria-disabled":disabled,disabled},onClose:e=>{disabled||readOnly||(e.stopPropagation(),removeSelectedItem(selectedItemForRender))},children:null!==(_itemToString=null==itemToString?void 0:itemToString(selectedItemForRender))&&void 0!==_itemToString?_itemToString:""},"selected-item-".concat(index))})),(0,jsx_runtime.jsx)("input",{placeholder,...downshiftInoutProps,onKeyDown:event=>{var _downshiftInoutProps$;"Backspace"!==event.key||inputValue||(removeSelectedItem(selectedItems[selectedItems.length-1]),null==onBackSpace||onBackSpace()),"Enter"===event.key&&inputValue&&customValues&&highlightedIndex<0&&(null==onCustomValueAdd||onCustomValueAdd({inputValue,customValues:!0})),null==downshiftInoutProps||null===(_downshiftInoutProps$=downshiftInoutProps.onKeyDown)||void 0===_downshiftInoutProps$||_downshiftInoutProps$.call(downshiftInoutProps,event)},...InputProps})]}),!hideClear&&(0,jsx_runtime.jsx)(src_styles.K0,{onClick:event=>{setSelectedItems([]),event.stopPropagation(),event.preventDefault()},children:(0,jsx_runtime.jsx)(Icons.w0,{fill:theme.colors.text.primary})}),(0,jsx_runtime.jsx)(src_styles.K0,{...getToggleButtonProps({disabled,readOnly}),children:(0,jsx_runtime.jsx)(styles._4,{$isOpen:isOpenFlag,fill:theme.colors.text.primary,width:8,height:8})})]}),!readOnly&&!disabled&&(0,jsx_runtime.jsx)(styles.qT,{$isOpen:isOpen,...getMenuProps({disabled,readOnly}),children:isMenuLoading?(0,jsx_runtime.jsx)(styles.z$,{children:(0,jsx_runtime.jsx)(Loader.a,{})}):(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[isOpen&&(0===localItems.length||customValues)&&(0,jsx_runtime.jsx)(styles.ck,{readOnly:!0,children:customValues?(0,jsx_runtime.jsx)(styles.Ri,{tabIndex:0,onClick:event=>{event.stopPropagation(),onCustomValueAdd&&onCustomValueAdd({inputValue,customValues:!0})},children:null!==(_getCustomMessage=null==getCustomMessage?void 0:getCustomMessage(inputValue))&&void 0!==_getCustomMessage?_getCustomMessage:"Click to add"}):null!=emptyItemsText?emptyItemsText:"No items"}),isOpen&&localItems.map(((item,index)=>{var _itemIdentifier,_item$itemIdentifier,_itemToString2;const key="string"==typeof item?"".concat(item).concat(index).trim():"".concat(null!==(_itemIdentifier=null==item?void 0:item[itemIdentifier])&&void 0!==_itemIdentifier?_itemIdentifier:"").concat(index).trim(),isSelected=selectedItems.map((sI=>null==sI?void 0:sI[itemIdentifier])).filter(Boolean).indexOf(null!==(_item$itemIdentifier=null==item?void 0:item[itemIdentifier])&&void 0!==_item$itemIdentifier?_item$itemIdentifier:"")>-1;return(0,jsx_runtime.jsx)(styles.ck,{$isHilighted:highlightedIndex===index,$isSelected:isSelected,...getItemProps({item,index}),children:itemComponent?itemComponent(item):(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[null!==(_itemToString2=null==itemToString?void 0:itemToString(item))&&void 0!==_itemToString2?_itemToString2:"",isSelected&&(0,jsx_runtime.jsx)(TickIcon.A,{fill:theme.colors.common.accent})]})},key)}))]})}),isErrored&&errorText&&(0,jsx_runtime.jsx)(ErrorText.y,{children:errorText})]})},MultiSelectDropdown_MultiSelectDropdown=MultiSelectDropdown;MultiSelectDropdown.__docgenInfo={description:"MultiSelectDropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.",methods:[],displayName:"MultiSelectDropdown",props:{items:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"dropdown item content",defaultValue:{value:"[]",computed:!1}},itemIdentifier:{required:!1,tsType:{name:"string"},description:"Id of the item",defaultValue:{value:"'id'",computed:!1}},defaultSelectedItems:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"T[]"},description:"selected item of dropdown",defaultValue:{value:"[]",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"T"}],raw:"T[]"},name:"item"}],return:{name:"void"}}},description:"Called when select an option or input value change"},itemToString:{required:!1,tsType:{name:"signature",type:"function",raw:"(\n  item: T,\n  type?: 'list-item' | 'display' | 'downshift',\n) => string",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"union",raw:"'list-item' | 'display' | 'downshift'",elements:[{name:"literal",value:"'list-item'"},{name:"literal",value:"'display'"},{name:"literal",value:"'downshift'"}]},name:"type"}],return:{name:"string"}}},description:""},itemComponent:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T) => React.ReactNode | string",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]}}},description:"Fuction to give the string representation of the item"},readOnly:{required:!1,tsType:{name:"boolean"},description:"Is the dropdown readonly",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select",defaultValue:{value:"false",computed:!1}},name:{required:!1,tsType:{name:"string"},description:"name of the drowpdown"},width:{required:!1,tsType:{name:"string"},description:"width of the multi select drowpdown"},filterKey:{required:!1,tsType:{name:"string"},description:""},getCustomMessage:{required:!1,tsType:{name:"signature",type:"function",raw:"(inoutValue: string) => string",signature:{arguments:[{type:{name:"string"},name:"inoutValue"}],return:{name:"string"}}},description:""},emptyItemsText:{required:!1,tsType:{name:"string"},description:"Empty items text box"},hideClear:{required:!1,tsType:{name:"boolean"},description:"Whether to allow hide or clear when click"},errorText:{required:!1,tsType:{name:"string"},description:"Error text to be shown"},isErrored:{required:!1,tsType:{name:"boolean"},description:"Is this a error field?"},isRequired:{required:!1,tsType:{name:"boolean"},description:"Is this a required field?",defaultValue:{value:"false",computed:!1}},isMenuLoading:{required:!1,tsType:{name:"boolean"},description:"Is menu loading?"},inputValue:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},handleInputChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(inputValue: string) => void",signature:{arguments:[{type:{name:"string"},name:"inputValue"}],return:{name:"void"}}},description:""},onCustomValueAdd:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: {\n  inputValue: string;\n  customValues: boolean;\n}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{\n  inputValue: string;\n  customValues: boolean;\n}",signature:{properties:[{key:"inputValue",value:{name:"string",required:!0}},{key:"customValues",value:{name:"boolean",required:!0}}]}},name:"item"}],return:{name:"void"}}},description:""},removeSelectedItem:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T, index: number) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},customValues:{required:!1,tsType:{name:"boolean"},description:"Is this custom value"},id:{required:!1,tsType:{name:"string"},description:"id of the drowpdown"},label:{required:!1,tsType:{name:"string"},description:"label for the drowpdown"},placeholder:{required:!1,tsType:{name:"string"},description:""},useMultipleSelectionProps:{required:!1,tsType:{name:"UseMultipleSelectionProps",elements:[{name:"T"}],raw:"UseMultipleSelectionProps<T>"},description:""},useComboboxProps:{required:!1,tsType:{name:"UseComboboxProps",elements:[{name:"T"}],raw:"UseComboboxProps<T>"},description:""},InputProps:{required:!1,tsType:{name:"ReactInputHTMLAttributes",raw:"React.InputHTMLAttributes<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},description:""},onBackSpace:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},maxAllowedLength:{required:!1,tsType:{name:"number"},description:""},isDynamicMenu:{required:!1,tsType:{name:"boolean"},description:""},minAllowedLength:{required:!1,tsType:{name:"number"},description:""},locale:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  createText: string;\n  deleteText: string;\n}",signature:{properties:[{key:"createText",value:{name:"string",required:!0}},{key:"deleteText",value:{name:"string",required:!0}}]}},description:""},hideChips:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},hideSelectedItem:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api");const MultiSelectDropdown_stories={title:"Components/MultiSelectDropdown",component:MultiSelectDropdown_MultiSelectDropdown,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Primary={render:function Render(props){const[{defaultSelectedItems},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsx)(MultiSelectDropdown_MultiSelectDropdown,{...props,defaultSelectedItems,onChange:selectedItems=>{updateArgs({defaultSelectedItems:selectedItems})}})},args:{width:"312px",label:"User",defaultSelectedItems:[{id:3,name:"Alister",email:"aashenhurst2@tinypic.com",gender:"Male"},{id:4,name:"Bab",email:"bgrahl3@businessweek.com",gender:"Agender"},{id:6,name:"Galina",email:"gleason5@yahoo.co.jp",gender:"Female"}],isRequired:!0,placeholder:"Select an user",isErrored:!1,errorText:"This field is required",customValues:!0,emptyItemsText:"No users found here",readOnly:!1,getCustomMessage:inputValue=>inputValue.length>3?"Add ".concat(inputValue," as a new user"):"Type at least 3 characters to search",itemIdentifier:"id",name:"users",id:"users-dropdown",itemToString:item=>null==item?void 0:item.name,items:[{id:1,name:"Mickey",email:"mfernandes0@comcast.net",gender:"Male"},{id:2,name:"Noreen",email:"nandrew1@1688.com",gender:"Female"},{id:3,name:"Alister",email:"aashenhurst2@tinypic.com",gender:"Male"},{id:4,name:"Bab",email:"bgrahl3@businessweek.com",gender:"Agender"},{id:5,name:"Rogerio",email:"rrevill4@issuu.com",gender:"Male"},{id:6,name:"Galina",email:"gleason5@yahoo.co.jp",gender:"Female"},{id:7,name:"Ranice",email:"rreeve6@pagesperso-orange.fr",gender:"Female"},{id:8,name:"Brenda",email:"bsircombe7@lulu.com",gender:"Agender"},{id:9,name:"Aggie",email:"azumfelde8@imageshack.us",gender:"Female"},{id:10,name:"Guthrie",email:"gsullivan9@pinterest.com",gender:"Male"},{id:11,name:"Esma",email:"evedenyakina@cyberchimps.com",gender:"Female"},{id:12,name:"Nevil",email:"nhymusb@home.pl",gender:"Male"},{id:13,name:"Gar",email:"gboothmanc@reddit.com",gender:"Male"},{id:14,name:"Way",email:"wcareyd@indiatimes.com",gender:"Male"},{id:15,name:"Sosanna",email:"seshe@wix.com",gender:"Female"},{id:16,name:"Enrika",email:"edickonf@cnet.com",gender:"Female"},{id:17,name:"Major",email:"mhottong@berkeley.edu",gender:"Male"},{id:18,name:"Rozanne",email:"rambrosonih@huffingtonpost.com",gender:"Female"},{id:19,name:"Willy",email:"wblackhursti@si.edu",gender:"Male"},{id:20,name:"Felice",email:"fhaycroftj@booking.com",gender:"Male"}],filterKey:"name",onCustomValueAdd:val=>{console.log("onCustomValueAdd",val)},hideChips:!1,hideSelectedItem:!1}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      defaultSelectedItems\n    }, updateArgs] = useArgs();\n    return <MultiSelectDropdown {...props} defaultSelectedItems={defaultSelectedItems} onChange={selectedItems => {\n      updateArgs({\n        defaultSelectedItems: selectedItems\n      });\n    }} />;\n  },\n  args: {\n    width: '312px',\n    label: 'User',\n    defaultSelectedItems: [{\n      id: 3,\n      name: 'Alister',\n      email: 'aashenhurst2@tinypic.com',\n      gender: 'Male'\n    }, {\n      id: 4,\n      name: 'Bab',\n      email: 'bgrahl3@businessweek.com',\n      gender: 'Agender'\n    }, {\n      id: 6,\n      name: 'Galina',\n      email: 'gleason5@yahoo.co.jp',\n      gender: 'Female'\n    }],\n    isRequired: true,\n    placeholder: 'Select an user',\n    isErrored: false,\n    errorText: 'This field is required',\n    customValues: true,\n    emptyItemsText: 'No users found here',\n    readOnly: false,\n    getCustomMessage: inputValue => inputValue.length > 3 ? `Add ${inputValue} as a new user` : 'Type at least 3 characters to search',\n    itemIdentifier: 'id',\n    name: 'users',\n    id: 'users-dropdown',\n    itemToString: (item: any) => item?.name,\n    items: users,\n    filterKey: 'name',\n    onCustomValueAdd: val => {\n      console.log('onCustomValueAdd', val);\n    },\n    hideChips: false,\n    hideSelectedItem: false\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Tag/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>Tag_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-avatar/dist/index.mjs");const AvatarRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  overflow: hidden;\n  user-select: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 100%;\n"]))),AvatarImage=(0,styled_components_browser_esm.Ay)(dist._V)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: inherit;\n"]))),AvatarFallback=(0,styled_components_browser_esm.Ay)(dist.H4)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.primary}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme}=_ref3;return theme.typography.secondary.fontSize}),(_ref4=>{let{theme}=_ref4;return theme.typography.secondary.fontWeight}),(_ref5=>{let{theme}=_ref5;return theme.typography.secondary.lineHeight})),IconHolder=styled_components_browser_esm.Ay.button(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  display: flex;\n  border-radius: 50%;\n  &:focus,\n  &:hover {\n    background-color: ",";\n  }\n"])),(_ref6=>{let{theme}=_ref6;return theme.colors.fill.surface})),StyledTag=styled_components_browser_esm.Ay.span(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  padding: 4px 6px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: fit-content;\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  color: ",";\n  background-color: ",";\n  border: 1px solid\n    ",";\n  &:hover {\n    border-color: ",";\n  }\n"])),(_ref7=>{let{theme}=_ref7;return theme.typography.fontFamily}),(_ref8=>{let{theme}=_ref8;return theme.typography.secondary.fontSize}),(_ref9=>{let{theme}=_ref9;return theme.typography.fontWeight["semi-bold"]}),(_ref10=>{let{theme}=_ref10;return theme.typography.secondary.lineHeight}),(_ref11=>{let{theme}=_ref11;return theme.colors.text.primary}),(_ref12=>{let{theme}=_ref12;return theme.colors.fill.base}),(_ref13=>{let{theme,$showBorder}=_ref13;return $showBorder?theme.colors.border.normal:"transparent"}),(_ref14=>{let{theme}=_ref14;return theme.colors.border.hover}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tag=react.forwardRef(((props,forwardedRef)=>{const{children,iconProps,onClose,showBorder=!1,hideClose=!1,avatarImgAlt,avatarImgSrc,avatarText,style,state,...rest}=props,theme=(0,styled_components_browser_esm.DP)();return(0,jsx_runtime.jsxs)(StyledTag,{$showBorder:showBorder,style,className:"StyledTag",...rest,ref:forwardedRef,children:[avatarImgSrc||avatarText?(0,jsx_runtime.jsxs)(AvatarRoot,{className:"AvatarRoot",children:[(0,jsx_runtime.jsx)(AvatarImage,{className:"AvatarImage",src:avatarImgSrc,alt:avatarImgAlt}),(0,jsx_runtime.jsx)(AvatarFallback,{className:"AvatarFallback",delayMs:600,children:avatarText})]}):(0,jsx_runtime.jsx)("div",{}),children,hideClose?(0,jsx_runtime.jsx)("div",{}):(0,jsx_runtime.jsx)(IconHolder,{...iconProps,onClick:onClose,children:(0,jsx_runtime.jsx)(Cross.A,{fill:theme.colors.text.primary})})]})})),Tag_Tag=Tag;Tag.__docgenInfo={description:"Tag component is used to show a tag to the user. It is used to show a label or a category",methods:[],displayName:"Tag"}}}]);

package/storybook-static/stories-Palette-mdx.0977c512.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[17886],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./src/stories/Palette.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_banagarajan_Documents_repos_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.W8,{title:"Palette"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.rE,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Elephant",colors:{E900:"#12344d",E800:"#264966",E700:"#345c7c",E600:"#447093",E500:"#527fa5",E400:"#6b92b6",E300:"#83a6c8",E200:"#a2c0de",E100:"#bedbf5",E50:"#dff0ff"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Smoke",colors:{S900:"#27313a",S800:"#384551",S700:"#475867",S600:"#576c7d",S500:"#647a8e",S400:"#7b8e9f",S300:"#92a2b1",S200:"#b1bdc8",S100:"#cfd7df",S75:"#e6e8eb",S50:"#ebeff3",S25:"#f5f7f9",S10:"#f7f9fa"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Jungle",colors:{J900:"#005c3f",J800:"#00795b",J700:"#008969",J600:"#009a79",J500:"#00a886",J400:"#1cb697",J300:"#4dc4aa",J200:"#82d5c2",J100:"#b4e5da",J50:"#e0f5f1"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Azure",colors:{A900:"#283da5",A800:"#2c5cc5",A700:"#2e6ed8",A600:"#2f80eb",A500:"#2e8efa",A400:"#459ffc",A300:"#64b0fc",A200:"#90c6fe",A100:"#bbdcfe",A50:"#e5f2fd"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Persimmon",colors:{P900:"#c82124",P800:"#d72d30",P700:"#e43538",P600:"#f73f3e",P500:"#ff473e",P400:"#ff5959",P300:"#f2797b",P200:"#f89fa1",P100:"#ffd0d6",P50:"#ffecf0"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Casablanca",colors:{C900:"#d7461f",C800:"#e16023",C700:"#e86f25",C600:"#ef7e27",C500:"#f48928",C400:"#f69a3c",C300:"#f8ab59",C200:"#fac386",C100:"#fddbb5",C50:"#fef1e1"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_2__.Jl,{title:"Common colors",colors:{black:"#000000",white:"#ffffff"}})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent()}},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext}}]);

package/storybook-static/stories-Popover-stories.5c70ade7.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[76878],{"./src/stories/Popover.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Popover__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Popover/index.ts"),_components_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Popover",component:_components_Popover__WEBPACK_IMPORTED_MODULE_1__.A,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{hoverOutToClose:{control:"boolean"}}},Primary={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Popover__WEBPACK_IMPORTED_MODULE_1__.A,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{style:{display:"flex",background:"white",flexDirection:"column",gap:10,maxWidth:"300px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{className:"Text",style:{marginBottom:10},children:"Dimensions"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{className:"Text",style:{marginBottom:10},children:"Controls do not require any modification to your components. Stories for controls are: Convenient. Auto-generate controls based on React/Vue/Angular/etc. components. Portable. Reuse your interactive stories in documentation, tests, and even in designs. Rich. Customize the controls and interactive data to suit your exact needs. To use the Controls addon, you need to write your stories using args. Storybook will automatically generate UI controls based on your args and what it can infer about your component. Still, you can configure the controls further using argTypes, see below."})]})}),args:{side:"right",align:"center",arrow:!1,hoverOutToClose:!1,hoverToOpen:!1,avoidCollisions:!0,trigger:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_2__.$,{variant:"primary",children:"Open"})}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: props => <Popover {...props}>\n      <div style={{\n      display: 'flex',\n      background: 'white',\n      flexDirection: 'column',\n      gap: 10,\n      maxWidth: '300px'\n    }}>\n        <p className=\"Text\" style={{\n        marginBottom: 10\n      }}>\n          Dimensions\n        </p>\n        <p className=\"Text\" style={{\n        marginBottom: 10\n      }}>\n          Controls do not require any modification to your components. Stories\n          for controls are: Convenient. Auto-generate controls based on\n          React/Vue/Angular/etc. components. Portable. Reuse your interactive\n          stories in documentation, tests, and even in designs. Rich. Customize\n          the controls and interactive data to suit your exact needs. To use the\n          Controls addon, you need to write your stories using args. Storybook\n          will automatically generate UI controls based on your args and what it\n          can infer about your component. Still, you can configure the controls\n          further using argTypes, see below.\n        </p>\n      </div>\n    </Popover>,\n  args: {\n    side: 'right',\n    align: 'center',\n    arrow: false,\n    hoverOutToClose: false,\n    hoverToOpen: false,\n    avoidCollisions: true,\n    trigger: <Button variant=\"primary\">Open</Button>\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.typography.fontWeight["semi-bold"]}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{$inline}=_ref3;return $inline?"inline-block":"block"}),(_ref4=>{let{theme,variant}=_ref4;return theme.components.button[variant].borderColor}),(_ref5=>{let{theme,variant}=_ref5;return theme.components.button[variant].backgroundFrom}),(_ref6=>{let{theme,variant}=_ref6;return theme.components.button[variant].backgroundTo}),(_ref7=>{let{theme,variant}=_ref7;return theme.components.button[variant].color}),(_ref8=>{let{size}=_ref8;return ButtonSizeMap[size].height}),(_ref9=>{let{size}=_ref9;return ButtonSizeMap[size].size}),(_ref10=>{let{disabled}=_ref10;return disabled?"not-allowed":"pointer"}),(_ref11=>{let{theme,variant}=_ref11;return theme.components.button[variant].hoverColor}),(_ref12=>{let{theme,variant}=_ref12;return theme.components.button[variant].activeBackgroundColor}),(_ref13=>{let{theme,variant}=_ref13;return theme.components.button[variant].activeBorderColor}),(_ref14=>{let{theme,variant}=_ref14;return theme.components.button[variant].disabledColor}),(_ref15=>{let{theme,variant}=_ref15;return theme.components.button[variant].disabledBorderColor}),(_ref16=>{let{theme,variant}=_ref16;return theme.components.button[variant].disabledBackgroundFrom}),(_ref17=>{let{theme,variant}=_ref17;return theme.components.button[variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{size,variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",methods:[],displayName:"Button",props:{size:{defaultValue:{value:"'normal'",computed:!1},required:!1},variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},children:{defaultValue:{value:"''",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},inline:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")},"./src/components/Popover/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Popover_Popover,i:()=>PopoverClose});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-popover/dist/index.mjs"),styles=__webpack_require__("./src/styles/index.ts");const PopoverContent=(0,styled_components_browser_esm.Ay)(dist.UC)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  background: white;\n  border-radius: 8px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n  &[data-state='open'][data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='left'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.transitions.duration.standard}),(_ref2=>{let{theme}=_ref2;return theme.transitions.easing.easeIn}),styles.zl,styles.wy,styles.cc,styles.hF,styles.Xn),PopoverArrow=(0,styled_components_browser_esm.Ay)(dist.i3)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  fill: white;\n"]))),PopoverRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)([""]))),PopoverTrigger=(0,styled_components_browser_esm.Ay)(dist.l9)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)([""]))),PopoverPortal=(0,styled_components_browser_esm.Ay)(dist.ZL)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)([""]))),PopoverClose=(0,styled_components_browser_esm.Ay)(dist.bm)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)([""])));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Popover=_ref=>{var _ref2,_ref3,_ref4,_ref5;let{children,trigger,arrow,hoverOutToClose,align,hoverToOpen,avoidCollisions=!0,side:s,disabled,onClose,anchorOrigin,autoCloseDuration,clickOutToClose,transformOrigin}=_ref;const[isOpen,setIsOpen]=react.useState(!1),side=null!==(_ref2=null!==(_ref3=null!==(_ref4=null!==(_ref5=null!=s?s:"bottom"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&anchorOrigin.horizontal?"bottom":void 0)&&void 0!==_ref5?_ref5:"top"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&anchorOrigin.horizontal?"top":void 0)&&void 0!==_ref4?_ref4:"center"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&"left"===anchorOrigin.horizontal?"left":void 0)&&void 0!==_ref3?_ref3:"center"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&"right"===anchorOrigin.horizontal?"right":void 0)&&void 0!==_ref2?_ref2:"bottom";return(0,jsx_runtime.jsxs)(PopoverRoot,{open:isOpen,onOpenChange:op=>{setIsOpen(op)},children:[(0,jsx_runtime.jsx)(PopoverTrigger,{asChild:!0,className:"PopoverTrigger",disabled,children:(0,jsx_runtime.jsx)(styles.Yk,{className:"TriggerButtonWrapper",onMouseEnter:()=>{hoverToOpen&&setIsOpen(!0)},children:trigger})}),(0,jsx_runtime.jsx)(PopoverPortal,{children:(0,jsx_runtime.jsxs)(PopoverContent,{forceMount:!0,className:"PopoverContent",onMouseLeave:()=>{hoverOutToClose&&(setIsOpen(!1),null==onClose||onClose())},onInteractOutside:()=>null==onClose?void 0:onClose(),side,align,sideOffset:8,avoidCollisions,children:[children,arrow&&(0,jsx_runtime.jsx)(PopoverArrow,{})]})})]})},Popover_Popover=Popover;Popover.__docgenInfo={description:"Popover need two slots popover-trigger and popover-content. By default on clicking the trigger the content will be displayed. The props can be used to change the position of the content, width of the component and the distance between the trigger and the content.",methods:[],displayName:"Popover",props:{onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"}],return:{name:"void"}}},description:"How large should the button be?"},id:{required:!1,tsType:{name:"string"},description:"Which variant the button should be"},disabled:{required:!1,tsType:{name:"boolean"},description:"Which variant the button should be"},trigger:{required:!0,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},hoverOutToClose:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},hoverToOpen:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},arrow:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},avoidCollisions:{required:!1,tsType:{name:"boolean"},description:"Is the button inline",defaultValue:{value:"true",computed:!1}},side:{required:!1,tsType:{name:"RadixPopover.PopperContentProps['side']",raw:"RadixPopover.PopperContentProps['side']"},description:"Is the button inline"},align:{required:!1,tsType:{name:"RadixPopover.PopperContentProps['align']",raw:"RadixPopover.PopperContentProps['align']"},description:"Is the button inline"},anchorOrigin:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  vertical?: 'top' | 'center' | 'bottom';\n  horizontal?: 'left' | 'center' | 'right';\n}",signature:{properties:[{key:"vertical",value:{name:"union",raw:"'top' | 'center' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'center'"},{name:"literal",value:"'bottom'"}],required:!1}},{key:"horizontal",value:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}],required:!1}}]}},description:"Is the button inline\n@deprecated"},transformOrigin:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  vertical?: 'top' | 'center' | 'bottom';\n  horizontal?: 'left' | 'center' | 'right';\n}",signature:{properties:[{key:"vertical",value:{name:"union",raw:"'top' | 'center' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'center'"},{name:"literal",value:"'bottom'"}],required:!1}},{key:"horizontal",value:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}],required:!1}}]}},description:"Is the button inline\n* @deprecated"},clickOutToClose:{required:!1,tsType:{name:"boolean"},description:"Is the button inline\n* @deprecated"},autoCloseDuration:{required:!1,tsType:{name:"number"},description:"Is the button inline\n* @deprecated"}}}}}]);

package/storybook-static/stories-QuillEditor-stories.e56a2eff.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[86217],{"./src/stories/QuillEditor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>QuillEditor_stories});var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/react-quill/lib/index.js"),lib_default=__webpack_require__.n(lib),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const LinkText=styled_components_browser_esm.Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  &:hover {\n    text-decoration: underline;\n  }\n  cursor: pointer;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.link})),QuillContainer=styled_components_browser_esm.Ay.div(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  border: 1px solid\n    ",";\n  background-color: ",";\n  border-radius: 4px;\n  transition: all 0.2s ease-in-out;\n  &:hover {\n    border-color: ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n  .quill {\n    height: fit-content;\n    display: flex;\n    flex-direction: column-reverse;\n  }\n  .ql-toolbar {\n    padding: 8px;\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    button.mini-button {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: inline-block;\n      height: 24px;\n      padding: 3px 5px;\n      width: 28px;\n    }\n    .ql-spacer {\n      flex: 1;\n    }\n    .ql-formats {\n      display: inline-block;\n      vertical-align: middle;\n      .ql-stroke {\n        stroke: ",";\n        fill: none;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 2;\n      }\n    }\n  }\n  .ql-hidden {\n    display: none;\n  }\n  .ql-container {\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n    position: relative;\n    .ql-editor {\n      min-height: 34px;\n      max-height: 550px;\n      line-height: 1.42;\n      outline: none;\n      overflow-y: auto;\n      padding: 16px;\n      tab-size: 4;\n      -moz-tab-size: 4;\n      text-align: left;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n      p {\n        margin: 0;\n        padding: 0;\n        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n          list-9;\n      }\n    }\n    .ql-blank::before {\n      content: attr(data-placeholder);\n      position: absolute;\n      pointer-events: none;\n      left: 15px;\n      right: 15px;\n      font-family: ",";\n      font-size: ",";\n      color: ",";\n    }\n    .ql-clipboard {\n      left: -100000px;\n      height: 1px;\n      overflow-y: hidden;\n      position: absolute;\n      top: 50%;\n    }\n    .ql-tooltip[data-mode='link']::before {\n      content: 'Enter link:';\n    }\n    .ql-tooltip {\n      background-color: #fff;\n      border: 1px solid #ccc;\n      box-shadow: 0px 0px 5px #ddd;\n      color: #444;\n      padding: 5px 12px;\n      white-space: nowrap;\n      position: absolute;\n      transform: translateY(10px);\n      .ql-preview {\n        display: inline-block;\n        max-width: 200px;\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        vertical-align: top;\n      }\n      .ql-action {\n      }\n      .ql-remove {\n      }\n      &.ql-editing a.ql-action::after {\n        border-right: 0px;\n        padding-right: 0px;\n        content: 'Save';\n      }\n      &.ql-editing input[type='text'] {\n        display: inline-block !important;\n      }\n      input[type='text'] {\n        display: none;\n        border: 1px solid #ccc;\n        font-size: ",";\n        height: 26px;\n        margin: 0px;\n        padding: 3px 5px;\n        width: 170px;\n      }\n      a {\n        color: ",";\n      }\n    }\n  }\n"])),(_ref2=>{let{theme,disabled,$isErrored}=_ref2;return disabled?theme.colors.border.disabled:$isErrored?theme.colors.border.error:theme.colors.border.normal}),(_ref3=>{let{theme,disabled}=_ref3;return disabled?theme.colors.fill.disabled:theme.colors.fill.surface}),(_ref4=>{let{theme,disabled,$isErrored}=_ref4;return disabled?theme.colors.border.disabled:$isErrored?theme.colors.border.error:theme.colors.border.hover}),(_ref5=>{let{theme,$isErrored}=_ref5;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref6=>{let{theme,$isErrored}=_ref6;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref7=>{let{theme}=_ref7;return theme.colors.text.primary}),(_ref8=>{let{theme}=_ref8;return theme.typography.fontFamily}),(_ref9=>{let{theme}=_ref9;return theme.typography.primary.fontSize}),(_ref10=>{let{theme}=_ref10;return theme.typography.fontWeight["semi-bold"]}),(_ref11=>{let{theme}=_ref11;return theme.colors.text.primary}),(_ref12=>{let{theme}=_ref12;return theme.typography.fontFamily}),(_ref13=>{let{theme}=_ref13;return theme.typography.primary.fontSize}),(_ref14=>{let{theme}=_ref14;return theme.colors.text.placeholder}),(_ref15=>{let{theme}=_ref15;return theme.typography.primary.fontSize}),(_ref16=>{let{theme}=_ref16;return theme.colors.text.link})),PopoverAccordionContent=styled_components_browser_esm.Ay.div(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  padding: 12px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n"]))),PopoverContent=styled_components_browser_esm.Ay.div(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  background-color: ",";\n  flex-direction: column;\n  gap: 10px;\n"])),(_ref17=>{let{theme}=_ref17;return theme.colors.fill.surface}));var ErrorText=__webpack_require__("./src/global/ErrorText/index.ts"),Popover=__webpack_require__("./src/components/Popover/index.ts"),Accordion=__webpack_require__("./src/components/Accordion/index.ts"),Tag=__webpack_require__("./src/components/Tag/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const AlignStyle=lib.Quill.import("attributors/style/align");AlignStyle.whitelist=["left","center","right"],lib.Quill.register(AlignStyle,!0);const QuillToolbar=_ref=>{let{quill,placeholders}=_ref;return(0,jsx_runtime.jsxs)("div",{id:"ql-toolbar",children:[(0,jsx_runtime.jsxs)("span",{className:"ql-formats",children:[(0,jsx_runtime.jsx)("button",{className:"ql-bold mini-button"}),(0,jsx_runtime.jsx)("button",{className:"ql-italic mini-button"}),(0,jsx_runtime.jsx)("button",{className:"ql-underline mini-button"})]}),(0,jsx_runtime.jsx)("span",{className:"ql-formats",children:(0,jsx_runtime.jsx)("button",{className:"ql-list mini-button",value:"bullet"})}),(0,jsx_runtime.jsxs)("span",{className:"ql-formats",children:[(0,jsx_runtime.jsx)("button",{className:"ql-align mini-button",value:""}),(0,jsx_runtime.jsx)("button",{className:"ql-align mini-button",value:"center"}),(0,jsx_runtime.jsx)("button",{className:"ql-align mini-button",value:"right"})]}),(0,jsx_runtime.jsx)("span",{className:"ql-formats",children:(0,jsx_runtime.jsx)("button",{className:"ql-link mini-button"})}),(0,jsx_runtime.jsx)(Popover.A,{trigger:(0,jsx_runtime.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsxs)("g",{clipPath:"url(#clip0_3716_21092)",children:[(0,jsx_runtime.jsx)("path",{d:"M7.815 7.909C8.85214 6.85614 8.85214 5.15114 7.815 4.09042C6.77786 3.03757 5.08857 3.03757 4.04357 4.09042L1.27786 6.89542C0.240714 7.94828 0.240714 9.65328 1.27786 10.714C2.315 11.7669 4.00429 11.7669 5.04929 10.714L7.815 7.909Z",fill:"#459FFC"}),(0,jsx_runtime.jsx)("path",{d:"M10.7217 10.7062C11.7588 9.65333 11.7588 7.94833 10.7217 6.88761L7.95599 4.08261C6.91885 3.02975 5.22956 3.02975 4.18456 4.08261C4.02742 4.23975 3.9017 4.40475 3.7917 4.58547C3.16313 5.62261 3.2967 6.99761 4.18456 7.89333L6.95027 10.6983C7.98742 11.7512 9.6767 11.7512 10.7217 10.6983V10.7062Z",fill:"#459FFC"}),(0,jsx_runtime.jsx)("path",{d:"M8.58593 5.97718C8.58593 5.37218 8.38164 4.74361 7.97307 4.24075C7.93378 4.18575 7.87878 4.13075 7.83164 4.07575C7.32878 3.55718 6.66878 3.2979 6.00878 3.29004C5.34878 3.29004 4.68878 3.55718 4.18593 4.07575C4.13878 4.1229 4.08378 4.1779 4.0445 4.24075C3.62807 4.74361 3.43164 5.37218 3.43164 5.97718C3.43164 6.66075 3.68307 7.35218 4.18593 7.87075L6.00878 9.74861L7.83164 7.87075C8.3345 7.35218 8.58593 6.66075 8.58593 5.97718Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M2.64492 2.7C3.24992 2.7 3.74492 2.205 3.74492 1.6C3.74492 0.995 3.24992 0.5 2.64492 0.5C2.03992 0.5 1.54492 0.995 1.54492 1.6C1.54492 2.205 2.03992 2.7 2.64492 2.7Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M9.37148 2.7C9.97648 2.7 10.4715 2.205 10.4715 1.6C10.4715 0.995 9.97648 0.5 9.37148 0.5C8.76648 0.5 8.27148 0.995 8.27148 1.6C8.27148 2.205 8.76648 2.7 9.37148 2.7Z",fill:"#12344D"})]}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("clipPath",{id:"clip0_3716_21092",children:(0,jsx_runtime.jsx)("rect",{width:"11",height:"11",fill:"white",transform:"translate(0.5 0.5)"})})})]}),children:"Coilot Menu"}),(0,jsx_runtime.jsx)("span",{className:"ql-spacer"}),(0,jsx_runtime.jsx)(Popover.A,{trigger:(0,jsx_runtime.jsx)(LinkText,{children:"Personalize"}),side:"bottom",align:"end",children:(0,jsx_runtime.jsx)(PopoverContent,{onClick:e=>e.stopPropagation(),children:(0,jsx_runtime.jsx)(Accordion.n,{style:{width:"256px"},options:placeholders,renderContent:option=>(0,jsx_runtime.jsx)(PopoverAccordionContent,{children:option.options.map((subOption=>(0,jsx_runtime.jsx)(Tag.v,{hideClose:!0,onClick:()=>{(placeholderText=>{if(!quill)return null;const editor=null==quill?void 0:quill.getEditor();if(editor){var _editor$getSelection$,_editor$getSelection;const cursorPosition=null!==(_editor$getSelection$=null==editor||null===(_editor$getSelection=editor.getSelection())||void 0===_editor$getSelection?void 0:_editor$getSelection.index)&&void 0!==_editor$getSelection$?_editor$getSelection$:0;console.log("insertPlaceholder",{placeholderText,quill,editor,cursorPosition}),editor.insertText(cursorPosition,placeholderText),editor.setSelection(cursorPosition+placeholderText.length,0)}})(subOption.placeholder)},children:subOption.name},subOption.id)))})})})})]})},QuillEditor=props=>{const{disabled,errorText,isErrored,placeholder,placeholders}=props,[value,setValue]=react.useState(""),[quill,setQill]=react.useState(),contentEditorRef=react.useCallback((ref=>{setQill(ref)}),[]);return(0,jsx_runtime.jsxs)(QuillContainer,{disabled,$isErrored:isErrored,children:[(0,jsx_runtime.jsx)(lib_default(),{placeholder,theme:"snow",value,onChange:setValue,ref:contentEditorRef,modules:{toolbar:{handlers:{},container:"#ql-toolbar"}},formats:["bold","italic","underline","list","align","link"]}),(0,jsx_runtime.jsx)(QuillToolbar,{quill,placeholders}),isErrored&&errorText&&(0,jsx_runtime.jsx)(ErrorText.y,{children:errorText})]})},QuillEditor_QuillEditor=QuillEditor;QuillToolbar.__docgenInfo={description:"",methods:[],displayName:"QuillToolbar",props:{quill:{required:!1,tsType:{name:"InstanceType",elements:[{name:"ReactQuill"}],raw:"InstanceType<typeof ReactQuill>"},description:""},placeholders:{required:!0,tsType:{name:"QuillEditorProps['placeholders']",raw:"QuillEditorProps['placeholders']"},description:""}}},QuillEditor.__docgenInfo={description:"QuillEditor is a component used for rich text editing.",methods:[],displayName:"QuillEditor",props:{disabled:{required:!1,tsType:{name:"boolean"},description:""},isErrored:{required:!1,tsType:{name:"boolean"},description:""},errorText:{required:!1,tsType:{name:"string"},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},placeholders:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n  id: string;\n  name: string;\n  options: QuillPlaceholderOptionType[];\n}",signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:"options",value:{name:"Array",elements:[{name:"signature",type:"object",raw:"{\n  id: string;\n  name: string;\n  placeholder: string;\n}",signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:"placeholder",value:{name:"string",required:!0}}]}}],raw:"QuillPlaceholderOptionType[]",required:!0}}]}}],raw:"QuillPlaceholderType[]"},description:""}}};const QuillEditor_stories={title:"Components/QuillEditor",component:QuillEditor_QuillEditor,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Primary={args:{isErrored:!1,errorText:"",placeholder:"Type something",placeholders:[{id:"account",name:"Account",options:[{id:"company_name",name:"Company name",placeholder:"{{account.company_name}}"}]},{id:"nps",name:"NPS",options:[{id:"rating",name:"Rating",placeholder:"{{nps.rating}}"}]},{id:"csat",name:"CSAT",options:[{id:"rating",name:"Rating",placeholder:"{{csat.rating}}"},{id:"rating_label",name:"Rating label",placeholder:"{{csat.rating_label}}"}]},{id:"ces",name:"CES",options:[{id:"rating",name:"Rating",placeholder:"{{ces.rating}}"},{id:"rating_label",name:"Rating label",placeholder:"{{ces.rating_label}}"}]},{id:"contact",name:"Contact",options:[{id:"first_name",name:"First name",placeholder:"{{contact.first_name}}"},{id:"last_name",name:"Last name",placeholder:"{{contact.last_name}}"},{id:"full_name",name:"Full name",placeholder:"{{contact.full_name}}"},{id:"work_email",name:"Work email",placeholder:"{{contact.work_email}}"}]}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    isErrored: false,\n    errorText: '',\n    placeholder: 'Type something',\n    placeholders: [{\n      id: 'account',\n      name: 'Account',\n      options: [{\n        id: 'company_name',\n        name: 'Company name',\n        placeholder: '{{account.company_name}}'\n      }]\n    }, {\n      id: 'nps',\n      name: 'NPS',\n      options: [{\n        id: 'rating',\n        name: 'Rating',\n        placeholder: '{{nps.rating}}'\n      }]\n    }, {\n      id: 'csat',\n      name: 'CSAT',\n      options: [{\n        id: 'rating',\n        name: 'Rating',\n        placeholder: '{{csat.rating}}'\n      }, {\n        id: 'rating_label',\n        name: 'Rating label',\n        placeholder: '{{csat.rating_label}}'\n      }]\n    }, {\n      id: 'ces',\n      name: 'CES',\n      options: [{\n        id: 'rating',\n        name: 'Rating',\n        placeholder: '{{ces.rating}}'\n      }, {\n        id: 'rating_label',\n        name: 'Rating label',\n        placeholder: '{{ces.rating_label}}'\n      }]\n    }, {\n      id: 'contact',\n      name: 'Contact',\n      options: [{\n        id: 'first_name',\n        name: 'First name',\n        placeholder: '{{contact.first_name}}'\n      }, {\n        id: 'last_name',\n        name: 'Last name',\n        placeholder: '{{contact.last_name}}'\n      }, {\n        id: 'full_name',\n        name: 'Full name',\n        placeholder: '{{contact.full_name}}'\n      }, {\n        id: 'work_email',\n        name: 'Work email',\n        placeholder: '{{contact.work_email}}'\n      }]\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Accordion/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{n:()=>Accordion_Accordion});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-accordion/dist/index.mjs"),Icons=__webpack_require__("./src/components/Icons/index.ts");const slideDown=(0,styled_components_browser_esm.i7)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n   from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n"]))),slideUp=(0,styled_components_browser_esm.i7)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n  to {\n    height: 0;\n  }\n"]))),AccordionRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 2px 9px ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.fill.surface}),(_ref2=>{let{theme}=_ref2;return theme.colors.border.normal})),AccordionItem=(0,styled_components_browser_esm.Ay)(dist.q7)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  overflow: hidden;\n  margin-top: 1px;\n  &:first-child {\n    margin-top: 0;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n  &:last-child {\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n  &:focus-within {\n    position: relative;\n    z-index: 1;\n    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);\n  }\n"]))),AccordionHeader=(0,styled_components_browser_esm.Ay)(dist.Y9)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  margin: 0;\n"]))),AccordionTrigger=(0,styled_components_browser_esm.Ay)(dist.l9)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)(["\n  font-family: ",";\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n  font-weight: ",";\n  padding: 0 20px;\n  height: 45px;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ",";\n  border: unset;\n  .AccordionChevron {\n    fill: ",";\n    transform: rotate(0deg);\n    transition: transform;\n    transition-duration: ",";\n    transition-timing-function: ",";\n  }\n  &:hover {\n    background-color: ",";\n  }\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n    .AccordionChevron {\n      fill: ",";\n    }\n  }\n  &[data-state='open'] > .AccordionChevron {\n    transform: rotate(180deg);\n  }\n"])),(_ref3=>{let{theme}=_ref3;return theme.typography.fontFamily}),(_ref4=>{let{theme}=_ref4;return theme.colors.text.primary}),(_ref5=>{let{theme}=_ref5;return theme.typography.primary.lineHeight}),(_ref6=>{let{theme}=_ref6;return theme.typography.primary.fontSize}),(_ref7=>{let{theme}=_ref7;return theme.typography.fontWeight.bold}),(_ref8=>{let{theme}=_ref8;return theme.colors.fill.surface}),(_ref9=>{let{theme}=_ref9;return theme.colors.text.primary}),(_ref10=>{let{theme}=_ref10;return theme.transitions.duration.standard}),(_ref11=>{let{theme}=_ref11;return theme.transitions.easing.easeIn}),(_ref12=>{let{theme}=_ref12;return theme.colors.fill.hover}),(_ref13=>{let{theme}=_ref13;return theme.colors.text.disabled}),(_ref14=>{let{theme}=_ref14;return theme.colors.text.disabled})),AccordionContent=(0,styled_components_browser_esm.Ay)(dist.UC)(_templateObject7||(_templateObject7=(0,taggedTemplateLiteral.A)(["\n  overflow: hidden;\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref15=>{let{theme}=_ref15;return theme.colors.fill.surface}),(_ref16=>{let{theme}=_ref16;return theme.transitions.duration.standard}),(_ref17=>{let{theme}=_ref17;return theme.transitions.easing.easeIn}),slideDown,slideUp);(0,styled_components_browser_esm.Ay)(Icons.rX)(_templateObject8||(_templateObject8=(0,taggedTemplateLiteral.A)(["\n  color: var(--violet-10);\n  transition-property: transform;\n  transition-duration: ",";\n  transition-timing-function: ",";\n"])),(_ref18=>{let{theme}=_ref18;return theme.transitions.duration.standard}),(_ref19=>{let{theme}=_ref19;return theme.transitions.easing.easeIn}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Accordion=_ref=>{let{idAccessor="id",nameAccessor="name",renderContent,hideIcon=!1,renderTitle,options=[],value,onChange,defaultValue,...props}=_ref;return(0,jsx_runtime.jsx)(AccordionRoot,{className:"AccordionRoot",type:"single",collapsible:!0,value,defaultValue,onValueChange:onChange,...props,children:options.map((option=>(0,jsx_runtime.jsxs)(AccordionItem,{className:"AccordionItem",value:null==option?void 0:option[idAccessor],disabled:null==option?void 0:option.disabled,children:[(0,jsx_runtime.jsx)(AccordionTriggerWrapper,{hideIcon,children:renderTitle?renderTitle(option):null==option?void 0:option[nameAccessor]}),(0,jsx_runtime.jsx)(AccordionContentWrapper,{children:renderContent?renderContent(option):null})]},null==option?void 0:option[idAccessor])))})},AccordionTriggerWrapper=react.forwardRef(((_ref2,forwardedRef)=>{let{children,className,hideIcon,...props}=_ref2;return(0,jsx_runtime.jsx)(AccordionHeader,{className:"AccordionHeader",children:(0,jsx_runtime.jsxs)(AccordionTrigger,{className:"AccordionTrigger ".concat(null!=className?className:"").trim(),...props,ref:forwardedRef,children:[children,!hideIcon&&(0,jsx_runtime.jsx)(Icons.rX,{className:"AccordionChevron"})]})})})),AccordionContentWrapper=react.forwardRef(((_ref3,forwardedRef)=>{let{children,className,...props}=_ref3;return(0,jsx_runtime.jsx)(AccordionContent,{className:"AccordionContent ".concat(null!=className?className:"").trim(),...props,ref:forwardedRef,children})})),Accordion_Accordion=Accordion;Accordion.__docgenInfo={description:"Accordion component from the design system.",methods:[],displayName:"Accordion",props:{options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"options for Tabs",defaultValue:{value:"[]",computed:!1}},renderContent:{required:!1,tsType:{name:"signature",type:"function",raw:"(accordianOption: T) => React.ReactNode",signature:{arguments:[{type:{name:"T"},name:"accordianOption"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:"options for Tabs"},renderTitle:{required:!1,tsType:{name:"signature",type:"function",raw:"(accordianOption: T) => React.ReactNode",signature:{arguments:[{type:{name:"T"},name:"accordianOption"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:"options for Tabs"},idAccessor:{required:!1,tsType:{name:"string"},description:"Id accessor of tabes",defaultValue:{value:"'id'",computed:!1}},hideIcon:{required:!1,tsType:{name:"boolean"},description:"Id accessor of tabes",defaultValue:{value:"false",computed:!1}},nameAccessor:{required:!1,tsType:{name:"string"},description:"Name accessor of tabes",defaultValue:{value:"'name'",computed:!1}},value:{required:!1,tsType:{name:"AccordionSingleProps['value']",raw:"AccordionSingleProps['value']"},description:"value for tabs"},defaultValue:{required:!1,tsType:{name:"AccordionSingleProps['defaultValue']",raw:"AccordionSingleProps['defaultValue']"},description:"default value of tabes"},onChange:{required:!1,tsType:{name:"AccordionSingleProps['onValueChange']",raw:"AccordionSingleProps['onValueChange']"},description:"Function to be called when the selected item changes"}},composes:["Omit"]}},"./src/components/Icons/ChevronUp.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ChevronUp=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=ChevronUp;ChevronUp.__docgenInfo={description:"",methods:[],displayName:"ChevronUp"}},"./src/components/Icons/Error.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"})}))),__WEBPACK_DEFAULT_EXPORT__=ErrorIcon;ErrorIcon.__docgenInfo={description:"",methods:[],displayName:"ErrorIcon"}},"./src/components/Icons/Minus.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Minus=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"24",height:"7",viewBox:"0 0 24 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{y:"0.25",width:"24",height:"6",rx:"3",fill:"white"})}))),__WEBPACK_DEFAULT_EXPORT__=Minus;Minus.__docgenInfo={description:"",methods:[],displayName:"Minus"}},"./src/components/Icons/MoreVertical.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const MoreVertical=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.49996 3.55C8.49193 3.14514 8.64578 2.75382 8.92738 2.46283C9.20899 2.17184 9.59506 2.00525 9.99996 2C10.4049 2.00525 10.7909 2.17184 11.0725 2.46283C11.3541 2.75382 11.508 3.14514 11.5 3.55C11.5053 3.95314 11.3503 4.34188 11.0689 4.6307C10.7876 4.91951 10.4031 5.08473 9.99996 5.09C9.59682 5.08473 9.21229 4.91951 8.93097 4.6307C8.64966 4.34188 8.49462 3.95314 8.49996 3.55ZM9.99995 14.91C9.19475 14.9748 8.57435 15.6472 8.57435 16.455C8.57435 17.2628 9.19475 17.9352 9.99995 18C10.8051 17.9352 11.4256 17.2628 11.4256 16.455C11.4256 15.6472 10.8051 14.9748 9.99995 14.91ZM8.44995 10C8.44995 9.14396 9.14391 8.45 9.99995 8.45C10.856 8.45 11.55 9.14396 11.55 10C11.55 10.856 10.856 11.55 9.99995 11.55C9.14391 11.55 8.44995 10.856 8.44995 10Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=MoreVertical;MoreVertical.__docgenInfo={description:"",methods:[],displayName:"MoreVertical"}},"./src/components/Icons/TickIcon.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TickIcon=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=TickIcon;TickIcon.__docgenInfo={description:"",methods:[],displayName:"TickIcon"}},"./src/components/Icons/Warning.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Warning=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,forwardRef)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.4512 4.21282L18.2812 12.6328C18.8466 13.608 18.8478 14.8111 18.2843 15.7874C17.7208 16.7638 16.6785 17.3646 15.5512 17.3628H5.87116C4.74387 17.3646 3.70157 16.7638 3.13805 15.7874C2.57454 14.8111 2.57572 13.608 3.14116 12.6328L7.97116 4.21282C8.5388 3.23717 9.58241 2.63696 10.7112 2.63696C11.8399 2.63696 12.8835 3.23717 13.4512 4.21282ZM15.5512 15.9628C16.1775 15.9675 16.758 15.6353 17.0712 15.0928V15.0528C17.3796 14.5027 17.3643 13.8283 17.0312 13.2928L12.1912 4.91282C11.8748 4.38629 11.3054 4.06421 10.6912 4.06421C10.0769 4.06421 9.50757 4.38629 9.19116 4.91282L4.35116 13.3328C4.03558 13.8753 4.03462 14.5452 4.34865 15.0885C4.66267 15.6319 5.2436 15.9655 5.87116 15.9628H15.5512ZM10.0112 10.6328V7.02282C10.0112 6.77273 10.1446 6.54164 10.3612 6.4166C10.5777 6.29156 10.8446 6.29156 11.0612 6.4166C11.2777 6.54164 11.4112 6.77273 11.4112 7.02282V10.6328C11.4112 11.0194 11.0978 11.3328 10.7112 11.3328C10.3246 11.3328 10.0112 11.0194 10.0112 10.6328ZM9.66116 13.4328C9.66116 12.8529 10.1313 12.3828 10.7112 12.3828C10.9938 12.3683 11.2694 12.4742 11.4696 12.6744C11.6697 12.8745 11.7757 13.1501 11.7612 13.4328C11.7612 14.0127 11.2911 14.4828 10.7112 14.4828C10.1313 14.4828 9.66116 14.0127 9.66116 13.4328Z",fill:props.fill})}))),__WEBPACK_DEFAULT_EXPORT__=Warning;Warning.__docgenInfo={description:"",methods:[],displayName:"Warning"}},"./src/components/Icons/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{MG:()=>Icons_Checkmark,rX:()=>ChevronUp.A,w0:()=>Cross.A,mo:()=>Info});var ChevronUp=__webpack_require__("./src/components/Icons/ChevronUp.tsx"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),react=(__webpack_require__("./src/components/Icons/TickIcon.tsx"),__webpack_require__("./src/components/Icons/Warning.tsx"),__webpack_require__("./src/components/Icons/Error.tsx"),__webpack_require__("./node_modules/react/index.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Checkmark=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"})]}))),Icons_Checkmark=Checkmark;Checkmark.__docgenInfo={description:"",methods:[],displayName:"Checkmark"};const InfoIcon=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),(0,jsx_runtime.jsx)("path",{fill:props.fill,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 13.8C4.8 13.8 2.2 11.2 2.2 8C2.2 4.8 4.8 2.2 8 2.2C11.2 2.2 13.8 4.8 13.8 8C13.8 11.2 11.2 13.8 8 13.8ZM8.00003 6.24004C8.50003 6.24004 8.91003 5.83004 8.91003 5.33004C8.91003 4.83004 8.50003 4.42004 8.00003 4.42004C7.50003 4.42004 7.09003 4.83004 7.09003 5.33004C7.09003 5.83004 7.50003 6.24004 8.00003 6.24004ZM8.00003 5.04004C8.16003 5.04004 8.29003 5.17004 8.29003 5.33004C8.29003 5.49004 8.16003 5.62004 8.00003 5.62004C7.84003 5.62004 7.71003 5.49004 7.71003 5.33004C7.71003 5.17004 7.84003 5.04004 8.00003 5.04004ZM8.60002 10.37H8.86002C9.19002 10.37 9.46002 10.64 9.46002 10.97C9.46002 11.3 9.19002 11.57 8.86002 11.57H7.12002C6.79002 11.57 6.52002 11.3 6.52002 10.97C6.52002 10.64 6.79002 10.37 7.12002 10.37H7.39002V8.24996C7.15002 8.16996 6.96002 7.94996 6.96002 7.67996C6.96002 7.34996 7.23002 7.07996 7.56002 7.07996H8.43002C8.76002 7.07996 9.03002 7.34996 9.03002 7.67996C9.03002 7.95996 8.85002 8.17996 8.60002 8.24996V10.37Z"})]}))),Info=InfoIcon;InfoIcon.__docgenInfo={description:"",methods:[],displayName:"InfoIcon"};__webpack_require__("./src/components/Icons/Minus.tsx"),__webpack_require__("./src/components/Icons/MoreVertical.tsx")},"./src/components/Popover/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Popover_Popover,i:()=>PopoverClose});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-popover/dist/index.mjs"),styles=__webpack_require__("./src/styles/index.ts");const PopoverContent=(0,styled_components_browser_esm.Ay)(dist.UC)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  background: white;\n  border-radius: 8px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n  &[data-state='open'][data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-state='open'][data-side='left'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.transitions.duration.standard}),(_ref2=>{let{theme}=_ref2;return theme.transitions.easing.easeIn}),styles.zl,styles.wy,styles.cc,styles.hF,styles.Xn),PopoverArrow=(0,styled_components_browser_esm.Ay)(dist.i3)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  fill: white;\n"]))),PopoverRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)([""]))),PopoverTrigger=(0,styled_components_browser_esm.Ay)(dist.l9)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)([""]))),PopoverPortal=(0,styled_components_browser_esm.Ay)(dist.ZL)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)([""]))),PopoverClose=(0,styled_components_browser_esm.Ay)(dist.bm)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)([""])));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Popover=_ref=>{var _ref2,_ref3,_ref4,_ref5;let{children,trigger,arrow,hoverOutToClose,align,hoverToOpen,avoidCollisions=!0,side:s,disabled,onClose,anchorOrigin,autoCloseDuration,clickOutToClose,transformOrigin}=_ref;const[isOpen,setIsOpen]=react.useState(!1),side=null!==(_ref2=null!==(_ref3=null!==(_ref4=null!==(_ref5=null!=s?s:"bottom"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&anchorOrigin.horizontal?"bottom":void 0)&&void 0!==_ref5?_ref5:"top"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&anchorOrigin.horizontal?"top":void 0)&&void 0!==_ref4?_ref4:"center"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&"left"===anchorOrigin.horizontal?"left":void 0)&&void 0!==_ref3?_ref3:"center"===(null==anchorOrigin?void 0:anchorOrigin.vertical)&&"right"===anchorOrigin.horizontal?"right":void 0)&&void 0!==_ref2?_ref2:"bottom";return(0,jsx_runtime.jsxs)(PopoverRoot,{open:isOpen,onOpenChange:op=>{setIsOpen(op)},children:[(0,jsx_runtime.jsx)(PopoverTrigger,{asChild:!0,className:"PopoverTrigger",disabled,children:(0,jsx_runtime.jsx)(styles.Yk,{className:"TriggerButtonWrapper",onMouseEnter:()=>{hoverToOpen&&setIsOpen(!0)},children:trigger})}),(0,jsx_runtime.jsx)(PopoverPortal,{children:(0,jsx_runtime.jsxs)(PopoverContent,{forceMount:!0,className:"PopoverContent",onMouseLeave:()=>{hoverOutToClose&&(setIsOpen(!1),null==onClose||onClose())},onInteractOutside:()=>null==onClose?void 0:onClose(),side,align,sideOffset:8,avoidCollisions,children:[children,arrow&&(0,jsx_runtime.jsx)(PopoverArrow,{})]})})]})},Popover_Popover=Popover;Popover.__docgenInfo={description:"Popover need two slots popover-trigger and popover-content. By default on clicking the trigger the content will be displayed. The props can be used to change the position of the content, width of the component and the distance between the trigger and the content.",methods:[],displayName:"Popover",props:{onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"}],return:{name:"void"}}},description:"How large should the button be?"},id:{required:!1,tsType:{name:"string"},description:"Which variant the button should be"},disabled:{required:!1,tsType:{name:"boolean"},description:"Which variant the button should be"},trigger:{required:!0,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"}]},description:"The children or label"},hoverOutToClose:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},hoverToOpen:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},arrow:{required:!1,tsType:{name:"boolean"},description:"Is the button inline"},avoidCollisions:{required:!1,tsType:{name:"boolean"},description:"Is the button inline",defaultValue:{value:"true",computed:!1}},side:{required:!1,tsType:{name:"RadixPopover.PopperContentProps['side']",raw:"RadixPopover.PopperContentProps['side']"},description:"Is the button inline"},align:{required:!1,tsType:{name:"RadixPopover.PopperContentProps['align']",raw:"RadixPopover.PopperContentProps['align']"},description:"Is the button inline"},anchorOrigin:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  vertical?: 'top' | 'center' | 'bottom';\n  horizontal?: 'left' | 'center' | 'right';\n}",signature:{properties:[{key:"vertical",value:{name:"union",raw:"'top' | 'center' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'center'"},{name:"literal",value:"'bottom'"}],required:!1}},{key:"horizontal",value:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}],required:!1}}]}},description:"Is the button inline\n@deprecated"},transformOrigin:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n  vertical?: 'top' | 'center' | 'bottom';\n  horizontal?: 'left' | 'center' | 'right';\n}",signature:{properties:[{key:"vertical",value:{name:"union",raw:"'top' | 'center' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'center'"},{name:"literal",value:"'bottom'"}],required:!1}},{key:"horizontal",value:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}],required:!1}}]}},description:"Is the button inline\n* @deprecated"},clickOutToClose:{required:!1,tsType:{name:"boolean"},description:"Is the button inline\n* @deprecated"},autoCloseDuration:{required:!1,tsType:{name:"number"},description:"Is the button inline\n* @deprecated"}}}},"./src/components/Tag/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>Tag_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),dist=__webpack_require__("./node_modules/@radix-ui/react-avatar/dist/index.mjs");const AvatarRoot=(0,styled_components_browser_esm.Ay)(dist.bL)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  overflow: hidden;\n  user-select: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 100%;\n"]))),AvatarImage=(0,styled_components_browser_esm.Ay)(dist._V)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: inherit;\n"]))),AvatarFallback=(0,styled_components_browser_esm.Ay)(dist.H4)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  color: ",";\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.primary}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme}=_ref3;return theme.typography.secondary.fontSize}),(_ref4=>{let{theme}=_ref4;return theme.typography.secondary.fontWeight}),(_ref5=>{let{theme}=_ref5;return theme.typography.secondary.lineHeight})),IconHolder=styled_components_browser_esm.Ay.button(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)(["\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  display: flex;\n  border-radius: 50%;\n  &:focus,\n  &:hover {\n    background-color: ",";\n  }\n"])),(_ref6=>{let{theme}=_ref6;return theme.colors.fill.surface})),StyledTag=styled_components_browser_esm.Ay.span(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  padding: 4px 6px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: fit-content;\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  color: ",";\n  background-color: ",";\n  border: 1px solid\n    ",";\n  &:hover {\n    border-color: ",";\n  }\n"])),(_ref7=>{let{theme}=_ref7;return theme.typography.fontFamily}),(_ref8=>{let{theme}=_ref8;return theme.typography.secondary.fontSize}),(_ref9=>{let{theme}=_ref9;return theme.typography.fontWeight["semi-bold"]}),(_ref10=>{let{theme}=_ref10;return theme.typography.secondary.lineHeight}),(_ref11=>{let{theme}=_ref11;return theme.colors.text.primary}),(_ref12=>{let{theme}=_ref12;return theme.colors.fill.base}),(_ref13=>{let{theme,$showBorder}=_ref13;return $showBorder?theme.colors.border.normal:"transparent"}),(_ref14=>{let{theme}=_ref14;return theme.colors.border.hover}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tag=react.forwardRef(((props,forwardedRef)=>{const{children,iconProps,onClose,showBorder=!1,hideClose=!1,avatarImgAlt,avatarImgSrc,avatarText,style,state,...rest}=props,theme=(0,styled_components_browser_esm.DP)();return(0,jsx_runtime.jsxs)(StyledTag,{$showBorder:showBorder,style,className:"StyledTag",...rest,ref:forwardedRef,children:[avatarImgSrc||avatarText?(0,jsx_runtime.jsxs)(AvatarRoot,{className:"AvatarRoot",children:[(0,jsx_runtime.jsx)(AvatarImage,{className:"AvatarImage",src:avatarImgSrc,alt:avatarImgAlt}),(0,jsx_runtime.jsx)(AvatarFallback,{className:"AvatarFallback",delayMs:600,children:avatarText})]}):(0,jsx_runtime.jsx)("div",{}),children,hideClose?(0,jsx_runtime.jsx)("div",{}):(0,jsx_runtime.jsx)(IconHolder,{...iconProps,onClick:onClose,children:(0,jsx_runtime.jsx)(Cross.A,{fill:theme.colors.text.primary})})]})})),Tag_Tag=Tag;Tag.__docgenInfo={description:"Tag component is used to show a tag to the user. It is used to show a label or a category",methods:[],displayName:"Tag"}},"./src/global/ErrorText/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>ErrorText_ErrorText});var _templateObject,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledErrorText=styled_components_browser_esm.Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.error}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily})),ErrorText=props=>{var _props$className;return(0,jsx_runtime.jsx)(StyledErrorText,{...props,className:"input-helper ".concat(null!==(_props$className=props.className)&&void 0!==_props$className?_props$className:"").trim(),children:props.children})},ErrorText_ErrorText=ErrorText;ErrorText.__docgenInfo={description:"ErrorText is a component that displays an error message on the user interface.",methods:[],displayName:"ErrorText"}}}]);

package/storybook-static/stories-Radio-stories.8c445ce4.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[17204],{"./src/stories/Radio.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Radio_stories});__webpack_require__("./node_modules/react/index.js");var styles=__webpack_require__("./src/components/Radio/styles.ts"),src_styles=__webpack_require__("./src/styles/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Radio=_ref=>{let{checked,className,disabled,id,isRequired,label,name,readOnly,...htmlAttributes}=_ref;return(0,jsx_runtime.jsx)(styles.Bz,{className:"RadioGroupRoot ".concat(null!=className?className:"").trim(),id,name,"aria-label":label||"Radio button",value:checked?"default":"",required:isRequired,disabled,"aria-readonly":readOnly,...htmlAttributes,children:(0,jsx_runtime.jsxs)(styles.LI,{children:[(0,jsx_runtime.jsx)(styles.CU,{checked,"aria-checked":checked,className:"RadioGroupItem",disabled,"aria-readonly":readOnly,value:"default",id:"default",children:(0,jsx_runtime.jsx)(styles.kl,{className:"RadioGroupIndicator"})}),label&&(0,jsx_runtime.jsxs)(src_styles.l1,{className:"RadioLabel",disabled,"aria-readonly":readOnly,"aria-label":label,htmlFor:id,children:[label,label&&isRequired&&(0,jsx_runtime.jsx)(src_styles.Tr,{children:"*"})]})]})})},Radio_Radio=Radio;Radio.__docgenInfo={description:"Radio displays a radio button on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the button displayed is highlighted. fw-radio provides child elements for fw-radio-group, to populate the Radio Group component’s list.",methods:[],displayName:"Radio",props:{checked:{required:!1,tsType:{name:"boolean"},description:"Is the Radio button selected"},readOnly:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},isRequired:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},label:{required:!1,tsType:{name:"string"},description:"label for the radio button"}}};__webpack_require__("./src/components/Radio/RadioGroup.tsx");const Radio_stories={title:"Components/Radio",component:Radio_Radio,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:function Render(props){return(0,jsx_runtime.jsx)(Radio_Radio,{...props})},args:{checked:!0,id:"email",label:"Send email",disabled:!1}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    return <Radio {...props} />;\n  },\n  args: {\n    checked: true,\n    id: 'email',\n    label: 'Send email',\n    disabled: false\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Radio/RadioGroup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>RadioGroup});__webpack_require__("./node_modules/react/index.js");var _styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Radio/styles.ts"),_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/styles/index.ts"),_global_ErrorText__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/ErrorText/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioGroup=_ref=>{let{options,defaultValue,idAccessor="id",nameAccessor="name",onChange,className,id,isErrored,errorText,disabled,isRequired,label,readOnly,value,...props}=_ref;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_1__.gb,{children:[label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_2__.Gw,{id,className:"input-label",children:[label,label&&isRequired&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_2__.Tr,{children:"*"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.Bz,{defaultValue,value,onValueChange:newValue=>{readOnly||disabled||null==onChange||onChange(newValue)},"aria-readonly":readOnly,id,"aria-label":label||"Radio Group","aria-labelledby":label?id:void 0,className:"RadioGroupRoot ".concat(null!=className?className:"").trim(),...props,children:null==options?void 0:options.map((option=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_1__.LI,{className:"RadioContainer",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.CU,{className:"RadioGroupItem",disabled:option.disabled,value:null==option?void 0:option[idAccessor],id:null==option?void 0:option[idAccessor],"aria-label":null==option?void 0:option[nameAccessor],children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.kl,{className:"RadioGroupIndicator"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_2__.l1,{className:"RadioLabel",disabled:option.disabled,htmlFor:null==option?void 0:option[idAccessor],children:null==option?void 0:option[nameAccessor]})]},null==option?void 0:option[idAccessor])))}),isErrored&&errorText&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_global_ErrorText__WEBPACK_IMPORTED_MODULE_3__.y,{children:errorText})]})};RadioGroup.__docgenInfo={description:"RadioGroup displays a group of options with radio buttons and enables selection of one option from the list.",methods:[],displayName:"RadioGroup",props:{options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"Select options"},idAccessor:{required:!1,tsType:{name:"string"},description:"Id accessor of radio button",defaultValue:{value:"'id'",computed:!1}},nameAccessor:{required:!1,tsType:{name:"string"},description:"Name accesssor of radio button",defaultValue:{value:"'name'",computed:!1}},onChange:{required:!1,tsType:{name:"RadioGroupContextValue['onValueChange']",raw:"RadioGroupContextValue['onValueChange']"},description:"Function to be called when the selected item changes"},isRequired:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},readOnly:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},label:{required:!1,tsType:{name:"string"},description:"The description of the content"},errorText:{required:!1,tsType:{name:"string"},description:""},isErrored:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/Radio/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Bz:()=>RadioGroupRoot,CU:()=>RadioGroupItem,LI:()=>RadioContainer,gb:()=>StyledRadioGroup,kl:()=>RadioGroupIndicator});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-radio-group/dist/index.mjs");const StyledRadioGroup=styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay.div(_templateObject||(_templateObject=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)([""]))),RadioGroupRoot=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.bL)(_templateObject2||(_templateObject2=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),RadioGroupIndicator=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.C1)(_templateObject3||(_templateObject3=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.colors.common.white})),RadioGroupItem=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.q7)(_templateObject4||(_templateObject4=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  background-color: ",";\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid transparent;\n  padding: 0;\n  margin: 0;\n  outline-offset: 3px;\n  background-color: ",";\n  &[data-state='unchecked'] {\n    border-color: ",";\n    background-color: unset;\n  }\n  &[data-disabled] {\n    border-color: ",";\n    background: ",";\n  }\n  &:hover:not([data-disabled]) {\n    box-shadow: 0 0 0 3px ","30;\n  }\n"])),(_ref2=>{let{theme}=_ref2;return theme.colors.common.white}),(_ref3=>{let{theme}=_ref3;return theme.colors.common.accent}),(_ref4=>{let{theme}=_ref4;return theme.colors.border.hover}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.disabled}),(_ref6=>{let{theme}=_ref6;return"linear-gradient\n        (0deg, #cfd7df, #cfd7df),\n      linear-gradient(0deg, ".concat(theme.colors.fill.medium,", ").concat(theme.colors.fill.medium,")")}),(_ref7=>{let{theme}=_ref7;return theme.colors.border.hover})),RadioContainer=styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay.div(_templateObject5||(_templateObject5=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  align-items: center;\n"])))},"./src/global/ErrorText/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>ErrorText_ErrorText});var _templateObject,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledErrorText=styled_components_browser_esm.Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.error}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily})),ErrorText=props=>{var _props$className;return(0,jsx_runtime.jsx)(StyledErrorText,{...props,className:"input-helper ".concat(null!==(_props$className=props.className)&&void 0!==_props$className?_props$className:"").trim(),children:props.children})},ErrorText_ErrorText=ErrorText;ErrorText.__docgenInfo={description:"ErrorText is a component that displays an error message on the user interface.",methods:[],displayName:"ErrorText"}}}]);

package/storybook-static/stories-RadioGroup-stories.d357745f.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[60969],{"./src/stories/RadioGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Radio_RadioGroup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Radio/RadioGroup.tsx"),_storybook_preview_api__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("@storybook/preview-api"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/RadioGroup",component:_components_Radio_RadioGroup__WEBPACK_IMPORTED_MODULE_1__.z,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:function Render(props){const[{value},updateArgs]=(0,_storybook_preview_api__WEBPACK_IMPORTED_MODULE_2__.useArgs)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_Radio_RadioGroup__WEBPACK_IMPORTED_MODULE_1__.z,{...props,value,onChange:v=>updateArgs({value:v})})},args:{disabled:!1,value:"opt1",label:"Radio Group",options:[{id:"default",name:"Default"},{id:"opt1",name:"Option 1"},{id:"opt2",name:"Option 2"}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      value\n    }, updateArgs] = useArgs();\n    return <RadioGroup {...props} value={value} onChange={v => updateArgs({\n      value: v\n    })} />;\n  },\n  args: {\n    disabled: false,\n    value: 'opt1',\n    label: 'Radio Group',\n    options: [{\n      id: 'default',\n      name: 'Default'\n    }, {\n      id: 'opt1',\n      name: 'Option 1'\n    }, {\n      id: 'opt2',\n      name: 'Option 2'\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Radio/RadioGroup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>RadioGroup});__webpack_require__("./node_modules/react/index.js");var _styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Radio/styles.ts"),_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/styles/index.ts"),_global_ErrorText__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/global/ErrorText/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioGroup=_ref=>{let{options,defaultValue,idAccessor="id",nameAccessor="name",onChange,className,id,isErrored,errorText,disabled,isRequired,label,readOnly,value,...props}=_ref;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_1__.gb,{children:[label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_2__.Gw,{id,className:"input-label",children:[label,label&&isRequired&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_2__.Tr,{children:"*"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.Bz,{defaultValue,value,onValueChange:newValue=>{readOnly||disabled||null==onChange||onChange(newValue)},"aria-readonly":readOnly,id,"aria-label":label||"Radio Group","aria-labelledby":label?id:void 0,className:"RadioGroupRoot ".concat(null!=className?className:"").trim(),...props,children:null==options?void 0:options.map((option=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_1__.LI,{className:"RadioContainer",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.CU,{className:"RadioGroupItem",disabled:option.disabled,value:null==option?void 0:option[idAccessor],id:null==option?void 0:option[idAccessor],"aria-label":null==option?void 0:option[nameAccessor],children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_1__.kl,{className:"RadioGroupIndicator"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_2__.l1,{className:"RadioLabel",disabled:option.disabled,htmlFor:null==option?void 0:option[idAccessor],children:null==option?void 0:option[nameAccessor]})]},null==option?void 0:option[idAccessor])))}),isErrored&&errorText&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_global_ErrorText__WEBPACK_IMPORTED_MODULE_3__.y,{children:errorText})]})};RadioGroup.__docgenInfo={description:"RadioGroup displays a group of options with radio buttons and enables selection of one option from the list.",methods:[],displayName:"RadioGroup",props:{options:{required:!1,tsType:{name:"Array",elements:[{name:"T"}],raw:"Array<T>"},description:"Select options"},idAccessor:{required:!1,tsType:{name:"string"},description:"Id accessor of radio button",defaultValue:{value:"'id'",computed:!1}},nameAccessor:{required:!1,tsType:{name:"string"},description:"Name accesssor of radio button",defaultValue:{value:"'name'",computed:!1}},onChange:{required:!1,tsType:{name:"RadioGroupContextValue['onValueChange']",raw:"RadioGroupContextValue['onValueChange']"},description:"Function to be called when the selected item changes"},isRequired:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},readOnly:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},label:{required:!1,tsType:{name:"string"},description:"The description of the content"},errorText:{required:!1,tsType:{name:"string"},description:""},isErrored:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/Radio/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Bz:()=>RadioGroupRoot,CU:()=>RadioGroupItem,LI:()=>RadioContainer,gb:()=>StyledRadioGroup,kl:()=>RadioGroupIndicator});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@radix-ui/react-radio-group/dist/index.mjs");const StyledRadioGroup=styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay.div(_templateObject||(_templateObject=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)([""]))),RadioGroupRoot=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.bL)(_templateObject2||(_templateObject2=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),RadioGroupIndicator=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.C1)(_templateObject3||(_templateObject3=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ",";\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.colors.common.white})),RadioGroupItem=(0,styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay)(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_2__.q7)(_templateObject4||(_templateObject4=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  background-color: ",";\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid transparent;\n  padding: 0;\n  margin: 0;\n  outline-offset: 3px;\n  background-color: ",";\n  &[data-state='unchecked'] {\n    border-color: ",";\n    background-color: unset;\n  }\n  &[data-disabled] {\n    border-color: ",";\n    background: ",";\n  }\n  &:hover:not([data-disabled]) {\n    box-shadow: 0 0 0 3px ","30;\n  }\n"])),(_ref2=>{let{theme}=_ref2;return theme.colors.common.white}),(_ref3=>{let{theme}=_ref3;return theme.colors.common.accent}),(_ref4=>{let{theme}=_ref4;return theme.colors.border.hover}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.disabled}),(_ref6=>{let{theme}=_ref6;return"linear-gradient\n        (0deg, #cfd7df, #cfd7df),\n      linear-gradient(0deg, ".concat(theme.colors.fill.medium,", ").concat(theme.colors.fill.medium,")")}),(_ref7=>{let{theme}=_ref7;return theme.colors.border.hover})),RadioContainer=styled_components__WEBPACK_IMPORTED_MODULE_0__.Ay.div(_templateObject5||(_templateObject5=(0,_Users_banagarajan_Documents_repos_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_1__.A)(["\n  display: flex;\n  align-items: center;\n"])))},"./src/global/ErrorText/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>ErrorText_ErrorText});var _templateObject,taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const StyledErrorText=styled_components_browser_esm.Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  color: ",";\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n"])),(_ref=>{let{theme}=_ref;return theme.colors.text.error}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily})),ErrorText=props=>{var _props$className;return(0,jsx_runtime.jsx)(StyledErrorText,{...props,className:"input-helper ".concat(null!==(_props$className=props.className)&&void 0!==_props$className?_props$className:"").trim(),children:props.children})},ErrorText_ErrorText=ErrorText;ErrorText.__docgenInfo={description:"ErrorText is a component that displays an error message on the user interface.",methods:[],displayName:"ErrorText"}}}]);

package/storybook-static/stories-Reorder-stories.4d8fddfb.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[92416],{"./src/stories/Reorder.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _components_Reorder__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Reorder/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Reorder",component:_components_Reorder__WEBPACK_IMPORTED_MODULE_1__._,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Reorder__WEBPACK_IMPORTED_MODULE_1__._,{...args}),args:{customRender:item=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{background:"#FFFFFF",border:"1px solid #EBEFF3",boxShadow:"0px 2px 4px rgba(18, 52, 77, 0.06)",borderRadius:"4px",padding:"8px 12px",fontSize:"14px",fontFamily:'-apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif'},children:item.name}),items:[{id:1,name:"IES Holdings, Inc."},{id:2,name:"Sun Life Financial Inc."},{id:3,name:"SeaChange International, Inc."},{id:4,name:"New York & Company, Inc."},{id:5,name:"RenaissanceRe Holdings Ltd."},{id:6,name:"Cellectar Biosciences, Inc."}]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: args => {\n    return <Reorder {...args} />;\n  },\n  args: {\n    customRender: item => <div style={{\n      background: '#FFFFFF',\n      border: '1px solid #EBEFF3',\n      boxShadow: '0px 2px 4px rgba(18, 52, 77, 0.06)',\n      borderRadius: '4px',\n      padding: '8px 12px',\n      fontSize: '14px',\n      fontFamily: `-apple-system, \".SFNSText-Regular\", \"San Francisco\", BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Lucida Grande\", Arial, sans-serif`\n    }}>\n        {item.name}\n      </div>,\n    items: ([{\n      id: 1,\n      name: 'IES Holdings, Inc.'\n    }, {\n      id: 2,\n      name: 'Sun Life Financial Inc.'\n    }, {\n      id: 3,\n      name: 'SeaChange International, Inc.'\n    }, {\n      id: 4,\n      name: 'New York & Company, Inc.'\n    }, {\n      id: 5,\n      name: 'RenaissanceRe Holdings Ltd.'\n    }, {\n      id: 6,\n      name: 'Cellectar Biosciences, Inc.'\n    }] as {\n      id: number;\n      name: string;\n    }[])\n  }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/Reorder/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_:()=>Reorder_Reorder});var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),core_esm=__webpack_require__("./node_modules/@dnd-kit/core/dist/core.esm.js"),modifiers_esm=__webpack_require__("./node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js"),sortable_esm=__webpack_require__("./node_modules/@dnd-kit/sortable/dist/sortable.esm.js"),utilities_esm=__webpack_require__("./node_modules/@dnd-kit/utilities/dist/utilities.esm.js"),lodash=__webpack_require__("./node_modules/lodash/lodash.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ReorderContainer=styled_components_browser_esm.Ay.div(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)([""]))),ItemContainer=styled_components_browser_esm.Ay.div(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  &:not(:last-child) {\n    margin-bottom: 12px;\n  }\n  button.ItemDragger {\n    margin: auto 4px;\n    cursor: ",";\n  }\n  div.CustomItem {\n    flex: 1;\n  }\n  opacity: ",";\n"])),(_ref=>{let{disabled}=_ref;return disabled?"not-allowed":"grab"}),(_ref2=>{let{disabled}=_ref2;return disabled?.5:1}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Drag=react.forwardRef(((props,forwardRef)=>(0,jsx_runtime.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props,ref:forwardRef,children:[(0,jsx_runtime.jsx)("path",{d:"M4.83981 4.47195C4.33683 4.47519 3.88173 4.17426 3.68775 3.71019C3.49378 3.24611 3.59936 2.71083 3.95502 2.35517C4.31068 1.9995 4.84597 1.89392 5.31004 2.0879C5.77412 2.28188 6.07504 2.73698 6.07181 3.23995C6.07181 3.92037 5.52022 4.47195 4.83981 4.47195Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M11.2397 4.47195C10.7367 4.47519 10.2816 4.17426 10.0877 3.71019C9.89368 3.24611 9.99926 2.71083 10.3549 2.35517C10.7106 1.9995 11.2459 1.89392 11.7099 2.0879C12.174 2.28188 12.4749 2.73698 12.4717 3.23995C12.4717 3.92037 11.9201 4.47195 11.2397 4.47195Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M4.83981 9.272C4.33683 9.27524 3.88173 8.97431 3.68775 8.51024C3.49378 8.04616 3.59936 7.51088 3.95502 7.15522C4.31068 6.79955 4.84597 6.69397 5.31004 6.88795C5.77412 7.08193 6.07504 7.53703 6.07181 8.04C6.07181 8.72042 5.52022 9.272 4.83981 9.272Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M11.2397 9.272C10.7367 9.27524 10.2816 8.97431 10.0877 8.51024C9.89368 8.04616 9.99926 7.51088 10.3549 7.15522C10.7106 6.79955 11.2459 6.69397 11.7099 6.88795C12.174 7.08193 12.4749 7.53703 12.4717 8.04C12.4717 8.72042 11.9201 9.272 11.2397 9.272Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M4.83981 14.0719C4.33683 14.0752 3.88173 13.7742 3.68775 13.3102C3.49378 12.8461 3.59936 12.3108 3.95502 11.9551C4.31068 11.5995 4.84597 11.4939 5.31004 11.6879C5.77412 11.8819 6.07504 12.337 6.07181 12.8399C6.07181 13.5203 5.52022 14.0719 4.83981 14.0719Z",fill:"#12344D"}),(0,jsx_runtime.jsx)("path",{d:"M11.2397 14.0719C10.7367 14.0752 10.2816 13.7742 10.0877 13.3102C9.89368 12.8461 9.99926 12.3108 10.3549 11.9551C10.7106 11.5995 11.2459 11.4939 11.7099 11.6879C12.174 11.8819 12.4749 12.337 12.4717 12.8399C12.4717 13.5203 11.9201 14.0719 11.2397 14.0719Z",fill:"#12344D"})]}))),Icons_Drag=Drag;Drag.__docgenInfo={description:"",methods:[],displayName:"Drag"};var utils=__webpack_require__("./src/utils/index.ts"),styles=__webpack_require__("./src/styles/index.ts");const Reorder=props=>{const{items:i,customRender,onReorder,customFilter=()=>!0,className,showDragger=!0,disabled=!1}=props,[items,setItems]=react.useState([]),sensors=(0,core_esm.FR)((0,core_esm.MS)(core_esm.cA),(0,core_esm.MS)(core_esm.IG),(0,core_esm.MS)(core_esm.uN,{coordinateGetter:sortable_esm.JR}));return react.useEffect((()=>{i&&(0,lodash.isArray)(i)&&setItems(i.map((item=>({id:(0,utils.OX)(),data:item}))))}),[i]),(0,jsx_runtime.jsx)(ReorderContainer,{className:className||"",children:(0,jsx_runtime.jsx)(core_esm.Mp,{sensors,collisionDetection:core_esm.fp,onDragEnd:event=>{const{active,over}=event;if(active.id!==(null==over?void 0:over.id)){const allIds=items.map((item=>item.id)),oldIndex=allIds.indexOf(active.id.toString()),newIndex=allIds.indexOf((null==over?void 0:over.id.toString())||""),newLocalItems=(0,sortable_esm.be)(items,oldIndex,newIndex),newItems=(0,sortable_esm.be)(i,oldIndex,newIndex);setItems(newLocalItems),onReorder&&onReorder([...newItems])}},modifiers:[modifiers_esm.FN,modifiers_esm.Q_,modifiers_esm.Mk],children:(0,jsx_runtime.jsx)(sortable_esm.gB,{items,strategy:sortable_esm._G,children:items.filter((i=>customFilter(i.data))).map(((item,index)=>(0,jsx_runtime.jsx)(SortableItem,{customRender,item:item.data,disabled,itemIndex:index,showDragger,id:item.id},item.data.id.toString())))})})})},SortableItem=props=>{const{id,item,itemIndex,customRender,showDragger,disabled,key}=props,{attributes,listeners,setNodeRef,transform,transition}=(0,sortable_esm.gl)({id}),style={transform:utilities_esm.Ks.Translate.toString(transform),transition};return(0,react.createElement)(ItemContainer,{disabled,className:"ReorderItemContainer",ref:setNodeRef,style,...attributes,key},showDragger&&(0,jsx_runtime.jsx)(styles.K0,{className:"ItemDragger",disabled,...disabled?{}:listeners,children:(0,jsx_runtime.jsx)(Icons_Drag,{})}),(0,jsx_runtime.jsx)("div",{className:"CustomItem",...showDragger?{}:listeners,children:customRender(item,itemIndex,listeners)}))},Reorder_Reorder=Reorder;Reorder.__docgenInfo={description:"Reorder is a component that enables reordering of items in a list. It provides a drag handle to reorder the items.",methods:[],displayName:"Reorder",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"T"}],raw:"T[]"},description:"Items of reorder"},className:{required:!1,tsType:{name:"string"},description:"Class name of reorder"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select"},showDragger:{required:!1,tsType:{name:"boolean"},description:"should show the Dragger?"},customFilter:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T) => boolean",signature:{arguments:[{type:{name:"T"},name:"item"}],return:{name:"boolean"}}},description:""},onReorder:{required:!1,tsType:{name:"signature",type:"function",raw:"(items: T[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"T"}],raw:"T[]"},name:"items"}],return:{name:"void"}}},description:""},customRender:{required:!0,tsType:{name:"signature",type:"function",raw:"(\n  item: T,\n  index: number,\n  listeners?: DraggableSyntheticListeners,\n) => React.ReactNode",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"number"},name:"index"},{type:{name:"DraggableSyntheticListeners"},name:"listeners"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""}}}}}]);