@lifesg/react-design-system 1.0.0-alpha.19 → 1.0.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/accordion/index.js +4 -4
  2. package/accordion/index.js.map +1 -1
  3. package/alert/index.js +42 -42
  4. package/alert/index.js.map +1 -1
  5. package/box-container/index.js +5 -5
  6. package/box-container/index.js.map +1 -1
  7. package/breadcrumb/index.js +2 -2
  8. package/breadcrumb/index.js.map +1 -1
  9. package/button/index.js +125 -125
  10. package/button/index.js.map +1 -1
  11. package/card/index.js +23 -23
  12. package/card/index.js.map +1 -1
  13. package/checkbox/index.js +3 -3
  14. package/checkbox/index.js.map +1 -1
  15. package/cjs/index.js +44 -46
  16. package/cjs/index.js.map +1 -1
  17. package/color/color.d.ts +4 -59
  18. package/color/index.js +1 -1
  19. package/color/index.js.map +1 -1
  20. package/color/types.d.ts +4 -0
  21. package/date-input/index.js +53 -49
  22. package/date-input/index.js.map +1 -1
  23. package/design-token/design-token.d.ts +4 -0
  24. package/design-token/index.d.ts +2 -0
  25. package/design-token/index.js +6 -0
  26. package/design-token/index.js.map +1 -0
  27. package/{icon → design-token}/package.json +1 -1
  28. package/design-token/types.d.ts +7 -0
  29. package/error-display/index.js +92 -92
  30. package/error-display/index.js.map +1 -1
  31. package/feedback-rating/index.js +58 -58
  32. package/feedback-rating/index.js.map +1 -1
  33. package/footer/index.js +10 -10
  34. package/footer/index.js.map +1 -1
  35. package/form/index.js +144 -140
  36. package/form/index.js.map +1 -1
  37. package/icon-button/index.js +3 -3
  38. package/icon-button/index.js.map +1 -1
  39. package/index.d.ts +0 -1
  40. package/index.js +63 -65
  41. package/index.js.map +1 -1
  42. package/input/index.js +18 -14
  43. package/input/index.js.map +1 -1
  44. package/input-group/index.js +125 -121
  45. package/input-group/index.js.map +1 -1
  46. package/input-select/index.js +32 -28
  47. package/input-select/index.js.map +1 -1
  48. package/input-textarea/index.js +112 -108
  49. package/input-textarea/index.js.map +1 -1
  50. package/link-list/index.js +35 -35
  51. package/link-list/index.js.map +1 -1
  52. package/modal/index.js +15 -15
  53. package/modal/index.js.map +1 -1
  54. package/navbar/index.js +188 -188
  55. package/navbar/index.js.map +1 -1
  56. package/notification-banner/index.js +2 -2
  57. package/notification-banner/index.js.map +1 -1
  58. package/package.json +1 -1
  59. package/phone-number-input/index.js +126 -122
  60. package/phone-number-input/index.js.map +1 -1
  61. package/popover/index.js +7 -7
  62. package/popover/index.js.map +1 -1
  63. package/progress-indicator/index.js +7 -7
  64. package/progress-indicator/index.js.map +1 -1
  65. package/radio-button/index.js +7 -7
  66. package/radio-button/index.js.map +1 -1
  67. package/smart-app-banner/index.js +14 -14
  68. package/smart-app-banner/index.js.map +1 -1
  69. package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
  70. package/text/index.js +18 -18
  71. package/text/index.js.map +1 -1
  72. package/text/text-style.d.ts +4 -100
  73. package/text-list/index.js +7 -7
  74. package/text-list/index.js.map +1 -1
  75. package/theme/design-token-helper.d.ts +2 -0
  76. package/theme/index.js +1 -1
  77. package/theme/index.js.map +1 -1
  78. package/theme/types.d.ts +10 -1
  79. package/timeline/index.js +8 -8
  80. package/timeline/index.js.map +1 -1
  81. package/timepicker/index.js +61 -57
  82. package/timepicker/index.js.map +1 -1
  83. package/toggle-button/index.js +109 -109
  84. package/toggle-button/index.js.map +1 -1
  85. package/tooltip/index.js +5 -5
  86. package/tooltip/index.js.map +1 -1
  87. package/unit-number/index.js +113 -109
  88. package/unit-number/index.js.map +1 -1
  89. package/util/utility-types.d.ts +3 -0
  90. package/icon/document-with-pencil-icon.d.ts +0 -5
  91. package/icon/icon-data.d.ts +0 -3
  92. package/icon/icon-style.d.ts +0 -1
  93. package/icon/icon.d.ts +0 -6
  94. package/icon/index.d.ts +0 -2
  95. package/icon/index.js +0 -8
  96. package/icon/index.js.map +0 -1
  97. package/icon/location-unknown-icon.d.ts +0 -5
  98. package/icon/mail-unread-icon.d.ts +0 -5
  99. package/icon/types.d.ts +0 -18
@@ -1,143 +1,147 @@
1
- import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,useRef as i,useEffect as a}from"react";import l,{css as d}from"styled-components";var c;!function(e){e.transformWithSpaces=(e,t)=>{const n="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const n=Math.floor(t/9);return e.length>=2*n||1===e.split(" ").length&&e.length>n},e.truncateOneLine=(e,t,n,r)=>{let o=0;t>n&&(o=Math.floor((t-n)/8));const i=r+o;if(i<e.length){const t=Math.floor(i/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(c||(c={}));var u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},h=Array.isArray,s="object"==typeof u&&u&&u.Object===Object&&u,g="object"==typeof self&&self&&self.Object===Object&&self,p=s||g||Function("return this")(),f=p.Symbol,y=f,m=Object.prototype,v=m.hasOwnProperty,b=m.toString,F=y?y.toStringTag:void 0;var S=function(e){var t=v.call(e,F),n=e[F];try{e[F]=void 0;var r=!0}catch(e){}var o=b.call(e);return r&&(t?e[F]=n:delete e[F]),o},$=Object.prototype.toString;var B=S,w=function(e){return $.call(e)},H=f?f.toStringTag:void 0;var x=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":H&&H in Object(e)?B(e):w(e)};var D=x,C=function(e){return null!=e&&"object"==typeof e};var _=function(e){return"symbol"==typeof e||C(e)&&"[object Symbol]"==D(e)},z=h,k=_,O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,E=/^\w*$/;var N=function(e,t){if(z(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!k(e))||(E.test(e)||!O.test(e)||null!=t&&e in Object(t))};var A=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},W=x,L=A;var j,V=function(e){if(!L(e))return!1;var t=W(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},R=p["__core-js_shared__"],I=(j=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var T=function(e){return!!I&&I in e},P=Function.prototype.toString;var G=V,M=T,X=A,Z=function(e){if(null!=e){try{return P.call(e)}catch(e){}try{return e+""}catch(e){}}return""},U=/^\[object .+?Constructor\]$/,K=Function.prototype,q=Object.prototype,J=K.toString,Q=q.hasOwnProperty,Y=RegExp("^"+J.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var ee=function(e){return!(!X(e)||M(e))&&(G(e)?Y:U).test(Z(e))},te=function(e,t){return null==e?void 0:e[t]};var ne=function(e,t){var n=te(e,t);return ee(n)?n:void 0},re=ne(Object,"create"),oe=re;var ie=function(){this.__data__=oe?oe(null):{},this.size=0};var ae=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},le=re,de=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(le){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return de.call(t,e)?t[e]:void 0},ue=re,he=Object.prototype.hasOwnProperty;var se=re;var ge=ie,pe=ae,fe=ce,ye=function(e){var t=this.__data__;return ue?void 0!==t[e]:he.call(t,e)},me=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=se&&void 0===t?"__lodash_hash_undefined__":t,this};function ve(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ve.prototype.clear=ge,ve.prototype.delete=pe,ve.prototype.get=fe,ve.prototype.has=ye,ve.prototype.set=me;var be=ve;var Fe=function(){this.__data__=[],this.size=0};var Se=function(e,t){return e===t||e!=e&&t!=t};var $e=function(e,t){for(var n=e.length;n--;)if(Se(e[n][0],t))return n;return-1},Be=$e,we=Array.prototype.splice;var He=$e;var xe=$e;var De=$e;var Ce=Fe,_e=function(e){var t=this.__data__,n=Be(t,e);return!(n<0)&&(n==t.length-1?t.pop():we.call(t,n,1),--this.size,!0)},ze=function(e){var t=this.__data__,n=He(t,e);return n<0?void 0:t[n][1]},ke=function(e){return xe(this.__data__,e)>-1},Oe=function(e,t){var n=this.__data__,r=De(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Ee(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ee.prototype.clear=Ce,Ee.prototype.delete=_e,Ee.prototype.get=ze,Ee.prototype.has=ke,Ee.prototype.set=Oe;var Ne=Ee,Ae=ne(p,"Map"),We=be,Le=Ne,je=Ae;var Ve=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Re=function(e,t){var n=e.__data__;return Ve(t)?n["string"==typeof t?"string":"hash"]:n.map},Ie=Re;var Te=Re;var Pe=Re;var Ge=Re;var Me=function(){this.size=0,this.__data__={hash:new We,map:new(je||Le),string:new We}},Xe=function(e){var t=Ie(this,e).delete(e);return this.size-=t?1:0,t},Ze=function(e){return Te(this,e).get(e)},Ue=function(e){return Pe(this,e).has(e)},Ke=function(e,t){var n=Ge(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function qe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}qe.prototype.clear=Me,qe.prototype.delete=Xe,qe.prototype.get=Ze,qe.prototype.has=Ue,qe.prototype.set=Ke;var Je=qe;function Qe(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Qe.Cache||Je),n}Qe.Cache=Je;var Ye=Qe;var et=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,tt=/\\(\\)?/g,nt=function(e){var t=Ye(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(et,(function(e,n,r,o){t.push(r?o.replace(tt,"$1"):n||e)})),t}));var rt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},ot=h,it=_,at=f?f.prototype:void 0,lt=at?at.toString:void 0;var dt=function e(t){if("string"==typeof t)return t;if(ot(t))return rt(t,e)+"";if(it(t))return lt?lt.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=dt;var ut=h,ht=N,st=nt,gt=function(e){return null==e?"":ct(e)};var pt=_;var ft=function(e,t){return ut(e)?e:ht(e,t)?[e]:st(gt(e))},yt=function(e){if("string"==typeof e||pt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var mt=function(e,t){for(var n=0,r=(t=ft(t,e)).length;null!=e&&n<r;)e=e[yt(t[n++])];return n&&n==r?e:void 0};var vt=function(e,t,n){var r=null==e?void 0:mt(e,t);return void 0===r?n:r};const bt=(e,t,n)=>t?vt(n,t)||vt(e,t):n||e,Ft=(e,t)=>{const n=t||e.defaultValue;return vt(e.collections,n)};var St;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(St||(St={}));const $t={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}}},defaultValue:"base"},Bt=e=>t=>{const n=t.theme,r=Ft($t,n[St.colorScheme]);return n.options&&n.options.color?bt(r,e,n.options.color):bt(r,e)},wt={Brand:{1:Bt("Brand.1"),2:Bt("Brand.2"),3:Bt("Brand.3"),4:Bt("Brand.4"),5:Bt("Brand.5"),6:Bt("Brand.6")},Primary:Bt("Primary"),PrimaryDark:Bt("PrimaryDark"),Secondary:Bt("Secondary"),Accent:{Light:{1:Bt("Accent.Light.1"),2:Bt("Accent.Light.2"),3:Bt("Accent.Light.3"),4:Bt("Accent.Light.4"),5:Bt("Accent.Light.5"),6:Bt("Accent.Light.6")},Dark:{1:Bt("Accent.Dark.1"),2:Bt("Accent.Dark.2"),3:Bt("Accent.Dark.3")}},Neutral:{1:Bt("Neutral.1"),2:Bt("Neutral.2"),3:Bt("Neutral.3"),4:Bt("Neutral.4"),5:Bt("Neutral.5"),6:Bt("Neutral.6"),7:Bt("Neutral.7"),8:Bt("Neutral.8")},Validation:{Green:{Text:Bt("Validation.Green.Text"),Icon:Bt("Validation.Green.Icon"),Border:Bt("Validation.Green.Border"),Background:Bt("Validation.Green.Background")},Orange:{Text:Bt("Validation.Orange.Text"),Icon:Bt("Validation.Orange.Icon"),Border:Bt("Validation.Orange.Border"),Background:Bt("Validation.Orange.Background"),Badge:Bt("Validation.Orange.Badge")},Red:{Text:Bt("Validation.Red.Text"),Icon:Bt("Validation.Red.Icon"),Border:Bt("Validation.Red.Border"),Background:Bt("Validation.Red.Background")}}},Ht={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},xt={collections:{base:{D1:{fontFamily:Ht.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Ht.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Ht.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Ht.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Ht.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Ht.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Ht.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Ht.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Ht.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Ht.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Ht.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Ht.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Ht.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Ht.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Dt=e=>t=>{const n=t.theme,r=Ft(xt,n[St.textStyleScheme]);return n.options&&n.options.textStyle?bt(r,e,n.options.textStyle):bt(r,e)},Ct={D1:{fontFamily:Dt("D1.fontFamily"),fontSize:Dt("D1.fontSize"),fontWeight:Dt("D1.fontWeight"),lineHeight:Dt("D1.lineHeight"),letterSpacing:Dt("D1.letterSpacing")},D2:{fontFamily:Dt("D2.fontFamily"),fontSize:Dt("D2.fontSize"),fontWeight:Dt("D2.fontWeight"),lineHeight:Dt("D2.lineHeight"),letterSpacing:Dt("D2.letterSpacing")},D3:{fontFamily:Dt("D3.fontFamily"),fontSize:Dt("D3.fontSize"),fontWeight:Dt("D3.fontWeight"),lineHeight:Dt("D3.lineHeight"),letterSpacing:Dt("D3.letterSpacing")},D4:{fontFamily:Dt("D4.fontFamily"),fontSize:Dt("D4.fontSize"),fontWeight:Dt("D4.fontWeight"),lineHeight:Dt("D4.lineHeight"),letterSpacing:Dt("D4.letterSpacing")},DBody:{fontFamily:Dt("DBody.fontFamily"),fontSize:Dt("DBody.fontSize"),fontWeight:Dt("DBody.fontWeight"),lineHeight:Dt("DBody.lineHeight"),letterSpacing:Dt("DBody.letterSpacing")},H1:{fontFamily:Dt("H1.fontFamily"),fontSize:Dt("H1.fontSize"),fontWeight:Dt("H1.fontWeight"),lineHeight:Dt("H1.lineHeight"),letterSpacing:Dt("H1.letterSpacing")},H2:{fontFamily:Dt("H2.fontFamily"),fontSize:Dt("H2.fontSize"),fontWeight:Dt("H2.fontWeight"),lineHeight:Dt("H2.lineHeight"),letterSpacing:Dt("H2.letterSpacing")},H3:{fontFamily:Dt("H3.fontFamily"),fontSize:Dt("H3.fontSize"),fontWeight:Dt("H3.fontWeight"),lineHeight:Dt("H3.lineHeight"),letterSpacing:Dt("H3.letterSpacing")},H4:{fontFamily:Dt("H4.fontFamily"),fontSize:Dt("H4.fontSize"),fontWeight:Dt("H4.fontWeight"),lineHeight:Dt("H4.lineHeight"),letterSpacing:Dt("H4.letterSpacing")},H5:{fontFamily:Dt("H5.fontFamily"),fontSize:Dt("H5.fontSize"),fontWeight:Dt("H5.fontWeight"),lineHeight:Dt("H5.lineHeight"),letterSpacing:Dt("H5.letterSpacing")},H6:{fontFamily:Dt("H6.fontFamily"),fontSize:Dt("H6.fontSize"),fontWeight:Dt("H6.fontWeight"),lineHeight:Dt("H6.lineHeight"),letterSpacing:Dt("H6.letterSpacing")},Body:{fontFamily:Dt("Body.fontFamily"),fontSize:Dt("Body.fontSize"),fontWeight:Dt("Body.fontWeight"),lineHeight:Dt("Body.lineHeight"),letterSpacing:Dt("Body.letterSpacing")},BodySmall:{fontFamily:Dt("BodySmall.fontFamily"),fontSize:Dt("BodySmall.fontSize"),fontWeight:Dt("BodySmall.fontWeight"),lineHeight:Dt("BodySmall.lineHeight"),letterSpacing:Dt("BodySmall.letterSpacing")},XSmall:{fontFamily:Dt("XSmall.fontFamily"),fontSize:Dt("XSmall.fontSize"),fontWeight:Dt("XSmall.fontWeight"),lineHeight:Dt("XSmall.lineHeight"),letterSpacing:Dt("XSmall.letterSpacing")}},_t=e=>{switch(e){case 700:case"bold":return Ht.Bold;case 600:case"semibold":return Ht.Semibold;case 300:case"light":return Ht.Light;case 400:case"regular":return Ht.Regular;default:return""}},zt=(e,t)=>n=>{const r=Ct[e].fontFamily(n),o=Ct[e].fontWeight(n);return Object.values(Ht).includes(r)?d`
2
- font-family: ${_t(t)||_t(o)||r};
1
+ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,useRef as a,useEffect as i}from"react";import l,{css as d}from"styled-components";var c;!function(e){e.transformWithSpaces=(e,t)=>{const n="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(n,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const n=Math.floor(t/9);return e.length>=2*n||1===e.split(" ").length&&e.length>n},e.truncateOneLine=(e,t,n,r)=>{let o=0;t>n&&(o=Math.floor((t-n)/8));const a=r+o;if(a<e.length){const t=Math.floor(a/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(c||(c={}));var u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},h=Array.isArray,s="object"==typeof u&&u&&u.Object===Object&&u,g="object"==typeof self&&self&&self.Object===Object&&self,p=s||g||Function("return this")(),f=p.Symbol,y=f,m=Object.prototype,v=m.hasOwnProperty,S=m.toString,b=y?y.toStringTag:void 0;var F=function(e){var t=v.call(e,b),n=e[b];try{e[b]=void 0;var r=!0}catch(e){}var o=S.call(e);return r&&(t?e[b]=n:delete e[b]),o},$=Object.prototype.toString;var w=F,B=function(e){return $.call(e)},H=f?f.toStringTag:void 0;var x=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":H&&H in Object(e)?w(e):B(e)};var D=x,C=function(e){return null!=e&&"object"==typeof e};var _=function(e){return"symbol"==typeof e||C(e)&&"[object Symbol]"==D(e)},k=h,z=_,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,O=/^\w*$/;var N=function(e,t){if(k(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!z(e))||(O.test(e)||!E.test(e)||null!=t&&e in Object(t))};var A=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},W=x,L=A;var V,j=function(e){if(!L(e))return!1;var t=W(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},R=p["__core-js_shared__"],T=(V=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+V:"";var I=function(e){return!!T&&T in e},P=Function.prototype.toString;var G=j,M=I,X=A,Z=function(e){if(null!=e){try{return P.call(e)}catch(e){}try{return e+""}catch(e){}}return""},U=/^\[object .+?Constructor\]$/,K=Function.prototype,q=Object.prototype,J=K.toString,Q=q.hasOwnProperty,Y=RegExp("^"+J.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var ee=function(e){return!(!X(e)||M(e))&&(G(e)?Y:U).test(Z(e))},te=function(e,t){return null==e?void 0:e[t]};var ne=function(e,t){var n=te(e,t);return ee(n)?n:void 0},re=ne(Object,"create"),oe=re;var ae=function(){this.__data__=oe?oe(null):{},this.size=0};var ie=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},le=re,de=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(le){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return de.call(t,e)?t[e]:void 0},ue=re,he=Object.prototype.hasOwnProperty;var se=re;var ge=ae,pe=ie,fe=ce,ye=function(e){var t=this.__data__;return ue?void 0!==t[e]:he.call(t,e)},me=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=se&&void 0===t?"__lodash_hash_undefined__":t,this};function ve(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ve.prototype.clear=ge,ve.prototype.delete=pe,ve.prototype.get=fe,ve.prototype.has=ye,ve.prototype.set=me;var Se=ve;var be=function(){this.__data__=[],this.size=0};var Fe=function(e,t){return e===t||e!=e&&t!=t};var $e=function(e,t){for(var n=e.length;n--;)if(Fe(e[n][0],t))return n;return-1},we=$e,Be=Array.prototype.splice;var He=$e;var xe=$e;var De=$e;var Ce=be,_e=function(e){var t=this.__data__,n=we(t,e);return!(n<0)&&(n==t.length-1?t.pop():Be.call(t,n,1),--this.size,!0)},ke=function(e){var t=this.__data__,n=He(t,e);return n<0?void 0:t[n][1]},ze=function(e){return xe(this.__data__,e)>-1},Ee=function(e,t){var n=this.__data__,r=De(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Oe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Oe.prototype.clear=Ce,Oe.prototype.delete=_e,Oe.prototype.get=ke,Oe.prototype.has=ze,Oe.prototype.set=Ee;var Ne=Oe,Ae=ne(p,"Map"),We=Se,Le=Ne,Ve=Ae;var je=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Re=function(e,t){var n=e.__data__;return je(t)?n["string"==typeof t?"string":"hash"]:n.map},Te=Re;var Ie=Re;var Pe=Re;var Ge=Re;var Me=function(){this.size=0,this.__data__={hash:new We,map:new(Ve||Le),string:new We}},Xe=function(e){var t=Te(this,e).delete(e);return this.size-=t?1:0,t},Ze=function(e){return Ie(this,e).get(e)},Ue=function(e){return Pe(this,e).has(e)},Ke=function(e,t){var n=Ge(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function qe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}qe.prototype.clear=Me,qe.prototype.delete=Xe,qe.prototype.get=Ze,qe.prototype.has=Ue,qe.prototype.set=Ke;var Je=qe;function Qe(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],a=n.cache;if(a.has(o))return a.get(o);var i=e.apply(this,r);return n.cache=a.set(o,i)||a,i};return n.cache=new(Qe.Cache||Je),n}Qe.Cache=Je;var Ye=Qe;var et=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,tt=/\\(\\)?/g,nt=function(e){var t=Ye(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(et,(function(e,n,r,o){t.push(r?o.replace(tt,"$1"):n||e)})),t}));var rt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},ot=h,at=_,it=f?f.prototype:void 0,lt=it?it.toString:void 0;var dt=function e(t){if("string"==typeof t)return t;if(ot(t))return rt(t,e)+"";if(at(t))return lt?lt.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=dt;var ut=h,ht=N,st=nt,gt=function(e){return null==e?"":ct(e)};var pt=_;var ft=function(e,t){return ut(e)?e:ht(e,t)?[e]:st(gt(e))},yt=function(e){if("string"==typeof e||pt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var mt=function(e,t){for(var n=0,r=(t=ft(t,e)).length;null!=e&&n<r;)e=e[yt(t[n++])];return n&&n==r?e:void 0};var vt=function(e,t,n){var r=null==e?void 0:mt(e,t);return void 0===r?n:r};const St=(e,t,n)=>t?vt(n,t)||vt(e,t):n||e,bt=(e,t)=>{const n=t||e.defaultValue;return vt(e.collections,n)};var Ft;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(Ft||(Ft={}));const $t={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}}},defaultValue:"base"},wt=e=>t=>{const n=t.theme,r=bt($t,n[Ft.colorScheme]);return n.options&&n.options.color?St(r,e,n.options.color):St(r,e)},Bt={Brand:{1:wt("Brand.1"),2:wt("Brand.2"),3:wt("Brand.3"),4:wt("Brand.4"),5:wt("Brand.5"),6:wt("Brand.6")},Primary:wt("Primary"),PrimaryDark:wt("PrimaryDark"),Secondary:wt("Secondary"),Accent:{Light:{1:wt("Accent.Light.1"),2:wt("Accent.Light.2"),3:wt("Accent.Light.3"),4:wt("Accent.Light.4"),5:wt("Accent.Light.5"),6:wt("Accent.Light.6")},Dark:{1:wt("Accent.Dark.1"),2:wt("Accent.Dark.2"),3:wt("Accent.Dark.3")}},Neutral:{1:wt("Neutral.1"),2:wt("Neutral.2"),3:wt("Neutral.3"),4:wt("Neutral.4"),5:wt("Neutral.5"),6:wt("Neutral.6"),7:wt("Neutral.7"),8:wt("Neutral.8")},Validation:{Green:{Text:wt("Validation.Green.Text"),Icon:wt("Validation.Green.Icon"),Border:wt("Validation.Green.Border"),Background:wt("Validation.Green.Background")},Orange:{Text:wt("Validation.Orange.Text"),Icon:wt("Validation.Orange.Icon"),Border:wt("Validation.Orange.Border"),Background:wt("Validation.Orange.Background"),Badge:wt("Validation.Orange.Badge")},Red:{Text:wt("Validation.Red.Text"),Icon:wt("Validation.Red.Icon"),Border:wt("Validation.Red.Border"),Background:wt("Validation.Red.Background")}},Shadow:{Accent:wt("Shadow.Accent"),Red:wt("Shadow.Red")}},Ht={collections:{base:{InputBoxShadow:d`
2
+ inset 0 0 6px 1px ${Bt.Shadow.Accent}
3
+ `,InputErrorBoxShadow:d`
4
+ inset 0 0 6px 1px ${Bt.Shadow.Red}
5
+ `}},defaultValue:"base"},xt=e=>t=>{const n=t.theme,r=bt(Ht,n[Ft.designTokenScheme]);return n.options?.designToken?St(r,e,n.options.designToken):St(r,e)},Dt=xt("InputBoxShadow"),Ct=xt("InputErrorBoxShadow"),_t={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},kt={collections:{base:{D1:{fontFamily:_t.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:_t.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:_t.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:_t.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:_t.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:_t.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:_t.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:_t.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:_t.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:_t.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:_t.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:_t.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:_t.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:_t.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},zt=e=>t=>{const n=t.theme,r=bt(kt,n[Ft.textStyleScheme]);return n.options&&n.options.textStyle?St(r,e,n.options.textStyle):St(r,e)},Et={D1:{fontFamily:zt("D1.fontFamily"),fontSize:zt("D1.fontSize"),fontWeight:zt("D1.fontWeight"),lineHeight:zt("D1.lineHeight"),letterSpacing:zt("D1.letterSpacing")},D2:{fontFamily:zt("D2.fontFamily"),fontSize:zt("D2.fontSize"),fontWeight:zt("D2.fontWeight"),lineHeight:zt("D2.lineHeight"),letterSpacing:zt("D2.letterSpacing")},D3:{fontFamily:zt("D3.fontFamily"),fontSize:zt("D3.fontSize"),fontWeight:zt("D3.fontWeight"),lineHeight:zt("D3.lineHeight"),letterSpacing:zt("D3.letterSpacing")},D4:{fontFamily:zt("D4.fontFamily"),fontSize:zt("D4.fontSize"),fontWeight:zt("D4.fontWeight"),lineHeight:zt("D4.lineHeight"),letterSpacing:zt("D4.letterSpacing")},DBody:{fontFamily:zt("DBody.fontFamily"),fontSize:zt("DBody.fontSize"),fontWeight:zt("DBody.fontWeight"),lineHeight:zt("DBody.lineHeight"),letterSpacing:zt("DBody.letterSpacing")},H1:{fontFamily:zt("H1.fontFamily"),fontSize:zt("H1.fontSize"),fontWeight:zt("H1.fontWeight"),lineHeight:zt("H1.lineHeight"),letterSpacing:zt("H1.letterSpacing")},H2:{fontFamily:zt("H2.fontFamily"),fontSize:zt("H2.fontSize"),fontWeight:zt("H2.fontWeight"),lineHeight:zt("H2.lineHeight"),letterSpacing:zt("H2.letterSpacing")},H3:{fontFamily:zt("H3.fontFamily"),fontSize:zt("H3.fontSize"),fontWeight:zt("H3.fontWeight"),lineHeight:zt("H3.lineHeight"),letterSpacing:zt("H3.letterSpacing")},H4:{fontFamily:zt("H4.fontFamily"),fontSize:zt("H4.fontSize"),fontWeight:zt("H4.fontWeight"),lineHeight:zt("H4.lineHeight"),letterSpacing:zt("H4.letterSpacing")},H5:{fontFamily:zt("H5.fontFamily"),fontSize:zt("H5.fontSize"),fontWeight:zt("H5.fontWeight"),lineHeight:zt("H5.lineHeight"),letterSpacing:zt("H5.letterSpacing")},H6:{fontFamily:zt("H6.fontFamily"),fontSize:zt("H6.fontSize"),fontWeight:zt("H6.fontWeight"),lineHeight:zt("H6.lineHeight"),letterSpacing:zt("H6.letterSpacing")},Body:{fontFamily:zt("Body.fontFamily"),fontSize:zt("Body.fontSize"),fontWeight:zt("Body.fontWeight"),lineHeight:zt("Body.lineHeight"),letterSpacing:zt("Body.letterSpacing")},BodySmall:{fontFamily:zt("BodySmall.fontFamily"),fontSize:zt("BodySmall.fontSize"),fontWeight:zt("BodySmall.fontWeight"),lineHeight:zt("BodySmall.lineHeight"),letterSpacing:zt("BodySmall.letterSpacing")},XSmall:{fontFamily:zt("XSmall.fontFamily"),fontSize:zt("XSmall.fontSize"),fontWeight:zt("XSmall.fontWeight"),lineHeight:zt("XSmall.lineHeight"),letterSpacing:zt("XSmall.letterSpacing")}},Ot=e=>{switch(e){case 700:case"bold":return _t.Bold;case 600:case"semibold":return _t.Semibold;case 300:case"light":return _t.Light;case 400:case"regular":return _t.Regular;default:return""}},Nt=(e,t)=>n=>{const r=Et[e].fontFamily(n),o=Et[e].fontWeight(n);return Object.values(_t).includes(r)?d`
6
+ font-family: ${Ot(t)||Ot(o)||r};
3
7
  font-weight: normal !important;
4
8
  `:d`
5
9
  font-family: ${r};
6
- font-weight: ${(kt(t)||o)??"normal"};
7
- `},kt=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},Ot=(e,t,n=!1)=>r=>{const o=Ct[e],i=o.fontSize(r);return d`
8
- ${zt(e,t)}
9
- font-size: ${i}rem !important;
10
+ font-weight: ${(At(t)||o)??"normal"};
11
+ `},At=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},Wt=(e,t,n=!1)=>r=>{const o=Et[e],a=o.fontSize(r);return d`
12
+ ${Nt(e,t)}
13
+ font-size: ${a}rem !important;
10
14
  line-height: ${o.lineHeight}rem !important;
11
15
  letter-spacing: ${o.letterSpacing(r)||0}rem !important;
12
16
  ${d`
13
- margin-bottom: ${i*(n?1.05:0)}rem;
17
+ margin-bottom: ${a*(n?1.05:0)}rem;
14
18
  `}
15
- `},Et=(e=!1,t=!1)=>t?d`
19
+ `},Lt=(e=!1,t=!1)=>t?d`
16
20
  display: block;
17
21
  `:e?d`
18
22
  display: inline;
19
23
  `:d`
20
24
  display: block;
21
- `;var Nt,At={};Object.defineProperty(At,"__esModule",{value:!0});var Wt=e;const Lt=e=>Wt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Wt.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var jt;Lt.displayName="ExternalIcon",Nt=At.ExternalIcon=Lt,function(e){e.D1=l.h1`
25
+ `;var Vt,jt={};Object.defineProperty(jt,"__esModule",{value:!0});var Rt=e;const Tt=e=>Rt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Rt.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var It;Tt.displayName="ExternalIcon",Vt=jt.ExternalIcon=Tt,function(e){e.D1=l.h1`
22
26
  ${e=>d`
23
- ${Ot("D1",e.weight,e.paragraph)}
24
- color: ${wt.Neutral[1]};
25
- ${Et(e.inline,e.paragraph)}
27
+ ${Wt("D1",e.weight,e.paragraph)}
28
+ color: ${Bt.Neutral[1]};
29
+ ${Lt(e.inline,e.paragraph)}
26
30
  `}
27
31
  `,e.D2=l.h1`
28
32
  ${e=>d`
29
- ${Ot("D2",e.weight,e.paragraph)}
30
- color: ${wt.Neutral[1]};
31
- ${Et(e.inline,e.paragraph)}
33
+ ${Wt("D2",e.weight,e.paragraph)}
34
+ color: ${Bt.Neutral[1]};
35
+ ${Lt(e.inline,e.paragraph)}
32
36
  `}
33
37
  `,e.D3=l.h1`
34
38
  ${e=>d`
35
- ${Ot("D3",e.weight,e.paragraph)}
36
- color: ${wt.Neutral[1]};
37
- ${Et(e.inline,e.paragraph)}
39
+ ${Wt("D3",e.weight,e.paragraph)}
40
+ color: ${Bt.Neutral[1]};
41
+ ${Lt(e.inline,e.paragraph)}
38
42
  `}
39
43
  `,e.D4=l.h1`
40
44
  ${e=>d`
41
- ${Ot("D4",e.weight,e.paragraph)}
42
- color: ${wt.Neutral[1]};
43
- ${Et(e.inline,e.paragraph)}
45
+ ${Wt("D4",e.weight,e.paragraph)}
46
+ color: ${Bt.Neutral[1]};
47
+ ${Lt(e.inline,e.paragraph)}
44
48
  `}
45
49
  `,e.DBody=l.h1`
46
50
  ${e=>d`
47
- ${Ot("DBody",e.weight,e.paragraph)}
48
- color: ${wt.Neutral[1]};
49
- ${Et(e.inline,e.paragraph)}
51
+ ${Wt("DBody",e.weight,e.paragraph)}
52
+ color: ${Bt.Neutral[1]};
53
+ ${Lt(e.inline,e.paragraph)}
50
54
  `}
51
55
  `,e.H1=l.h1`
52
56
  ${e=>d`
53
- ${Ot("H1",e.weight,e.paragraph)}
54
- color: ${wt.Neutral[1]};
55
- ${Et(e.inline,e.paragraph)}
57
+ ${Wt("H1",e.weight,e.paragraph)}
58
+ color: ${Bt.Neutral[1]};
59
+ ${Lt(e.inline,e.paragraph)}
56
60
  `}
57
61
  `,e.H2=l.h2`
58
62
  ${e=>d`
59
- ${Ot("H2",e.weight,e.paragraph)}
60
- color: ${wt.Neutral[1]};
61
- ${Et(e.inline,e.paragraph)}
63
+ ${Wt("H2",e.weight,e.paragraph)}
64
+ color: ${Bt.Neutral[1]};
65
+ ${Lt(e.inline,e.paragraph)}
62
66
  `}
63
67
  `,e.H3=l.h3`
64
68
  ${e=>d`
65
- ${Ot("H3",e.weight,e.paragraph)}
66
- color: ${wt.Neutral[1]};
67
- ${Et(e.inline,e.paragraph)}
69
+ ${Wt("H3",e.weight,e.paragraph)}
70
+ color: ${Bt.Neutral[1]};
71
+ ${Lt(e.inline,e.paragraph)}
68
72
  `}
69
73
  `,e.H4=l.h4`
70
74
  ${e=>d`
71
- ${Ot("H4",e.weight,e.paragraph)}
72
- color: ${wt.Neutral[1]};
73
- ${Et(e.inline,e.paragraph)}
75
+ ${Wt("H4",e.weight,e.paragraph)}
76
+ color: ${Bt.Neutral[1]};
77
+ ${Lt(e.inline,e.paragraph)}
74
78
  `}
75
79
  `,e.H5=l.h5`
76
80
  ${e=>d`
77
- ${Ot("H5",e.weight,e.paragraph)}
78
- color: ${wt.Neutral[1]};
79
- ${Et(e.inline,e.paragraph)}
81
+ ${Wt("H5",e.weight,e.paragraph)}
82
+ color: ${Bt.Neutral[1]};
83
+ ${Lt(e.inline,e.paragraph)}
80
84
  `}
81
85
  `,e.H6=l.h6`
82
86
  ${e=>d`
83
- ${Ot("H6",e.weight,e.paragraph)}
84
- color: ${wt.Neutral[1]};
85
- ${Et(e.inline,e.paragraph)}
87
+ ${Wt("H6",e.weight,e.paragraph)}
88
+ color: ${Bt.Neutral[1]};
89
+ ${Lt(e.inline,e.paragraph)}
86
90
  `}
87
91
  `,e.Body=l.p`
88
92
  ${e=>d`
89
- ${Ot("Body",e.weight,e.paragraph)}
90
- color: ${wt.Neutral[1]};
91
- ${Et(e.inline,e.paragraph)}
93
+ ${Wt("Body",e.weight,e.paragraph)}
94
+ color: ${Bt.Neutral[1]};
95
+ ${Lt(e.inline,e.paragraph)}
92
96
  `}
93
97
  `,e.BodySmall=l.p`
94
98
  ${e=>d`
95
- ${Ot("BodySmall",e.weight,e.paragraph)}
96
- color: ${wt.Neutral[1]};
97
- ${Et(e.inline,e.paragraph)}
99
+ ${Wt("BodySmall",e.weight,e.paragraph)}
100
+ color: ${Bt.Neutral[1]};
101
+ ${Lt(e.inline,e.paragraph)}
98
102
  `}
99
103
  `,e.XSmall=l.span`
100
104
  ${e=>d`
101
- ${Ot("XSmall",e.weight,e.paragraph)}
102
- color: ${wt.Neutral[1]};
103
- ${Et(e.inline,e.paragraph)}
105
+ ${Wt("XSmall",e.weight,e.paragraph)}
106
+ color: ${Bt.Neutral[1]};
107
+ ${Lt(e.inline,e.paragraph)}
104
108
  `}
105
- `,e.Hyperlink={Default:e=>It({...e,textStyle:"Body"}),Small:e=>It({...e,textStyle:"BodySmall"})}}(jt||(jt={}));const Vt=l.a`
109
+ `,e.Hyperlink={Default:e=>Mt({...e,textStyle:"Body"}),Small:e=>Mt({...e,textStyle:"BodySmall"})}}(It||(It={}));const Pt=l.a`
106
110
  ${e=>d`
107
- ${Ot(e.textStyle,e.weight)}
108
- color: ${wt.Primary};
111
+ ${Wt(e.textStyle,e.weight)}
112
+ color: ${Bt.Primary};
109
113
  text-decoration: none;
110
114
 
111
115
  :hover,
112
116
  :active,
113
117
  :focus {
114
- color: ${wt.Secondary};
118
+ color: ${Bt.Secondary};
115
119
 
116
120
  svg {
117
- color: ${wt.Secondary};
121
+ color: ${Bt.Secondary};
118
122
  }
119
123
  }
120
124
  `}
121
- `,Rt=l(Nt)`
125
+ `,Gt=l(Vt)`
122
126
  height: 1rem;
123
127
  width: 1rem;
124
128
  margin-left: 0.4rem;
125
129
  vertical-align: middle;
126
- `,It=({external:e=!1,children:r,...o})=>t(Vt,{...o,children:[r,e&&n(Rt,{})]}),Tt=l.div`
130
+ `,Mt=({external:e=!1,children:r,...o})=>t(Pt,{...o,children:[r,e&&n(Gt,{})]}),Xt=l.div`
127
131
  display: flex;
128
132
  position: relative;
129
133
  align-items: center;
130
- border: 1px solid ${wt.Neutral[5]};
134
+ border: 1px solid ${Bt.Neutral[5]};
131
135
  border-radius: 4px;
132
- background: ${wt.Neutral[8]};
136
+ background: ${Bt.Neutral[8]};
133
137
  height: 3rem;
134
138
  width: 100%;
135
139
  padding: 0;
136
140
 
137
141
  :focus,
138
142
  :focus-within {
139
- border: 1px solid ${wt.Accent.Light[1]};
140
- box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
143
+ border: 1px solid ${Bt.Accent.Light[1]};
144
+ box-shadow: ${Dt};
141
145
  }
142
146
 
143
147
  ${e=>e.$readOnly?d`
@@ -150,32 +154,32 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
150
154
  box-shadow: none;
151
155
  }
152
156
  `:e.disabled?d`
153
- background: ${wt.Neutral[6](e)};
157
+ background: ${Bt.Neutral[6](e)};
154
158
  :hover {
155
159
  cursor: not-allowed;
156
160
  }
157
161
 
158
162
  :focus-within {
159
- border: 1px solid ${wt.Neutral[5](e)};
163
+ border: 1px solid ${Bt.Neutral[5](e)};
160
164
  box-shadow: none;
161
165
  }
162
166
  `:e.$error?d`
163
- border: 1px solid ${wt.Validation.Red.Border(e)};
167
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
164
168
 
165
169
  :focus-within {
166
- border: 1px solid ${wt.Validation.Red.Border(e)};
167
- box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
170
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
171
+ box-shadow: ${Ct};
168
172
  }
169
173
  `:void 0}
170
- `,Pt=l.div`
174
+ `,Zt=l.div`
171
175
  position: absolute;
172
176
  top: 0;
173
177
  left: ${e=>e.$readOnly?"1rem":"2rem"};
174
178
  height: 100%;
175
179
  display: flex;
176
180
  align-items: center;
177
- `,Gt=l.input`
178
- ${Ot("Body","regular")}
181
+ `,Ut=l.input`
182
+ ${Wt("Body","regular")}
179
183
  background: transparent;
180
184
  height: 100%;
181
185
  width: 3rem;
@@ -204,34 +208,34 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
204
208
  ${e=>{if(e.disabled)return d`
205
209
  cursor: not-allowed;
206
210
  `}}
207
- `,Mt=l(Gt)`
211
+ `,Kt=l(Ut)`
208
212
  width: 4.5rem;
209
- `,Xt=l(jt.Body)`
213
+ `,qt=l(It.Body)`
210
214
  margin-left: 0.1rem;
211
215
  ${e=>{if(e.$hide)return d`
212
- color: ${wt.Neutral[3]};
216
+ color: ${Bt.Neutral[3]};
213
217
  `}}
214
- `;var Zt,Ut={};Object.defineProperty(Ut,"__esModule",{value:!0});var Kt=e;const qt=e=>Kt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Kt.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});qt.displayName="CrossIcon",Zt=Ut.CrossIcon=qt;const Jt=l.div`
215
- ${Ot("Body","regular")}
216
- border: 1px solid ${wt.Neutral[5]};
218
+ `;var Jt,Qt={};Object.defineProperty(Qt,"__esModule",{value:!0});var Yt=e;const en=e=>Yt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Yt.jsx("path",{d:"M9.99991 11.229L5.97891 15.25C5.81224 15.4167 5.61091 15.4967 5.37491 15.49C5.13891 15.4827 4.93757 15.3957 4.77091 15.229C4.60424 15.0623 4.52091 14.8577 4.52091 14.615C4.52091 14.3717 4.60424 14.1667 4.77091 14L8.77091 10L4.74991 5.979C4.58324 5.81233 4.50324 5.60767 4.50991 5.365C4.51724 5.12167 4.60424 4.91667 4.77091 4.75C4.93757 4.58333 5.14224 4.5 5.38491 4.5C5.62824 4.5 5.83324 4.58333 5.99991 4.75L9.99991 8.771L14.0209 4.75C14.1876 4.58333 14.3922 4.5 14.6349 4.5C14.8782 4.5 15.0832 4.58333 15.2499 4.75C15.4166 4.91667 15.4999 5.12167 15.4999 5.365C15.4999 5.60767 15.4166 5.81233 15.2499 5.979L11.2289 10L15.2499 14.021C15.4166 14.1877 15.4999 14.389 15.4999 14.625C15.4999 14.861 15.4166 15.0623 15.2499 15.229C15.0832 15.3957 14.8782 15.479 14.6349 15.479C14.3922 15.479 14.1876 15.3957 14.0209 15.229L9.99991 11.229Z",fill:"currentColor"})});en.displayName="CrossIcon",Jt=Qt.CrossIcon=en;const tn=l.div`
219
+ ${Wt("Body","regular")}
220
+ border: 1px solid ${Bt.Neutral[5]};
217
221
  border-radius: 4px;
218
222
  display: flex;
219
223
  position: relative;
220
224
  flex-direction: row;
221
225
  height: 100%;
222
226
  width: 100%;
223
- background: ${wt.Neutral[8]};
224
- color: ${wt.Neutral[1]};
227
+ background: ${Bt.Neutral[8]};
228
+ color: ${Bt.Neutral[1]};
225
229
 
226
230
  :focus-within {
227
231
  outline: none;
228
- border: 1px solid ${wt.Accent.Light[1]};
229
- box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
232
+ border: 1px solid ${Bt.Accent.Light[1]};
233
+ box-shadow: ${Dt};
230
234
  }
231
235
 
232
236
  ::placeholder,
233
237
  ::-webkit-input-placeholder {
234
- color: ${wt.Neutral[3]};
238
+ color: ${Bt.Neutral[3]};
235
239
  }
236
240
 
237
241
  ${e=>{if("number"===e.type)return d`
@@ -255,32 +259,32 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
255
259
  box-shadow: none;
256
260
  }
257
261
  `:e.disabled?d`
258
- background: ${wt.Neutral[6](e)};
262
+ background: ${Bt.Neutral[6](e)};
259
263
  :hover {
260
264
  cursor: not-allowed;
261
265
  }
262
266
 
263
267
  :focus-within {
264
268
  outline: none;
265
- border: 1px solid ${wt.Neutral[5](e)};
269
+ border: 1px solid ${Bt.Neutral[5](e)};
266
270
  box-shadow: none;
267
271
  }
268
272
  `:e.error?d`
269
- border: 1px solid ${wt.Validation.Red.Border(e)};
273
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
270
274
 
271
275
  :focus-within {
272
- border: 1px solid ${wt.Validation.Red.Border(e)};
273
- box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
276
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
277
+ box-shadow: ${Ct};
274
278
  }
275
279
  `:void 0}
276
- `,Qt=l.input`
280
+ `,nn=l.input`
277
281
  // overwrite default styles
278
282
  background: transparent;
279
283
  border: none;
280
284
  height: 3rem;
281
285
  width: 100%;
282
286
 
283
- ${Ot("Body","regular")}
287
+ ${Wt("Body","regular")}
284
288
  padding: 0.2rem 1rem 0.3rem; // Somehow the input text appears lower
285
289
 
286
290
  :focus,
@@ -289,32 +293,32 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
289
293
  border: none;
290
294
  box-shadow: none;
291
295
  }
292
- `,Yt=l.button`
296
+ `,rn=l.button`
293
297
  position: relative;
294
298
  display: flex;
295
299
  align-items: center;
296
300
  padding: 0.875rem 1rem;
297
301
  cursor: pointer;
298
302
 
299
- color: ${wt.Neutral[3]};
303
+ color: ${Bt.Neutral[3]};
300
304
  background-color: transparent;
301
305
  border: none;
302
- `,en=l(Zt)`
306
+ `,on=l(Jt)`
303
307
  height: 1.25rem;
304
308
  width: 1.25rem;
305
- `,tn=r.forwardRef((({value:e,spacing:r,type:o,error:i,disabled:a,readOnly:l,onChange:d,onClear:u,allowClear:h=!1,...s},g)=>{const p=()=>"tel"===o&&r,f=e=>{const t=e.target,n=t.value,r=t.value.replace(/\s/g,"");t.value=r,d(e),t.value=n},y=e?(e=>e?p()?c.transformWithSpaces(e,r):e:"")(e):e,m=d?e=>{p()?f(e):d(e)}:void 0,v=h&&!a&&!l&&!i;return t(Jt,{error:i,disabled:a,readOnly:l,...s,children:[n(Qt,{"data-testid":"input",ref:g,disabled:a,value:y,error:i,onChange:m,type:o,readOnly:l,...s}),v&&n(Yt,{onClick:()=>{u&&u()},children:n(en,{})})]})}));var nn;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(nn||(nn={})),l.div`
309
+ `,an=r.forwardRef((({value:e,spacing:r,type:o,error:a,disabled:i,readOnly:l,onChange:d,onClear:u,allowClear:h=!1,...s},g)=>{const p=()=>"tel"===o&&r,f=e=>{const t=e.target,n=t.value,r=t.value.replace(/\s/g,"");t.value=r,d(e),t.value=n},y=e?(e=>e?p()?c.transformWithSpaces(e,r):e:"")(e):e,m=d?e=>{p()?f(e):d(e)}:void 0,v=h&&!i&&!l&&!a;return t(tn,{error:a,disabled:i,readOnly:l,className:s.className,children:[n(nn,{"data-testid":"input",ref:g,disabled:i,value:y,error:a,onChange:m,type:o,readOnly:l,...s}),v&&n(rn,{onClick:()=>{u&&u()},children:n(on,{})})]})}));var ln;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(ln||(ln={})),l.div`
306
310
  display: flex;
307
311
  position: relative;
308
- border: 1px solid ${wt.Neutral[5]};
312
+ border: 1px solid ${Bt.Neutral[5]};
309
313
  border-radius: 4px;
310
- background: ${wt.Neutral[8]};
314
+ background: ${Bt.Neutral[8]};
311
315
  height: 3rem;
312
316
  width: 100%;
313
317
  flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
314
318
 
315
319
  :focus-within {
316
- border: 1px solid ${wt.Accent.Light[1]};
317
- box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
320
+ border: 1px solid ${Bt.Accent.Light[1]};
321
+ box-shadow: ${Dt};
318
322
  }
319
323
 
320
324
  ${e=>e.$readOnly?d`
@@ -327,24 +331,24 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
327
331
  box-shadow: none;
328
332
  }
329
333
  `:e.disabled?d`
330
- background: ${wt.Neutral[6](e)};
334
+ background: ${Bt.Neutral[6](e)};
331
335
  :hover {
332
336
  cursor: not-allowed;
333
337
  }
334
338
 
335
339
  :focus-within {
336
- border: 1px solid ${wt.Neutral[5](e)};
340
+ border: 1px solid ${Bt.Neutral[5](e)};
337
341
  box-shadow: none;
338
342
  }
339
343
  `:e.$error?d`
340
- border: 1px solid ${wt.Validation.Red.Border(e)};
344
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
341
345
 
342
346
  :focus-within {
343
- border: 1px solid ${wt.Validation.Red.Border(e)};
344
- box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
347
+ border: 1px solid ${Bt.Validation.Red.Border(e)};
348
+ box-shadow: ${Ct};
345
349
  }
346
350
  `:void 0}
347
- `,l(tn)`
351
+ `,l(an)`
348
352
  // overwrite default styles
349
353
  background: transparent;
350
354
  border: none;
@@ -365,7 +369,7 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
365
369
  padding-left: 0;
366
370
  }
367
371
  `}
368
- `;const rn=l.div`
372
+ `;const dn=l.div`
369
373
  position: relative;
370
374
  display: flex;
371
375
  align-items: center;
@@ -373,27 +377,27 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import r,{useState as o,use
373
377
  border-bottom-left-radius: 4px;
374
378
  padding: 0 0.6875rem 0 1rem;
375
379
 
376
- ${Ot("Body","regular")}
377
- color: ${wt.Neutral[1]};
380
+ ${Wt("Body","regular")}
381
+ color: ${Bt.Neutral[1]};
378
382
 
379
383
  /* SVG Icon */
380
384
  svg {
381
385
  height: 1.5rem;
382
386
  width: 1.5rem;
383
387
  #path {
384
- fill: ${wt.Neutral[1]};
388
+ fill: ${Bt.Neutral[1]};
385
389
  }
386
390
  }
387
391
 
388
392
  ${e=>e.$readOnly?d`
389
393
  padding-left: 0rem;
390
394
  `:e.disabled?d`
391
- color: ${wt.Neutral[4](e)};
395
+ color: ${Bt.Neutral[4](e)};
392
396
  svg {
393
397
  #path {
394
- fill: ${wt.Neutral[4](e)};
398
+ fill: ${Bt.Neutral[4](e)};
395
399
  }
396
400
  }
397
401
  `:void 0}
398
- `,on=({disabled:e,error:r,value:l,onChange:d,onBlur:u,onChangeRaw:h,onBlurRaw:s,readOnly:g,placeholder:p="00-8888",...f})=>{const[y,m]=o(""),[v,b]=o(""),[F,S]=o("none"),$=i(null),B=i(null),w=i(null),H=i(y),x=i(v),D=i(F),C=e=>{H.current=e,m(e)},_=e=>{x.current=e,b(e)},z=e=>{D.current=e,S(e)};a((()=>(document.addEventListener("mousedown",k),$.current&&$.current.addEventListener("keydown",O),()=>{document.removeEventListener("mousedown",k),$.current&&$.current.removeEventListener("keydown",O)})),[F]),a((()=>{"floor"===F&&3===y.length&&w.current&&w.current.focus()}),[y]),a((()=>{L(l)}),[l]);const k=t=>{e||g||$&&$.current.contains(t.target)||"none"!==D.current&&(z("none"),V())},O=e=>{"unit"===e.target.name&&"Tab"===e.code&&(z("none"),V())},E=e=>{z(e.target.name),e.target.select()},N=e=>{const t=e.target.name,n=e.target.value;"floor"===t?C(W(n)):_(W(n))},A=e=>{const t=e.target.name,n=e.target.value.toLocaleUpperCase().replace(/[^0-9A-Za-z]/,"");"floor"===t?(C(n),j(n,t)):(_(n),j(n,t))},W=e=>/^[0-9]$/.test(e)?c.padValue(e,!0):e.toLocaleUpperCase(),L=e=>{if(e!==an)if(void 0===e||0===e.length)C(""),_("");else{const t=e.split("-");if(2===t.length){const e=t[0],n=t[1];C("floor"===F?e:W(e)),_("unit"===F?n:W(n))}}},j=(e,t)=>{if(!d&&!h)return;const n={floor:H.current,unit:x.current};if(n[t]=e,d){const e=R(n);d(e)}h&&h([n.floor,n.unit])},V=()=>{if(!u&&!s)return;const e={floor:W(H.current),unit:W(x.current)};if(u){const t=R(e);u(t)}s&&s([e.floor,e.unit])},R=e=>{const t=[e.floor,e.unit];return e.floor.length>0&&e.unit.length>0?t.join("-"):t.every((e=>""===e))?"":an},I=e=>e.split("-");return t(Tt,{ref:$,onClick:()=>{"none"===F&&B.current&&B.current.focus()},disabled:e,$error:r,$readOnly:g,"data-testid":f["data-testid"],children:[n(rn,{"data-testid":"addon",disabled:e,$readOnly:g,children:"#"}),t(Pt,{$readOnly:g,children:[n(Gt,{name:"floor",maxLength:3,value:y,ref:B,onFocus:E,onBlur:N,onChange:A,disabled:e,readOnly:g,type:"text",pattern:"[0-9A-Z]{2,3}","data-testid":"floor-input","aria-label":"floor-input",placeholder:"floor"!==F||g?I(p)[0]:""}),n(Xt,{$hide:0===y.length,children:"-"}),n(Mt,{name:"unit",maxLength:5,value:v,ref:w,onFocus:E,onBlur:N,onChange:A,onKeyDown:e=>{"Backspace"!==e.code&&"Backspace"!==e.key||"unit"===F&&0===v.length&&B.current.focus()},disabled:e,readOnly:g,type:"text",pattern:"[0-9A-Z]{2,5}","data-testid":"unit-input","aria-label":"unit-input",placeholder:"unit"!==F||g?I(p)[1]:""})]})]})},an="Invalid unit number";export{on as UnitNumberInput};
402
+ `,cn=({disabled:e,error:r,value:l,onChange:d,onBlur:u,onChangeRaw:h,onBlurRaw:s,readOnly:g,placeholder:p="00-8888",...f})=>{const[y,m]=o(""),[v,S]=o(""),[b,F]=o("none"),$=a(null),w=a(null),B=a(null),H=a(y),x=a(v),D=a(b),C=e=>{H.current=e,m(e)},_=e=>{x.current=e,S(e)},k=e=>{D.current=e,F(e)};i((()=>(document.addEventListener("mousedown",z),$.current&&$.current.addEventListener("keydown",E),()=>{document.removeEventListener("mousedown",z),$.current&&$.current.removeEventListener("keydown",E)})),[b]),i((()=>{"floor"===b&&3===y.length&&B.current&&B.current.focus()}),[y]),i((()=>{L(l)}),[l]);const z=t=>{e||g||$&&$.current.contains(t.target)||"none"!==D.current&&(k("none"),j())},E=e=>{"unit"===e.target.name&&"Tab"===e.code&&(k("none"),j())},O=e=>{k(e.target.name),e.target.select()},N=e=>{const t=e.target.name,n=e.target.value;"floor"===t?C(W(n)):_(W(n))},A=e=>{const t=e.target.name,n=e.target.value.toLocaleUpperCase().replace(/[^0-9A-Za-z]/,"");"floor"===t?(C(n),V(n,t)):(_(n),V(n,t))},W=e=>/^[0-9]$/.test(e)?c.padValue(e,!0):e.toLocaleUpperCase(),L=e=>{if(e!==un)if(void 0===e||0===e.length)C(""),_("");else{const t=e.split("-");if(2===t.length){const e=t[0],n=t[1];C("floor"===b?e:W(e)),_("unit"===b?n:W(n))}}},V=(e,t)=>{if(!d&&!h)return;const n={floor:H.current,unit:x.current};if(n[t]=e,d){const e=R(n);d(e)}h&&h([n.floor,n.unit])},j=()=>{if(!u&&!s)return;const e={floor:W(H.current),unit:W(x.current)};if(u){const t=R(e);u(t)}s&&s([e.floor,e.unit])},R=e=>{const t=[e.floor,e.unit];return e.floor.length>0&&e.unit.length>0?t.join("-"):t.every((e=>""===e))?"":un},T=e=>e.split("-");return t(Xt,{ref:$,onClick:()=>{"none"===b&&w.current&&w.current.focus()},disabled:e,$error:r,$readOnly:g,"data-testid":f["data-testid"],children:[n(dn,{"data-testid":"addon",disabled:e,$readOnly:g,children:"#"}),t(Zt,{$readOnly:g,children:[n(Ut,{name:"floor",maxLength:3,value:y,ref:w,onFocus:O,onBlur:N,onChange:A,disabled:e,readOnly:g,type:"text",pattern:"[0-9A-Z]{2,3}","data-testid":"floor-input","aria-label":"floor-input",placeholder:"floor"!==b||g?T(p)[0]:""}),n(qt,{$hide:0===y.length,children:"-"}),n(Kt,{name:"unit",maxLength:5,value:v,ref:B,onFocus:O,onBlur:N,onChange:A,onKeyDown:e=>{"Backspace"!==e.code&&"Backspace"!==e.key||"unit"===b&&0===v.length&&w.current.focus()},disabled:e,readOnly:g,type:"text",pattern:"[0-9A-Z]{2,5}","data-testid":"unit-input","aria-label":"unit-input",placeholder:"unit"!==b||g?T(p)[1]:""})]})]})},un="Invalid unit number";export{cn as UnitNumberInput};
399
403
  //# sourceMappingURL=index.js.map