https://www.fresha.com/assets/_next/static/chunks/31pid_1ta8lzr.js

1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="7ff14b37-016a-c4f4-af20-dff422155a46")}catch(e){}}();
2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,125123,149825,871773,905414,936545,571267,86606,o=>{"use strict";let e={button:{variant:{primary:{state:{enabled:{container:{backgroundColor:{value:"background.primary"},borderColor:{value:"background.primary"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.primaryHover"},borderColor:{value:"background.primaryHover"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}},active:{container:{backgroundColor:{value:"background.primaryActive"},borderColor:{value:"background.primaryActive"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}},loading:{container:{backgroundColor:{value:"background.primary"},borderColor:{value:"background.primary"}},loader:{loaderColor:{value:"foreground.onLoud"}}},selected:{container:{backgroundColor:{value:"background.primaryActive"},borderColor:{value:"background.primaryActive"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}}}},secondary:{state:{enabled:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.neutral"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.baseHover"},borderColor:{value:"border.neutralHover"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.baseActive"},borderColor:{value:"border.neutralActive"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.neutral"}},loader:{loaderColor:{value:"foreground.neutral"}}},selected:{container:{backgroundColor:{value:"background.baseActive"},borderColor:{value:"border.primary"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}}}},tertiary:{state:{enabled:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.transparentHover"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"border.transparent"}},loader:{loaderColor:{value:"foreground.neutral"}}},selected:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}}}},destructive:{state:{enabled:{container:{backgroundColor:{value:"background.danger"},borderColor:{value:"background.danger"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.dangerHover"},borderColor:{value:"background.dangerHover"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},active:{container:{backgroundColor:{value:"background.dangerActive"},borderColor:{value:"background.dangerActive"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},loading:{container:{backgroundColor:{value:"background.danger"},borderColor:{value:"background.danger"}},loader:{loaderColor:{value:"foreground.onLoud"}}},selected:{container:{backgroundColor:{value:"background.dangerActive"},borderColor:{value:"background.dangerActive"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}}}},destructiveSecondary:{state:{enabled:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.neutral"}},text:{textColor:{value:"foreground.danger"}},icon:{iconColor:{value:"foreground.danger"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.baseHover"},borderColor:{value:"border.neutralHover"}},text:{textColor:{value:"foreground.danger"}},icon:{iconColor:{value:"foreground.danger"}}},active:{container:{backgroundColor:{value:"background.baseActive"},borderColor:{value:"border.neutralActive"}},text:{textColor:{value:"foreground.danger"}},icon:{iconColor:{value:"foreground.danger"}}},loading:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.neutral"}},loader:{loaderColor:{value:"foreground.neutral"}}},selected:{container:{backgroundColor:{value:"background.baseActive"},borderColor:{value:"border.neutralActive"}},text:{textColor:{value:"foreground.danger"}},icon:{iconColor:{value:"foreground.danger"}}}}},onLoud:{state:{enabled:{container:{backgroundColor:{value:"background.onLoud"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},hover:{container:{backgroundColor:{value:"background.onLoudHover"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},active:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},selected:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},loading:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"foreground.onLoud"}},loader:{loaderColor:{value:"foreground.onLoud"}}}}},glassClear:{state:{enabled:{container:{backgroundColor:{value:"background.glassClear"},borderColor:{value:"border.transparent"},boxShadow:{value:"glassClear"},backdropFilter:{value:"glassClear"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},hover:{container:{backgroundColor:{value:"background.onLoudHover"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},active:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},selected:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"foreground.onLoud"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},loading:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"foreground.onLoud"}},loader:{loaderColor:{value:"foreground.onLoud"}}}}},onLoudSecondary:{state:{enabled:{container:{backgroundColor:{value:"background.onLoud"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},hover:{container:{backgroundColor:{value:"background.onLoudHover"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},active:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},selected:{container:{backgroundColor:{value:"background.onLoudActive"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}}},loading:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"border.transparent"}},loader:{loaderColor:{value:"foreground.onLoud"}}}}},onQuiet:{state:{enabled:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"foreground.neutral"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.transparentHover"},borderColor:{value:"foreground.neutral"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"foreground.neutral"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"foreground.neutral"}},loader:{loaderColor:{value:"foreground.neutral"}}}}},shade:{state:{enabled:{container:{backgroundColor:{value:"background.shade200"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}},duration:{value:"short.s"},easing:{value:"easeOut"}},hover:{container:{backgroundColor:{value:"background.shade300"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.shade400"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.shade200"},borderColor:{value:"border.transparent"}},loader:{loaderColor:{value:"foreground.neutral"}}},selected:{container:{backgroundColor:{value:"background.shade400"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}}}},glass:{state:{enabled:{container:{backgroundColor:{value:"background.glass"},borderColor:{value:"border.glass"},boxShadow:{value:"glass"},backdropFilter:{value:"glass"}},text:{textColor:{value:"static.black"}},icon:{iconColor:{value:"static.black"}},loader:{loaderColor:{value:"static.black"}},duration:{value:"short.s"},easing:{value:"easeOut"}}}},gradient:{state:{enabled:{container:{backgroundColor:{value:"background.transparent"},borderColor:{value:"border.transparent"}},text:{textColor:{value:"foreground.onLoud"}},icon:{iconColor:{value:"foreground.onLoud"}},loader:{loaderColor:{value:"foreground.onLoud"}},duration:{value:"short.s"},easing:{value:"easeOut"}}}}},selectedVariant:{accentFilled:{state:{enabled:{container:{backgroundColor:{value:"background.accent"},borderColor:{value:"background.accent"}},text:{textColor:{value:"foreground.onAccent"}},icon:{iconColor:{value:"foreground.onAccent"}}},hover:{container:{backgroundColor:{value:"background.accentHover"},borderColor:{value:"background.accentHover"}},text:{textColor:{value:"foreground.onAccent"}},icon:{iconColor:{value:"foreground.onAccent"}}},active:{container:{backgroundColor:{value:"background.accentActive"},borderColor:{value:"background.accentActive"}},text:{textColor:{value:"foreground.onAccent"}},icon:{iconColor:{value:"foreground.onAccent"}}},loading:{container:{backgroundColor:{value:"background.accent"},borderColor:{value:"background.accent"}},loader:{loaderColor:{value:"foreground.onAccent"}}}}},accentOutlined:{state:{enabled:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.accent"},borderWidth:{value:"200"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},hover:{container:{backgroundColor:{value:"background.baseHover"},borderColor:{value:"border.accentHover"},borderWidth:{value:"200"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.baseActive"},borderColor:{value:"border.accentActive"},borderWidth:{value:"200"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.base"},borderColor:{value:"border.accent"}},loader:{loaderColor:{value:"foreground.neutral"}}}}},primaryFilled:{state:{enabled:{container:{backgroundColor:{value:"background.primaryActive"},borderColor:{value:"background.primaryActive"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}},hover:{container:{backgroundColor:{value:"background.primaryHover"},borderColor:{value:"background.primaryHover"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}},active:{container:{backgroundColor:{value:"background.primaryActive"},borderColor:{value:"background.primaryActive"}},text:{textColor:{value:"foreground.onPrimary"}},icon:{iconColor:{value:"foreground.onPrimary"}}},loading:{container:{backgroundColor:{value:"background.primaryActive"},borderColor:{value:"background.primaryActive"}},loader:{loaderColor:{value:"foreground.onPrimary"}}}}},tertiaryFilled:{state:{enabled:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"background.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},hover:{container:{backgroundColor:{value:"background.transparentHover"},borderColor:{value:"background.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},active:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"background.transparent"}},text:{textColor:{value:"foreground.neutral"}},icon:{iconColor:{value:"foreground.neutral"}}},loading:{container:{backgroundColor:{value:"background.transparentActive"},borderColor:{value:"background.transparentActive"}},loader:{loaderColor:{value:"foreground.neutral"}}}}}},size:{l:{container:{composition:{height:{value:"600"},verticalPadding:{value:"150"},horizontalPadding:{value:"250"},spacing:{value:"100"},borderWidth:{value:"100"}}},text:{composition:{typography:{value:"body.m.semibold"}}},textPill:{composition:{typography:{value:"body.m.semibold"}}},icon:{composition:{sizing:{value:"300"}}}},m:{container:{composition:{height:{value:"450"},verticalPadding:{value:"100"},horizontalPadding:{value:"200"},spacing:{value:"100"},borderWidth:{value:"100"}}},text:{composition:{typography:{value:"body.s.semibold"}}},textPill:{composition:{typography:{value:"body.s.medium"}}},icon:{composition:{sizing:{value:"250"}}}}},shape:{pill:{container:{composition:{borderRadius:{value:"rounded"}}}},circle:{container:{composition:{borderRadius:{value:"rounded"}}}}},state:{enabled:{scale:{value:"[1]"}},hover:{scale:{value:"[1]"}},active:{scale:{value:"[0.96]"}},selected:{scale:{value:"[1]"}}}},buttonDismiss:{background:{default:{enabled:{backgroundColor:{value:"background.transparent"}},hover:{backgroundColor:{value:"background.transparentHover"}},active:{backgroundColor:{value:"background.transparentActive"}}},onPrimary:{enabled:{backgroundColor:{value:"background.transparent"}},hover:{backgroundColor:{value:"background.primaryHover"}},active:{backgroundColor:{value:"background.primaryActive"}}},onLoud:{enabled:{backgroundColor:{value:"background.transparent"}},hover:{backgroundColor:{value:"background.onLoudHover"}},active:{backgroundColor:{value:"background.onLoudActive"}}}},size:{m:{container:{spacing:{value:"100"}}},l:{container:{spacing:{value:"150"}}}}},buttonGroup:{size:{l:{default:{container:{composition:{itemSpacing:{value:"100"},verticalItemSpacing:{value:"150"}}}},compactText:{container:{compos

2ition:{itemSpacing:{value:"500"}}}},compactIcon:{container:{composition:{itemSpacing:{value:"300"}}}}},m:{default:{container:{composition:{itemSpacing:{value:"100"},verticalItemSpacing:{value:"150"}}}},compactText:{container:{composition:{itemSpacing:{value:"400"}}}},compactIcon:{container:{composition:{itemSpacing:{value:"200"}}}}}}}};o.s(["default",0,e],125123);let r="primary",a="circle";o.s(["DEFAULT_BUTTON_STRUCTURE_SELECTED_VARIANT",0,"accentOutlined","DEFAULT_BUTTON_STRUCTURE_SHAPE",0,a,"DEFAULT_BUTTON_STRUCTURE_SIZE",0,"m","DEFAULT_BUTTON_STRUCTURE_VARIANT",0,r],149825);let t=(o,e)=>o&&("tertiary"===e||"onLoudSecondary"===e);o.s(["shouldApplyCompactSize",0,t],871773),o.i(550834);var n=o.i(321870);let l=(0,n.cva)({base:{display:"inline-flex",alignItems:"center",inlineSize:"auto",maxInlineSize:"100%",padding:"0",blockSize:"var(--sizing-var-1)",transition:"[max-inline-size]",transitionDuration:"short.m",transitionTimingFunction:"easeInOut"},variants:{size:{m:{sizingVar:e.button.size.m.icon.composition.sizing.value,sizingVar1:e.button.size.m.container.composition.height.value,spacingVar:e.button.size.m.container.composition.horizontalPadding.value,spacingVar1:e.button.size.m.container.composition.verticalPadding.value,borderWidthVar:e.button.size.m.container.composition.borderWidth.value},l:{sizingVar:e.button.size.l.icon.composition.sizing.value,sizingVar1:e.button.size.l.container.composition.height.value,spacingVar:e.button.size.l.container.composition.horizontalPadding.value,spacingVar1:e.button.size.l.container.composition.verticalPadding.value,borderWidthVar:e.button.size.l.container.composition.borderWidth.value}},collapsed:{true:{}},compact:{true:{blockSize:"unset",inlineSize:"auto",maxInlineSize:"max-content",marginInline:"[calc(var(--spacing-var) * -1)]",marginBlock:"[calc(var(--spacing-var-1) * -1)]"}},shape:{pill:{borderRadius:e.button.shape.pill.container.composition.borderRadius.value},circle:{borderRadius:e.button.shape.circle.container.composition.borderRadius.value}},full:{true:{inlineSize:"100%",minInlineSize:"0"},false:{inlineSize:"auto"}},disabled:{true:{pointerEvents:"none"}},iconOnly:{true:{}}},compoundVariants:[{collapsed:!0,shape:"pill",css:{maxInlineSize:"[calc(var(--sizing-var) + 2 * var(--spacing-var))]"}},{iconOnly:!0,compact:!0,css:{marginInline:"[calc(((var(--sizing-var-1) - var(--sizing-var)) / 2) * -1)]",marginBlock:"[calc(((var(--sizing-var-1) - var(--sizing-var)) / 2) * -1)]"}},{size:"m",collapsed:!0,shape:"circle",css:{maxInlineSize:e.button.size.m.container.composition.height.value}},{size:"m",iconOnly:!0,css:{inlineSize:e.button.size.m.container.composition.height.value,minInlineSize:e.button.size.m.container.composition.height.value}},{size:"l",collapsed:!0,shape:"circle",css:{maxInlineSize:e.button.size.l.container.composition.height.value}},{size:"l",iconOnly:!0,css:{inlineSize:e.button.size.l.container.composition.height.value,minInlineSize:e.button.size.l.container.composition.height.value}}]});o.s(["BUTTON_GROUP_CLASS",0,"group","getButtonComponentStyles",0,o=>{let{shape:e=a,variant:n=r,isFull:u=!1,isCompact:i=!1,isLabelHidden:d=!1,isCollapsed:c=!1,isDisabled:v=!1,size:s="m"}=o;return l.raw({size:s,shape:e,full:u,iconOnly:"pill"!==e&&d,compact:t(i,n),collapsed:!d&&c,disabled:v})}],905414);var u=o.i(318008),i=o.i(88617),d=o.i(519774),c=o.i(271894),v=o.i(687652);let s=v.default.forwardRef((o,e)=>{let{children:r,prefixType:a,suffixType:t,size:n="m",css:l,...s}=o,{isPending:g}=v.default.useContext(i.BaseButtonContext);return(0,u.jsx)("span",{ref:e,...(0,d.spreadProps)(s,(0,c.css)(b.raw({pending:g,compactPrefix:"compact"===a,compactSuffix:"compact"===t,size:n}),l)),children:r})});s.displayName="Fresha.DesignSystem.ButtonStructure.Affix";let b=(0,n.cva)({base:{display:"inline-flex"},variants:{pending:{true:{visibility:"hidden",zIndex:"-1",maxInlineSize:"100%",pointerEvents:"none",_disabled:{color:"foreground.transparent"}}},compactPrefix:{true:{}},compactSuffix:{true:{marginInlineEnd:"-100"}},size:{m:{},l:{}}},compoundVariants:[{compactPrefix:!0,size:"m",css:{marginInlineStart:"-150"}},{compactPrefix:!0,size:"l",css:{marginInlineStart:"-200"}},{compactSuffix:!0,size:"l",css:{marginInlineStart:"50"}}]});o.s(["Affix",0,s],936545);let g=v.default.forwardRef((o,e)=>{let{children:r,isLabelHidden:a,css:t,...n}=o,{isPending:l,isLabelHidden:s}=v.default.useContext(i.BaseButtonContext);return(0,u.jsx)("span",{ref:e,...(0,d.spreadProps)(n,(0,c.css)(C.raw({pending:l,hidden:s||a}

2),t)),children:r})});g.displayName="Fresha.DesignSystem.ButtonStructure.Content";let C=(0,n.cva)({base:{display:"inherit",textOverflow:"ellipsis",whiteSpace:"nowrap",alignItems:"center",minInlineSize:"0",gap:"100"},variants:{pending:{true:{visibility:"hidden",zIndex:"-1",maxInlineSize:"100%",pointerEvents:"none",_disabled:{color:"foreground.transparent"}}},hidden:{true:{srOnly:!0}}}});o.s(["Content",0,g],571267);let p=c.css.raw({marginInline:"-50",_first:{marginInlineEnd:"-25"},_last:{marginInlineStart:"-25"}}),f=v.default.forwardRef((o,e)=>{let{isLabelHidden:r,...a}=o;return(0,u.jsx)(s,{ref:e,...a,css:r?a.css:c.css.raw(p,a.css)})});f.displayName="Fresha.DesignSystem.ButtonStructure.IconAffix",o.s(["IconAffix",0,f],86606)},960826,o=>{"use strict";var e=o.i(616666),r=o.i(125123);o.i(550834);var a=o.i(271894),t=o.i(321870),n=o.i(585102),l=o.i(687652),u=o.i(149825),i=o.i(871773),d=o.i(905414),c=o.i(936545),v=o.i(571267),s=o.i(86606),b=o.i(318008),g=o.i(377365),C=o.i(519774);let p=o=>{switch(o){case"secondary":case"tertiary":case"destructiveSecondary":default:return"default";case"primary":case"primaryFilled":return"onPrimary";case"onLoud":case"onLoudSecondary":case"destructive":case"gradient":return"onLoud";case"accentFilled":return"onAccent"}},f=l.default.forwardRef((o,e)=>{let{variant:r=u.DEFAULT_BUTTON_STRUCTURE_VARIANT,selectedVariant:t=u.DEFAULT_BUTTON_STRUCTURE_SELECTED_VARIANT,isSelected:n,size:l,css:i,...d}=o,c=n?p(t):p(r);return(0,b.jsx)(g.LoadingDots,{ref:e,qaType:"button-loader",size:l,variant:c,...(0,C.spreadProps)(d,(0,a.css)(k.raw(),i))})});f.displayName="Fresha.DesignSystem.ButtonStructure.Loader";let k=(0,t.cva)({base:{position:"absolute",insetBlockStart:"50%",insetInlineStart:"50%",transform:"translate(-50%, -50%)",margin:"auto",display:"flex",justifyContent:"center",gap:"75"}}),m=o=>{let{variant:e=u.DEFAULT_BUTTON_STRUCTURE_VARIANT,selectedVariant:r=u.DEFAULT_BUTTON_STRUCTURE_SELECTED_VARIANT,isLabelHidden:t=!1,isFull:d=!1,isSelected:c=!1,isDisabled:v=!1,isCompact:s=!1,isCollapsed:b=!1,disableScaling:g=!1,size:C=u.DEFAULT_BUTTON_STRUCTURE_SIZE,shape:p=u.DEFAULT_BUTTON_STRUCTURE_SHAPE,children:f,unsafeClassName:k,unsafeStyle:m,css:y,backgroundImage:h}=o,S=l.default.Children.only(f);return l.default.cloneElement(S,{className:(0,n.default)((0,a.css)(x.raw({size:C,shape:p,color:c?r:e,compact:(0,i.shouldApplyCompactSize)(s,e),full:d,collapsed:!t&&b,iconOnly:"pill"!==p&&t,disabled:v,disableScaling:g}),y),k,S.props.className),style:{...m,...h?{"--gradient-bg-image":`url("${h}")`}:{}}})};m.Affix=c.Affix,m.IconAffix=s.IconAffix,m.Content=v.Content,m.Loader=f,m.getButtonComponentStyles=d.getButtonComponentStyles,m.BUTTON_GROUP_CLASS=d.BUTTON_GROUP_CLASS,m.displayName="Fresha.DesignSystem.ButtonStructure";let x=(0,t.cva)({base:{display:"inline-flex",justifyContent:"center",alignItems:"center",inlineSize:"100%",maxInlineSize:"100%",padding:"0",transition:"[background-color var(--duration-var) var(--easing-var), border-color var(--duration-var) var(--easing-var), scale var(--duration-var) var(--easing-var), max-inline-size var(--duration-var-1) var(--easing-var-1), padding var(--duration-var-1) var(--easing-var-1), gap var(--duration-var-1) var(--easing-var-1)]",durationVar:r.default.button.variant.primary.state.enabled.duration.value,easingVar:r.default.button.variant.primary.state.enabled.easing.value,durationVar1:"short.m",easingVar1:"easeInOut",borderStyle:"solid",gap:"100",paddingBlock:"0",paddingInline:"[calc(var(--spacing-var) - var(--border-width-var))]",blockSize:"var(--sizing-var)",scale:r.default.button.state.enabled.scale.value,_groupSupportHover:{scale:r.default.button.state.hover.scale.value},_groupActive:{scale:r.default.button.state.active.scale.value},_groupHoverActive:{scale:r.default.button.state.active.scale.value}},variants:{shape:{pill:{borderRadius:r.default.button.shape.pill.container.composition.borderRadius.value},circle:{borderRadius:r.default.button.shape.circle.container.composition.borderRadius.value}},size:{m:{borderWidth:r.default.button.size.m.container.composition.borderWidth.value,spacingVar:r.default.button.size.m.container.composition.horizontalPadding.value,borderWidthVar:r.default.button.size.m.container.composition.borderWidth.value,spacingVar1:r.default.button.size.m.container.composition.verticalPadding.value,sizingV

2ar:r.default.button.size.m.container.composition.height.value,sizingVar1:r.default.button.size.m.icon.composition.sizing.value},l:{borderWidth:r.default.button.size.l.container.composition.borderWidth.value,spacingVar:r.default.button.size.l.container.composition.horizontalPadding.value,borderWidthVar:r.default.button.size.l.container.composition.borderWidth.value,spacingVar1:r.default.button.size.l.container.composition.verticalPadding.value,sizingVar:r.default.button.size.l.container.composition.height.value,sizingVar1:r.default.button.size.l.icon.composition.sizing.value}},color:{primary:{backgroundColor:r.default.button.variant.primary.state.enabled.container.backgroundColor.value,color:r.default.button.variant.primary.state.enabled.text.textColor.value,borderColor:r.default.button.variant.primary.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.primary.state.hover.container.backgroundColor.value,color:r.default.button.variant.primary.state.hover.text.textColor.value,borderColor:r.default.button.variant.primary.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.primary.state.active.container.backgroundColor.value,color:r.default.button.variant.primary.state.active.text.textColor.value,borderColor:r.default.button.variant.primary.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.primary.state.active.container.backgroundColor.value,color:r.default.button.variant.primary.state.active.text.textColor.value,borderColor:r.default.button.variant.primary.state.active.container.borderColor.value}},secondary:{backgroundColor:r.default.button.variant.secondary.state.enabled.container.backgroundColor.value,color:r.default.button.variant.secondary.state.enabled.text.textColor.value,borderColor:r.default.button.variant.secondary.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.secondary.state.hover.container.backgroundColor.value,color:r.default.button.variant.secondary.state.hover.text.textColor.value,borderColor:r.default.button.variant.secondary.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.secondary.state.active.container.backgroundColor.value,color:r.default.button.variant.secondary.state.active.text.textColor.value,borderColor:r.default.button.variant.secondary.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.secondary.state.active.container.backgroundColor.value,color:r.default.button.variant.secondary.state.active.text.textColor.value,borderColor:r.default.button.variant.secondary.state.active.container.borderColor.value}},tertiary:{backgroundColor:r.default.button.variant.tertiary.state.enabled.container.backgroundColor.value,color:r.default.button.variant.tertiary.state.enabled.text.textColor.value,borderColor:r.default.button.variant.tertiary.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.tertiary.state.hover.container.backgroundColor.value,color:r.default.button.variant.tertiary.state.hover.text.textColor.value,borderColor:r.default.button.variant.tertiary.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.tertiary.state.active.container.backgroundColor.value,color:r.default.button.variant.tertiary.state.active.text.textColor.value,borderColor:r.default.button.variant.tertiary.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.tertiary.state.active.container.backgroundColor.value,color:r.default.button.variant.tertiary.state.active.text.textColor.value,borderColor:r.default.button.variant.tertiary.state.active.container.borderColor.value}},destructive:{backgroundColor:r.default.button.variant.destructive.state.enabled.container.backgroundColor.value,color:r.default.button.variant.destructive.state.enabled.text.textColor.value,borderColor:r.default.button.variant.destructive.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.destructive.state.hover.container.backgroundColor.value,color:r.default.button.variant.destructive.state.hover.text.textColor.value,borderColor:r.default.button.variant.destructive.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.destructive.state.active.container.backgroundColor.value,color:r.default.button.variant.destructive.state.active.text.textColor.value,borderColor:r.default.button.variant.destructive.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.destructive.state.active.container.backgroundColor.value,color:r.default.button.variant.destructive.state.active.text.textColor.value,borderColor:r.default.button.variant.destructive.state.active.container.borderColor.value}},destructiveSecondary:{backgroundColor:r.default.button.variant.destructiveSecondary.state.enabled.container.backgroundColor.value,color:r.default.button.variant.destructiveSecondary.state.enabled.text.textColor.value,borderColor:r.default.button.variant.destructiveSecondary.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.destructiveSecondary.state.hover.container.backgroundColor.value,color:r.default.button.variant.destructiveSecondary.state.hover.text.textColor.value,borderColor:r.default.button.variant.destructiveSecondary.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.destructiveSecondary.state.active.container.backgroundColor.value,color:r.default.button.variant.destructiveSecondary.state.active.text.textColor.value,borderColor:r.default.button.variant.destructiveSecondary.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.destructiveSecondary.state.active.container.backgroundColor.value,color:r.default.button.variant.destructiveSecondary.state.active.text.textColor.value,borderColor:r.default.button.variant.destructiveSecondary.state.active.container.borderColor.value}},onLoud:{backgroundColor:r.default.button.variant.onLoud.state.enabled.container.backgroundColor.value,color:r.default.button.variant.onLoud.state.enabled.text.textColor.value,borderColor:r.default.button.variant.onLoud.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.onLoud.state.hover.container.backgroundColor.value,color:r.default.button.variant.onLoud.state.hover.text.textColor.value,borderColor:r.default.button.variant.onLoud.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.onLoud.state.active.container.backgroundColor.value,color:r.default.button.variant.onLoud.state.active.text.textColor.value,borderColor:r.default.button.variant.onLoud.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.onLoud.state.active.container.backgroundColor.value,color:r.default.button.variant.onLoud.state.active.text.textColor.value,borderColor:r.default.button.variant.onLoud.state.active.container.borderColor.value}},glassClear:a.css.raw({backgroundColor:"transparent",backgroundImage:"[linear-gradient(token(colors.background.glassClear),token(colors.background.glassClear))]",color:r.default.button.variant.glassClear.state.enabled.text.textColor.value,borderColor:"transparent",boxShadow:r.default.button.variant.glassClear.state.enabled.container.boxShadow.value,backdropFilter:"auto",backdropBlur:r.default.button.variant.glassClear.state.enabled.container.backdropFilter.value,_groupSupportHover:{backgroundImage:"[linear-gradient(token(colors.background.onLoudHover),token(colors.background.onLoudHover)),linear-gradient(token(colors.background.glassClear),token(colors.background.glassClear))]"},_groupActive:{backgroundImage:"[linear-gradient(token(colors.background.onLoudActive),token(colors.background.onLoudActive)),linear-gradient(token(colors.background.glassClear),token(colors.background.glassClear))]"},_groupHoverActive:{backgroundImage:"[linear-gradient(token(colors.background.onLoudActive),token(colors.background.onLoudActive)),linear-gradient(token(colors.background.glassClear),token(colors.background.glassClear))]"}},e.glassClearReflectionBorder),onLoudSecondary:{backgroundColor:r.default.button.variant.onLoudSecondary.state.enabled.container.backgroundColor.value,color:r.default.button.variant.onLoudSecondary.state.enabled.text.textColor.value,borderColor:r.default.button.variant.onLoudSecondary.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.onLoudSecondary.state.hover.container.backgroundColor.value,color:r.default.button.variant.onLoudSecondary.state.hover.text.textColor.value,borderColor:r.default.button.variant.onLoudSecondary.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.onLoudSecondary.state.active.container.backgroundColor.value,color:r.default.button.variant.onLoudSecondary.state.active.text.textColor.value,borderColor:r.default.button.variant.onLoudSecondary.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.onLoudSecondary.state.active.container.backgroundColor.value,color:r.default.button.variant.onLoudSecondary.state.active.text.textColor.value,borderColor:r.default.button.variant.onLoudSecondary.state.active.container.borderColor.value}},onQuiet:{backgroundColor:r.default.button.variant.onQuiet.state.enabled.container.backgroundColor.value,color:r.default.button.variant.onQuiet.state.enabled.text.textColor.value,borderColor:r.default.button.variant.onQuiet.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.onQuiet.state.hover.container.backgroundColor.value,color:r.default.button.variant.onQuiet.state.hover.text.textColor.value,borderColor:r.default.button.variant.onQuiet.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.onQuiet.state.active.container.backgroundColor.value,color:r.default.button.variant.onQuiet.state.active.text.textColor.value,borderColor:r.default.button.variant.onQuiet.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.onQuiet.state.active.container.backgroundColor.value,color:r.default.button.variant.onQuiet.state.active.text.textColor.value,borderColor:r.default.button.variant.onQuiet.state.active.container.borderColor.value}},shade:{backgroundColor:r.default.button.variant.shade.state.enabled.container.backgroundColor.value,color:r.default.button.variant.shade.state.enabled.text.textColor.value,borderColor:r.default.button.variant.shade.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.variant.shade.state.hover.container.backgroundColor.value,color:r.default.button.variant.shade.state.hover.text.textColor.value,borderColor:r.default.button.variant.shade.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.variant.shade.state.active.container.backgroundColor.value,color:r.default.button.variant.shade.state.active.text.textColor.value,borderColor:r.default.button.variant.shade.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.variant.shade.state.active.container.backgroundColor.value,color:r.default.button.variant.shade.state.active.text.textColor.value,borderColor:r.default.button.variant.shade.state.active.container.borderColor.value}},accentFilled:{backgroundColor:r.default.button.selectedVariant.accentFilled.state.enabled.container.backgroundColor.value,color:r.default.button.selectedVariant.accentFilled.state.enabled.text.textColor.value,borderColor:r.default.button.selectedVariant.accentFilled.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.selectedVariant.accentFilled.state.hover.container.backgroundColor.value,color:r.default.button.selectedVariant.accentFilled.state.hover.text.textColor.value,borderColor:r.default.button.selectedVariant.accentFilled.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.selectedVariant.accentFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.accentFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.accentFilled.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.selectedVariant.accentFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.accentFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.accentFilled.state.active.container.borderColor.value}},accentOutlined:{boxShadow:"[inset 0 0 0 calc(var(--border-width-var-1) - var(--border-width-var)) var(--color-var)]",backgroundColor:r.default.button.selectedVariant.accentOutlined.state.enabled.container.backgroundColor.value,color:r.default.button.selectedVariant.accentOutlined.state.enabled.text.textColor.value,borderColor:r.default.button.selectedVariant.accentOutlined.state.enabled.container.borderColor.value,colorVar:r.default.button.selectedVariant.accentOutlined.state.enabled.container.borderColor.value,sizingV

2ar2:r.default.button.selectedVariant.accentOutlined.state.enabled.container.borderWidth.value,borderWidthVar1:r.default.button.selectedVariant.accentOutlined.state.enabled.container.borderWidth.value,_groupSupportHover:{backgroundColor:r.default.button.selectedVariant.accentOutlined.state.hover.container.backgroundColor.value,color:r.default.button.selectedVariant.accentOutlined.state.hover.text.textColor.value,borderColor:r.default.button.selectedVariant.accentOutlined.state.hover.container.borderColor.value,colorVar:r.default.button.selectedVariant.accentOutlined.state.hover.container.borderColor.value,borderWidthVar1:r.default.button.selectedVariant.accentOutlined.state.hover.container.borderWidth.value},_groupActive:{backgroundColor:r.default.button.selectedVariant.accentOutlined.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.accentOutlined.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.accentOutlined.state.active.container.borderColor.value,colorVar:r.default.button.selectedVariant.accentOutlined.state.active.container.borderColor.value,borderWidthVar1:r.default.button.selectedVariant.accentOutlined.state.active.container.borderWidth.value},_groupHoverActive:{backgroundColor:r.default.button.selectedVariant.accentOutlined.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.accentOutlined.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.accentOutlined.state.active.container.borderColor.value,colorVar:r.default.button.selectedVariant.accentOutlined.state.active.container.borderColor.value,borderWidthVar1:r.default.button.selectedVariant.accentOutlined.state.active.container.borderWidth.value}},primaryFilled:{backgroundColor:r.default.button.selectedVariant.primaryFilled.state.enabled.container.backgroundColor.value,color:r.default.button.selectedVariant.primaryFilled.state.enabled.text.textColor.value,borderColor:r.default.button.selectedVariant.primaryFilled.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.selectedVariant.primaryFilled.state.hover.container.backgroundColor.value,color:r.default.button.selectedVariant.primaryFilled.state.hover.text.textColor.value,borderColor:r.default.button.selectedVariant.primaryFilled.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.selectedVariant.primaryFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.primaryFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.primaryFilled.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.selectedVariant.primaryFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.primaryFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.primaryFilled.state.active.container.borderColor.value}},tertiaryFilled:{backgroundColor:r.default.button.selectedVariant.tertiaryFilled.state.enabled.container.backgroundColor.value,color:r.default.button.selectedVariant.tertiaryFilled.state.enabled.text.textColor.value,borderColor:r.default.button.selectedVariant.tertiaryFilled.state.enabled.container.borderColor.value,_groupSupportHover:{backgroundColor:r.default.button.selectedVariant.tertiaryFilled.state.hover.container.backgroundColor.value,color:r.default.button.selectedVariant.tertiaryFilled.state.hover.text.textColor.value,borderColor:r.default.button.selectedVariant.tertiaryFilled.state.hover.container.borderColor.value},_groupActive:{backgroundColor:r.default.button.selectedVariant.tertiaryFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.tertiaryFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.tertiaryFilled.state.active.container.borderColor.value},_groupHoverActive:{backgroundColor:r.default.button.selectedVariant.tertiaryFilled.state.active.container.backgroundColor.value,color:r.default.button.selectedVariant.tertiaryFilled.state.active.text.textColor.value,borderColor:r.default.button.selectedVariant.tertiaryFilled.state.active.container.borderColor.value}},gradient:{backgroundColor:r.default.button.variant.gradient.state.enabled.container.backgroundColor.value,color:r.default.button.variant.gradient.state.enabled.text.textColor.value,borderColor:r.default.button.variant.gradient.state.enabled.container.borderColor.value,backgroundImage:"var(--gradient-bg-image, none)",backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundOrigin:"border-box",_groupSupportHover:{backgroundImage:"[linear-gradient(token(colors.background.shade200),token(colors.background.shade200)),var(--gradient-bg-image,none)]"},_groupHoverActive:{backgroundImage:"[linear-gradient(token(colors.background.shade400),token(colors.background.shade400)),var(--gradient-bg-image,none)]"}},glass:a.css.raw({backgroundColor:"transparent",backgroundImage:"[linear-gradient(token(colors.background.glass),token(colors.background.glass))]",color:r.default.button.variant.glass.state.enabled.text.textColor.value,borderColor:"transparent",boxShadow:r.default.button.variant.glass.state.enabled.container.boxShadow.value,backdropFilter:"auto",backdropBlur:r.default.button.variant.glass.state.enabled.container.backdropFilter.value,_groupSupportHover:{backgroundImage:"[linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(token(colors.background.shade200),token(colors.background.shade200))]"},_groupHoverActive:{backgroundImage:"[linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(token(colors.background.shade300),token(colors.background.shade300))]"}},e.glassGradientBorder)},compact:{true:{blockSize:"unset",paddingBlock:"[calc(var(--spacing-var-1) - var(--border-width-var))]",paddingInline:"[calc(var(--spacing-var) - var(--border-width-var))]",inlineSize:"auto",maxInlineSize:"max-content",margin:"unset"}},full:{true:{inlineSize:"100%",minInlineSize:"0"},false:{}},disabled:{true:{opacity:"disabled",cursor:"default",pointerEvents:"none"}},collapsed:{true:{paddingInline:"[calc((var(--sizing-var) - var(--sizing-var-1) - 2 * var(--border-width-var)) / 2)]",gap:"0",maxInlineSize:"unset"}},iconOnly:{true:{padding:"0",minInlineSize:"var(--sizing-var)"}}

2,disableScaling:{true:{_groupSupportHover:{scale:"[1]"},_groupActive:{scale:"[1]"},_groupHoverActive:{scale:"[1]"}}}},compoundVariants:[{shape:"pill",collapsed:!0,css:{paddingInline:"[calc(var(--spacing-var) - var(--border-width-var))]",gap:"0",maxInlineSize:"[calc(var(--sizing-var-1) + 2 + var(--spacing-var))]"}},{iconOnly:!0,compact:!0,css:{paddingInline:"[calc(((var(--sizing-var) - var(--sizing-var-1)) / 2) - var(--border-width-var))]",paddingBlock:"[calc(((var(--sizing-var) - var(--sizing-var-1)) / 2) - var(--border-width-var))]"}},{full:!1,collapsed:!0,css:{inlineSize:"100%"}},{color:"glass",disabled:!0,css:{opacity:"visible",backgroundColor:"background.glass/40",color:"static.black/40",_before:{opacity:"[0.4]"}}},{color:"glassClear",disabled:!0,css:{opacity:"visible",backgroundColor:"background.glassClear/40",color:"foreground.onLoud/40",_before:{opacity:"[0.4]"}}}]});o.s(["ButtonStructure",0,m],960826)},377365,o=>{"use strict";var e=o.i(318008);let r={m:{composition:{sizing:{value:"75"},spacing:{value:"50"}}},l:{composition:{sizing:{value:"100"},spacing:{value:"75"}}}},a={default:{dot:{backgroundColor:{value:"foreground.neutral"}}},onPrimary:{dot:{backgroundColor:{value:"foreground.onPrimary"}}},onLoud:{dot:{backgroundColor:{value:"foreground.onLoud"}}},onAccent:{dot:{backgroundColor:{value:"foreground.onAccent"}}}};var t=o.i(519774);o.i(550834);var n=o.i(271894),l=o.i(321870),u=o.i(687652);let i=(0,l.cva)({base:{animation:"beat 0.8s infinite ease-in-out",display:"block",borderRadius:"rounded",marginBlock:"0",opacity:"0"},variants:{placement:{1:{animationDelay:"[0s]"},2:{animationDelay:"[0.15s]"},3:{animationDelay:"[0.3s]"}},color:{default:{backgroundColor:a.default.dot.backgroundColor.value},onPrimary:{backgroundColor:a.onPrimary.dot.backgroundColor.value},onLoud:{backgroundColor:a.onLoud.dot.backgroundColor.value},onAccent:{backgroundColor:a.onAccent.dot.backgroundColor.value}},size:{m:{blockSize:r.m.composition.sizing.value,inlineSize:r.m.composition.sizing.value},l:{blockSize:r.l.composition.sizing.value,inlineSize:r.l.composition.sizing.value}}}}),d=u.forwardRef((o,r)=>{let{css:a,size:l,variant:u,placement:d,...c}=o;return(0,e.jsx)("span",{ref:r,...(0,t.spreadProps)(c,(0,n.css)(i.raw({placement:d,color:u,size:l}),a))})});d.displayName="Fresha.DesignSystem.LoadingDots.Dot";let c=(0,l.cva)({base:{display:"flex",flexDirection:"row"},variants:{size:{m:{gap:r.m.composition.spacing.value},l:{gap:r.l.composition.spacing.value}}}}),v=u.forwardRef((o,r)=>{let{size:a="l",variant:l="default",css:u,...i}=o,v=Array.from({length:3});return(0,e.jsx)("div",{ref:r,...(0,t.spreadProps)(i,(0,n.css)(c.raw({size:a}),u)),children:v.map((o,r)=>(0,e.jsx)(d,{size:a,variant:l,placement:r+1},`dot-${r}`))})});v.displayName="Fresha.DesignSystem.LoadingDots",o.s(["LoadingDots",0,v],377365)}]);
3
4//# debugId=7ff14b37-016a-c4f4-af20-dff422155a46
5//# sourceMappingURL=1xxwry9-t2yfo.js.map