freemium-ui 2.0.0-beta.9 → 2.0.1

package/storybook-static/stories-Tooltip-stories.7d91abdd.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[9656],{"./node_modules/@radix-ui/react-id/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{B:()=>$1746a345f3d73bb7$export$f680877a34711e37});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");const $1746a345f3d73bb7$var$useReactId=(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2)))["useId".toString()]||(()=>{});let $1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){const[id,setId]=react__WEBPACK_IMPORTED_MODULE_0__.useState($1746a345f3d73bb7$var$useReactId());return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.N)((()=>{deterministicId||setId((reactId=>null!=reactId?reactId:String($1746a345f3d73bb7$var$count++)))}),[deterministicId]),deterministicId||(id?`radix-${id}`:"")}},"./src/stories/Tooltip.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Bottom:()=>Bottom,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Tooltip_stories});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"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("./node_modules/@radix-ui/primitive/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("./node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_context_dist=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),react_dismissable_layer_dist=__webpack_require__("./node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"),react_id_dist=__webpack_require__("./node_modules/@radix-ui/react-id/dist/index.mjs"),react_popper_dist=__webpack_require__("./node_modules/@radix-ui/react-popper/dist/index.mjs"),react_portal_dist=__webpack_require__("./node_modules/@radix-ui/react-portal/dist/index.mjs"),react_presence_dist=__webpack_require__("./node_modules/@radix-ui/react-presence/dist/index.mjs"),react_primitive_dist=__webpack_require__("./node_modules/@radix-ui/react-primitive/dist/index.mjs"),react_slot_dist=__webpack_require__("./node_modules/@radix-ui/react-slot/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("./node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_visually_hidden_dist=__webpack_require__("./node_modules/@radix-ui/react-visually-hidden/dist/index.mjs");const[$a093c7e1ec25a057$var$createTooltipContext,$a093c7e1ec25a057$export$1c540a2224f0d865]=(0,react_context_dist.A)("Tooltip",[react_popper_dist.Bk]),$a093c7e1ec25a057$var$usePopperScope=(0,react_popper_dist.Bk)(),$a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION=700,[$a093c7e1ec25a057$var$TooltipProviderContextProvider,$a093c7e1ec25a057$var$useTooltipProviderContext]=$a093c7e1ec25a057$var$createTooltipContext("TooltipProvider"),$a093c7e1ec25a057$export$f78649fb9ca566b8=props=>{const{__scopeTooltip,delayDuration=$a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION,skipDelayDuration=300,disableHoverableContent=!1,children}=props,[isOpenDelayed,setIsOpenDelayed]=(0,react.useState)(!0),isPointerInTransitRef=(0,react.useRef)(!1),skipDelayTimerRef=(0,react.useRef)(0);return(0,react.useEffect)((()=>{const skipDelayTimer=skipDelayTimerRef.current;return()=>window.clearTimeout(skipDelayTimer)}),[]),(0,react.createElement)($a093c7e1ec25a057$var$TooltipProviderContextProvider,{scope:__scopeTooltip,isOpenDelayed,delayDuration,onOpen:(0,react.useCallback)((()=>{window.clearTimeout(skipDelayTimerRef.current),setIsOpenDelayed(!1)}),[]),onClose:(0,react.useCallback)((()=>{window.clearTimeout(skipDelayTimerRef.current),skipDelayTimerRef.current=window.setTimeout((()=>setIsOpenDelayed(!0)),skipDelayDuration)}),[skipDelayDuration]),isPointerInTransitRef,onPointerInTransitChange:(0,react.useCallback)((inTransit=>{isPointerInTransitRef.current=inTransit}),[]),disableHoverableContent},children)},[$a093c7e1ec25a057$var$TooltipContextProvider,$a093c7e1ec25a057$var$useTooltipContext]=$a093c7e1ec25a057$var$createTooltipContext("Tooltip"),$a093c7e1ec25a057$export$28c660c63b792dea=props=>{const{__scopeTooltip,children,open:openProp,defaultOpen=!1,onOpenChange,disableHoverableContent:disableHoverableContentProp,delayDuration:delayDurationProp}=props,providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("Tooltip",props.__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),[trigger,setTrigger]=(0,react.useState)(null),contentId=(0,react_id_dist.B)(),openTimerRef=(0,react.useRef)(0),disableHoverableContent=null!=disableHoverableContentProp?disableHoverableContentProp:providerContext.disableHoverableContent,delayDuration=null!=delayDurationProp?delayDurationProp:providerContext.delayDuration,wasOpenDelayedRef=(0,react.useRef)(!1),[open1=!1,setOpen]=(0,react_use_controllable_state_dist.i)({prop:openProp,defaultProp:defaultOpen,onChange:open=>{open?(providerContext.onOpen(),document.dispatchEvent(new CustomEvent("tooltip.open"))):providerContext.onClose(),null==onOpenChange||onOpenChange(open)}}),stateAttribute=(0,react.useMemo)((()=>open1?wasOpenDelayedRef.current?"delayed-open":"instant-open":"closed"),[open1]),handleOpen=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),wasOpenDelayedRef.current=!1,setOpen(!0)}),[setOpen]),handleClose=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),setOpen(!1)}),[setOpen]),handleDelayedOpen=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),openTimerRef.current=window.setTimeout((()=>{wasOpenDelayedRef.current=!0,setOpen(!0)}),delayDuration)}),[delayDuration,setOpen]);return(0,react.useEffect)((()=>()=>window.clearTimeout(openTimerRef.current)),[]),(0,react.createElement)(react_popper_dist.bL,popperScope,(0,react.createElement)($a093c7e1ec25a057$var$TooltipContextProvider,{scope:__scopeTooltip,contentId,open:open1,stateAttribute,trigger,onTriggerChange:setTrigger,onTriggerEnter:(0,react.useCallback)((()=>{providerContext.isOpenDelayed?handleDelayedOpen():handleOpen()}),[providerContext.isOpenDelayed,handleDelayedOpen,handleOpen]),onTriggerLeave:(0,react.useCallback)((()=>{disableHoverableContent?handleClose():window.clearTimeout(openTimerRef.current)}),[handleClose,disableHoverableContent]),onOpen:handleOpen,onClose:handleClose,disableHoverableContent},children))},$a093c7e1ec25a057$export$8c610744efcf8a1d=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,...triggerProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipTrigger",__scopeTooltip),providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("TooltipTrigger",__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,ref,context.onTriggerChange),isPointerDownRef=(0,react.useRef)(!1),hasPointerMoveOpenedRef=(0,react.useRef)(!1),handlePointerUp=(0,react.useCallback)((()=>isPointerDownRef.current=!1),[]);return(0,react.useEffect)((()=>()=>document.removeEventListener("pointerup",handlePointerUp)),[handlePointerUp]),(0,react.createElement)(react_popper_dist.Mz,(0,esm_extends.A)({asChild:!0},popperScope),(0,react.createElement)(react_primitive_dist.sG.button,(0,esm_extends.A)({"aria-describedby":context.open?context.contentId:void 0,"data-state":context.stateAttribute},triggerProps,{ref:composedRefs,onPointerMove:(0,dist.m)(props.onPointerMove,(event=>{"touch"!==event.pointerType&&(hasPointerMoveOpenedRef.current||providerContext.isPointerInTransitRef.current||(context.onTriggerEnter(),hasPointerMoveOpenedRef.current=!0))})),onPointerLeave:(0,dist.m)(props.onPointerLeave,(()=>{context.onTriggerLeave(),hasPointerMoveOpenedRef.current=!1})),onPointerDown:(0,dist.m)(props.onPointerDown,(()=>{isPointerDownRef.current=!0,document.addEventListener("pointerup",handlePointerUp,{once:!0})})),onFocus:(0,dist.m)(props.onFocus,(()=>{isPointerDownRef.current||context.onOpen()})),onBlur:(0,dist.m)(props.onBlur,context.onClose),onClick:(0,dist.m)(props.onClick,context.onClose)})))})),[$a093c7e1ec25a057$var$PortalProvider,$a093c7e1ec25a057$var$usePortalContext]=$a093c7e1ec25a057$var$createTooltipContext("TooltipPortal",{forceMount:void 0}),$a093c7e1ec25a057$export$7b36b8f925ab7497=props=>{const{__scopeTooltip,forceMount,children,container}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipPortal",__scopeTooltip);return(0,react.createElement)($a093c7e1ec25a057$var$PortalProvider,{scope:__scopeTooltip,forceMount},(0,react.createElement)(react_presence_dist.C,{present:forceMount||context.open},(0,react.createElement)(react_portal_dist.Z,{asChild:!0,container},children)))},$a093c7e1ec25a057$export$e9003e2be37ec060=(0,react.forwardRef)(((props,forwardedRef)=>{const portalContext=$a093c7e1ec25a057$var$usePortalContext("TooltipContent",props.__scopeTooltip),{forceMount=portalContext.forceMount,side="top",...contentProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",props.__scopeTooltip);return(0,react.createElement)(react_presence_dist.C,{present:forceMount||context.open},context.disableHoverableContent?(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentImpl,(0,esm_extends.A)({side},contentProps,{ref:forwardedRef})):(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentHoverable,(0,esm_extends.A)({side},contentProps,{ref:forwardedRef})))})),$a093c7e1ec25a057$var$TooltipContentHoverable=(0,react.forwardRef)(((props,forwardedRef)=>{const context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",props.__scopeTooltip),providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("TooltipContent",props.__scopeTooltip),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,ref),[pointerGraceArea,setPointerGraceArea]=(0,react.useState)(null),{trigger,onClose}=context,content=ref.current,{onPointerInTransitChange}=providerContext,handleRemoveGraceArea=(0,react.useCallback)((()=>{setPointerGraceArea(null),onPointerInTransitChange(!1)}),[onPointerInTransitChange]),handleCreateGraceArea=(0,react.useCallback)(((event,hoverTarget)=>{const currentTarget=event.currentTarget,exitPoint={x:event.clientX,y:event.clientY},paddedExitPoints=function $a093c7e1ec25a057$var$getPaddedExitPoints(exitPoint,exitSide,padding=5){const paddedExitPoints=[];switch(exitSide){case"top":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y+padding},{x:exitPoint.x+padding,y:exitPoint.y+padding});break;case"bottom":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y-padding},{x:exitPoint.x+padding,y:exitPoint.y-padding});break;case"left":paddedExitPoints.push({x:exitPoint.x+padding,y:exitPoint.y-padding},{x:exitPoint.x+padding,y:exitPoint.y+padding});break;case"right":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y-padding},{x:exitPoint.x-padding,y:exitPoint.y+padding})}return paddedExitPoints}(exitPoint,function $a093c7e1ec25a057$var$getExitSideFromRect(point,rect){const top=Math.abs(rect.top-point.y),bottom=Math.abs(rect.bottom-point.y),right=Math.abs(rect.right-point.x),left=Math.abs(rect.left-point.x);switch(Math.min(top,bottom,right,left)){case left:return"left";case right:return"right";case top:return"top";case bottom:return"bottom";default:throw new Error("unreachable")}}(exitPoint,currentTarget.getBoundingClientRect())),graceArea=function $a093c7e1ec25a057$var$getHull(points){const newPoints=points.slice();return newPoints.sort(((a,b)=>a.x<b.x?-1:a.x>b.x?1:a.y<b.y?-1:a.y>b.y?1:0)),function $a093c7e1ec25a057$var$getHullPresorted(points){if(points.length<=1)return points.slice();const upperHull=[];for(let i=0;i<points.length;i++){const p=points[i];for(;upperHull.length>=2;){const q=upperHull[upperHull.length-1],r=upperHull[upperHull.length-2];if(!((q.x-r.x)*(p.y-r.y)>=(q.y-r.y)*(p.x-r.x)))break;upperHull.pop()}upperHull.push(p)}upperHull.pop();const lowerHull=[];for(let i1=points.length-1;i1>=0;i1--){const p=points[i1];for(;lowerHull.length>=2;){const q=lowerHull[lowerHull.length-1],r=lowerHull[lowerHull.length-2];if(!((q.x-r.x)*(p.y-r.y)>=(q.y-r.y)*(p.x-r.x)))break;lowerHull.pop()}lowerHull.push(p)}return lowerHull.pop(),1===upperHull.length&&1===lowerHull.length&&upperHull[0].x===lowerHull[0].x&&upperHull[0].y===lowerHull[0].y?upperHull:upperHull.concat(lowerHull)}(newPoints)}([...paddedExitPoints,...function $a093c7e1ec25a057$var$getPointsFromRect(rect){const{top,right,bottom,left}=rect;return[{x:left,y:top},{x:right,y:top},{x:right,y:bottom},{x:left,y:bottom}]}(hoverTarget.getBoundingClientRect())]);setPointerGraceArea(graceArea),onPointerInTransitChange(!0)}),[onPointerInTransitChange]);return(0,react.useEffect)((()=>()=>handleRemoveGraceArea()),[handleRemoveGraceArea]),(0,react.useEffect)((()=>{if(trigger&&content){const handleTriggerLeave=event=>handleCreateGraceArea(event,content),handleContentLeave=event=>handleCreateGraceArea(event,trigger);return trigger.addEventListener("pointerleave",handleTriggerLeave),content.addEventListener("pointerleave",handleContentLeave),()=>{trigger.removeEventListener("pointerleave",handleTriggerLeave),content.removeEventListener("pointerleave",handleContentLeave)}}}),[trigger,content,handleCreateGraceArea,handleRemoveGraceArea]),(0,react.useEffect)((()=>{if(pointerGraceArea){const handleTrackPointerGrace=event=>{const target=event.target,pointerPosition={x:event.clientX,y:event.clientY},hasEnteredTarget=(null==trigger?void 0:trigger.contains(target))||(null==content?void 0:content.contains(target)),isPointerOutsideGraceArea=!function $a093c7e1ec25a057$var$isPointInPolygon(point,polygon){const{x,y}=point;let inside=!1;for(let i=0,j=polygon.length-1;i<polygon.length;j=i++){const xi=polygon[i].x,yi=polygon[i].y,xj=polygon[j].x,yj=polygon[j].y;yi>y!=yj>y&&x<(xj-xi)*(y-yi)/(yj-yi)+xi&&(inside=!inside)}return inside}(pointerPosition,pointerGraceArea);hasEnteredTarget?handleRemoveGraceArea():isPointerOutsideGraceArea&&(handleRemoveGraceArea(),onClose())};return document.addEventListener("pointermove",handleTrackPointerGrace),()=>document.removeEventListener("pointermove",handleTrackPointerGrace)}}),[trigger,content,pointerGraceArea,onClose,handleRemoveGraceArea]),(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentImpl,(0,esm_extends.A)({},props,{ref:composedRefs}))})),[$a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider,$a093c7e1ec25a057$var$useVisuallyHiddenContentContext]=$a093c7e1ec25a057$var$createTooltipContext("Tooltip",{isInside:!1}),$a093c7e1ec25a057$var$TooltipContentImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,children,"aria-label":ariaLabel,onEscapeKeyDown,onPointerDownOutside,...contentProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),{onClose}=context;return(0,react.useEffect)((()=>(document.addEventListener("tooltip.open",onClose),()=>document.removeEventListener("tooltip.open",onClose))),[onClose]),(0,react.useEffect)((()=>{if(context.trigger){const handleScroll=event=>{const target=event.target;null!=target&&target.contains(context.trigger)&&onClose()};return window.addEventListener("scroll",handleScroll,{capture:!0}),()=>window.removeEventListener("scroll",handleScroll,{capture:!0})}}),[context.trigger,onClose]),(0,react.createElement)(react_dismissable_layer_dist.qW,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown,onPointerDownOutside,onFocusOutside:event=>event.preventDefault(),onDismiss:onClose},(0,react.createElement)(react_popper_dist.UC,(0,esm_extends.A)({"data-state":context.stateAttribute},popperScope,contentProps,{ref:forwardedRef,style:{...contentProps.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"}}),(0,react.createElement)(react_slot_dist.xV,null,children),(0,react.createElement)($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider,{scope:__scopeTooltip,isInside:!0},(0,react.createElement)(react_visually_hidden_dist.b,{id:context.contentId,role:"tooltip"},ariaLabel||children))))})),$a093c7e1ec25a057$export$c27ee0ad710f7559=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,...arrowProps}=props,popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);return $a093c7e1ec25a057$var$useVisuallyHiddenContentContext("TooltipArrow",__scopeTooltip).isInside?null:(0,react.createElement)(react_popper_dist.i3,(0,esm_extends.A)({},popperScope,arrowProps,{ref:forwardedRef}))}));const $a093c7e1ec25a057$export$2881499e37b75b9a=$a093c7e1ec25a057$export$f78649fb9ca566b8,$a093c7e1ec25a057$export$be92b6f5f03c0fe9=$a093c7e1ec25a057$export$28c660c63b792dea,$a093c7e1ec25a057$export$41fb9f06171c75f4=$a093c7e1ec25a057$export$8c610744efcf8a1d,$a093c7e1ec25a057$export$602eac185826482c=$a093c7e1ec25a057$export$7b36b8f925ab7497,$a093c7e1ec25a057$export$7c6e2c02157bb7d2=$a093c7e1ec25a057$export$e9003e2be37ec060,$a093c7e1ec25a057$export$21b07c8f274aebd5=$a093c7e1ec25a057$export$c27ee0ad710f7559;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,styles=__webpack_require__("./src/styles/index.ts");const TooltipArrow=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$21b07c8f274aebd5)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  fill: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.fill.inverse})),TooltipContent=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$7c6e2c02157bb7d2)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  color: ",";\n  background-color: ",";\n  border-radius: 4px;\n  padding: 2px 8px;\n  user-select: none;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n  &[data-state='instant-open'][data-side='top'],\n  &[data-state='delayed-open'][data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='right'],\n  &[data-state='delayed-open'][data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='bottom'],\n  &[data-state='delayed-open'][data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='left'],\n  &[data-state='delayed-open'][data-side='left'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme}=_ref3;return theme.typography.secondary.fontSize}),(_ref4=>{let{theme}=_ref4;return theme.typography.fontWeight["semi-bold"]}),(_ref5=>{let{theme}=_ref5;return theme.typography.secondary.lineHeight}),(_ref6=>{let{theme}=_ref6;return theme.colors.text.inverse}),(_ref7=>{let{theme}=_ref7;return theme.colors.fill.inverse}),(_ref8=>{let{theme}=_ref8;return theme.transitions.duration.standard}),(_ref9=>{let{theme}=_ref9;return theme.transitions.easing.easeIn}),styles.zl,styles.wy,styles.cc,styles.hF,styles.Xn),TooltipProvider=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$2881499e37b75b9a)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)([""]))),TooltipRoot=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$be92b6f5f03c0fe9)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)([""]))),TooltipTrigger=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$41fb9f06171c75f4)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)([""]))),TooltipPortal=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$602eac185826482c)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)([""])));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tooltip=_ref=>{let{position="bottom",label,html,style={},children,className="",disabled=!1,delay=300,arrow=!0,providerProps,rootProps}=_ref;const[side="bottom",align="center"]=position.split("-");return(0,jsx_runtime.jsx)(TooltipProvider,{delayDuration:delay,...providerProps,children:(0,jsx_runtime.jsxs)(TooltipRoot,{...rootProps,open:!disabled&&void 0,children:[(0,jsx_runtime.jsx)(TooltipTrigger,{className:"TooltipTrigger",asChild:!0,"aria-label":"string"==typeof children?children:"TooltipTrigger",children:(0,jsx_runtime.jsx)(styles.Yk,{className,children})}),(0,jsx_runtime.jsx)(TooltipPortal,{children:(0,jsx_runtime.jsxs)(TooltipContent,{forceMount:!0,className:"TooltipContent",style,sideOffset:5,"aria-disabled":disabled,"aria-live":"polite",side,align,children:[label?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:label}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:html}),arrow&&(0,jsx_runtime.jsx)(TooltipArrow,{})]})})]})})},Tooltip_Tooltip=Tooltip;Tooltip.__docgenInfo={description:"Tooltip component is used to show a tooltip to the user.\nIt is used to show additional information or actions.\nIt can be used to show a hint, a warning, or any other content.",methods:[],displayName:"Tooltip",props:{html:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement<any, string | React.JSXElementConstructor<any>>",elements:[{name:"any"},{name:"union",raw:"string | React.JSXElementConstructor<any>",elements:[{name:"string"},{name:"ReactJSXElementConstructor",raw:"React.JSXElementConstructor<any>",elements:[{name:"any"}]}]}]},description:"HTML to be rendered in the tooltip"},label:{required:!1,tsType:{name:"string"},description:"String to be rendered in the tooltip"},position:{required:!1,tsType:{name:"union",raw:"| 'top'\n| 'top-start'\n| 'top-end'\n| 'bottom'\n| 'bottom-start'\n| 'bottom-end'\n| 'left'\n| 'left-start'\n| 'left-end'\n| 'right'\n| 'right-start'\n| 'right-end'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'top-start'"},{name:"literal",value:"'top-end'"},{name:"literal",value:"'bottom'"},{name:"literal",value:"'bottom-start'"},{name:"literal",value:"'bottom-end'"},{name:"literal",value:"'left'"},{name:"literal",value:"'left-start'"},{name:"literal",value:"'left-end'"},{name:"literal",value:"'right'"},{name:"literal",value:"'right-start'"},{name:"literal",value:"'right-end'"}]},description:"The position of the tooltip",defaultValue:{value:"'bottom'",computed:!1}},delay:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1}},arrow:{required:!1,tsType:{name:"boolean"},description:"Whether to show the arrow,",defaultValue:{value:"true",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether disabled select",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Class name of tooltip",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"",defaultValue:{value:"{}",computed:!1}},replaceChild:{required:!1,tsType:{name:"boolean"},description:"The children or label"},tabIndex:{required:!1,tsType:{name:"number"},description:""},children:{required:!1,tsType:{name:"union",raw:"React.ReactNode | string | null",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"string"},{name:"null"}]},description:""},providerProps:{required:!1,tsType:{name:"TooltipProviderProps"},description:""},rootProps:{required:!1,tsType:{name:"RadixTooltipProps"},description:""},arrowProps:{required:!1,tsType:{name:"TooltipArrowProps"},description:""}}};const Tooltip_stories={title:"Components/Tooltip",component:Tooltip_Tooltip,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Bottom={render:props=>(0,jsx_runtime.jsx)(Tooltip_Tooltip,{...props,children:"Hover"}),args:{position:"bottom",label:"This is a small tooltip"}};Bottom.parameters={...Bottom.parameters,docs:{...Bottom.parameters?.docs,source:{originalSource:"{\n  render: props => <Tooltip {...props}>Hover</Tooltip>,\n  args: {\n    position: 'bottom',\n    label: 'This is a small tooltip'\n  }\n}",...Bottom.parameters?.docs?.source}}};const __namedExportsOrder=["Bottom"]}}]);

package/storybook-static/stories-Typography-mdx.cf36d097.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[72602],{"./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/Typography.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SampleText:()=>SampleText,default:()=>MDXContent,typography:()=>typography});__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_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const typography={type:{primary:"-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'"},weight:{regular:"400",bold:"700",extrabold:"800",black:"900"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}},SampleText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.";function _createMdxContent(props){const _components={h1:"h1",p:"p",strong:"strong",...(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};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_3__.W8,{title:"Typography"}),"\n","\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"typography",children:"Typography"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Font:"})," SF Pro"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Weights:"})," 400(regular), 700(bold), 800(extrabold), 900(black)"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.F7,{fontSizes:[Number(typography.size.s1),Number(typography.size.s2),Number(typography.size.s3),Number(typography.size.m1),Number(typography.size.m2),Number(typography.size.m3),Number(typography.size.l1),Number(typography.size.l2),Number(typography.size.l3)],fontWeight:typography.weight.black,sampleText:SampleText,fontFamily:typography.type.primary})]})}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_2__.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(props)}},"./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-Typography-stories.4056e9f5.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[85244],{"./src/stories/Typography.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Caption:()=>Caption,Heading:()=>Heading,Heading1:()=>Heading1,Heading2:()=>Heading2,Heading3:()=>Heading3,Heading4:()=>Heading4,Primary:()=>Primary,Secondary:()=>Secondary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Typography",component:__webpack_require__("./src/components/Typography/index.ts").o,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={args:{children:"Primary text",variant:"primary",weight:"regular"}},Secondary={args:{children:"Secondary text",variant:"secondary",weight:"regular"}},Heading={args:{children:"Heading text",variant:"heading",weight:"regular"}},Heading4={args:{children:"Heading text",variant:"heading4",weight:"regular"}},Heading3={args:{children:"Heading text",variant:"heading3",weight:"regular"}},Heading2={args:{children:"Heading text",variant:"heading2",weight:"regular"}},Heading1={args:{children:"Heading text",variant:"heading1",weight:"regular"}},Caption={args:{children:"Caption text",variant:"caption",weight:"regular"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Primary text',\n    variant: 'primary',\n    weight: 'regular'\n  }\n}",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Secondary text',\n    variant: 'secondary',\n    weight: 'regular'\n  }\n}",...Secondary.parameters?.docs?.source}}},Heading.parameters={...Heading.parameters,docs:{...Heading.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading',\n    weight: 'regular'\n  }\n}",...Heading.parameters?.docs?.source}}},Heading4.parameters={...Heading4.parameters,docs:{...Heading4.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading4',\n    weight: 'regular'\n  }\n}",...Heading4.parameters?.docs?.source}}},Heading3.parameters={...Heading3.parameters,docs:{...Heading3.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading3',\n    weight: 'regular'\n  }\n}",...Heading3.parameters?.docs?.source}}},Heading2.parameters={...Heading2.parameters,docs:{...Heading2.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading2',\n    weight: 'regular'\n  }\n}",...Heading2.parameters?.docs?.source}}},Heading1.parameters={...Heading1.parameters,docs:{...Heading1.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading1',\n    weight: 'regular'\n  }\n}",...Heading1.parameters?.docs?.source}}},Caption.parameters={...Caption.parameters,docs:{...Caption.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Caption text',\n    variant: 'caption',\n    weight: 'regular'\n  }\n}",...Caption.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Secondary","Heading","Heading4","Heading3","Heading2","Heading1","Caption"]},"./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/Alert/index.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import React$1 from 'react';
-
-type LevelType = 'warning' | 'success' | 'error' | 'info';
-type AlertData = {
-    message: string;
-    linkText?: string;
-    href?: string;
-};
-interface AlertProps {
-    /**
-     * data to be displayed in the alert
-     */
-    data?: AlertData;
-    /**
-     * Level of the alert
-     */
-    level: LevelType;
-    /**
-     * Whether the alert can be dismissed
-     */
-    canDismiss?: boolean;
-    /**
-     * Timeout for the alert to disappear
-     */
-    timeout?: number;
-    /**
-     * Class name to be overriden
-     */
-    overideClassName?: string;
-    /**
-     * Children to be displayed in the alert
-     */
-    children?: React.ReactNode | string;
-    /**
-     * Function to be called when the alert is closed
-     */
-    onClose?: () => any;
-    /**
-     * Function to be called when the alert is dismissed
-     */
-    onDisappear?: () => any;
-}
-
-/**
- * Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
- */
-declare const Alert: ({ canDismiss, onClose, children, level, onDisappear, data, timeout, overideClassName, }: AlertProps) => React$1.JSX.Element | null;
-
-export { Alert, type AlertProps, type LevelType };

package/Alert/index.js

@@ -1,186 +0,0 @@
-import e,{useRef as t,useDebugValue as n,createElement as r,useContext as o,forwardRef as a,Children as i,isValidElement as s,cloneElement as c,Fragment as l,useEffect as u}from"react";import"react-dom";var p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)};function d(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function f(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var h=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,m=f((function(e){return h.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),g="-ms-",y="-moz-",v="-webkit-",w="comm",b="rule",S="decl",C="@import",x="@keyframes",E="@layer",k=Math.abs,A=String.fromCharCode,F=Object.assign;function P(e){return e.trim()}function N(e,t){return(e=t.exec(e))?e[0]:e}function D(e,t,n){return e.replace(t,n)}function $(e,t){return e.indexOf(t)}function O(e,t){return 0|e.charCodeAt(t)}function I(e,t,n){return e.slice(t,n)}function R(e){return e.length}function T(e){return e.length}function _(e,t){return t.push(e),e}function j(e,t){return e.filter((function(e){return!N(e,t)}))}var B=1,z=1,L=0,M=0,V=0,H="";function G(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:B,column:z,length:i,return:"",siblings:s}}function Y(e,t){return F(G("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function W(e){for(;e.root;)e=Y(e.root,{children:[e]});_(e,e.siblings)}function q(){return V=M>0?O(H,--M):0,z--,10===V&&(z=1,B--),V}function U(){return V=M<L?O(H,M++):0,z++,10===V&&(z=1,B++),V}function X(){return O(H,M)}function J(){return M}function Z(e,t){return I(H,e,t)}function K(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Q(e){return P(Z(M-1,ne(91===e?e+2:40===e?e+1:e)))}function ee(e){for(;(V=X())&&V<33;)U();return K(e)>2||K(V)>3?"":" "}function te(e,t){for(;--t&&U()&&!(V<48||V>102||V>57&&V<65||V>70&&V<97););return Z(e,J()+(t<6&&32==X()&&32==U()))}function ne(e){for(;U();)switch(V){case e:return M;case 34:case 39:34!==e&&39!==e&&ne(V);break;case 40:41===e&&ne(e);break;case 92:U()}return M}function re(e,t){for(;U()&&e+V!==57&&(e+V!==84||47!==X()););return"/*"+Z(t,M-1)+"*"+A(47===e?e:U())}function oe(e){for(;!K(X());)U();return Z(e,M)}function ae(e){return function(e){return H="",e}(ie("",null,null,null,[""],e=function(e){return B=z=1,L=R(H=e),M=0,[]}(e),0,[0],e))}function ie(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,d=0,f=0,h=0,m=1,g=1,y=1,v=0,w="",b=o,S=a,C=r,x=w;g;)switch(h=v,v=U()){case 40:if(108!=h&&58==O(x,p-1)){-1!=$(x+=D(Q(v),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:x+=Q(v);break;case 9:case 10:case 13:case 32:x+=ee(h);break;case 92:x+=te(J()-1,7);continue;case 47:switch(X()){case 42:case 47:_(ce(re(U(),J()),t,n,c),c);break;default:x+="/"}break;case 123*m:s[l++]=R(x)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(x=D(x,/\f/g,"")),f>0&&R(x)-p&&_(f>32?le(x+";",r,n,p-1,c):le(D(x," ","")+";",r,n,p-2,c),c);break;case 59:x+=";";default:if(_(C=se(x,t,n,l,u,o,s,w,b=[],S=[],p,a),a),123===v)if(0===u)ie(x,t,C,C,b,a,p,s,S);else switch(99===d&&110===O(x,3)?100:d){case 100:case 108:case 109:case 115:ie(e,C,C,r&&_(se(e,C,C,0,0,o,s,w,o,b=[],p,S),S),o,S,p,s,r?b:S);break;default:ie(x,C,C,C,[""],S,0,s,S)}}l=u=f=0,m=y=1,w=x="",p=i;break;case 58:p=1+R(x),f=h;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==q())continue;switch(x+=A(v),v*m){case 38:y=u>0?1:(x+="\f",-1);break;case 44:s[l++]=(R(x)-1)*y,y=1;break;case 64:45===X()&&(x+=Q(U())),d=X(),u=p=R(w=x+=oe(J())),v++;break;case 45:45===h&&2==R(x)&&(m=0)}}return a}function se(e,t,n,r,o,a,i,s,c,l,u,p){for(var d=o-1,f=0===o?a:[""],h=T(f),m=0,g=0,y=0;m<r;++m)for(var v=0,w=I(e,d+1,d=k(g=i[m])),S=e;v<h;++v)(S=P(g>0?f[v]+" "+w:D(w,/&\f/g,f[v])))&&(c[y++]=S);return G(e,t,n,0===o?b:s,c,l,u,p)}function ce(e,t,n,r){return G(e,t,n,w,A(V),I(e,2,-2),0,r)}function le(e,t,n,r,o){return G(e,t,n,S,I(e,0,r),I(e,r+1,-1),r,o)}function ue(e,t,n){switch(function(e,t){return 45^O(e,0)?(((t<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}(e,t)){case 5103:return v+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return v+e+e;case 4789:return y+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return v+e+y+e+g+e+e;case 5936:switch(O(e,t+11)){case 114:return v+e+g+D(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return v+e+g+D(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return v+e+g+D(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return v+e+g+e+e;case 6165:return v+e+g+"flex-"+e+e;case 5187:return v+e+D(e,/(\w+).+(:[^]+)/,v+"box-$1$2"+g+"flex-$1$2")+e;case 5443:return v+e+g+"flex-item-"+D(e,/flex-|-self/g,"")+(N(e,/flex-|baseline/)?"":g+"grid-row-"+D(e,/flex-|-self/g,""))+e;case 4675:return v+e+g+"flex-line-pack"+D(e,/align-content|flex-|-self/g,"")+e;case 5548:return v+e+g+D(e,"shrink","negative")+e;case 5292:return v+e+g+D(e,"basis","preferred-size")+e;case 6060:return v+"box-"+D(e,"-grow","")+v+e+g+D(e,"grow","positive")+e;case 4554:return v+D(e,/([^-])(transform)/g,"$1"+v+"$2")+e;case 6187:return D(D(D(e,/(zoom-|grab)/,v+"$1"),/(image-set)/,v+"$1"),e,"")+e;case 5495:case 3959:return D(e,/(image-set\([^]*)/,v+"$1$`$1");case 4968:return D(D(e,/(.+:)(flex-)?(.*)/,v+"box-pack:$3"+g+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+v+e+e;case 4200:if(!N(e,/flex-|baseline/))return g+"grid-column-align"+I(e,t)+e;break;case 2592:case 3360:return g+D(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,N(e.props,/grid-\w+-end/)}))?~$(e+(n=n[t].value),"span")?e:g+D(e,"-start","")+e+g+"grid-row-span:"+(~$(n,"span")?N(n,/\d+/):+N(n,/\d+/)-+N(e,/\d+/))+";":g+D(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return N(e.props,/grid-\w+-start/)}))?e:g+D(D(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return D(e,/(.+)-inline(.+)/,v+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(R(e)-1-t>6)switch(O(e,t+1)){case 109:if(45!==O(e,t+4))break;case 102:return D(e,/(.+:)(.+)-([^]+)/,"$1"+v+"$2-$3$1"+y+(108==O(e,t+3)?"$3":"$2-$3"))+e;case 115:return~$(e,"stretch")?ue(D(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return D(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,s){return g+n+":"+r+s+(o?g+n+"-span:"+(a?i:+i-+r)+s:"")+e}));case 4949:if(121===O(e,t+6))return D(e,":",":"+v)+e;break;case 6444:switch(O(e,45===O(e,14)?18:11)){case 120:return D(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+v+(45===O(e,14)?"inline-":"")+"box$3$1"+v+"$2$3$1"+g+"$2box$3")+e;case 100:return D(e,":",":"+g)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return D(e,"scroll-","scroll-snap-")+e}return e}function pe(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function de(e,t,n,r){switch(e.type){case E:if(e.children.length)break;case C:case S:return e.return=e.return||e.value;case w:return"";case x:return e.return=e.value+"{"+pe(e.children,r)+"}";case b:if(!R(e.value=e.props.join(",")))return""}return R(n=pe(e.children,r))?e.return=e.value+"{"+n+"}":""}function fe(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case S:return void(e.return=ue(e.value,e.length,n));case x:return pe([Y(e,{value:D(e.value,"@","@"+v)})],r);case b:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(N(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":W(Y(e,{props:[D(t,/:(read-\w+)/,":"+y+"$1")]})),W(Y(e,{props:[t]})),F(e,{props:j(n,r)});break;case"::placeholder":W(Y(e,{props:[D(t,/:(plac\w+)/,":"+v+"input-$1")]})),W(Y(e,{props:[D(t,/:(plac\w+)/,":"+y+"$1")]})),W(Y(e,{props:[D(t,/:(plac\w+)/,g+"input-$1")]})),W(Y(e,{props:[t]})),F(e,{props:j(n,r)})}return""}))}}var he={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},me="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ge="undefined"!=typeof window&&"HTMLElement"in window,ye=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),ve=/invalid hook call/i,we=new Set,be=function(e,n){if("production"!==process.env.NODE_ENV){var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(e).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",a=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];ve.test(e)?(i=!1,we.delete(o)):a.apply(void 0,d([e],t,!1))},t(),i&&!we.has(o)&&(console.warn(o),we.add(o))}catch(e){ve.test(e.message)&&we.delete(o)}finally{console.error=a}}},Se=Object.freeze([]),Ce=Object.freeze({});var xe=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Ee=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ke=/(^-|-$)/g;function Ae(e){return e.replace(Ee,"-").replace(ke,"")}var Fe=/(a)(d)/gi,Pe=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ne(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Pe(t%52)+n;return(Pe(t%52)+n).replace(Fe,"$1-$2")}var De,$e=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Oe=function(e){return $e(5381,e)};function Ie(e){return Ne(Oe(e)>>>0)}function Re(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Te(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var _e="function"==typeof Symbol&&Symbol.for,je=_e?Symbol.for("react.memo"):60115,Be=_e?Symbol.for("react.forward_ref"):60112,ze={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Le={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Me={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ve=((De={})[Be]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},De[je]=Me,De);function He(e){return("type"in(t=e)&&t.type.$$typeof)===je?Me:"$$typeof"in e?Ve[e.$$typeof]:ze;var t}var Ge=Object.defineProperty,Ye=Object.getOwnPropertyNames,We=Object.getOwnPropertySymbols,qe=Object.getOwnPropertyDescriptor,Ue=Object.getPrototypeOf,Xe=Object.prototype;function Je(e,t,n){if("string"!=typeof t){if(Xe){var r=Ue(t);r&&r!==Xe&&Je(e,r,n)}var o=Ye(t);We&&(o=o.concat(We(t)));for(var a=He(e),i=He(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Le||n&&n[c]||i&&c in i||a&&c in a)){var l=qe(t,c);try{Ge(e,c,l)}catch(e){}}}}return e}function Ze(e){return"function"==typeof e}function Ke(e){return"object"==typeof e&&"styledComponentId"in e}function Qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function et(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function tt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function nt(e,t,n){if(void 0===n&&(n=!1),!n&&!tt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=nt(e[r],t[r]);else if(tt(t))for(var r in t)e[r]=nt(e[r],t[r]);return e}function rt(e,t){Object.defineProperty(e,"toString",{value:t})}var ot="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function at(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function it(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(at.apply(void 0,d([ot[e]],t,!1)).trim())}var st=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw it(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=(a=0,t.length);a<s;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat("/*!sc*/\n");return t},e}(),ct=new Map,lt=new Map,ut=1,pt=function(e){if(ct.has(e))return ct.get(e);for(;lt.has(ut);)ut++;var t=ut++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw it(16,"".concat(t));return ct.set(e,t),lt.set(t,e),t},dt=function(e,t){ut=t+1,ct.set(e,t),lt.set(t,e)},ft="style[".concat(me,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),ht=new RegExp("^".concat(me,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),mt=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r)},gt=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],a=0,i=r.length;a<i;a++){var s=r[a].trim();if(s){var c=s.match(ht);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(dt(u,l),mt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(s)}}};var yt=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(me,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(me,"active"),r.setAttribute("data-styled-version","6.1.1");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},vt=function(){function e(e){this.element=yt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw it(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),wt=function(){function e(e){this.element=yt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),bt=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),St=ge,Ct={isServer:!ge,useCSSOMInjection:!ye},xt=function(){function e(e,t,n){void 0===e&&(e=Ce),void 0===t&&(t={});var r=this;this.options=p(p({},Ct),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&ge&&St&&(St=!1,function(e){for(var t=document.querySelectorAll(ft),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(me)&&(gt(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),rt(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return lt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),i=t.getGroup(n);if(void 0===a||0===i.length)return"continue";var s="".concat(me,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return pt(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(p(p({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new bt(n):t?new vt(n):new wt(n)}(this.options),new st(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(pt(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(pt(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(pt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Et=/&/g,kt=/^\s*\/\/.*$/gm;function At(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=At(e.children,t)),e}))}var Ft=new xt,Pt=function(e){var t,n,r,o=void 0===e?Ce:e,a=o.options,i=void 0===a?Ce:a,s=o.plugins,c=void 0===s?Se:s,l=function(e,r,o){return o===n||o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===b&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Et,n).replace(r,l))})),i.prefix&&u.push(fe),u.push(de);var p=function(e,o,a,s){void 0===o&&(o=""),void 0===a&&(a=""),void 0===s&&(s="&"),t=s,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(kt,""),l=ae(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);i.namespace&&(l=At(l,i.namespace));var p,d=[];return pe(l,function(e){var t=T(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(u.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return p.hash=c.length?c.reduce((function(e,t){return t.name||it(15),$e(e,t.name)}),5381).toString():"",p}(),Nt=e.createContext({shouldForwardProp:void 0,styleSheet:Ft,stylis:Pt});function Dt(){return o(Nt)}Nt.Consumer,e.createContext(void 0);var $t=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Pt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,rt(this,(function(){throw it(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Pt),this.name+e.hash},e}(),Ot=function(e){return e>="A"&&e<="Z"};function It(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Ot(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Rt=function(e){return null==e||!1===e||""===e},Tt=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Rt(a)&&(Array.isArray(a)&&a.isCss||Ze(a)?r.push("".concat(It(o),":"),a,";"):tt(a)?r.push.apply(r,d(d(["".concat(o," {")],Tt(a),!1),["}"],!1)):r.push("".concat(It(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in he||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function _t(e,t,n,r){if(Rt(e))return[];if(Ke(e))return[".".concat(e.styledComponentId)];if(Ze(e)){if(!Ze(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof $t||tt(o)||null===o||console.error("".concat(Re(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),_t(o,t,n,r)}var a;return e instanceof $t?n?(e.inject(n,r),[e.getName(r)]):[e]:tt(e)?Tt(e):Array.isArray(e)?Array.prototype.concat.apply(Se,e.map((function(e){return _t(e,t,n,r)}))):[e.toString()]}var jt=Oe("6.1.1"),Bt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Ze(n)&&!Ke(n))return!1}return!0}(e),this.componentId=t,this.baseHash=$e(jt,t),this.baseStyle=n,xt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=Qe(r,this.staticRulesId);else{var o=et(_t(this.rules,e,t,n)),a=Ne($e(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var i=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,i)}r=Qe(r,a),this.staticRulesId=a}else{for(var s=$e(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(s=$e(s,u));else if(u){var p=et(_t(u,e,t,n));s=$e(s,p+l),c+=p}}if(c){var d=Ne(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=Qe(r,d)}}return r},e}(),zt=e.createContext(void 0);zt.Consumer;var Lt={},Mt=new Set;function Vt(t,o,a){var i=Ke(t),s=t,c=!Te(t),l=o.attrs,u=void 0===l?Se:l,d=o.componentId,f=void 0===d?function(e,t){var n="string"!=typeof e?"sc":Ae(e);Lt[n]=(Lt[n]||0)+1;var r="".concat(n,"-").concat(Ie("6.1.1"+n+Lt[n]));return t?"".concat(t,"-").concat(r):r}(o.displayName,o.parentComponentId):d,h=o.displayName,g=void 0===h?function(e){return Te(e)?"styled.".concat(e):"Styled(".concat(Re(e),")")}(t):h,y=o.displayName&&o.componentId?"".concat(Ae(o.displayName),"-").concat(o.componentId):o.componentId||f,v=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,w=o.shouldForwardProp;if(i&&s.shouldForwardProp){var b=s.shouldForwardProp;if(o.shouldForwardProp){var S=o.shouldForwardProp;w=function(e,t){return b(e,t)&&S(e,t)}}else w=b}var C=new Bt(a,y,i?s.componentStyle:void 0);function x(t,o){return function(t,o,a){var i=t.attrs,s=t.componentStyle,c=t.defaultProps,l=t.foldedComponentIds,u=t.styledComponentId,d=t.target,f=e.useContext(zt),h=Dt(),g=t.shouldForwardProp||h.shouldForwardProp;"production"!==process.env.NODE_ENV&&n(u);var y=function(e,t,n){for(var r,o=p(p({},t),{className:void 0,theme:n}),a=0;a<e.length;a+=1){var i=Ze(r=e[a])?r(o):r;for(var s in i)o[s]="className"===s?Qe(o[s],i[s]):"style"===s?p(p({},o[s]),i[s]):i[s]}return t.className&&(o.className=Qe(o.className,t.className)),o}(i,o,function(e,t,n){return void 0===n&&(n=Ce),e.theme!==n.theme&&e.theme||t||n.theme}(o,f,c)||Ce),v=y.as||d,w={};for(var b in y)void 0===y[b]||"$"===b[0]||"as"===b||"theme"===b||("forwardedAs"===b?w.as=y.forwardedAs:g&&!g(b,v)||(w[b]=y[b],g||"development"!==process.env.NODE_ENV||m(b)||Mt.has(b)||!xe.has(v)||(Mt.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var S=function(e,t){var r=Dt(),o=e.generateAndInjectStyles(t,r.styleSheet,r.stylis);return"production"!==process.env.NODE_ENV&&n(o),o}(s,y);"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(S);var C=Qe(l,u);return S&&(C+=" "+S),y.className&&(C+=" "+y.className),w[Te(v)&&!xe.has(v)?"class":"className"]=C,w.ref=a,r(v,w)}(E,t,o)}x.displayName=g;var E=e.forwardRef(x);return E.attrs=v,E.componentStyle=C,E.displayName=g,E.shouldForwardProp=w,E.foldedComponentIds=i?Qe(s.foldedComponentIds,s.styledComponentId):"",E.styledComponentId=y,E.target=i?s.target:t,Object.defineProperty(E,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)nt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(be(g,y),E.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(g,y)),rt(E,(function(){return".".concat(E.styledComponentId)})),c&&Je(E,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),E}function Ht(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var Gt=function(e){return Object.assign(e,{isCss:!0})};function Yt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Ze(e)||tt(e))return Gt(_t(Ht(Se,d([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?_t(r):Gt(_t(Ht(r,t)))}function Wt(e,t,n){if(void 0===n&&(n=Ce),!t)throw it(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,Yt.apply(void 0,d([r],o,!1)))};return r.attrs=function(r){return Wt(e,t,p(p({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Wt(e,t,p(p({},n),r))},r}var qt=function(e){return Wt(Vt,e)},Ut=qt;function Xt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=et(Yt.apply(void 0,d([e],t,!1))),o=Ie(r);return new $t(o,r)}xe.forEach((function(e){Ut[e]=qt(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var Jt="__sc-".concat(me,"__");function Zt(){return Zt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Zt.apply(this,arguments)}function Kt(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Jt]||(window[Jt]=0),1===window[Jt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[Jt]+=1);const Qt=a(((e,t)=>{const{children:n,...o}=e,a=i.toArray(n),l=a.find(nn);if(l){const e=l.props.children,n=a.map((t=>t===l?i.count(e)>1?i.only(null):s(e)?e.props.children:null:t));return r(en,Zt({},o,{ref:t}),s(e)?c(e,void 0,n):null)}return r(en,Zt({},o,{ref:t}),n)}));Qt.displayName="Slot";const en=a(((e,t)=>{const{children:n,...r}=e;return s(n)?c(n,{...rn(r,n.props),ref:t?Kt(t,n.ref):n.ref}):i.count(n)>1?i.only(null):null}));en.displayName="SlotClone";const tn=({children:e})=>r(l,null,e);function nn(e){return s(e)&&e.type===tn}function rn(e,t){const n={...t};for(const r in t){const o=e[r],a=t[r];/^on[A-Z]/.test(r)?o&&a?n[r]=(...e)=>{a(...e),o(...e)}:o&&(n[r]=o):"style"===r?n[r]={...o,...a}:"className"===r&&(n[r]=[o,a].filter(Boolean).join(" "))}return{...e,...n}}const on=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((e,t)=>{const n=a(((e,n)=>{const{asChild:o,...a}=e,i=o?Qt:t;return u((()=>{window[Symbol.for("radix-ui")]=!0}),[]),r(i,Zt({},a,{ref:n}))}));return n.displayName=`Primitive.${t}`,{...e,[t]:n}}),{}),an={elephant:"#12344D",smoke:"#EBEFF3",milk:"#FFFFFF",E900:"#12344D",E800:"#264966",E700:"#345C7C",E600:"#447093",E500:"#527FA5",E400:"#6B92B6",E300:"#83A6C8",E200:"#A2C0DE",E100:"#BEDBF5",E50:"#DFF0FF",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"},sn={jungle:"#005C3F",J900:"#005C3F",J800:"#00795B",J700:"#008969",J600:"#009A79",J500:"#00A886",J400:"#1CB697",J300:"#4DC4AA",J200:"#82D5C2",J100:"#B4E5DA",J50:"#E0F5F1",azure:"#2C5CC5",A900:"#283DA5",A800:"#2C5CC5",A700:"#2E6ED8",A600:"#2F80EB",A500:"#2E8EFA",A400:"#459FFC",A300:"#64B0FC",A200:"#90C6FE",A100:"#BBDCFE",A50:"#E5F2FD",persimmon:"#E43538",P900:"#C82124",P800:"#D72D30",P700:"#E43538",P600:"#F73F3E",P500:"#FF473E",P400:"#FF5959",P300:"#F2797B",P200:"#F89FA1",P100:"#FFD0D6",P50:"#FFECF0",casablanca:"#E86F25",C900:"#D7461F",C800:"#E16023",C700:"#E86F25",C600:"#EF7E27",C500:"#F48928",C400:"#F69A3C",C300:"#F8AB59",C200:"#FAC386",C100:"#FDDBB5",C50:"#FEF1E1"};Ut(a(((e,t)=>r(on.label,Zt({},e,{ref:t,onMouseDown:t=>{var n;null===(n=e.onMouseDown)||void 0===n||n.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()}})))))`
-  color: ${({theme:e})=>e.colors.text.secondary};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px;
-  display: flex;
-  margin-bottom: 4px;
-`,Ut.label`
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  color: ${({disabled:e})=>e?an.S400:an.E900};
-  margin: 0 8px;
-  display: inline-flex;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 20px;
-  display: flex;
-`,Ut.div`
-  color: #ff0000;
-  margin-left: 2px;
-`,Ut.span`
-  color: ${({theme:e})=>e.colors.text.error};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 20px;
-`;const cn=Ut.button`
-  margin: 0;
-  padding: 0;
-  width: 20px;
-  height: 20px;
-  border: none;
-  background: none;
-  cursor: pointer;
-`,ln=Ut.a`
-  font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
-  font-size: ${({theme:e})=>e.typography.primary.fontSize};
-  line-height: ${({theme:e})=>e.typography.primary.lineHeight};
-  color: ${({theme:e})=>e.colors.text.link};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  text-decoration: unset;
-  :hover {
-    text-decoration: underline;
-  }
-`;Ut.div`
-  flex: 1;
-  padding: 32px;
-  height: 100%;
-`,Ut.div`
-  background-color: ${an.S25};
-  display: flex;
-  padding: 16px;
-  gap: 8px;
-  justify-content: flex-end;
-`,Ut.h1`
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-size: 24px;
-  font-weight: 600;
-  line-height: 32px;
-  letter-spacing: 0px;
-  margin: 0 0 12px 0;
-`,Ut.div`
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  letter-spacing: 0px;
-  text-align: left;
-`,Ut.div`
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  letter-spacing: 0px;
-  text-align: left;
-`,Ut.button`
-  border: none;
-  padding: 0;
-  margin: 0;
-  width: fit-content;
-  background: inherit;
-  cursor: pointer;
-`,Xt`
- from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-`;const un=Xt`
- from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-`;Xt`
-  from {
-    opacity: 1;
-    transform: translate(-50%, 0%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -16px) scale(0.96);
-  }
-`,Xt`
-  from {
-    opacity: 0;
-    transform: translate(-50%, -16px) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, 0%) scale(1);
-  }
-`,Xt`
-  from {
-    opacity: 0;
-    transform: translateY(2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`,Xt`
- from {
-    opacity: 0;
-    transform: translateX(-2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`,Xt`
- from {
-    opacity: 0;
-    transform: translateY(-2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`,Xt`
-  from {
-    opacity: 0;
-    transform: translateX(2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;const pn=Ut.div`
-  display: flex;
-  align-items: center;
-  padding: 12px;
-  width: 100%;
-  min-width: 320px;
-  font-size: 14px;
-  box-shadow: 0px -1px 0px 0px ${({level:e,theme:t})=>t.colors.semantic[e].border} inset;
-  color: ${({theme:e})=>e.colors.text.primary};
-  line-height: ${({theme:e})=>e.typography.primary.lineHeight};
-  font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  border-bottom: 1px solid
-    ${({level:e,theme:t})=>t.colors.semantic[e].border};
-  background-color: ${({level:e,theme:t})=>t.colors.semantic[e].bg};
-  animation-duration: ${({theme:e})=>e.transitions.duration.standard};
-  animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
-  animation-name: ${()=>Yt`
-  ${un}
-`};
-`,dn=Ut.div`
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  justify-content: center;
-`,fn=t=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{d:"M10.9793 9.97715L12.8293 8.17715C13.1039 7.90035 13.1039 7.45394 12.8293 7.17715C12.6991 7.04018 12.5184 6.96265 12.3293 6.96265C12.1403 6.96265 11.9596 7.04018 11.8293 7.17715L9.97934 8.97715L8.17934 7.18715C8.04909 7.05018 7.86835 6.97265 7.67934 6.97265C7.49033 6.97265 7.3096 7.05018 7.17934 7.18715C7.04238 7.3174 6.96484 7.49814 6.96484 7.68715C6.96484 7.87616 7.04238 8.05689 7.17934 8.18715L8.97934 9.97715L7.18934 11.8371C7.05238 11.9674 6.97484 12.1481 6.97484 12.3371C6.97484 12.5262 7.05238 12.7069 7.18934 12.8371C7.32021 12.9654 7.49613 13.0372 7.67934 13.0371C7.86521 13.0356 8.04371 12.9642 8.17934 12.8371L9.97934 10.9771L11.8393 12.8271C11.9702 12.9554 12.1461 13.0272 12.3293 13.0271C12.5152 13.0256 12.6937 12.9542 12.8293 12.8271C13.1039 12.5504 13.1039 12.1039 12.8293 11.8271L10.9793 9.97715Z",fill:t.fill||an.E800})),hn=t=>e.createElement("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("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:t.fill||sn.C900})),mn=Ut.span`
-  color: ${({theme:e})=>e.colors.text.primary};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  font-weight: ${({theme:e,weight:t})=>e.typography.fontWeight[t]};
-  font-size: ${({theme:e,variant:t})=>e.typography[t].fontSize};
-  line-height: ${({theme:e,variant:t})=>e.typography[t].lineHeight};
-  text-transform: ${({variant:e})=>"caption"===e?"uppercase":"none"};
-  -webkit-font-smoothing: antialiased;
-`,gn=({children:t,style:n,variant:r="primary",weight:o="regular"})=>e.createElement(mn,{style:n,variant:r,weight:o},t),yn=({canDismiss:t=!0,onClose:n,children:r,level:o,onDisappear:a,data:i,timeout:s=0,overideClassName:c})=>{const[l,u]=e.useState(!0);return e.useEffect((()=>{s>0&&(l||u(!0),setTimeout((()=>{u(!1),a?.()}),s))}),[s]),l?e.createElement(pn,{level:o,className:c},e.createElement(dn,null,e.createElement(hn,null),i?.message?e.createElement(gn,null,i.message):r,i?.linkText&&e.createElement(ln,{target:"_blank",rel:"noreferrer",href:i?.href??"#"},i.linkText)),t&&e.createElement(cn,{onClick:()=>{u(!1),n?.()}},e.createElement(fn,null))):null};export{yn as Alert};

package/Alert/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "freemium-ui/Alert",
-  "private": true,
-  "main": "../index.cjs.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts",
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}

package/Button/index.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import React$1 from 'react';
-
-type ButtonSizeKey = 'mini' | 'normal' | 'large';
-type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The size of the button
-     */
-    size?: ButtonSizeKey;
-    /**
-     * The variant of the button
-     */
-    variant?: 'primary' | 'secondary' | 'danger' | 'link';
-    /**
-     * The children to be displayed in the button
-     */
-    children?: React.ReactNode | string;
-    /**
-     * Whether the button is loading
-     */
-    loading?: boolean;
-    /**
-     * Whether the button is inline
-     */
-    inline?: boolean;
-}
-
-/**
- * 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.
- */
-declare const Button: ({ size, variant, children, loading, inline, ...props }: ButtonProps) => React$1.JSX.Element;
-
-export { Button, type ButtonProps, type ButtonSizeKey, type ButtonVariant };

package/Button/index.js

@@ -1,40 +0,0 @@
-import e,{useRef as t,useDebugValue as n,createElement as r,useContext as o}from"react";var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function s(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function i(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var c=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,l=i((function(e){return c.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),u="-ms-",p="-moz-",d="-webkit-",h="comm",f="rule",m="decl",g="@import",y="@keyframes",v="@layer",b=Math.abs,w=String.fromCharCode,S=Object.assign;function k(e){return e.trim()}function x(e,t){return(e=t.exec(e))?e[0]:e}function C(e,t,n){return e.replace(t,n)}function E(e,t){return e.indexOf(t)}function A(e,t){return 0|e.charCodeAt(t)}function P(e,t,n){return e.slice(t,n)}function N(e){return e.length}function I(e){return e.length}function O(e,t){return t.push(e),e}function R(e,t){return e.filter((function(e){return!x(e,t)}))}var $=1,T=1,_=0,D=0,j=0,z="";function M(e,t,n,r,o,a,s,i){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:$,column:T,length:s,return:"",siblings:i}}function F(e,t){return S(M("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function L(e){for(;e.root;)e=F(e.root,{children:[e]});O(e,e.siblings)}function B(){return j=D>0?A(z,--D):0,T--,10===j&&(T=1,$--),j}function V(){return j=D<_?A(z,D++):0,T++,10===j&&(T=1,$++),j}function G(){return A(z,D)}function H(){return D}function W(e,t){return P(z,e,t)}function Y(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function q(e){return k(W(D-1,K(91===e?e+2:40===e?e+1:e)))}function U(e){for(;(j=G())&&j<33;)V();return Y(e)>2||Y(j)>3?"":" "}function X(e,t){for(;--t&&V()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return W(e,H()+(t<6&&32==G()&&32==V()))}function K(e){for(;V();)switch(j){case e:return D;case 34:case 39:34!==e&&39!==e&&K(j);break;case 40:41===e&&K(e);break;case 92:V()}return D}function Z(e,t){for(;V()&&e+j!==57&&(e+j!==84||47!==G()););return"/*"+W(t,D-1)+"*"+w(47===e?e:V())}function J(e){for(;!Y(G());)V();return W(e,D)}function Q(e){return function(e){return z="",e}(ee("",null,null,null,[""],e=function(e){return $=T=1,_=N(z=e),D=0,[]}(e),0,[0],e))}function ee(e,t,n,r,o,a,s,i,c){for(var l=0,u=0,p=s,d=0,h=0,f=0,m=1,g=1,y=1,v=0,b="",S=o,k=a,x=r,P=b;g;)switch(f=v,v=V()){case 40:if(108!=f&&58==A(P,p-1)){-1!=E(P+=C(q(v),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:P+=q(v);break;case 9:case 10:case 13:case 32:P+=U(f);break;case 92:P+=X(H()-1,7);continue;case 47:switch(G()){case 42:case 47:O(ne(Z(V(),H()),t,n,c),c);break;default:P+="/"}break;case 123*m:i[l++]=N(P)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(P=C(P,/\f/g,"")),h>0&&N(P)-p&&O(h>32?re(P+";",r,n,p-1,c):re(C(P," ","")+";",r,n,p-2,c),c);break;case 59:P+=";";default:if(O(x=te(P,t,n,l,u,o,i,b,S=[],k=[],p,a),a),123===v)if(0===u)ee(P,t,x,x,S,a,p,i,k);else switch(99===d&&110===A(P,3)?100:d){case 100:case 108:case 109:case 115:ee(e,x,x,r&&O(te(e,x,x,0,0,o,i,b,o,S=[],p,k),k),o,k,p,i,r?S:k);break;default:ee(P,x,x,x,[""],k,0,i,k)}}l=u=h=0,m=y=1,b=P="",p=s;break;case 58:p=1+N(P),h=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==B())continue;switch(P+=w(v),v*m){case 38:y=u>0?1:(P+="\f",-1);break;case 44:i[l++]=(N(P)-1)*y,y=1;break;case 64:45===G()&&(P+=q(V())),d=G(),u=p=N(b=P+=J(H())),v++;break;case 45:45===f&&2==N(P)&&(m=0)}}return a}function te(e,t,n,r,o,a,s,i,c,l,u,p){for(var d=o-1,h=0===o?a:[""],m=I(h),g=0,y=0,v=0;g<r;++g)for(var w=0,S=P(e,d+1,d=b(y=s[g])),x=e;w<m;++w)(x=k(y>0?h[w]+" "+S:C(S,/&\f/g,h[w])))&&(c[v++]=x);return M(e,t,n,0===o?f:i,c,l,u,p)}function ne(e,t,n,r){return M(e,t,n,h,w(j),P(e,2,-2),0,r)}function re(e,t,n,r,o){return M(e,t,n,m,P(e,0,r),P(e,r+1,-1),r,o)}function oe(e,t,n){switch(function(e,t){return 45^A(e,0)?(((t<<2^A(e,0))<<2^A(e,1))<<2^A(e,2))<<2^A(e,3):0}(e,t)){case 5103:return d+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return d+e+e;case 4789:return p+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return d+e+p+e+u+e+e;case 5936:switch(A(e,t+11)){case 114:return d+e+u+C(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return d+e+u+C(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return d+e+u+C(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return d+e+u+e+e;case 6165:return d+e+u+"flex-"+e+e;case 5187:return d+e+C(e,/(\w+).+(:[^]+)/,d+"box-$1$2"+u+"flex-$1$2")+e;case 5443:return d+e+u+"flex-item-"+C(e,/flex-|-self/g,"")+(x(e,/flex-|baseline/)?"":u+"grid-row-"+C(e,/flex-|-self/g,""))+e;case 4675:return d+e+u+"flex-line-pack"+C(e,/align-content|flex-|-self/g,"")+e;case 5548:return d+e+u+C(e,"shrink","negative")+e;case 5292:return d+e+u+C(e,"basis","preferred-size")+e;case 6060:return d+"box-"+C(e,"-grow","")+d+e+u+C(e,"grow","positive")+e;case 4554:return d+C(e,/([^-])(transform)/g,"$1"+d+"$2")+e;case 6187:return C(C(C(e,/(zoom-|grab)/,d+"$1"),/(image-set)/,d+"$1"),e,"")+e;case 5495:case 3959:return C(e,/(image-set\([^]*)/,d+"$1$`$1");case 4968:return C(C(e,/(.+:)(flex-)?(.*)/,d+"box-pack:$3"+u+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+d+e+e;case 4200:if(!x(e,/flex-|baseline/))return u+"grid-column-align"+P(e,t)+e;break;case 2592:case 3360:return u+C(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,x(e.props,/grid-\w+-end/)}))?~E(e+(n=n[t].value),"span")?e:u+C(e,"-start","")+e+u+"grid-row-span:"+(~E(n,"span")?x(n,/\d+/):+x(n,/\d+/)-+x(e,/\d+/))+";":u+C(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return x(e.props,/grid-\w+-start/)}))?e:u+C(C(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return C(e,/(.+)-inline(.+)/,d+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(N(e)-1-t>6)switch(A(e,t+1)){case 109:if(45!==A(e,t+4))break;case 102:return C(e,/(.+:)(.+)-([^]+)/,"$1"+d+"$2-$3$1"+p+(108==A(e,t+3)?"$3":"$2-$3"))+e;case 115:return~E(e,"stretch")?oe(C(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return C(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,s,i){return u+n+":"+r+i+(o?u+n+"-span:"+(a?s:+s-+r)+i:"")+e}));case 4949:if(121===A(e,t+6))return C(e,":",":"+d)+e;break;case 6444:switch(A(e,45===A(e,14)?18:11)){case 120:return C(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+d+(45===A(e,14)?"inline-":"")+"box$3$1"+d+"$2$3$1"+u+"$2box$3")+e;case 100:return C(e,":",":"+u)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return C(e,"scroll-","scroll-snap-")+e}return e}function ae(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function se(e,t,n,r){switch(e.type){case v:if(e.children.length)break;case g:case m:return e.return=e.return||e.value;case h:return"";case y:return e.return=e.value+"{"+ae(e.children,r)+"}";case f:if(!N(e.value=e.props.join(",")))return""}return N(n=ae(e.children,r))?e.return=e.value+"{"+n+"}":""}function ie(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case m:return void(e.return=oe(e.value,e.length,n));case y:return ae([F(e,{value:C(e.value,"@","@"+d)})],r);case f:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(x(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":L(F(e,{props:[C(t,/:(read-\w+)/,":"+p+"$1")]})),L(F(e,{props:[t]})),S(e,{props:R(n,r)});break;case"::placeholder":L(F(e,{props:[C(t,/:(plac\w+)/,":"+d+"input-$1")]})),L(F(e,{props:[C(t,/:(plac\w+)/,":"+p+"$1")]})),L(F(e,{props:[C(t,/:(plac\w+)/,u+"input-$1")]})),L(F(e,{props:[t]})),S(e,{props:R(n,r)})}return""}))}}var ce={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},le="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ue="undefined"!=typeof window&&"HTMLElement"in window,pe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),de=/invalid hook call/i,he=new Set,fe=function(e,n){if("production"!==process.env.NODE_ENV){var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(e).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",a=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];de.test(e)?(i=!1,he.delete(o)):a.apply(void 0,s([e],t,!1))},t(),i&&!he.has(o)&&(console.warn(o),he.add(o))}catch(e){de.test(e.message)&&he.delete(o)}finally{console.error=a}}},me=Object.freeze([]),ge=Object.freeze({});var ye=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ve=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,be=/(^-|-$)/g;function we(e){return e.replace(ve,"-").replace(be,"")}var Se=/(a)(d)/gi,ke=function(e){return String.fromCharCode(e+(e>25?39:97))};function xe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=ke(t%52)+n;return(ke(t%52)+n).replace(Se,"$1-$2")}var Ce,Ee=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ae=function(e){return Ee(5381,e)};function Pe(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Ne(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ie="function"==typeof Symbol&&Symbol.for,Oe=Ie?Symbol.for("react.memo"):60115,Re=Ie?Symbol.for("react.forward_ref"):60112,$e={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Te={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},De=((Ce={})[Re]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ce[Oe]=_e,Ce);function je(e){return("type"in(t=e)&&t.type.$$typeof)===Oe?_e:"$$typeof"in e?De[e.$$typeof]:$e;var t}var ze=Object.defineProperty,Me=Object.getOwnPropertyNames,Fe=Object.getOwnPropertySymbols,Le=Object.getOwnPropertyDescriptor,Be=Object.getPrototypeOf,Ve=Object.prototype;function Ge(e,t,n){if("string"!=typeof t){if(Ve){var r=Be(t);r&&r!==Ve&&Ge(e,r,n)}var o=Me(t);Fe&&(o=o.concat(Fe(t)));for(var a=je(e),s=je(t),i=0;i<o.length;++i){var c=o[i];if(!(c in Te||n&&n[c]||s&&c in s||a&&c in a)){var l=Le(t,c);try{ze(e,c,l)}catch(e){}}}}return e}function He(e){return"function"==typeof e}function We(e){return"object"==typeof e&&"styledComponentId"in e}function Ye(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function qe(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function Ue(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Xe(e,t,n){if(void 0===n&&(n=!1),!n&&!Ue(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Xe(e[r],t[r]);else if(Ue(t))for(var r in t)e[r]=Xe(e[r],t[r]);return e}function Ke(e,t){Object.defineProperty(e,"toString",{value:t})}var Ze="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Je(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function Qe(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Je.apply(void 0,s([Ze[e]],t,!1)).trim())}var et=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw Qe(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var s=this.indexOfGroup(e+1),i=(a=0,t.length);a<i;a++)this.tag.insertRule(s,t[a])&&(this.groupSizes[e]++,s++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat("/*!sc*/\n");return t},e}(),tt=new Map,nt=new Map,rt=1,ot=function(e){if(tt.has(e))return tt.get(e);for(;nt.has(rt);)rt++;var t=rt++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw Qe(16,"".concat(t));return tt.set(e,t),nt.set(t,e),t},at=function(e,t){rt=t+1,tt.set(e,t),nt.set(t,e)},st="style[".concat(le,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),it=new RegExp("^".concat(le,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ct=function(e,t,n){for(var r,o=n.split(","),a=0,s=o.length;a<s;a++)(r=o[a])&&e.registerName(t,r)},lt=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],a=0,s=r.length;a<s;a++){var i=r[a].trim();if(i){var c=i.match(it);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(at(u,l),ct(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(i)}}};var ut=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(le,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(le,"active"),r.setAttribute("data-styled-version","6.1.1");var s="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return s&&r.setAttribute("nonce",s),n.insertBefore(r,a),r},pt=function(){function e(e){this.element=ut(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw Qe(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),dt=function(){function e(e){this.element=ut(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),ht=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),ft=ue,mt={isServer:!ue,useCSSOMInjection:!pe},gt=function(){function e(e,t,n){void 0===e&&(e=ge),void 0===t&&(t={});var r=this;this.options=a(a({},mt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&ue&&ft&&(ft=!1,function(e){for(var t=document.querySelectorAll(st),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(le)&&(lt(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),Ke(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return nt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),s=t.getGroup(n);if(void 0===a||0===s.length)return"continue";var i="".concat(le,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(s).concat(i,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return ot(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(a(a({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new ht(n):t?new pt(n):new dt(n)}(this.options),new et(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(ot(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(ot(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(ot(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),yt=/&/g,vt=/^\s*\/\/.*$/gm;function bt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=bt(e.children,t)),e}))}var wt=new gt,St=function(e){var t,n,r,o=void 0===e?ge:e,a=o.options,s=void 0===a?ge:a,i=o.plugins,c=void 0===i?me:i,l=function(e,r,o){return o===n||o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===f&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(yt,n).replace(r,l))})),s.prefix&&u.push(ie),u.push(se);var p=function(e,o,a,i){void 0===o&&(o=""),void 0===a&&(a=""),void 0===i&&(i="&"),t=i,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(vt,""),l=Q(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);s.namespace&&(l=bt(l,s.namespace));var p,d=[];return ae(l,function(e){var t=I(e);return function(n,r,o,a){for(var s="",i=0;i<t;i++)s+=e[i](n,r,o,a)||"";return s}}(u.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return p.hash=c.length?c.reduce((function(e,t){return t.name||Qe(15),Ee(e,t.name)}),5381).toString():"",p}(),kt=e.createContext({shouldForwardProp:void 0,styleSheet:wt,stylis:St});function xt(){return o(kt)}kt.Consumer,e.createContext(void 0);var Ct=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=St);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Ke(this,(function(){throw Qe(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=St),this.name+e.hash},e}(),Et=function(e){return e>="A"&&e<="Z"};function At(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Et(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Pt=function(e){return null==e||!1===e||""===e},Nt=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Pt(a)&&(Array.isArray(a)&&a.isCss||He(a)?r.push("".concat(At(o),":"),a,";"):Ue(a)?r.push.apply(r,s(s(["".concat(o," {")],Nt(a),!1),["}"],!1)):r.push("".concat(At(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in ce||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function It(e,t,n,r){if(Pt(e))return[];if(We(e))return[".".concat(e.styledComponentId)];if(He(e)){if(!He(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof Ct||Ue(o)||null===o||console.error("".concat(Pe(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),It(o,t,n,r)}var a;return e instanceof Ct?n?(e.inject(n,r),[e.getName(r)]):[e]:Ue(e)?Nt(e):Array.isArray(e)?Array.prototype.concat.apply(me,e.map((function(e){return It(e,t,n,r)}))):[e.toString()]}var Ot=Ae("6.1.1"),Rt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(He(n)&&!We(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Ee(Ot,t),this.baseStyle=n,gt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=Ye(r,this.staticRulesId);else{var o=qe(It(this.rules,e,t,n)),a=xe(Ee(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var s=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,s)}r=Ye(r,a),this.staticRulesId=a}else{for(var i=Ee(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(i=Ee(i,u));else if(u){var p=qe(It(u,e,t,n));i=Ee(i,p+l),c+=p}}if(c){var d=xe(i>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=Ye(r,d)}}return r},e}(),$t=e.createContext(void 0);$t.Consumer;var Tt={},_t=new Set;function Dt(t,o,s){var i=We(t),c=t,u=!Ne(t),p=o.attrs,d=void 0===p?me:p,h=o.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":we(e);Tt[n]=(Tt[n]||0)+1;var r="".concat(n,"-").concat(function(e){return xe(Ae(e)>>>0)}("6.1.1"+n+Tt[n]));return t?"".concat(t,"-").concat(r):r}(o.displayName,o.parentComponentId):h,m=o.displayName,g=void 0===m?function(e){return Ne(e)?"styled.".concat(e):"Styled(".concat(Pe(e),")")}(t):m,y=o.displayName&&o.componentId?"".concat(we(o.displayName),"-").concat(o.componentId):o.componentId||f,v=i&&c.attrs?c.attrs.concat(d).filter(Boolean):d,b=o.shouldForwardProp;if(i&&c.shouldForwardProp){var w=c.shouldForwardProp;if(o.shouldForwardProp){var S=o.shouldForwardProp;b=function(e,t){return w(e,t)&&S(e,t)}}else b=w}var k=new Rt(s,y,i?c.componentStyle:void 0);function x(t,o){return function(t,o,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,p=t.foldedComponentIds,d=t.styledComponentId,h=t.target,f=e.useContext($t),m=xt(),g=t.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&n(d);var y=function(e,t,n){for(var r,o=a(a({},t),{className:void 0,theme:n}),s=0;s<e.length;s+=1){var i=He(r=e[s])?r(o):r;for(var c in i)o[c]="className"===c?Ye(o[c],i[c]):"style"===c?a(a({},o[c]),i[c]):i[c]}return t.className&&(o.className=Ye(o.className,t.className)),o}(i,o,function(e,t,n){return void 0===n&&(n=ge),e.theme!==n.theme&&e.theme||t||n.theme}(o,f,u)||ge),v=y.as||h,b={};for(var w in y)void 0===y[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?b.as=y.forwardedAs:g&&!g(w,v)||(b[w]=y[w],g||"development"!==process.env.NODE_ENV||l(w)||_t.has(w)||!ye.has(v)||(_t.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var S=function(e,t){var r=xt(),o=e.generateAndInjectStyles(t,r.styleSheet,r.stylis);return"production"!==process.env.NODE_ENV&&n(o),o}(c,y);"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(S);var k=Ye(p,d);return S&&(k+=" "+S),y.className&&(k+=" "+y.className),b[Ne(v)&&!ye.has(v)?"class":"className"]=k,b.ref=s,r(v,b)}(C,t,o)}x.displayName=g;var C=e.forwardRef(x);return C.attrs=v,C.componentStyle=k,C.displayName=g,C.shouldForwardProp=b,C.foldedComponentIds=i?Ye(c.foldedComponentIds,c.styledComponentId):"",C.styledComponentId=y,C.target=i?c.target:t,Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)Xe(e,o[r],!0);return e}({},c.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(fe(g,y),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(g,y)),Ke(C,(function(){return".".concat(C.styledComponentId)})),u&&Ge(C,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),C}function jt(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var zt=function(e){return Object.assign(e,{isCss:!0})};function Mt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(He(e)||Ue(e))return zt(It(jt(me,s([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?It(r):zt(It(jt(r,t)))}function Ft(e,t,n){if(void 0===n&&(n=ge),!t)throw Qe(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,Mt.apply(void 0,s([r],o,!1)))};return r.attrs=function(r){return Ft(e,t,a(a({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Ft(e,t,a(a({},n),r))},r}var Lt=function(e){return Ft(Dt,e)},Bt=Lt;ye.forEach((function(e){Bt[e]=Lt(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var Vt="__sc-".concat(le,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Vt]||(window[Vt]=0),1===window[Vt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[Vt]+=1);const Gt={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}},Ht=Bt.button`
-  font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
-  font-family: ${({theme:e})=>e.typography.fontFamily};
-  border-radius: 4px;
-  display: ${({inline:e})=>e?"inline-block":"block"};
-  border: 1px solid
-    ${({theme:e,variant:t})=>e.components.button[t].borderColor};
-  background: linear-gradient(
-    180deg,
-    ${({theme:e,variant:t})=>e.components.button[t].backgroundFrom}
-      2.56%,
-    ${({theme:e,variant:t})=>e.components.button[t].backgroundTo}
-      95.75%
-  );
-  color: ${({theme:e,variant:t})=>e.components.button[t].color};
-  height: ${({size:e})=>Gt[e].height};
-  line-height: 1.3;
-  font-size: ${({size:e})=>Gt[e].size};
-  cursor: pointer;
-  white-space: nowrap;
-  padding: 0 12px;
-  &:hover {
-    background: ${({theme:e,variant:t})=>e.components.button[t].hoverColor};
-  }
-  &:active {
-    background: ${({theme:e,variant:t})=>e.components.button[t].activeBackgroundColor};
-    border-color: ${({theme:e,variant:t})=>e.components.button[t].activeBorderColor};
-  }
-  &:disabled {
-    color: ${({theme:e,variant:t})=>e.components.button[t].disabledColor};
-    border-color: ${({theme:e,variant:t})=>e.components.button[t].disabledBorderColor};
-    background: linear-gradient(
-      180deg,
-      ${({theme:e,variant:t})=>e.components.button[t].disabledBackgroundFrom}
-        4.39%,
-      ${({theme:e,variant:t})=>e.components.button[t].disabledBackgroundTo}
-        94.46%
-    );
-  }
-`,Wt=({size:t="normal",variant:n="primary",children:r="",loading:o=!1,inline:a=!0,...s})=>e.createElement(Ht,{size:t,variant:n,inline:a,...s,disabled:s.disabled||o,"aria-disabled":s.disabled||o},o?e.createElement(Yt,null):r),Yt=()=>e.createElement(e.Fragment,null,"...");export{Wt as Button};