!function(){try{var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},r=Error().stack;r&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[r]="009ae85c-cb46-4716-b575-cef0bd21eabb",a._sentryDebugIdIdentifier="sentry-dbid-009ae85c-cb46-4716-b575-cef0bd21eabb")}catch(a){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5100],{22868:function(){},14777:function(){},99830:function(){},70209:function(){},52404:function(a,r,e){Promise.resolve().then(e.bind(e,84243))},13731:function(a,r,e){"use strict";var o=e(9044);e(2265);var l=e(51462),n=e(18556),t=e(45898),c=e(51342);function i(a){let{mode:r="light",...e}=a;if(c.v[r]&&"undefined"!=typeof document){let a=document.documentElement;if(a){let e=a.querySelector("head"),o=document.createElement("style"),l=Object.keys(c.v[r]).reduce((a,e)=>a+="".concat(e,":").concat(c.v[r][e],";"),"");o.innerHTML=":root {".concat(l,"} "),e&&e.appendChild(o)}}return e.children}r.Z=a=>{let{children:r,...e}=a,c=(0,l.useColorMode)();return(0,o.jsx)(n.x,{sx:{_ios:{h:"100%"}},...e,children:(0,o.jsx)(i,{mode:c,children:(0,o.jsx)(t.M,{height:"100%",children:r})})})}},69416:function(a,r,e){"use strict";function o(a){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"jsx",e=arguments.length>2?arguments[2]:void 0;return"function"===r?"function App() {\n      ".concat(a,"\n    return <Wrapper><").concat(e," /></Wrapper>;\n  };"):"function App() {\n    return <Wrapper>".concat(a,"</Wrapper>;\n  };")}function l(a){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"jsx",e=arguments.length>2?arguments[2]:void 0;return"function"===r?"function App() {\n      ".concat(a,"\n    return <").concat(e," />;\n  };"):"function App() {\n    return ".concat(a,";\n  };")}e.d(r,{_5:function(){return o},j4:function(){return l}})},7449:function(a,r){"use strict";function e(){return null}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return e}}),("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),a.exports=r.default)},1493:function(a,r,e){"use strict";/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var o=e(2265),l=Symbol.for("react.element"),n=Symbol.for("react.fragment"),t=Object.prototype.hasOwnProperty,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function s(a,r,e){var o,n={},s=null,p=null;for(o in void 0!==e&&(s=""+e),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(p=r.ref),r)t.call(r,o)&&!i.hasOwnProperty(o)&&(n[o]=r[o]);if(a&&a.defaultProps)for(o in r=a.defaultProps)void 0===n[o]&&(n[o]=r[o]);return{$$typeof:l,type:a,key:s,ref:p,props:n,_owner:c.current}}r.Fragment=n,r.jsx=s,r.jsxs=s},22281:function(a,r,e){"use strict";a.exports=e(1493)},84243:function(a,r,e){"use strict";e.r(r),e.d(r,{default:function(){return _}});var o=e(9044),l=e(22281),n=e(83845),t=e(9793),c=e(19680),i=e(23393),s=e(91090),p=e(2265),u=e(5481),h=e.n(u),v=e(7722),b=e.n(v);let g=h()(b()).theme.screens,d={default:0};Object.entries(g).forEach(a=>{let[r,e]=a;d[r]=parseInt(e.replace("px",""))});let x=(a,r)=>{if("object"!=typeof a)return a;let e=[{key:"default",breakpoint:0,isValid:!0}];Object.keys(d).forEach(a=>{let o=function(a){var r;let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null===(r=s.Z.get("window"))||void 0===r?void 0:r.width;return e>=a}(d[a],r);e.push({key:a,breakpoint:d[a],isValid:o})}),e.sort((a,r)=>a.breakpoint-r.breakpoint),e.forEach((r,o)=>{var l,n;r.value=a.hasOwnProperty(r.key)?a[r.key]:(null===(l=e[o-1])||void 0===l?void 0:l.value)||(null===(n=e[0])||void 0===n?void 0:n.value)});let o=function(a){for(let r=a.length-1;r>=0;r--)if(a[r].isValid)return a[r];return null}(e);return o?null==o?void 0:o.value:a};function f(a){let{width:r}=(0,i.Z)(),[e,o]=(0,p.useState)(x(a,r));return((0,p.useEffect)(()=>{"object"==typeof a&&o(x(a,r))},[a,r]),"object"!=typeof a)?a:e}var y=e(69416),m=e(56777),j=e(13731);function T(a){let r={code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",strong:"strong",...(0,n.a)(),...a.components};return m.Table||w("Table",!1),m.Table.TBody||w("Table.TBody",!0),m.Table.TD||w("Table.TD",!0),m.Table.TH||w("Table.TH",!0),m.Table.THead||w("Table.THead",!0),m.Table.TR||w("Table.TR",!0),m.Table.TText||w("Table.TText",!0),m.Tabs||w("Tabs",!1),m.Tabs.Tab||w("Tabs.Tab",!0),m.Tabs.TabList||w("Tabs.TabList",!0),m.Tabs.TabPanel||w("Tabs.TabPanel",!0),m.Tabs.TabPanels||w("Tabs.TabPanels",!0),m.Tabs.TabTitle||w("Tabs.TabTitle",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{pageTitle:"gluestack-ui Alert Component | Installation, Usage, and API",description:"useBreakpointValue returns the value for the current breakpoint based on the provided responsive values object."}),"\n","\n",(0,l.jsxs)(r.p,{children:["This is an illustration of ",(0,l.jsx)(r.strong,{children:"useBreakPointValue"})," hook."]}),"\n",(0,l.jsx)(j.Z,{children:(0,l.jsx)(m.CodePreview,{_rendererWrapper:{px:"$2.5"},showComponentRenderer:!0,showArgsController:!1,metaData:{code:'\n      function App(){\n         const flexDir = useBreakpointValue({\n                default: "column",\n                sm: "row",\n              });\n          return (\n            <VStack\n              style={{\n                flexDirection: flexDir,\n                gap: 10,\n              }}\n            > \n              <Box className={"justify-center items-center p-4 rounded bg-primary-500"}>\n                <Text className="font-bold text-typography-0">Box 1</Text>\n              </Box>\n              <Box className={"justify-center items-center p-4 rounded bg-primary-600"}>\n                <Text className="font-bold text-typography-0">Box 2</Text>\n              </Box>\n              <Box className={"justify-center items-center p-4 rounded bg-primary-700"}>\n                <Text className="font-bold text-typography-0">Box 3</Text>\n              </Box>\n            </VStack>\n          );\n        }\n      ',transformCode:a=>(0,y._5)(a,"function","App"),scope:{VStack:c.gCW,Box:c.xuv,Text:c.xvT,useBreakpointValue:f,Wrapper:j.Z},argsType:{}}})}),"\n",(0,l.jsx)("br",{}),"\n",(0,l.jsx)(r.h2,{id:"installation",children:"Installation"}),"\n",(0,l.jsxs)(m.Tabs,{value:"cli",type:"section",children:[(0,l.jsxs)(m.Tabs.TabList,{children:[(0,l.jsx)(m.Tabs.Tab,{value:"cli",children:(0,l.jsx)(m.Tabs.TabTitle,{children:"CLI"})}),(0,l.jsx)(m.Tabs.Tab,{value:"manual",children:(0,l.jsx)(m.Tabs.TabTitle,{children:"Manual"})})]}),(0,l.jsxs)(m.Tabs.TabPanels,{children:[(0,l.jsx)(m.Tabs.TabPanel,{value:"cli",children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.h3,{id:"run-the-following-command",children:"Run the following command:"}),(0,l.jsx)(r.pre,{children:(0,l.jsx)(r.code,{className:"language-bash",children:"npx gluestack-ui add useBreakPointValue\n"})})]})}),(0,l.jsx)(m.Tabs.TabPanel,{value:"manual",children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.h3,{id:"step-1-copy-and-paste-the-following-code-into-your-project",children:"Step 1: Copy and paste the following code into your project."}),(0,l.jsx)(m.CollapsibleCode,{children:(0,l.jsx)(r.pre,{children:(0,l.jsx)(r.code,{className:"language-jsx",children:"\n FILE NOT FOUND!! \n \n"})})}),(0,l.jsx)(r.h3,{id:"step-2-update-the-import-paths-to-match-your-project-setup",children:"Step 2: Update the import paths to match your project setup."})]})})]})]}),"\n",(0,l.jsx)(r.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,l.jsx)(r.p,{children:"To use this component in your project, include the following import statement in your file."}),"\n",(0,l.jsx)(r.pre,{children:(0,l.jsx)(r.code,{className:"language-jsx",children:"import { useBreakPointValue } from '@/components/ui/utils/use-break-point-value';\n"})}),"\n",(0,l.jsx)(r.pre,{children:(0,l.jsx)(r.code,{className:"language-jsx",children:'const flexDir = useBreakpointValue({\n                default: "column",\n                sm: "row",\n              });\n'})}),"\n",(0,l.jsx)(r.h3,{id:"hook-arguments",children:"Hook Arguments"}),"\n",(0,l.jsx)(r.p,{children:"This section provides a comprehensive reference list for the hook arguments, detailing descriptions, properties, types, and default behavior for easy project integration."}),"\n",(0,l.jsx)(r.h4,{id:"usebreakpointvalue",children:"useBreakPointValue"}),"\n",(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(m.TableContainer,{children:(0,l.jsxs)(m.Table,{children:[(0,l.jsx)(m.Table.THead,{children:(0,l.jsxs)(m.Table.TR,{children:[(0,l.jsx)(m.Table.TH,{children:(0,l.jsx)(m.Table.TText,{children:"Name"})}),(0,l.jsx)(m.Table.TH,{children:(0,l.jsx)(m.Table.TText,{children:"Type"})}),(0,l.jsx)(m.Table.TH,{children:(0,l.jsx)(m.Table.TText,{children:"Default"})})]})}),(0,l.jsx)(m.Table.TBody,{children:(0,l.jsxs)(m.Table.TR,{children:[(0,l.jsx)(m.Table.TD,{children:(0,l.jsx)(m.Table.TText,{children:(0,l.jsx)(m.InlineCode,{children:"options"})})}),(0,l.jsx)(m.Table.TD,{children:(0,l.jsx)(m.Table.TText,{children:"Record<breakPoints | default,value>"})}),(0,l.jsx)(m.Table.TD,{children:(0,l.jsx)(m.Table.TText,{children:"-"})})]})})]})})}),"\n",(0,l.jsx)(r.h3,{id:"return-value",children:"Return Value"}),"\n",(0,l.jsxs)(r.p,{children:["The ",(0,l.jsx)(r.strong,{children:"useBreakPointValue"})," hook returns value, based on given break point value object."]})]})}function k(){let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:r}={...(0,n.a)(),...a.components};return r?(0,l.jsx)(r,{...a,children:(0,l.jsx)(T,{...a})}):T(a)}function w(a,r){throw Error("Expected "+(r?"component":"object")+" `"+a+"` to be defined: you likely forgot to import, pass, or provide it.")}function _(a){return(0,o.jsx)(k,{...a})}},9793:function(a,r,e){"use strict";var o=e(9044),l=e(7449),n=e.n(l),t=e(16463);r.Z=function(a){let{pageTitle:r,description:e,ogImgUrl:l,ogUrl:c}=a,i=(0,t.usePathname)();return(0,o.jsxs)(n(),{children:[(0,o.jsx)("meta",{charSet:"utf-8"}),(0,o.jsx)("meta",{name:"robots",content:"index,follow"}),(0,o.jsx)("link",{rel:"manifest",href:"/manifest.json"}),(0,o.jsx)("link",{rel:"canonical",href:"https://gluestack.io".concat(i)}),(0,o.jsx)("meta",{name:"viewport",content:"minimum-scale=1, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"}),(0,o.jsx)("title",{children:r||"gluestack-ui"}),(0,o.jsx)("link",{rel:"icon",type:"image/x-icon",href:"/favicon.ico"}),(0,o.jsx)("link",{rel:"apple-touch-icon",href:"/icon/apple-touch-icon.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"57x57",href:"/icon/apple-touch-icon-57x57.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"72x72",href:"/icon/apple-touch-icon-72x72.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"76x76",href:"/icon/apple-touch-icon-76x76.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"114x114",href:"/icon/apple-touch-icon-114x114.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"120x120",href:"/icon/apple-touch-icon-120x120.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"144x144",href:"/icon/apple-touch-icon-144x144.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"152x152",href:"/icon/apple-touch-icon-152x152.png"}),(0,o.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/icon/apple-touch-icon-180x180.png"}),(0,o.jsx)("meta",{name:"description",content:e||"gluestack - One stack for web, mobile & backend. 100% open source full-stack framework that takes away the complexities of building modern web & mobile apps."},"description"),(0,o.jsx)("meta",{property:"og:type",content:"website"},"og:type"),(0,o.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,o.jsx)("meta",{property:"og:title",content:r||"gluestack-ui: Universal headless components"},"og:title"),(0,o.jsx)("meta",{name:"twitter:title",content:r||"gluestack-ui: Universal headless components"}),(0,o.jsx)("meta",{property:"og:description",content:e||"Customizable Components for React Native, Next.js, Expo & React with Optional Styling"},"og:description"),(0,o.jsx)("meta",{name:"og:image",content:l||"https://gluestack.io/images/og-image.png"}),(0,o.jsx)("meta",{name:"twitter:site",content:"@gluestackio"}),(0,o.jsx)("meta",{property:"twitter:description",content:"Customizable Components for React Native, Next.js, Expo & React with Optional Styling"}),(0,o.jsx)("meta",{name:"twitter:image",content:"https://gluestack.io/images/og-image.png"}),(0,o.jsx)("meta",{name:"twitter:image:alt",content:"Customizable Components for React Native, Next.js, Expo & React with Optional Styling"}),(0,o.jsx)("meta",{property:"og:url",content:c||"https://gluestack.io"}),(0,o.jsx)("meta",{property:"twitter:url",content:c||"https://gluestack.io"})]})}},7722:function(a,r,e){"use strict";a.exports={darkMode:"class",important:"html",content:["./src/**/*.{js,ts,jsx,tsx,mdx}","./docs-components/**/*.{js,ts,jsx,tsx,mdx}"],presets:[e(91962)],safelist:["gap-x-2","gap-y-6","pl-4","flex-wrap","mb-12","basis-[10%]","font-extrablack","text-2xs",{pattern:/bg-(primary|secondary|tertiary|error|success|warning|muted|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|light|dark|white|gray|black|error|warning|success|muted|info)/},{pattern:/shadow-(hard|soft)-(1|2|3|4|5)/}],theme:{fontFamily:{sans:["Roboto","sans-serif"]},extend:{backgroundImage:{"radial-gradient-1st":"radial-gradient(106.99% 100.54% at 50% 50%, rgba(27, 199, 237, 0.6) 0%, rgba(46, 180, 255, 0.06) 45.67%)","radial-gradient-2nd":"radial-gradient(106.99% 100.54% at 50% 50%, rgba(27, 115, 237, 0.6) 0%, rgba(194, 46, 255, 0.06) 45.67%)"},colors:{primary:{0:"rgb(var(--color-primary-0)/<alpha-value>)",50:"rgb(var(--color-primary-50)/<alpha-value>)",100:"rgb(var(--color-primary-100)/<alpha-value>)",200:"rgb(var(--color-primary-200)/<alpha-value>)",300:"rgb(var(--color-primary-300)/<alpha-value>)",400:"rgb(var(--color-primary-400)/<alpha-value>)",500:"rgb(var(--color-primary-500)/<alpha-value>)",600:"rgb(var(--color-primary-600)/<alpha-value>)",700:"rgb(var(--color-primary-700)/<alpha-value>)",800:"rgb(var(--color-primary-800)/<alpha-value>)",900:"rgb(var(--color-primary-900)/<alpha-value>)",950:"rgb(var(--color-primary-950)/<alpha-value>)"},secondary:{0:"rgb(var(--color-secondary-0)/<alpha-value>)",50:"rgb(var(--color-secondary-50)/<alpha-value>)",100:"rgb(var(--color-secondary-100)/<alpha-value>)",200:"rgb(var(--color-secondary-200)/<alpha-value>)",300:"rgb(var(--color-secondary-300)/<alpha-value>)",400:"rgb(var(--color-secondary-400)/<alpha-value>)",500:"rgb(var(--color-secondary-500)/<alpha-value>)",600:"rgb(var(--color-secondary-600)/<alpha-value>)",700:"rgb(var(--color-secondary-700)/<alpha-value>)",800:"rgb(var(--color-secondary-800)/<alpha-value>)",900:"rgb(var(--color-secondary-900)/<alpha-value>)",950:"rgb(var(--color-secondary-950)/<alpha-value>)"},tertiary:{50:"rgb(var(--color-tertiary-50)/<alpha-value>)",100:"rgb(var(--color-tertiary-100)/<alpha-value>)",200:"rgb(var(--color-tertiary-200)/<alpha-value>)",300:"rgb(var(--color-tertiary-300)/<alpha-value>)",400:"rgb(var(--color-tertiary-400)/<alpha-value>)",500:"rgb(var(--color-tertiary-500)/<alpha-value>)",600:"rgb(var(--color-tertiary-600)/<alpha-value>)",700:"rgb(var(--color-tertiary-700)/<alpha-value>)",800:"rgb(var(--color-tertiary-800)/<alpha-value>)",900:"rgb(var(--color-tertiary-900)/<alpha-value>)",950:"rgb(var(--color-tertiary-950)/<alpha-value>)"},error:{0:"rgb(var(--color-error-0)/<alpha-value>)",50:"rgb(var(--color-error-50)/<alpha-value>)",100:"rgb(var(--color-error-100)/<alpha-value>)",200:"rgb(var(--color-error-200)/<alpha-value>)",300:"rgb(var(--color-error-300)/<alpha-value>)",400:"rgb(var(--color-error-400)/<alpha-value>)",500:"rgb(var(--color-error-500)/<alpha-value>)",600:"rgb(var(--color-error-600)/<alpha-value>)",700:"rgb(var(--color-error-700)/<alpha-value>)",800:"rgb(var(--color-error-800)/<alpha-value>)",900:"rgb(var(--color-error-900)/<alpha-value>)",950:"rgb(var(--color-error-950)/<alpha-value>)"},success:{0:"rgb(var(--color-success-0)/<alpha-value>)",50:"rgb(var(--color-success-50)/<alpha-value>)",100:"rgb(var(--color-success-100)/<alpha-value>)",200:"rgb(var(--color-success-200)/<alpha-value>)",300:"rgb(var(--color-success-300)/<alpha-value>)",400:"rgb(var(--color-success-400)/<alpha-value>)",500:"rgb(var(--color-success-500)/<alpha-value>)",600:"rgb(var(--color-success-600)/<alpha-value>)",700:"rgb(var(--color-success-700)/<alpha-value>)",800:"rgb(var(--color-success-800)/<alpha-value>)",900:"rgb(var(--color-success-900)/<alpha-value>)",950:"rgb(var(--color-success-950)/<alpha-value>)"},warning:{0:"rgb(var(--color-warning-0)/<alpha-value>)",50:"rgb(var(--color-warning-50)/<alpha-value>)",100:"rgb(var(--color-warning-100)/<alpha-value>)",200:"rgb(var(--color-warning-200)/<alpha-value>)",300:"rgb(var(--color-warning-300)/<alpha-value>)",400:"rgb(var(--color-warning-400)/<alpha-value>)",500:"rgb(var(--color-warning-500)/<alpha-value>)",600:"rgb(var(--color-warning-600)/<alpha-value>)",700:"rgb(var(--color-warning-700)/<alpha-value>)",800:"rgb(var(--color-warning-800)/<alpha-value>)",900:"rgb(var(--color-warning-900)/<alpha-value>)",950:"rgb(var(--color-warning-950)/<alpha-value>)"},info:{0:"rgb(var(--color-info-0)/<alpha-value>)",50:"rgb(var(--color-info-50)/<alpha-value>)",100:"rgb(var(--color-info-100)/<alpha-value>)",200:"rgb(var(--color-info-200)/<alpha-value>)",300:"rgb(var(--color-info-300)/<alpha-value>)",400:"rgb(var(--color-info-400)/<alpha-value>)",500:"rgb(var(--color-info-500)/<alpha-value>)",600:"rgb(var(--color-info-600)/<alpha-value>)",700:"rgb(var(--color-info-700)/<alpha-value>)",800:"rgb(var(--color-info-800)/<alpha-value>)",900:"rgb(var(--color-info-900)/<alpha-value>)",950:"rgb(var(--color-info-950)/<alpha-value>)"},typography:{0:"rgb(var(--color-typography-0)/<alpha-value>)",50:"rgb(var(--color-typography-50)/<alpha-value>)",100:"rgb(var(--color-typography-100)/<alpha-value>)",200:"rgb(var(--color-typography-200)/<alpha-value>)",300:"rgb(var(--color-typography-300)/<alpha-value>)",400:"rgb(var(--color-typography-400)/<alpha-value>)",500:"rgb(var(--color-typography-500)/<alpha-value>)",600:"rgb(var(--color-typography-600)/<alpha-value>)",700:"rgb(var(--color-typography-700)/<alpha-value>)",800:"rgb(var(--color-typography-800)/<alpha-value>)",900:"rgb(var(--color-typography-900)/<alpha-value>)",950:"rgb(var(--color-typography-950)/<alpha-value>)",white:"#FFFFFF",gray:"#D4D4D4",black:"#181718"},outline:{0:"rgb(var(--color-outline-0)/<alpha-value>)",50:"rgb(var(--color-outline-50)/<alpha-value>)",100:"rgb(var(--color-outline-100)/<alpha-value>)",200:"rgb(var(--color-outline-200)/<alpha-value>)",300:"rgb(var(--color-outline-300)/<alpha-value>)",400:"rgb(var(--color-outline-400)/<alpha-value>)",500:"rgb(var(--color-outline-500)/<alpha-value>)",600:"rgb(var(--color-outline-600)/<alpha-value>)",700:"rgb(var(--color-outline-700)/<alpha-value>)",800:"rgb(var(--color-outline-800)/<alpha-value>)",900:"rgb(var(--color-outline-900)/<alpha-value>)",950:"rgb(var(--color-outline-950)/<alpha-value>)"},background:{0:"rgb(var(--color-background-0)/<alpha-value>)",50:"rgb(var(--color-background-50)/<alpha-value>)",100:"rgb(var(--color-background-100)/<alpha-value>)",200:"rgb(var(--color-background-200)/<alpha-value>)",300:"rgb(var(--color-background-300)/<alpha-value>)",400:"rgb(var(--color-background-400)/<alpha-value>)",500:"rgb(var(--color-background-500)/<alpha-value>)",600:"rgb(var(--color-background-600)/<alpha-value>)",700:"rgb(var(--color-background-700)/<alpha-value>)",800:"rgb(var(--color-background-800)/<alpha-value>)",900:"rgb(var(--color-background-900)/<alpha-value>)",950:"rgb(var(--color-background-950)/<alpha-value>)",error:"rgb(var(--color-background-error)/<alpha-value>)",warning:"rgb(var(--color-background-warning)/<alpha-value>)",muted:"rgb(var(--color-background-muted)/<alpha-value>)",success:"rgb(var(--color-background-success)/<alpha-value>)",info:"rgb(var(--color-background-info)/<alpha-value>)",light:"#FBFBFB",dark:"#181719"},indicator:{primary:"rgb(var(--color-indicator-primary)/<alpha-value>)",info:"rgb(var(--color-indicator-info)/<alpha-value>)",error:"rgb(var(--color-indicator-error)/<alpha-value>)"}},fontFamily:{heading:["Roboto","sans-serif"],body:["Roboto","sans-serif"],mono:["Roboto","sans-serif"],roboto:"var(--roboto)","plus-jakarta":"var(--plus-jakarta-sans)"},fontWeight:{extrablack:"950"},fontSize:{"2xs":"10px"},boxShadow:{"hard-1":"-2px 2px 8px 0px rgba(38, 38, 38, 0.20)","hard-2":"0px 3px 10px 0px rgba(38, 38, 38, 0.20)","hard-3":"2px 2px 8px 0px rgba(38, 38, 38, 0.20)","hard-4":"0px -3px 10px 0px rgba(38, 38, 38, 0.20)","hard-5":"0px 2px 10px 0px rgba(38, 38, 38, 0.10)","soft-1":"0px 0px 10px rgba(38, 38, 38, 0.1)","soft-2":"0px 0px 20px rgba(38, 38, 38, 0.2)","soft-3":"0px 0px 30px rgba(38, 38, 38, 0.1)","soft-4":"0px 0px 40px rgba(38, 38, 38, 0.1)"}},plugins:[]}}}},function(a){a.O(0,[4852,9033,268,9534,1925,7012,8342,5483,6200,7385,2662,678,3990,1962,5481,9680,991,2971,7332,1744],function(){return a(a.s=52404)}),_N_E=a.O()}]);