freemium-ui 2.0.2 → 2.0.4

package/storybook-static/stories-Palette-mdx.c4aceaba.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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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.bb8b2ce6.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__.AM,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__.AM,{...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__,{AM:()=>Popover_Popover,iN:()=>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,replaceTrigger=!1,side:s,disabled,onClose,popoverContentProps,popoverRootProps,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)},...popoverRootProps,children:[replaceTrigger?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:trigger}):(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:()=>{setIsOpen(!1),null==onClose||onClose()},side,align,sideOffset:8,avoidCollisions,...popoverContentProps,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"},replaceTrigger:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},popoverContentProps:{required:!1,tsType:{name:"RadixPopover.PopoverContentProps"},description:""},popoverRootProps:{required:!1,tsType:{name:"RadixPopover.PopoverProps"},description:""},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.cb2505f5.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,$isErrored}=_ref2;return $isErrored?theme.colors.border.error:theme.colors.border.normal}),(_ref3=>{let{theme}=_ref3;return theme.colors.fill.surface}),(_ref4=>{let{theme,disabled,$isErrored}=_ref4;return disabled?theme.colors.border.normal:$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.AM,{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.AM,{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/Popover/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AM:()=>Popover_Popover,iN:()=>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,replaceTrigger=!1,side:s,disabled,onClose,popoverContentProps,popoverRootProps,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)},...popoverRootProps,children:[replaceTrigger?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:trigger}):(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:()=>{setIsOpen(!1),null==onClose||onClose()},side,align,sideOffset:8,avoidCollisions,...popoverContentProps,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"},replaceTrigger:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},popoverContentProps:{required:!1,tsType:{name:"RadixPopover.PopoverContentProps"},description:""},popoverRootProps:{required:!1,tsType:{name:"RadixPopover.PopoverProps"},description:""},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,{"aria-live":"polite",role:"status",...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.65f07105.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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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,{"aria-live":"polite",role:"status",...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.d9143fdf.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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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_basembulingam_Files_Code_Repo_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,{"aria-live":"polite",role:"status",...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:""}}}}}]);