https://www.footlocker.co.uk/4714.85f467b5.bundle.js

1"use strict";(self.webpackChunk_footlocker_frontend=self.webpackChunk_footlocker_frontend||[]).push([[4714],{47352(e,t,a){a.r(t),a.d(t,{CardsLoading:()=>o});var l=a(67308);Object.defineProperty(o,"name",{value:"default",configurable:!0});var n=function(e){var t=e.className;return l.createElement("div",{className:"relative overflow-hidden rounded bg-alto ".concat(t)},l.createElement("div",{className:"absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-white/60 to-transparent motion-reduce:animate-none"}))},r=function(){return l.createElement("div",{className:"rounded-xs border border-solid border-alto p-4","data-testid":"LoadingCard"},l.createElement("div",{className:"flex w-full items-center justify-between"},l.createElement("div",{className:"col-span-1 flex w-full flex-col items-start gap-1"},l.createElement(n,{className:"h-6 w-full"}),l.createElement(n,{className:"h-6 w-full"}))))};function o(){return l.createElement("div",{className:"space-y-2","data-testid":"CardsLoadingList"},l.createElement(r,null),l.createElement(r,null))}},67458(e,t,a){a.d(t,{A:()=>F});var l=a(67308),n=a(77710),r=a(45807),o=a(10923),c=a(95657),i=a(50312),s=a(47827),m=a(92705),u=a(61933),d=a(8499),f=a(7768),b=a(80782),p=a(92179),h=a(2232),E=a(67591);function y(e,t,a,l,n,r,o){try{var c=e[r](o),i=c.value}catch(e){a(e);return}c.done?t(i):Promise.resolve(i).then(l,n)}function g(e){return function(){var t=this,a=arguments;return new Promise(function(l,n){var r=e.apply(t,a);function o(e){y(r,l,n,o,c,"next",e)}function c(e){y(r,l,n,o,c,"throw",e)}o(void 0)})}}function v(e,t){var a,l,n,r={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]},o=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),c=Object.defineProperty;return c(o,"next",{value:i(0)}),c(o,"throw",{value:i(1)}),c(o,"return",{value:i(2)}),"function"==typeof Symbol&&c(o,Symbol.iterator,{value:function(){return this}}),o;function i(c){return function(i){var s=[c,i];if(a)throw TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(r=0)),r;)try{if(a=1,l&&(n=2&s[0]?l.return:s[0]?l.throw||((n=l.return)&&n.call(l),0):l.next)&&!(n=n.call(l,s[1])).done)return n;switch(l=0,n&&(s=[2&s[0],n.value]),s[0]){case 0:case 1:n=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,l=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!(n=(n=r.trys).length>0&&n[n.length-1])&&(6===s[0]||2===s[0])){r=0;continue}if(3===s[0]&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(6===s[0]&&r.label<n[1]){r.label=n[1],n=s;break}if(n&&r.label<n[2]){r.label=n[2],r.ops.push(s);break}n[2]&&r.ops.pop(),r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e],l=0}finally{a=n=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}var N=function(){var e=(0,h.d4)(function(e){return e.config.remote.loqateApiKey});return(0,b.n)({mutationFn:function(t){var a=t.country,l=t.query;return g(function(){var t,n;return v(this,function(r){switch(r.label){case 0:return[4,(0,p.kn)({route:"/zgw/address-finder/v0/address/search/autocomplete",method:"POST",headers:{"Content-Type":"application/json","x-functions-key":e},body:{country:{isocode:a},line1:l}})];case 1:if(!(t=r.sent()).ok)throw Error("Search failed");return[4,t.json()];case 2:if((0,E.CR)(n=r.sent()))throw Error(n.errors[0].message);if(200!==t.status)throw Error("Search failed");return[2,n]}})})()}})},x=function(){var e=(0,h.d4)(function(e){return e.config.remote.loqateApiKey});return(0,b.n)({mutationFn:function(t){return g(function(){var a,l;return v(this,function(n){switch(n.label){case 0:return[4,(0,p.kn)({route:"/zgw/address-finder/v0/address/retrieve",method:"POST",headers:{"Content-Type":"application/json","x-functions-key":e},body:{id:t.id}})];case 1:if(!(a=n.sent()).ok)throw Error("Selection failed");return[4,a.json()];case 2:if((0,E.CR)(l=n.sent()))throw Error(l.errors[0].message);if(200!==a.status)throw Error("Selection failed");return[2,l]}})})()}})},k=a(11501),w=a(20232),S=a(39612),I=a(21085);function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function L(e,t,a,l,n,r,o){try{var c=e[r](o),i=c.value}catch(e){a(e);return}c.done?t(i):Promise.resolve(i).then(l,n)}function A(e){return function(){var t=this,a=arguments;return new Promise(function(l,n){var r=e.apply(t,a);function o(e){L(r,l,n,o,c,"next",e)}function c(e){L(r,l,n,o,c,"throw",e)}o(void 0)})}}function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a,l,n=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw l}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);if("Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return O(e,t)}}

1(e,t)||function(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
2In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function C(e,t){var a,l,n,r={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]},o=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),c=Object.defineProperty;return c(o,"next",{value:i(0)}),c(o,"throw",{value:i(1)}),c(o,"return",{value:i(2)}),"function"==typeof Symbol&&c(o,Symbol.iterator,{value:function(){return this}}),o;function i(c){return function(i){var s=[c,i];if(a)throw TypeError("Generator is already executing.");for(;o&&(o=0,s[0]&&(r=0)),r;)try{if(a=1,l&&(n=2&s[0]?l.return:s[0]?l.throw||((n=l.return)&&n.call(l),0):l.next)&&!(n=n.call(l,s[1])).done)return n;switch(l=0,n&&(s=[2&s[0],n.value]),s[0]){case 0:case 1:n=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,l=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!(n=(n=r.trys).length>0&&n[n.length-1])&&(6===s[0]||2===s[0])){r=0;continue}if(3===s[0]&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(6===s[0]&&r.label<n[1]){r.label=n[1],n=s;break}if(n&&r.label<n[2]){r.label=n[2],r.ops.push(s);break}n[2]&&r.ops.pop(),r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e],l=0}finally{a=n=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}let F=(0,l.forwardRef)(function(e,t){var a,b=e.className,p=e.country,h=e.defaultValue,E=e.interval,y=void 0===E?350:E,g=e.label,v=void 0===g?"checkoutLabels.loqatePlaceholderPrompt":g,O=e.maxResults,L=void 0===O?5:O,F=e.name,R=e.onAddressSelect,B=e.onClear,j=e.required,M=e.validation,D=e.readOnlyValidation,H=void 0===D||D,X=(0,k.Bd)(),V=(0,S.xW)(),T=V.clearErrors,q=V.control,_=V.formState,U=V.setValue,z=V.watch,G=null==(a=_.errors)?void 0:a[F],W=z(f.DH.name),$=p||(null==W?void 0:W.isocode)||"",K=N(),J=K.mutateAsync,Q=K.data,Y=K.reset,Z=x().mutateAsync,ee=P((0,l.useState)(!1),2),et=ee[0],ea=ee[1],el=P((0,l.useState)(!1),2),en=el[0],er=el[1],eo=(0,l.useRef)(null),ec=(0,l.useRef)(null),ei=(0,l.useRef)(!1);function es(e){return A(function(){return C(this,function(t){switch(t.label){case 0:if(en)return[2];if(!e)return Y(),[2];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,J({country:$,query:e})];case 2:case 3:return t.sent(),[3,4];case 4:return[2]}})})()}function em(){U(F,""),T(F),Y(),er(!1),ei.current=!1,null==B||B()}return(0,l.useEffect)(function(){return function(){ec.current&&clearTimeout(ec.current)}},[]),(0,l.useEffect)(function(){ea((null==Q?void 0:Q.length)>0)},[Q]),l.createElement(S.xI,{control:q,defaultValue:h,name:F,rules:M,render:function(e){var a,f=e.onChange,p=e.onBlur,h=e.value,E=e.ref;return l.createElement(l.Fragment,null,l.createElement(n.v,{open:et,setOpen:ea,setValue:function(e){f(e),en||ei.current||(ec.current&&clearTimeout(ec.current),ec.current=setTimeout(function(){null==es||es(e)},y))},value:null!=h?h:""},l.createElement("div",{className:(0,I.cn)("relative h-11 rounded-xs border border-solid border-on_cloud hover:border-boulder",b,{"border-error":!!G}),ref:eo},l.createElement("div",{className:"grid h-full grid-cols-[2rem_1fr] gap-2"},l.createElement(r.G,{"aria-invalid":!!G,"aria-describedby":G?"".concat(F,"-errorMessage"):void 0,className:(0,I.cn)("peer min-w-0 font-medium outline-none",{"col-span-2 ml-3":en}),id:F,name:F,onBlur:p,onKeyDown:function(e){en&&("Backspace"===e.key||"Delete"===e.key)&&er(!1)},placeholder:" ",readOnly:!!H&&en,ref:(0,w.A)(E,t)}),!en&&l.createElement(m.IconSearch,{className:"order-first ml-3 self-center text-on_cloud peer-hover:text-brand-black peer-[:not(:placeholder-shown)]:text-brand-black"}),l.createElement(o.k,{className:"absolute right-3 top-1/2 -translate-y-1/2 text-sm underline",onClick:em},X("formLabels.clear")),l.createElement(c.u,{className:(0,I.cn)('font-body-medium absolute left-9 top-2 bg-transparent p-1 text-boulder transition-[top,left,font-size,background,opacity,visibility] peer-focus:text-brand-black peer-[:not(:placeholder-shown)]:text-sm peer-[:not(:placeholder-shown)]:font-normal peer-[:not(:placeholder-shown)[aria-invalid="true"]]:!text-error peer-[:not(:placeholder-shown)]:text-brand-black',{"!left-2 -top-3.5 bg-white text-sm":!!h})},X(v),j?"*":""))),l.createElement(i.N,{className:"-top-1.5 border border-solid border-on_cloud bg-white",getAnchorRect:function(){var e,t;

2return null!=(e=null==(t=eo.current)?void 0:t.getBoundingClientRect())?e:null},gutter:4,portal:!0,sameWidth:!0},null==Q||null==(a=Q.slice(0,L))?void 0:a.map(function(e){return l.createElement(s.x,{className:"truncate border-b border-solid border-on_cloud px-4 py-3 hover:bg-airforce_one data-[active-item]:bg-airforce_one",key:e.id,onClick:function(){return A(function(){var t;return C(this,function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),ei.current=!0,[4,Z(e)];case 1:return t=a.sent(),er(!0),Y(),null==R||R(t),T(F),[3,3];case 2:return a.sent(),ei.current=!1,[3,3];case 3:return[2]}})})()},value:e.formattedAddress},e.formattedAddress)}))),l.createElement(u.A,{className:"-translate-y-1 text-sm text-error [&_Icon]:w-4",id:"".concat(F,"-errorMessage"),message:null==G?void 0:G.message,persistForScreenReaders:!0,type:d.yx.ERROR}))}})})},99391(e,t,a){a.d(t,{A:()=>o}),Object.defineProperty(o,"name",{value:"default",configurable:!0});var l=a(67308),n=a(73651),r=a(21085);function o(e){var t=e["aria-label"],a=e.className,o=e.disabled,c=e.id,i=e.label,s=e.value;return l.createElement("div",{className:(0,r.cn)("flex items-center gap-2",a),"data-slot":"radio-item","data-testid":"RadioFieldItem"},l.createElement(n.C,{id:c,value:s,disabled:o,"aria-label":i||t}),i&&l.createElement("label",{htmlFor:c,className:(0,r.cn)({"text-on_cloud":o})},i))}},73651(e,t,a){a.d(t,{C:()=>f,z:()=>d});var l=a(67308),n=a(74665),r=a(21085);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function c(e){if(Array.isArray(e))return e}function i(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
3In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function s(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},l=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),l.forEach(function(t){var l;l=a[t],t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l})}return e}function m(e,t){if(null==e)return{};var a,l,n,r={};if("u">typeof Reflect&&Reflect.ownKeys){for(a=Reflect.ownKeys(Object(e)),n=0;n<a.length;n++)l=a[n],!(t.indexOf(l)>=0)&&Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l]);return r}if(r=function(e,t){if(null==e)return{};var a,l,n={},r=Object.getOwnPropertyNames(e);for(l=0;l<r.length;l++)a=r[l],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a]);return n}(e,t),Object.getOwnPropertySymbols)for(a=Object.getOwnPropertySymbols(e),n=0;n<a.length;n++)l=a[n],!(t.indexOf(l)>=0)&&Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l]);return r}function u(e,t){if(e){if("string"==typeof e)return o(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);if("Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(e,t)}}var d=l.forwardRef(function(e,t){var a,o=c(a=[e,t])||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||u(a)||i(),d=o[0],f=o.slice(1),b=d.className,p=m(d,["className"]),h=(c(f)||function(e){var t,a,l=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n=[],r=!0,o=!1;try{for(l=l.call(e);!(r=(t=l.next()).done)&&(n.push(t.value),1!==n.length);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw a}}return n}}(f)||u(f,1)||i())[0];return l.createElement(n.bL,s({"data-slot":"radio-group",className:(0,r.cn)("grid w-full gap-2",b),ref:h},p))});function f(e){var t=e.className,a=m(e,["className"]);return l.createElement(n.q7,s({"data-slot":"radio-group-item",className:(0,r.cn)("border-input group/radio-group-item focus-visible:focus-style peer relative flex aspect-square size-5 shrink-0 rounded-full border text-kayano outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",t)},a),l.createElement(n.C1,{"data-slot":"radio-group-indicator",className:"text-primary flex size-7 items-center justify-center"},l.createElement(b,{className:"absolute left-1/2 top-1/2 size-7 -translate-x-1/2 -translate-y-1/2 fill-current"})))}function b(e){var t=e.className;return l.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"RadioFilledSvg"},l.createElement("path",{d:"M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m0-18a10 10 0 1 0 0 20 10 10 0 0 0 0-20",fill:"#0e1111"}),l.createElement("circle",{cx:"12",cy:"12",r:"6",fill:"#0e1111"}))}d.displayName="RadioGroup"},93175(e,t,a){a.d(t,{A:()=>c}),Object.defineProperty(c,"name",{value:"default",configurable:!0});var l=a(67308),n=a(73651),r=a(11501),o=a(39612);function c(e){var t=e.defaultValue,a=e.children,c=e.className,i=e.legend,s=e.name,m=e.validation,u=e.onValueChange,d=function(e,t){if(null==e)return{};var a,l,n,r={};if("u">typeof Reflect&&Reflect.ownKeys){for(a=Reflect.ownKeys(Object(e)),n=0;n<a.length;n++)l=a[n],!(t.indexOf(l)>=0)&&Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l]);return r}if(r=function(e,t){if(null==e)return{};var a,l,n={},r=Object.getOwnPropertyNames(e);for(l=0;l<r.length;l++)a=r[l],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a]);return n}(e,t),Object.getOwnPropertySymbols)for(a=Object.getOwnPropertySymbols(e),n=0;n<a.length;n++)l=a[n],!(t.indexOf(l)>=0)&&Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l]);return r}(e,["defaultValue","children","className","legend","name","validation","onValueChange"]),f=(0,r.Bd)(),b=(0,o.as)({control:(0,o.xW)().control,defaultValue:t||null,name:s,rules:m}).field;return l.createElement(n.z,function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},l=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),l.forEach(function(t){var l;l=a[t],t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l})}return e}

3({value:b.value,onValueChange:function(e){b.onChange(e),null==u||u(e)},name:s,ref:b.ref},d),l.createElement("fieldset",{className:c},l.createElement("legend",{className:"sr-only"},f(i)),a))}},34714(e,t,a){a.r(t),a.d(t,{default:()=>M});var l=a(67308),n=a(92705),r=a(47352),o=a(21085);Object.defineProperty(s,"name",{value:"default",configurable:!0});var c=function(e){var t,a=e.at,l=e.below,n=e.relative;return n?n?"~".concat(n):"":a?a?"@".concat(a):"":l&&(t=l)?"<".concat(t):""},i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"hide";return e?"".concat(t).concat(c(e)):""};function s(e){var t=e.at,a=e.below,n=e.base,r=e.children,c=e.className;return l.createElement("div",{className:(0,o.cn)(void 0===n?"Display":n,i({at:t,below:a},void 0===c?"hide":c)),"data-testid":"Display"},r)}var m=a(23435),u=a(67458),d=a(82048),f=a(58585),b=a(99391),p=a(93175),h=a(13469),E=a(61508),y=a(44110),g=a(23572),v=a(39612),N=a(61866),x=a(48274);function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function w(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},l=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),l.forEach(function(t){var l;l=a[t],t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l})}return e}function S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a,l,n=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw l}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);if("Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return k(e,t)}}(e,t)||function(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
4In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}Object.defineProperty(M,"name",{value:"default",configurable:!0});var I=Object.keys(r),O={padding:"2rem 1rem"},L={paddingBottom:"0.5rem",marginBottom:"1rem",borderBottom:"1px solid #ccc"},A={fontSize:"1.5rem",margin:"0.75rem 0 0.5rem"},P={padding:"0.5rem",background:"#fed"},C={padding:"0.5rem",background:"#def"},F=function(){var e="CS"===(0,g.GV)(N.j$),t=(0,v.mN)({mode:"all",shouldFocusError:!1,defaultValues:{helperLeft:"option2"}}),a=function(e){return console.log(e)},r=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}],o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2",disabled:!0},{label:"Option 3",value:"option3"}],c=[{label:"🇺🇸",value:"US"},{label:"🇨🇦",value:"CA"},{label:"🇬🇧",value:"GB"}];return l.useEffect(function(){t.handleSubmit(a)()},[]),l.createElement(l.Fragment,null,l.createElement("section",null,l.createElement("h2",{style:L},"available components"),l.createElement("ul",{className:"bullet",style:{columns:"4 auto"}},I.sort().map(function(e){return l.createElement("li",{key:e},e)}))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Icons"),l.createElement("ul",{className:"grid grid-cols-3 gap-8 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-9"},Object.entries(n).map(function(e){var t=S(e,2),a=t[0],n=t[1];return l.createElement("li",{key:a},l.createElement(n,{width:"2rem"}),l.createElement("pre",null,a))})),l.createElement("h2",{style:L},"Logos"),l.createElement("ul",{className:"grid grid-cols-3 gap-8 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-9"},Object.entries(y).map(function(e){var t=S(e,2),a=t[0],n=t[1];return l.createElement("li",{key:a},l.createElement(n,{width:"2rem"}),l.createElement("pre",null,a))}))),l.createElement("section",{style:O},l.createElement("h2",{style:L}

4,"Breakpoints - Display"),l.createElement("div",{className:"show"},"This is shown"),l.createElement("div",{className:"hide"},"This is hidden"),l.createElement(s,{className:"hide",at:"sm"},"This is hidden ",l.createElement("strong",null,"at")," the ",l.createElement("strong",null,"sm")," breakpoint"),l.createElement(s,{className:"hide",below:"sm"},"This is hidden ",l.createElement("strong",null,"below")," the ",l.createElement("strong",null,"sm")," breakpoint"),l.createElement(s,{className:"hide",at:"md"},"This is hidden ",l.createElement("strong",null,"at")," the ",l.createElement("strong",null,"md")," breakpoint"),l.createElement(s,{className:"hide",below:"md"},"This is hidden ",l.createElement("strong",null,"below")," the ",l.createElement("strong",null,"md")," breakpoint"),l.createElement(s,{className:"hide",at:"lg"},"This is hidden ",l.createElement("strong",null,"at")," the ",l.createElement("strong",null,"lg")," breakpoint"),l.createElement(s,{className:"hide",below:"lg"},"This is hidden ",l.createElement("strong",null,"below")," the ",l.createElement("strong",null,"lg")," breakpoint"),l.createElement(s,{className:"hide",at:"max"},"This is hidden ",l.createElement("strong",null,"at")," the ",l.createElement("strong",null,"max")," breakpoint"),l.createElement(s,{className:"hide",below:"max"},"This is hidden ",l.createElement("strong",null,"below")," the ",l.createElement("strong",null,"max")," breakpoint"),l.createElement("hr",null),l.createElement(s,{className:"opaque",at:"xs"},"fully visible at `xs` breakpoint"),l.createElement(s,{className:"opaque",at:"sm"},"fully visible at `sm` breakpoint"),l.createElement(s,{className:"opaque",at:"md"},"fully visible at `md` breakpoint"),l.createElement(s,{className:"opaque",at:"lg"},"fully visible at `lg` breakpoint"),l.createElement(s,{className:"opaque",below:"xs"},"fully visible below `xs` breakpoint"),l.createElement(s,{className:"opaque",below:"sm"},"fully visible below `sm` breakpoint"),l.createElement(s,{className:"opaque",below:"md"},"fully visible below `md` breakpoint"),l.createElement(s,{className:"opaque",below:"lg"},"fully visible below `lg` breakpoint")),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Layout"),l.createElement("h3",{style:A},"2-Column Layout with default layout gap: size 2 (1rem)"),l.createElement("ul",{className:"mb-4 grid gap-4 md:grid-cols-2"},l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 1")),l.createElement("li",null,l.createElement("div",{style:P},"LayoutItem 2")),l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 3")),l.createElement("li",null,l.createElement("div",{style:P},"LayoutItem 4"))),l.createElement("h3",{style:A},"3-Column Layout with a horizontal gap of 3 (1.5rem)"),l.createElement("ul",{className:"mb-4 grid gap-6 md:grid-cols-3"},l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 1")),l.createElement("li",null,l.createElement("div",{style:P},"LayoutItem 2")),l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 3"))),l.createElement("h3",{style:A},"1-Column Layout with a vertical gap of 1 (0.5rem)"),l.createElement("ul",{className:"mb-4 grid gap-2"},l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 1")),l.createElement("li",null,l.createElement("div",{style:P},"LayoutItem 2")),l.createElement("li",null,l.createElement("div",{style:C},"LayoutItem 3"))),l.createElement("h3",{style:A},"Right Sidebar Layout - restricted-width sidebar"),l.createElement("ul",{className:"mb-4 grid grid-cols-1 gap-4 md:grid-cols-3"},l.createElement("li",{className:"md:col-span-2"},l.createElement("div",{style:P},"Main content area - flex auto")),l.createElement("li",{className:"w-1/3 md:w-full"},l.createElement("div",{style:C},"Sidebar - 1/3 basis"))),l.createElement("h3",{style:A},"Left Sidebar Layout - flex-grow main content"),l.createElement("ul",{className:"mb-4 grid grid-cols-1 gap-4 md:grid-cols-3"},l.createElement("li",null,l.createElement("div",{style:C},"Sidebar - flex auto")),l.createElement("li",{className:"md:col-span-2"},l.createElement("div",{style:P},"Main content area - 2/3 grow")))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"CTA Buttons"),l.createElement("div",{className:"mb-8"},l.createElement("button",{className:"cta-primary"},"Primary Button")),l.createElement("div",{className:"mb-8"},l.createElement("button",{className:"cta-primary",disabled:!0},"Primary Button (disabled)")),l.createElement("div",{className:"mb-8"},l.createElement("button",{className:"cta-secondary"},"Secondary Button")),!e&&l.createElement(l.Fragment,null,l.createElement("div",{className:"mb-8"}

4,l.createElement("button",{className:"cta-special-primary"},"Special Primary Button")),l.createElement("div",{className:"mb-8"},l.createElement("button",{className:"cta-special-primary",style:{"--color-brand-button-special-primary-shadow":"#5B8BAA"}},"Custom Special Primary Button"))),l.createElement("div",{className:"mb-8"},l.createElement("a",{href:"#main",className:"cta-tertiary"},"Tertiary Button ",l.createElement(n.IconArrowRight,{className:"iconArrowRight","aria-hidden":"true"}))),l.createElement("div",{className:"mb-8"},l.createElement("a",{href:"#main",className:"cta-tertiary-flx group"},"Tertiary Button FLX",l.createElement(n.IconArrowRight,{className:"iconArrowRightFlx","aria-hidden":"true"}))),l.createElement("div",{className:"mb-8"},l.createElement("a",{href:"#main",className:"cta-tertiary-sm"},"Tertiary Button SM",l.createElement(n.IconArrowRight,{className:"iconArrowRight-sm","aria-hidden":"true"}))),l.createElement("div",{className:"mb-8"},l.createElement("a",{href:"#main",className:"cta-link"},"Link"))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"TW Icons"),l.createElement("div",{className:"inline-flex gap-4"},l.createElement("button",{className:"carousel-control-btn carousel-control-btn-play"}),l.createElement("button",{className:"carousel-control-btn carousel-control-btn-pause"}),l.createElement("span",{className:"badge"},"Badge"),l.createElement("span",{className:"badge-exclusive"},"Exclusive"),l.createElement("button",{className:"icon-expand"}),l.createElement("button",{className:"icon-plus"}),l.createElement("button",{className:"icon-minus"}))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Typography"),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Heading"),l.createElement("div",{className:"grid gap-4 md:grid-cols-1"},e?l.createElement(l.Fragment,null,l.createElement("h1",{className:"font-heading-xl block md:hidden"},"font-heading-xl: XL H1 Mobile, Inter Extra Bold 50 PX"),l.createElement("h1",{className:"font-heading-xl hidden md:block"},"font-heading-xl: XL H1 Desktop, Inter Extra Bold 56 px"),l.createElement("h1",{className:"font-heading-1 block md:hidden"},"font-heading-1: H1 Mobile, Inter Extra Bold 40 px"),l.createElement("h1",{className:"font-heading-1 hidden md:block"},"font-heading-1: H1 Desktop, Inter Extra Bold 48 px"),l.createElement("h2",{className:"font-heading-2 block md:hidden"},"font-heading-2: H2 Mobile, Inter Extra Bold 32 px"),l.createElement("h2",{className:"font-heading-2 hidden md:block"},"font-heading-2: H2 Desktop, Inter Extra Bold 36 px"),l.createElement("h3",{className:"font-heading-3 block md:hidden"},"font-heading-3: H3 Mobile, Inter Bold 26 px"),l.createElement("h3",{className:"font-heading-3 hidden md:block"},"font-heading-3: H3 Desktop, Inter Bold 28 px"),l.createElement("h4",{className:"font-heading-4 block md:hidden"},"font-heading-4: H4 Mobile, Inter Bold 20 px"),l.createElement("h4",{className:"font-heading-4 hidden md:block"},"font-heading-4: H4 Desktop, Inter Bold 24 px"),l.createElement("h5",{className:"font-heading-5 block md:hidden"},"font-heading-5: H5 Mobile, Inter Bold 18 px"),l.createElement("h5",{className:"font-heading-5 hidden md:block"},"font-heading-5: H5 Desktop, Inter Bold 20 px")):l.createElement(l.Fragment,null,l.createElement("h1",{className:"font-heading-xl block md:hidden"},"font-heading-xl: XL H1 Mobile, FL Classic 50px"),l.createElement("h1",{className:"font-heading-xl hidden md:block"},"font-heading-xl: XL H1 Desktop, FL Classic 64px"),l.createElement("h1",{className:"font-heading-1 block md:hidden"},"font-heading-1: H1 Mobile, FL Classic 40 px"),l.createElement("h1",{className:"font-heading-1 hidden md:block"},"font-heading-1: H1 Desktop, FL Classic 48 px"),l.createElement("h2",{className:"font-heading-2 block md:hidden"},"font-heading-2: H2 Mobile, FL Classic 32 px"),l.createElement("h2",{className:"font-heading-2 hidden md:block"},"font-heading-2: H2 Desktop, FL Classic 36 px"),l.createElement("h3",{className:"font-heading-3 block md:hidden"},"font-heading-3: H3 Mobile, FL Classic 26 px"),l.createElement("h3",{className:"font-heading-3 hidden md:block"},"font-heading-3: H3 Desktop, FL Classic 28 px"),l.createElement("h4",{className:"font-heading-4 block md:hidden"},"font-heading-4: H4 Mobile, Maven Pro SemiBold 20 PX"),l.createElement("h4",{className:"font-heading-4 hidden md:block"},"font-heading-4: H4 Desktop, Maven Pro SemiBold 24 PX"),l.createElement("h5",{className:"font-heading-5 block md:hidden"},"font-heading-5: H5 Mobile, Maven Pro SemiBold 18 PX"),l.createElement("h5",{className:"font-heading-5 hidden md:block"},"font-heading-5: H5 Desktop, Maven Pro SemiBold 20 PX")))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Body"),e?l.createElement(l.Fragment,null,l.createElement("p",{className:"font-body"},"font-body: Body Regular, Inter Regular 16 PX"),l.createElement("p",{className:"font-body-medium"},"font-body-medium: Body Medium, Inter Medium 16 PX"),l.createElement("p",{className:"font-body-semibold"},"font-body-semibold: Body SemiBold, Inter SemiBold 16 PX")):l.createElement(l.Fragment,null,l.createElement("p",{className:"font-body"},"font-body: Body Regular, Maven Pro Regular 16 PX"),l.createElement("p",{className:"font-body-medium"},"font-body-medium: Body Medium, Maven Pro Medium 16 PX"),l.createElement("p",{className:"font-body-semibold"},"font-body-semibold: Body SemiBold, Maven Pro SemiBold 16 PX"))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Caption"),e?l.createElement(l.Fragment,null,l.createElement("p",{className:"font-caption"},"font-caption: Caption Regular, Inter Regular 14 PX"),l.createElement("p",{className:"font-caption-medium"},"font-caption-medium: Caption Medium, Inter Medium 14 PX"),l.createElement("p",{className:"font-caption-semibold"},"font-caption-semibold: Caption SemiBold, Inter SemiBold 14 PX")):l.createElement(l.Fragment,null,l.createElement("p",{className:"font-caption"},"font-caption: Caption Regular, Maven Pro Regular 14 PX"),l.createElement("p",{className:"font-caption-medium"},"font-caption-medium: Caption Medium, Maven Pro Medium 14 PX"),l.createElement("p",{className:"font-caption-semibold"},"font-caption-semibold: Caption SemiBold, Maven Pro SemiBold 14 PX"))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Label"),e?l.createElement(l.Fragment,null,l.createElement("p",{className:"font-label"},"font-label: Label Small Regular, Inter Regular 13 PX"),l.createElement("p",{className:"font-label-medium"},"font-label-medium: Label Small Medium, Inter Medium 13 PX"),l.createElement("p",{className:"font-label-semibold"},"font-label-semibold: Label Small SemiBold, Inter SemiBold 13 PX")):l.createElement(l.Fragment,null,l.createElement("p",{className:"font-label"},"font-label: Label Small Regular, Maven Pro Regular 13 PX"),l.createElement("p",{className:"font-label-medium"},"font-label-medium: Label Small Medium, Maven Pro Medium 13 PX"),l.createElement("p",{className:"font-label-semibold"},"font-label-semibold: Label Small SemiBold, Maven Pro SemiBold 13 PX"))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Label xs"),e?l.createElement(l.Fragment,null,l.createElement("p",{className:"font-label-xs"},"font-label-xs: XS Label Regular, Inter Regular 12 PX"),l.createElement("p",{className:"font-label-xs-medium"},"font-label-xs-medium: XS Label Medium, Inter Medium 12 PX"),l.createElement("p",{className:"font-label-xs-semibold"},"font-label-xs-semibold: XS Label SemiBold, Inter SemiBold 12 PX")):l.createElement(l.Fragment,null,l.createElement("p",{className:"font-label-xs"},"font-label-xs: XS Label Regular, Maven Pro Regular 12 PX"),l.createElement("p",{className:"font-label-xs-medium"},"font-label-xs-medium: XS Label Medium, Maven Pro Medium 12 PX"),l.createElement("p",{className:"font-label-xs-semibold"},"font-label-xs-semibold: XS Label SemiBold, Maven Pro SemiBold 12 PX"))),l.createElement("section",{style:O},l.createElement("h2",{style:L},"Form Fields"),l.createElement(v.Op,t,l.createElement("form",{onSubmit:null==t?void 0:t.handleSubmit(a)},l.createElement("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-4"},l.createElement("div",{className:"flex flex-col gap-2"},l.createElement("h3",null,"Input Fields"),l.createElement(f.A,{name:"inputFieldEmpty",label:"Empty Input Field",className:""}),l.createElement(f.A,{defaultValue:"Default Value",name:"inputFieldDefault",label:"Default Input Field",className:"mt-4"}),l.createElement(f.A,{defaultValue:"Invalid Value",name:"inputFieldError",label:"Error Input Field",className:"mt-4",validation:{pattern:{value:/^[0-9]*$/,message:"Numeric values only"}}}),l.createElement(f.A,{name:"inputFieldLHEmpty",label:"Empty Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"})}),l.createElement(f.A,{defaultValue:"Default Value",name:"inputFieldLHDefault",label:"Default Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"})}),l.createElement(f.A,{defaultValue:"Invalid Value",name:"inputFieldLHError",label:"Error Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"}),validation:{pattern:{value:/^[0-9]*$/,message:"Numeric values only"}}}),l.createElement(f.A,{name:"inputFieldRHEmpty",label:"Empty Input Field",className:"mt-4",helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"})}),l.createElement(f.A,{defaultValue:"Default Value",name:"inputFieldRHDefault",label:"Default Input Field",className:"mt-4",helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"})}),l.createElement(f.A,{defaultValue:"Invalid Value",name:"inputFieldRHError",label:"Error Input Field",className:"mt-4",helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"}),validation:{pattern:{value:/^[0-9]*$/,message:"Numeric values only"}}}),l.createElement(f.A,{name:"inputFieldLHRHEmpty",label:"Empty Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"}),helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"})}),l.createElement(f.A,{defaultValue:"Default Value",name:"inputFieldLHRHDefault",label:"Default Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"}),helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"})}),l.createElement(f.A,{defaultValue:"Invalid Value",name:"inputFieldLHRHError",label:"Error Input Field",className:"mt-4",helperLeft:l.createElement(n.IconSearch,{className:"ml-3 self-center"}),helperRight:l.createElement(n.IconCheckCircle,{className:"mr-3 self-center"}),validation:{pattern:{value:/^[0-9]*$/,message:"Numeric values only"}}})),l.createElement("div",{className:"flex flex-col gap-2"},l.createElement("h3",null,"Radio and Checkboxes"),l.createElement(d.A,{label:"Checkbox Field Label",name:"checkboxNoDefault",className:"mb-4"}),l.createElement(d.A,{label:"Checkbox Field Label (default checked)",defaultChecked:!0,name:"checkboxDefault",className:"mb-4"}),l.createElement(d.A,{label:"Disabled Checkbox Field Label",name:"checkboxDisabled",className:"mb-4","aria-disabled":!0}),l.createElement("h3",null,"Select Fields"),l.createElement(h.A,{name:"selectField",label:"Default Select View",className:"mb-4"},r.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})})),l.createElement(h.A,{name:"defaultSelectField",label:"User Input",className:"mb-4",defaultValue:"option2"},r.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})})),l.createElement(h.A,{name:"noInputSelectField",label:"No Input Error",className:"mb-4",validation:{required:"This field is required"}},r.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})})),l.createElement(h.A,{name:"disabledSelectField",label:"Disabled Select",disabled:!0,className:"mb-4"},r.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})})),l.createElement(h.A,{name:"helperLeft",label:"Helper Left",className:"mb-4",helperLeft:l.createElement(n.IconStriper,{className:"self-center text-black"})},r.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})})),l.createElement(h.A,{name:"disabledInput",label:"Disabled Input",className:"mb-4"},o.map(function(e){var t=e.label,a=e.value,n=e.disabled;return l.createElement(E.A,{key:a,label:t,value:a,disabled:n})})),l.createElement(f.A,{name:"phoneNumber",label:"Phone Number",className:"mt-4 grid-cols-[2.5rem_1fr_2rem] [&_label]:ml-2",helperLeft:l.createElement(h.A,{name:"country",className:"pt-0.5 [&_button]:border-none",defaultValue:c[0].value},c.map(function(e){var t=e.label,a=e.value;return l.createElement(E.A,{key:a,label:t,value:a})}))}),l.createElement("h3",null,"No Default Radio"),l.createElement(p.A,{className:"grid grid-cols-2 gap-4",name:"noDefaultRadio",legend:"No Default Radio"},null==r?void 0:r.map(function(e){return l.createElement(b.A,w({key:e.value,id:"noDefaultRadio-".concat(e.value)},e))})),l.createElement("h3",null,"Default Radio"),l.createElement(p.A,{className:"grid grid-rows-2 gap-0",defaultValue:"option2",name:"defaultRadio",legend:"Default Radio"},null==r?void 0:r.map(function(e){return l.createElement(b.A,w({className:"border-x border-t border-solid border-boulder px-3 py-2 last:border-b",key:e.value,id:"defaultRadio-".concat(e.value)},e))})),l.createElement("h3",null,"Radio with Disabled Option"),l.createElement(p.A,{className:"grid grid-rows-3 gap-0",name:"radioWithDisabled",legend:"Radio with Disabled Option"},null==o?void 0:o.map(function(e){return l.createElement(b.A,w({className:"border-x border-t border-solid border-boulder px-3 py-2 last:border-b",key:e.value,id:"radioWithDisabled-".concat(e.value)},e))})),l.createElement("h3",null,"Radio with onChange Callback"),l.createElement(p.A,{name:"radioWithOnChange",legend:"Radio with onChange Callback",onChange:function(e){return console.log("Selected value:",e)}},null==r?void 0:r.map(function(e){return l.createElement(b.A,w({key:e.value,id:"radioWithOnChange-".concat(e.value)},e))}))),l.createElement("div",null,l.createElement("h3",null,"Loqate Field"),l.createElement(u.A,{country:"US",name:"loqateFieldEmpty",label:"Empty Loqate Field",className:"mt-4"}),l.createElement(u.A,{country:"US",name:"loqateFieldFilled",label:"Filled Loqate Field",defaultValue:"123 Fake Street",className:"mt-4"}),l.createElement(u.A,{country:"US",name:"loqateFieldError",label:"Error Loqate Field",defaultValue:"Invalid Address",className:"mt-4",validation:{validate:function(e){return"123 Fake Street"===e||"Please enter a valid address"}}}))),l.createElement(m.A,{type:"submit",className:"cta-primary"},"Submit"))))),l.createElement(j,null))},R={"Customer Service":["customerService.contactUs","customerService.external","customerService.n

4oShippingOutsideUS","customerService.shippingRestrictions","customerService.guidelineLink","customerService.returnLink","customerService.returnsHelpCenter","customerService.readyReturnBaseProd","customerService.readyReturnBaseLower"],"BOGO / Combo Deals":["bogo.flxCashUrl","bogo.returnInstructionsUrl","bogo.comboDealFaqUrl"],Loyalty:["loyalty.addToAppleWalletCode","loyalty.addToGoogleWalletCode","loyalty.shopNewArrivalsUrl"]};function B(e){var t=e.path,a=(0,x.L)(t);return l.createElement("tr",{className:"border-b border-on_cloud align-top","data-testid":"LinkRow"},l.createElement("td",{className:"p-2 font-mono text-sm"},t),l.createElement("td",{className:"p-2"},a?l.createElement("a",{href:a,target:"_blank",rel:"noopener noreferrer",className:"break-all text-sm text-link"},a):l.createElement("span",{className:"text-boulder"},"—")))}function j(){var e=(0,g.GV)(function(e){var t,a;return(null==(a=e.i18n)||null==(t=a.selected)?void 0:t.key)||"en"}),t=(0,g.GV)(function(e){return e.config.site});return l.createElement("section",{className:"px-4 py-8","data-testid":"LinksSection"},l.createElement("h2",{className:"mb-4 flex items-baseline gap-3 border-b border-gray_days pb-2"},"Localized Links",l.createElement("span",{className:"text-sm font-normal text-boulder"},t," · ",e)),Object.entries(R).map(function(e){var t=S(e,2),a=t[0],n=t[1];return l.createElement("div",{key:a,className:"mb-6"},l.createElement("h3",{className:"mb-2 text-base font-semibold"},a),l.createElement("table",{className:"w-full border-collapse text-sm"},l.createElement("thead",null,l.createElement("tr",{className:"bg-airforce_one text-left"},l.createElement("th",{className:"w-1/3 p-2"},"Path"),l.createElement("th",{className:"p-2"},"Resolved URL"))),l.createElement("tbody",null,n.map(function(e){return l.createElement(B,{key:e,path:e})}))))}))}function M(){return l.createElement("div",{className:"mx-auto mb-4 max-w-screen-xl px-4","data-testid":"StyleGuideNew"},l.createElement("h1",{id:"pageTitle",className:"font-heading-1 my-4 text-center md:my-8"},"Component Library"),l.createElement(F,null))}}}]);