https://www.goodinside.com/_next/static/chunks/pages/ui-24c3e68a95b4bd52.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="804ea7b0-6a3f-4add-a9c3-874fa3ffa837",e._sentryDebugIdIdentifier="sentry-dbid-804ea7b0-6a3f-4add-a9c3-874fa3ffa837")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6038],{10241:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui",function(){return t(26210)}])},13841:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(37876),n=t(50354),a=t(58103),i=t.n(a);let r=e=>{let{className:s="",children:t,...a}=e;return(0,l.jsx)(n.A,{variant:"",size:"",className:i()("text__tag inline-block rounded-full border border-yellow bg-white leading-none","px-3.5 py-2.5",{"cursor-pointer hover:bg-yellow active:text-black/60":a.href},{"cursor-default":!a.href},s),...a,children:t})}},26210:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>q});var l=t(37876),n=t(71176),a=t(58103),i=t.n(a);let r=e=>{let{children:s,className:t,inline:n=!1}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:i()("gap-x-2",{"inline-flex":n,"flex ":!n},t),children:s})})};function c(){return(0,l.jsxs)(r,{inline:!0,className:"p-6 rounded-lg bg-light-yellow",children:[(0,l.jsx)(n.A,{href:"#",icon:"save"}),(0,l.jsx)(n.A,{href:"#",icon:"lock",className:"bg-white"}),(0,l.jsx)(n.A,{icon:"link",className:"bg-dark-green hover:bg-white hover:text-dark-green active:text-white"}),(0,l.jsx)(n.A,{icon:"download"})]})}var o=t(69169);function d(){return(0,l.jsx)(r,{children:(0,l.jsx)(o.A,{children:"New"})})}var h=t(50354);function x(e){let{title:s,children:t,className:n}=e;return(0,l.jsxs)("div",{className:"mt-6 ".concat(n),children:[(0,l.jsx)("h2",{className:"heading__lg mt-20 mb-16",children:s}),t]})}var m=t(14254);function j(){return(0,l.jsxs)(r,{className:"flex-col",children:[(0,l.jsxs)(x,{title:"Button variants",children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Button Primary, with :hover and :active"}),(0,l.jsx)(h.A,{children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Button Secondary, with :hover and :active"}),(0,l.jsx)(h.A,{variant:"secondary",children:"Button Secondary"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Button Hollow, with :hover and :active"}),(0,l.jsx)(h.A,{variant:"hollow",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Button Primary with `href`, with :hover, and :active"}),(0,l.jsx)(h.A,{href:"#",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Disabled Button Primary with `href`"}),(0,l.jsx)(h.A,{href:"#",disabled:!0,children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Button Secondary"}),(0,l.jsx)(h.A,{variant:"secondary",children:"Button Secondary"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("p",{children:"Disabled Button Secondary"}),(0,l.jsx)(h.A,{variant:"secondary",disabled:!0,children:"Button Secondary"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Disabled Button hollow"}),(0,l.jsx)(h.A,{variant:"hollow",disabled:!0,children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Base"}),(0,l.jsx)(h.A,{variant:"base",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button without styles"}),(0,l.jsx)(h.A,{variant:"base",size:"",children:m.PB})]})]}),(0,l.jsxs)(x,{title:"Button Sizes",children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button primary with `href`"}),(0,l.jsx)(h.A,{size:"small",Button:!0,href:"#",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Secondary"}),(0,l.jsx)(h.A,{size:"small",variant:"secondary",children:"Button Secondary"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Hollow"}),(0,l.jsx)(h.A,{size:"small",variant:"hollow",children:"Continue"})]})]}),(0,l.jsxs)(x,{title:"Button with Icons",children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button with Suffix Icon"}),(0,l.jsx)(h.A,{suffixIcon:"arrowRight",children:"View All Workshops"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button with Prefix Icon"}),(0,l.jsx)(h.A,{prefixIcon:"playArrow",children:"Start Workshop"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Secondary with Prefix Icon"}),(0,l.jsx)(h.A,{variant:"secondary",prefixIcon:"download",children:"Secondary with Icon"})]})]}),(0,l.jsxs)(x,{title:"Button as Text",children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button text"}),(0,l.jsx)(h.A,{variant:"text",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Disabled Button text"}),(0,l.jsx)(h.A,{variant:"text",children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Text with Prefix Icon"}),(0,l.jsx)(h.A,{variant:"text",prefixIcon:"caretLeft",children:"Back"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button Text with Suffix Icon"}),(0,l.jsx)(h.A,{variant:"text",suffixIcon:"arrowRight",children:"View All Workshops"})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Small Button Text"}),(0,l.jsx)(h.A,{size:"small",variant:"text",children:m.PB})]})]}),(0,l.jsxs)(x,{title:"Button is full width",children:[(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button is full width"}),(0,l.jsx)(h.A,{fullWidth:!0,children:m.PB})]}),(0,l.jsxs)("article",{children:[(0,l.jsx)("pre",{children:"Button is full width with Icon"}),(0,l.jsx)(h.A,{variant:"hollow",prefixIcon:"playArrow",fullWidth:!0,children:"Start Workshop"})]}),(0,l.jsxs)("article",{className:"max-w-sm m-auto",children:[(0,l.jsx)("pre",{children:"Button full width is contained"}),(0,l.jsx)(h.A,{variant:"secondary",prefixIcon:"download",fullWidth:!0,children:"Download resource"})]})]})]})}var p=t(92697);function u(){return(0,l.jsxs)(r,{children:[(0,l.jsx)(p.A,{media:"video",children:"Video"}),(0,l.jsx)(p.A,{media:"article",children:"Article"}),(0,l.jsx)(p.A,{media:"script",children:"Script"}),(0,l.jsx)(p.A,{media:"workshop",children:"Workshop"}),(0,l.jsx)(p.A,{media:"podcast",children:"Podcast"}),(0,l.jsx)(p.A,{media:"live",children:"Live"})]})}var g=t(41444);let f=["arrowLeft","arrowRight","arrowRightLarge","caretDown","caretLeft","caretUp","close","collapse","complete","hearingAccessible","document","download","expand","externalLink","filter","link","lock","menu","playArrow","save","saved","search","stars","tick","time"],_=["smallArticle","smallLive","smallPodcast","smallScript","smallVideo","smallWorkshop"],w=["article","live","podcast","script","workshop","video"],y=["giWordmark","giLogo","giLogoLarge","facebook","apple","googleWordmark","instagram","tiktok","twitter","youtube","stripe","podcastsApple","podcastsSpotify","linkedin","pinterest"];function b(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(x,{title:"Icons",children:(0,l.jsx)(r,{inline:!0,className:"grid items-end grid-cols-8 gap-x-5",children:f.map((e,s)=>(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-light-green",children:(0,l.jsx)(g.A,{name:e,className:"hover:text-yellow"})}),(0,l.jsx)("h3",{className:"mt-6 pb-2.5 font-mono text-sm",children:e})]},"".concat(e,"-").concat(s)))})}),(0,l.jsxs)(x,{title:"Content Icons",children:[(0,l.jsx)(r,{inline:!0,className:"grid items-end grid-flow-col grid-rows-3 sm:grid-rows-1",children:w.map((e,s)=>(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-light-gray",children:(0,l.jsx)(g.A,{name:e})}),(0,l.jsx)("h3",{className:"mt-6 pb-2.5 font-mono text-sm",children:e})]},"".concat(e,"-").concat(s)))}),(0,l.jsx)(r,{inline:!0,className:"grid items-end grid-flow-col grid-rows-3 sm:grid-rows-1",children:_.map((e,s)=>(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-light-gray",children:(0,l.jsx)(g.A,{name:e})}),(0,l.jsx)("h3",{className:"mt-6 pb-2.5 font-mono text-sm",children:e})]},"".concat(e,"-").concat(s)))})]}),(0,l.jsx)(x,{title:"Logos",children:(0,l.jsx)(r,{inline:!0,className:"grid items-end grid-flow-col grid-rows-3 sm:grid-rows-2",children:y.map((e,s)=>(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-light-gray",children:(0,l.jsx)(g.A,{name:e})}),(0,l.jsx)("h3",{className:"mt-6 pb-2.5 font-mono text-sm",children:e})]},"".concat(e,"-").concat(s)))})}),(0,l.jsx)(x,{title:"Icons with options",children:(0,l.jsxs)(r,{inline:!0,className:"grid justify-start grid-flow-col grid-auto-cols gap-x-5",children:[(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-light-green",children:(0,l.jsx)(g.A,{name:"truth"})}),(0,l.jsx)("h3",{className:"mt-6 font-mono text-sm",children:"Missing icon"})]}),(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-medium-gray",children:(0,l.jsx)(g.A,{name:"expand",color:"yellow",className:"hover:text-dark-green"})}),(0,l.jsx)("h3",{className:"mt-6 font-mono text-sm",children:"Color support"})]}),(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"p-6 rounded-lg bg-medium-gray",children:(0,l.jsx)(g.A,{name:"lock",className:"scale-125"})}),(0,l.jsx)("h3",{className:"mt-6 font-mono text-sm",children:"Scale support"})]})]})})]})}var v=t(13841);function N(){return(0,l.jsxs)(r,{children:[(0,l.jsx)(v.A,{children:"Tantrums"}),(0,l.jsx)(v.A,{href:"#",children:"Tooth Decay"}),(0,l.jsx)(v.A,{href:"#",children:"Listening"}),(0,l.jsx)(v.A,{href:"#",children:"Sleep"})]})}function A(){let e=e=>{let{shadow:s,className:t}=e;return(0,l.jsxs)("article",{className:"flex flex-col items-center",children:[(0,l.jsxs)("h3",{className:"mt-6 pb-2.5 font-mono",children:["Shadow ",(0,l.jsx)("b",{children:s})]}),(0,l.jsx)("div",{className:i()("h-24 w-24 rounded-lg bg-white",t)})]})};return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(r,{inline:!0,className:"flex items-center gap-x-5 rounded-lg bg-light-yellow p-6",children:[(0,l.jsx)(e,{shadow:"sm",className:"shadow-sm"}),(0,l.jsx)(e,{shadow:"md",className:"shadow-md"}),(0,l.jsx)(e,{shadow:"lg",className:"shadow-lg"}),(0,l.jsx)(e,{shadow:"xl",className:"shadow-xl"})]})})}var B=t(31781);function k(){return(0,l.jsxs)(r,{children:[(0,l.jsx)(B.A,{active:!0,href:"#",children:"Listening"}),(0,l.jsx)(B.A,{href:"#",children:"Tooth Decay"}),(0,l.jsx)(B.A,{href:"#",children:"Listening"}),(0,l.jsx)(B.A,{href:"#",children:"Sleep"})]})}let S={h1:{element:"h1",className:"heading__2xl",copy:"Set boundaries and get closer"},h2:{element:"h2",className:"heading__xl",copy:"Podcasts"},h3:{element:"h3",className:"heading__lg",copy:"Managing Meltdowns and Building Emotion Regulation"},h4:{element:"h4",className:"heading__md",copy:"Managing Meltdowns and Building Emotion Regulation"},h5:{element:"h5",className:"heading__sm",copy:"Managing Meltdowns and Building Emotion Regulation"},h6:{element:"h6",className:"heading__xs",copy:"Managing Meltdowns and Building Emotion Regulation"}},P={cta:["CTA",m.PB],body:["Body 1","Specially designed in short, easy to follow snippets you can read,just as easily alone at your desk, or hiding in the bathroom when they’re clamoring at the door."],body2:["Body 2","Specially designed in short, easy to follow snippets you can readjust as easily alone at your desk, or hiding in the bathroom when they’re clamoring at the door."],body3:["Body 3","Specially designed in short, easy to follow snippets you can readjust as easily alone at your desk, or hiding in the bathroom when they’re clamoring at the door."],eb:["Eye Brow 1","What's included"],eb2:["Eye Brow 2","What's included"],eb3:["Eye Brow 3","What's included"],quote:["Quote",'"You can be an authority, without being an authoritarian."'],tag:["Tag","Sibling Rivalry"]};function E(){let e=e=>

1{let{leftColumn:s,rightColumn:t}=e;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("aside",{className:"col-span-2 mb-10",children:s}),(0,l.jsx)("article",{className:"max-w-lg col-span-3",children:t})]})},s=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"h1",t=arguments.length>1?arguments[1]:void 0,{element:n,className:a,copy:i}=S[s],r=n||"h1";return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(e,{leftColumn:(0,l.jsx)(r,{className:a,children:n.toUpperCase()}),rightColumn:(0,l.jsx)(r,{className:a,children:i})},"".concat(s,"-").concat(t))})};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(x,{title:"Headings styles",children:(0,l.jsx)("div",{className:"grid grid-cols-5",children:["h1","h2","h3","h4","h5","h6"].map((e,t)=>s(e,t))})}),(0,l.jsx)(x,{title:"Global text styles",children:(0,l.jsx)("div",{className:"grid grid-cols-5",children:["body","body2","body3","cta","eb","eb2","eb3","quote","tag"].map((s,t)=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(e,{leftColumn:(0,l.jsx)("p",{className:"heading__sm",children:P[s][0]}),rightColumn:(0,l.jsx)("p",{className:"text__".concat(s),children:P[s][1]})},"".concat(s,"-").concat(t))}))})})]})}var I=t(98778),T=t(99517),C=t(66656),W=t(98754),L=t(87059),D=t(10033),M=t(55507),z=t(14232),R=t(94085);let F=()=>{let{openModal:e}=(()=>{let[e,s]=(0,z.useState)(),{dispatchModal:t}=(0,W.mL)(),{builderSDKAttributesComplete:l}=(0,C.g)(),{width:n=0}=(0,D.A)(),a=(0,L.Ay)(L.ER)||R.xl||n>=768;return(0,z.useEffect)(()=>{l&&(async()=>{let e=await M.Ay.get("information-panel").promise();(null==e?void 0:e.data)&&s(e.data)})()},[l]),{openModal:(0,z.useCallback)(()=>{e&&(t({type:"SET_CONTENT",value:z.createElement(T.B,e)}),a||t({type:"SET_TYPE",value:"information-mobile"}),t({type:"SET_OPEN",value:!0}))},[a,e])}})();return(0,l.jsx)(I.default,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"flex flex-row gap-4",children:["Modal on desktop, Pull-up drawer on mobile",(0,l.jsx)(h.A,{variant:"text",onClick:e,children:"Click Here"})]}),(0,l.jsxs)("span",{className:"text-xs opacity-80",children:["Powered by Builder.io"," ",(0,l.jsx)("a",{className:"underline text-darkest-green font-semibold",href:"https://builder.io/content?model=3223e30658354ad697fbd4feab10dfda",target:"_blank",children:"See the relevant data model here"})]})]})})};var V=t(97748),X=t.n(V);function q(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("header",{className:"bg-light-gray",children:(0,l.jsxs)("div",{className:"container flex items-center w-full p-5 mx-auto",children:[(0,l.jsx)(g.A,{name:"giWordmark",className:"mr-3 scale-[60%]"}),(0,l.jsx)("h1",{className:"text-xl font-semibold",children:"Design System components"})]})}),(0,l.jsxs)("section",{"data-ui":!0,className:"".concat(X().section," container m-auto my-10"),children:[(0,l.jsx)(E,{}),(0,l.jsx)(j,{}),(0,l.jsx)(x,{title:"Pills",children:(0,l.jsx)(N,{})}),(0,l.jsx)(x,{title:"Badges",children:(0,l.jsx)(d,{})}),(0,l.jsx)(x,{title:"Content Tags",children:(0,l.jsx)(u,{})}),(0,l.jsx)(x,{title:"Action Buttons",children:(0,l.jsx)(c,{})}),(0,l.jsx)(x,{title:"Tabs",children:(0,l.jsx)(k,{})}),(0,l.jsx)(x,{title:"Shadows",children:(0,l.jsx)(A,{})}),(0,l.jsx)(b,{}),(0,l.jsx)(x,{title:"Information Panel",children:(0,l.jsx)(F,{})})]})]})}},31781:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(37876),n=t(50354),a=t(58103),i=t.n(a);let r=e=>{let{children:s,active:t,...a}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(n.A,{className:i()("whitespace-nowrap rounded-full border-1.5 border-black bg-white","py-3 px-3 md:px-4 md:py-4","text-2xs font-medium capitalize leading-none tracking-wider","hover:bg-black hover:text-white",{"!border-yellow !bg-yellow hover:border-yellow hover:bg-yellow/80 hover:text-black":t}),size:"small",variant:"base",type:"button",...a,children:s})})}},92697:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(37876),n=t(41444),a=t(58103),i=t.n(a);let r=e=>{let{children:s,media:t="article",className:a}=e;return(0,l.jsxs)("span",{className:i()("text__eb2 pointer-events-none inline-flex items-center rounded-full bg-black/50 px-2 py-1 text-white subpixel-antialiased",a),children:[(0,l.jsx)(n.A,{name:{article:"smallArticle",script:"smallScript",podcast:"smallPodcast",video:"smallVideo",workshop:"smallWorkshop",live:"smallLive"}[t.toLowerCase()],color:"white",className:"mr-1"}),(0,l.jsx)("span",{children:s})]})}},97748:e=>{e.exports={container:"styles_container__AU3Sc","aspect-h-1":"styles_aspect-h-1___CDC6","aspect-h-3":"styles_aspect-h-3__EpANi","aspect-h-4":"styles_aspect-h-4__Hs15W","aspect-h-9":"styles_aspect-h-9__bNhw2","as

1pect-h-[0.7]":"styles_aspect-h-__0__7____8Y_N_","aspect-w-1":"styles_aspect-w-1__PA9uu","aspect-w-16":"styles_aspect-w-16__59Sw4","aspect-w-2":"styles_aspect-w-2__kXXSm","aspect-w-4":"styles_aspect-w-4__z24qf","aspect-w-5":"styles_aspect-w-5___opRW",prose:"styles_prose__YMEX_","prose-sm":"styles_prose-sm__wSqGf","form-input":"styles_form-input__mKMVA","form-textarea":"styles_form-textarea__eM7dY","form-select":"styles_form-select__sL9mx","form-multiselect":"styles_form-multiselect__1Nbop","!section":"styles___section__FXC1_",section:"styles_section__agWi2","md:container":"styles_md__container__Dt8WS","md:aspect-h-1":"styles_md__aspect-h-1__qGafz","md:aspect-w-1":"styles_md__aspect-w-1__UUT_a","lg:aspect-h-[0.9]":"styles_lg__aspect-h-__0__9____wdJKg","md-max:aspect-h-8":"styles_md-max__aspect-h-8___dS37","md-max:aspect-w-15":"styles_md-max__aspect-w-15__NErBJ"}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=10241)),_N_E=e.O()}]);