1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6476],{59323:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/theme-ui-kit-example",function(){return n(56982)}])},52858:function(e,i,n){"use strict";n.r(i),n.d(i,{Breadcrumbs:function(){return h},getSchema:function(){return g}});var a=n(85893),s=n(5512),t=n(76746),l=n(16537),r=n(11163),c=n(45363),o=n(41664),d=n.n(o),x=n(77761);function h(e){let{items:i,...n}=e,o=(0,r.useRouter)();if(!i)return null;let h=g(i,o.asPath);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.hg,{item:h}),(0,a.jsxs)(s.a,{separator:(0,a.jsx)(x._,{size:24,color:"#CED4DA"}),...n,sx:{".chakra-breadcrumb__list":{flexWrap:"wrap"}},children:[(0,a.jsx)(t.g,{fontSize:"md",children:(0,a.jsx)(d(),{href:"/",passHref:!0,legacyBehavior:!0,prefetch:!1,children:(0,a.jsx)(l.A,{fontWeight:"400",fontSize:"16px",lineHeight:"28px",textDecoration:"underline",textDecorationStyle:"solid",textUnderlineOffset:"0%",textDecorationThickness:"1px",_hover:{color:"brand"},children:"Home"})})}),null==i?void 0:i.map((e,n)=>{let{href:s,label:r}=e,c=n===i.length-1;return(0,a.jsx)(t.g,{isCurrentPage:c,fontSize:"md",children:c?(0,a.jsx)(l.A,{color:"gray.600",fontWeight:"400",fontSize:"16px",lineHeight:"28px",textDecoration:"none",children:r}):(0,a.jsx)(d(),{href:null!=s?s:o.asPath.split("#")[0].split("?")[0],passHref:!0,legacyBehavior:!0,children:(0,a.jsx)(l.A,{fontWeight:"400",fontSize:"16px",lineHeight:"28px",textDecoration:"underline",textDecorationStyle:"solid",textUnderlineOffset:"0%",textDecorationThickness:"1px",textTransform:"capitalize",_hover:{color:"brand"},children:r})})},n)})]})]})}let g=(e,i)=>({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:e.map((e,n,a)=>{let s=n===a.length-1;return{"@type":"ListItem",position:n+1,name:e.label,item:"".concat("https://www.centralsquare.com").concat(s?i:e.href)}})});i.default=h},29425:function(e,i,n){"use strict";n.d(i,{J:function(){return l}});var a=n(85893),s=n(30506),t=n(13621);function l(e){let{icon:i=(0,a.jsx)(t.o,{}),variant:n,children:l,...r}=e;return(0,a.jsxs)(s.r,{variant:n,...r,children:[i,(0,a.jsx)("span",{className:"icon-link-text",children:l})]})}},58154:function(e,i,n){"use strict";n.d(i,{n:function(){return x}});var a=n(82729),s=n(85893),t=n(58447),l=n(89029),r=n(14787);function c(){let e=(0,a._)(["\n .pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n list-style: none;\n padding: 0;\n margin: 0;\n gap: 4px;\n }\n\n .pagination li {\n margin: 0;\n }\n\n .pagination li a {\n color: ",";\n width: 32px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-size: 14px;\n border-radius: 4px;\n transition: color 0.2s ease;\n font-weight: 500;\n }\n\n .pagination li a:hover {\n color: ",";\n }\n\n .pagination li.active a {\n color: ",";\n font-weight: 600;\n }\n\n .pagination li.disabled a {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .pagination li.disabled a:hover {\n color: ",";\n }\n"]);return c=function(){return e},e}let o=(0,n(10166).Z)(l.x)(c(),e=>e.normalColor,e=>e.hoverColor,e=>e.activeColor,e=>e.normalColor),d=t.Z;function x(e){let i=(0,r.F)();return(0,s.jsx)(o,{normalColor:i.colors.gray[800],hoverColor:i.colors.tints[400],activeColor:i.colors.gray[500],children:(0,s.jsx)(d,{...e})})}},13621:function(e,i,n){"use strict";n.d(i,{o:function(){return s}});var a=n(85893);function s(e){let{color:i="currentColor",size:n=24,className:s}=e;return(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,children:(0,a.jsx)("path",{d:"M20.25 11L14.25 5L13.1895 6.06055L18.4395 11.3105H3V12.8105H18.4395L13.1895 18.0605L14.25 19.1211L20.25 13.1211L21.3105 12.0605L20.25 11Z",fill:i})})}},63071:function(e,i,n){"use strict";n.d(i,{s:function(){return s}});var a=n(85893);function s(e){let{color:i="currentColor",size:n=24,className:s}=e;return(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,children:(0,a.jsx)("path",{d:"M15.0605 19.1211L8 12.0605L15.0605 5L16.1211 6.06055L10.1211 12.0605L16.1211 18.0605L15.0605 19.1211Z",fill:i})})}},77761:function(e,i,n){"use strict";n.d(i,{_:function(){return s}});var a=n(85893);
1function s(e){let{color:i="currentColor",size:n=24,className:s}=e;return(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,children:(0,a.jsx)("path",{d:"M9.06055 19.1211L8 18.0605L14 12.0605L8 6.06055L9.06055 5L16.1211 12.0605L9.06055 19.1211Z",fill:i})})}},85602:function(e,i,n){"use strict";n.d(i,{Q:function(){return l}});var a=n(85893),s=n(89430),t=n(63071);function l(e){let{variant:i="carouselLight",onClick:n,disabled:l=!1}=e;return(0,a.jsx)(s.z,{variant:i,onClick:n,disabled:l,children:(0,a.jsx)(t.s,{})})}},25260:function(e,i,n){"use strict";n.d(i,{i:function(){return l}});var a=n(85893),s=n(89430),t=n(77761);function l(e){let{variant:i="carouselLight",onClick:n,disabled:l=!1}=e;return(0,a.jsx)(s.z,{variant:i,onClick:n,disabled:l,children:(0,a.jsx)(t._,{})})}},89413:function(e,i,n){"use strict";n.d(i,{G:function(){return r}});var a=n(85893),s=n(89430),t=n(63071),l=n(77761);function r(e){let{direction:i,...n}=e,r="left"===i?t.s:l._;return(0,a.jsx)(s.z,{variant:"pagination",...n,children:(0,a.jsx)(r,{size:24})})}},83187:function(e,i,n){"use strict";n.d(i,{M:function(){return d}});var a=n(85893);n(67294);var s=n(89029),t=n(82016),l=n(16024),r=n(72066),c=n(78292);function o(e){let{color:i="#6C757D",size:n=24,className:s}=e;return(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,children:(0,a.jsx)("path",{d:"M21.2832 20.2227L14.8573 13.7972C15.765 12.6595 16.3115 11.2216 16.3115 9.65625C16.3115 5.98584 13.3262 3 9.65625 3C5.98633 3 3 5.98584 3 9.65625C3 13.3262 5.98633 16.3115 9.65625 16.3115C11.2213 16.3115 12.6591 15.7651 13.7967 14.8577L20.2227 21.2832L21.2832 20.2227ZM4.5 9.65625C4.5 6.81299 6.81348 4.5 9.65625 4.5C12.499 4.5 14.8115 6.81299 14.8115 9.65625C14.8115 12.499 12.499 14.8115 9.65625 14.8115C6.81348 14.8115 4.5 12.499 4.5 9.65625Z",fill:i})})}function d(e){var i;let{isLoading:n,...d}=e;return(0,a.jsx)(s.x,{w:null!==(i=d.width)&&void 0!==i?i:"306px",children:(0,a.jsxs)(t.B,{children:[(0,a.jsx)(l.I,{variant:"bordered",...d}),(0,a.jsx)(r.x,{pointerEvents:"none",height:"100%",pr:"16px",children:n?(0,a.jsx)(s.x,{width:"16px",height:"16px",position:"relative",top:"-2px",sx:{".chakra-spinner":{width:"14px",height:"14px"}},children:(0,a.jsx)(c.$,{color:"#666"})}):(0,a.jsx)(o,{size:20})})]})})}},56982:function(e,i,n){"use strict";n.r(i),n.d(i,{ThemeUiKitExample:function(){return A},default:function(){return U}});var a=n(85893),s=n(89029),t=n(20790),l=n(7282),r=n(37569),c=n(83748),o=n(21975),d=n(89430),x=n(30506),h=n(37141),g=n(80931),j=n(71291),u=n(92179),p=n(11163),m=n(67294),v=n(29425);function b(e){let{color:i="currentColor",size:n=24,className:s}=e;return(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s,children:(0,a.jsx)("path",{d:"M21.3105 11.3105H5.87109L11.1211 6.06055L10.0605 5L4.06055 11L3 12.0605L4.06055 13.1211L10.0605 19.1211L11.1211 18.0605L5.87109 12.8105H21.3105V11.3105Z",fill:i})})}var f=n(67679),z=n(85602),B=n(25260),y=n(89413),X=n(58154),L=n(52858),C=n(16024),k=n(1114);function I(e){let{label:i,variant:n,value:t,onFocus:l,onBlur:r,onChange:c,...o}=e,[d,x]=(0,m.useState)(!1),[h,g]=(0,m.useState)(!!t),j=(0,m.useCallback)(e=>{x(!0),null==l||l(e)},[l]),u=(0,m.useCallback)(e=>{x(!1),g(!!e.target.value),null==r||r(e)},[r]),p=(0,m.useCallback)(e=>{g(!!e.target.value),null==c||c(e)},[c]);if("borderless"===n){let e=d||h||!!t;return(0,a.jsxs)(s.x,{pos:"relative",w:"306px",children:[(0,a.jsx)(C.I,{variant:n,placeholder:"",value:t,onFocus:j,onBlur:u,onChange:p,...o}),i&&(0,a.jsx)(s.x,{as:"label",pos:"absolute",left:"8px",top:e?"-12px":"16px",fontSize:e?"14px":"16px",color:"gray.600",bg:"transparent",px:"0",pointerEvents:"none",transition:"all 0.2s ease-in-out",transformOrigin:"left top",zIndex:1,htmlFor:o.id,children:i})]})}return(0,a.jsxs)(s.x,{w:"306px",children:[i&&(0,a.jsx)(k.l,{htmlFor:o.id,fontSize:"14px",fontWeight:"normal",color:"gray.800",mb:"8px",children:i}),(0,a.jsx)(C.I,{variant:n,value:t,onChange:p,...o})]})}var w=n(83187),O=n(84335);function S(e){let{label:i,variant:n,children:t,...l}=e;return(0,a.jsxs)(s.x,{w:"306px",children:[i&&(0,a.jsx)(k.l,{htmlFor:l.id,fontSize:"14px",fontWeight:"normal",color:"gray.800",mb:"8px",children:i}),(0,a.jsx)(s.x,{children:(0,a.jsx)(O.P,{variant:n,...l,icon:(0,a.jsx)("div",{}),children:t})})]})}function A(){let e=(0,p.useRouter)(),[i,n]=(0,m.useState)(1),C=Math.ceil(5);return(0,m.useEffect)(()=>{let a=parseInt(e.query.page)||1;a!==i&&a>=1&&a<=C&&n(a)},[e.query.page,i,C]),(0,a.jsxs)(s.x,{p:8,maxW:"",mx:"auto",pt:"80px",children:[(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsx)(l.i,{}),(0,a.jsx)(s.x,{children:(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H1 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h1",variant:"h1",children:"Built to always have your back"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H2 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h2",variant:"h2",children:"Built to always have your back"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H3 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h3",variant:"h3",children:"Built to always have your back"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H4 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h4",variant:"h4",children:"Built to always have your back"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H5 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h5",variant:"h5",children:"Built to always have your back"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"H6 - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{as:"h6",variant:"h6",children:"Built to always have your back"})]})]})}),(0,a.jsx)(s.x,{children:(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-1 - Field Gothic No.27 XXBold XXCond"}),(0,a.jsx)(r.X,{variant:"display1",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-2 - Field Gothic No.27 XXBold XXCond"}),(0,a.jsx)(r.X,{variant:"display2",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-3 - Field Gothic No.27 XXBold XXCond"}),(0,a.jsx)(r.X,{variant:"display3",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-4 - Field Gothic No.36 XBold XCond"}),(0,a.jsx)(r.X,{variant:"display4",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-5 - Field Gothic No.36 XBold XCond"}),(0,a.jsx)(r.X,{variant:"display5",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Display-6 - Field Gothic No.36 XBold XCond"}),(0,a.jsx)(r.X,{variant:"display6",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]})]})}),(0,a.jsx)(l.i,{}),(0,a.jsx)(s.x,{children:(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Paragraph - Field Gothic No.62 Regular"}),(0,a.jsx)(c.x,{variant:"paragraph",children:"Lorem ipsum dolor sit amet consectetur. Orci elit ut iaculis morbi etiam at non. Odio sed integer erat libero interdum scelerisque quam. Ullamcorper tincidunt. Massa nunc vel massa leo at ipsum duis varius."})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Paragraph Large - Field Gothic No.62 Regular"}),(0,a.jsx)(c.x,{variant:"paragraphLarge",children:"Lorem ipsum dolor sit amet consectetur. Orci elit ut iaculis morbi etiam at non. Odio sed integer erat libero interdum scelerisque quam. Ullamcorper tincidunt. Massa nunc vel massa leo at ipsum duis varius."})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Lead - Field Gothic No.43 Med Cond"}),(0,a.jsx)(c.x,{variant:"lead",children:"Lorem ipsum dolor sit amet consectetur. Orci elit ut iaculis morbi etiam at non. Odio sed integer erat libero interdum scelerisque quam. Ullamcorper tincidunt. Massa nunc vel massa leo at ipsum duis varius."})]})]})}),(0,a.jsx)(l.i,{}),(0,a.jsx)(s.x,{children:(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Label - Field Gothic No.43 Med Cond"}),(0,a.jsx)(r.X,{variant:"label",children:"BUILT TO ALWAYS HAVE YOUR BACK"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Quote - Field Gothic No.36 XBold XCond"}),(0,a.jsx)(r.X,{variant:"quote",children:'`"`BUILT TO ALWAYS HAVE YOUR BACK.`"`'})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Quote Large - Field Gothic No.36 XBold XCond"}),(0,a.jsx)(r.X,{variant:"quoteLarge",children:'`"`BUILT TO ALWAYS HAVE YOUR BACK.`"`'})]})]})}),(0,a.jsxs)(s.x,{children:[(0,a.jsxs)(t.g,{spacing:50,p:20,my:20,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Primary Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"primary",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"primary",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"primary",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"primary",size:"large",disabled:!0,children:"Button"})]})]}),(0,a.jsxs)(t.g,{spacing:4,p:20,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Secondary Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"secondary",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondary",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondary",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondary",size:"large",disabled:!0,children:"Button"})]})]})]}),(0,a.jsx)(t.g,{spacing:50,my:20,p:20,backgroundColor:"black",children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Ligth Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"light",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"light",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"light",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"light",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Dark Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"dark",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"dark",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"dark",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"dark",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Black Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"black",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"black",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"black",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"black",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Primary Outline Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"primaryOutline",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"primaryOutline",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"primaryOutline",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"primaryOutline",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Secondary Outline Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"secondaryOutline",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondaryOutline",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondaryOutline",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"secondaryOutline",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,backgroundColor:"black",children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Light Outline Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"lightOutline",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"lightOutline",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"lightOutline",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"lightOutline",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Dark Outline Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"darkOutline",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"darkOutline",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"darkOutline",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"darkOutline",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Black Outline Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"blackOutline",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"blackOutline",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"blackOutline",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"blackOutline",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,backgroundColor:"black",children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Video Primary Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"videoPrimary",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoPrimary",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoPrimary",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoPrimary",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsx)(t.g,{spacing:50,p:20,my:20,backgroundColor:"black",children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Video Secondary Button"}),(0,a.jsxs)(o.U,{spacing:10,children:[(0,a.jsx)(d.z,{variant:"videoSecondary",size:"small",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoSecondary",size:"default",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoSecondary",size:"large",children:"Button"}),(0,a.jsx)(d.z,{variant:"videoSecondary",size:"large",disabled:!0,children:"Button"})]})]})}),(0,a.jsxs)(t.g,{spacing:50,align:"stretch",p:"20px",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Text Light"}),(0,a.jsx)(x.r,{variant:"textLight",children:"Text Link"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Text Light Large"}),(0,
1a.jsx)(x.r,{variant:"textLightLarge",children:"Text Link"})]})]}),(0,a.jsxs)(t.g,{spacing:50,align:"stretch",backgroundColor:"black",p:"20px",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Text Dark"}),(0,a.jsx)(x.r,{variant:"textDark",children:"Text Link"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Text Dark Large"}),(0,a.jsx)(x.r,{variant:"textDarkLarge",children:"Text Link"})]})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(s.x,{children:[(0,a.jsxs)(t.g,{spacing:50,align:"stretch",children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",p:20,children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Icon Link Primary"}),(0,a.jsx)(v.J,{variant:"iconPrimary",href:"#",children:"Icon Link"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",p:20,children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Icon Link with Custom Icon"}),(0,a.jsx)(v.J,{variant:"iconPrimary",icon:(0,a.jsx)(b,{}),href:"#",children:"Icon Link"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",backgroundColor:"black",p:20,children:[(0,a.jsx)(r.X,{variant:"label",color:"white",mb:2,children:"Icon Light"}),(0,a.jsx)(v.J,{variant:"iconLight",href:"#",children:"Icon Link"})]})]}),(0,a.jsx)(t.g,{spacing:50,align:"stretch",my:20,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",p:20,children:[(0,a.jsx)(r.X,{variant:"label",color:"black",mb:2,children:"Icon Dark"}),(0,a.jsx)(v.J,{variant:"iconDark",href:"#",children:"Icon Link"})]})})]})]}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(s.x,{p:20,children:[(0,a.jsx)(z.Q,{variant:"carouselLight"}),(0,a.jsx)(B.i,{variant:"carouselLight"})]}),(0,a.jsxs)(s.x,{backgroundColor:"black",p:20,children:[(0,a.jsx)(z.Q,{variant:"carouselDark"}),(0,a.jsx)(B.i,{variant:"carouselDark"})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Pagination Navigation - Disabled States"}),(0,a.jsxs)(o.U,{spacing:4,children:[(0,a.jsx)(y.G,{direction:"left",isDisabled:!0}),(0,a.jsx)(y.G,{direction:"right",isDisabled:!0})]})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Pagination Navigation - Both Directions"}),(0,a.jsxs)(o.U,{spacing:4,children:[(0,a.jsx)(y.G,{direction:"left",onClick:()=>{}}),(0,a.jsx)(y.G,{direction:"right",onClick:()=>{}})]})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsx)(t.g,{spacing:4,alignItems:"flex-start",width:"100%",children:(0,a.jsx)(s.x,{width:"100%",display:"flex",justifyContent:"center",children:(0,a.jsx)(X.n,{activePage:i,itemsCountPerPage:10,totalItemsCount:50,pageRangeDisplayed:5,onChange:i=>{n(i),e.push({pathname:e.pathname,query:{...e.query,page:i.toString()}},void 0,{shallow:!0})},firstPageText:"",lastPageText:"",prevPageText:(0,a.jsx)(y.G,{direction:"left",isDisabled:1===i}),nextPageText:(0,a.jsx)(y.G,{direction:"right",isDisabled:i>=C})})})}),(0,a.jsx)(L.default,{items:[{label:"Parent Page",href:"/"},{label:"Current Page",href:"#"}]})]}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Input Bordered -With Label"}),(0,a.jsx)(I,{variant:"bordered",label:"Email Address",placeholder:"Enter your email",id:"input-bordered-with-label"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Input Bordered - Without Label"}),(0,a.jsx)(I,{variant:"bordered",placeholder:"Enter your email",id:"input-bordered-without-label"})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:10,children:"Input Borderless - without Floating Label"}),(0,a.jsx)(I,{variant:"borderless",label:"Email Address",id:"input-borderless"})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsx)(t.g,{spacing:50,my:50,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"SearchInput"}
1),(0,a.jsx)(w.M,{placeholder:"Search [Resource Type]",id:"search-input-without-label"})]})}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Select Bordered -With Label"}),(0,a.jsxs)(S,{variant:"bordered",label:"Select Country",placeholder:"Choose a country",id:"select-bordered-with-label",children:[(0,a.jsx)("option",{value:"us",children:"United States"}),(0,a.jsx)("option",{value:"ca",children:"Canada"}),(0,a.jsx)("option",{value:"mx",children:"Mexico"}),(0,a.jsx)("option",{value:"br",children:"Brazil"})]})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Select Bordered - Without Label"}),(0,a.jsxs)(S,{variant:"bordered",placeholder:"Choose a country",id:"select-bordered-without-label",children:[(0,a.jsx)("option",{value:"us",children:"United States"}),(0,a.jsx)("option",{value:"ca",children:"Canada"}),(0,a.jsx)("option",{value:"mx",children:"Mexico"}),(0,a.jsx)("option",{value:"br",children:"Brazil"})]})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Select Borderless - Without Label"}),(0,a.jsxs)(S,{variant:"borderless",placeholder:"Choose a country",id:"select-borderless",children:[(0,a.jsx)("option",{value:"us",children:"United States"}),(0,a.jsx)("option",{value:"ca",children:"Canada"}),(0,a.jsx)("option",{value:"mx",children:"Mexico"}),(0,a.jsx)("option",{value:"br",children:"Brazil"})]})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsx)(t.g,{spacing:50,my:50,children:(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Select Borderless -With Label"}),(0,a.jsxs)(S,{variant:"borderless",label:"Select Country",placeholder:"Choose a country",id:"select-borderless-with-label",children:[(0,a.jsx)("option",{value:"us",children:"United States"}),(0,a.jsx)("option",{value:"ca",children:"Canada"}),(0,a.jsx)("option",{value:"mx",children:"Mexico"}),(0,a.jsx)("option",{value:"br",children:"Brazil"})]})]})}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Checkbox - Default State"}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(h.X,{children:"Check Button"}),(0,a.jsx)(h.X,{defaultChecked:!0,children:"Check Button"}),(0,a.jsx)(h.X,{isDisabled:!0,children:"Check Button"}),(0,a.jsx)(h.X,{isDisabled:!0,defaultChecked:!0,children:"Check Button"})]})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Checkbox - Multiple Options"}),(0,a.jsxs)(t.g,{spacing:3,alignItems:"flex-start",children:[(0,a.jsx)(h.X,{defaultChecked:!0,children:"Option 1"}),(0,a.jsx)(h.X,{children:"Option 2"}),(0,a.jsx)(h.X,{defaultChecked:!0,children:"Option 3"}),(0,a.jsx)(h.X,{children:"Option 4"})]})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Radio Button - Single Group"}),(0,a.jsx)(g.E,{defaultValue:"1",children:(0,a.jsxs)(t.g,{spacing:3,alignItems:"flex-start",children:[(0,a.jsx)(j.Y,{value:"1",children:"Radio Button"}),(0,a.jsx)(j.Y,{value:"2",children:"Radio Button"}),(0,a.jsx)(j.Y,{value:"3",children:"Radio Button"}),(0,a.jsx)(j.Y,{value:"4",children:"Radio Button"})]})})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Radio Button - With Disabled Options"}),(0,a.jsx)(g.E,{defaultValue:"option1",children:(0,a.jsxs)(t.g,{spacing:3,alignItems:"flex-start",children:[(0,a.jsx)(j.Y,{value:"option1",children:"Available Option"}),(0,a.jsx)(j.Y,{value:"option2",children:"Another Option"}),(0,a.jsx)(j.Y,{value:"option3",isDisabled:!0,children:"Disabled Option"}),(0,a.jsx)(j.Y,{value:"option4",children:"Final Option"})]})})]})]}),(0,a.jsx)(l.i,{}),(0,a.jsxs)(t.g,{spacing:50,my:50,children:[(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",width:"100%",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"All Icons - Default Size (24px)"}),(0,a.jsx)(u.M,{columns:6,spacing:4,width:"100%",children:["info","plus","ai","chart","arrowLeft","arrowRight","invoice","blog","check","badge","code","x","headset","building","dispatch","quote","edit","phone","calendar","dollar","grant","jail","chevronLeft","chevronDown","chevronRight","chevronUp","mobile","menu","team","users","flag","card","play","news","tools","refresh","minus","files","folder","search","star","settings","warning"].map(e=>(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:e}),(0,a.jsx)(c.x,{fontSize:"sm",textAlign:"center",children:e})]},e))})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",width:"100%",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Icon Size Examples"}),(0,a.jsxs)(o.U,{spacing:8,align:"center",children:[(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"search",size:"16px"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"16px"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"search",size:"24px"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"24px (default)"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"search",size:"32px"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"32px"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"search",size:"48px"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"48px"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"search",size:64}),(0,a.jsx)(c.x,{fontSize:"sm",children:"64px"})]})]})]}),(0,a.jsxs)(t.g,{spacing:4,alignItems:"flex-start",width:"100%",children:[(0,a.jsx)(r.X,{variant:"label",mb:2,children:"Icon Color Examples"}),(0,a.jsxs)(o.U,{spacing:8,align:"center",children:[(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"check",color:"#151515"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"Default (#151515)"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"check",color:"blue.500"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"Blue"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"check",color:"green.500"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"Green"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"check",color:"red.500"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"Red"})]}),(0,a.jsxs)(t.g,{spacing:2,children:[(0,a.jsx)(f.J,{name:"check",color:"orange.500"}),(0,a.jsx)(c.x,{fontSize:"sm",children:"Orange"})]})]})]})]})]})}var U=A}},function(e){e.O(0,[8447,7141,3203,2888,9774,179],function(){return e(e.s=59323)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.