@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.21

package/input-select/input-select-wrapper.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InputSelectWrapperProps } from "./types";
-export declare const InputSelectWrapper: ({ children, show, error, disabled, testId, onBlur, }: InputSelectWrapperProps) => JSX.Element;
+export declare const InputSelectWrapper: ({ children, show, error, disabled, testId, onBlur, readOnly, }: InputSelectWrapperProps) => JSX.Element;

package/input-select/input-select.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InputSelectProps } from "./types";
-export declare const InputSelect: <T, V>({ selectedOption, placeholder, options, disabled, error, "data-testid": testId, id, enableSearch, searchFunction, searchPlaceholder, valueExtractor, valueToStringFunction, listExtractor, displayValueExtractor, onSelectOption, listStyleWidth, onShowOptions, onHideOptions, onRetry, optionsLoadState, optionTruncationType, ...otherProps }: InputSelectProps<T, V>) => JSX.Element;
+export declare const InputSelect: <T, V>({ selectedOption, placeholder, options, disabled, error, "data-testid": testId, id, enableSearch, searchFunction, searchPlaceholder, valueExtractor, valueToStringFunction, listExtractor, displayValueExtractor, onSelectOption, listStyleWidth, onShowOptions, onHideOptions, onRetry, optionsLoadState, optionTruncationType, renderCustomSelectedOption, renderListItem, ...otherProps }: InputSelectProps<T, V>) => JSX.Element;

package/input-select/input-select.styles.d.ts

@@ -2,6 +2,7 @@
 import { TruncateType } from "../shared/dropdown-list/types";
 export interface InputSelectStyleProps {
     disabled?: boolean;
+    $readOnly?: boolean;
     error?: boolean;
     expanded?: boolean;
 }
@@ -12,7 +13,10 @@ export declare const Wrapper: import("styled-components").StyledComponent<"div",
 export declare const Selector: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const ElementBoundary: import("styled-components").StyledComponent<"div", any, InputSelectStyleProps, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, InputSelectStyleProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ type, ...props }: import("../icon").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledChevronIcon: import("styled-components").StyledComponent<{
+    (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
+    displayName: string;
+}, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ValueLabel: import("styled-components").StyledComponent<"p", any, import("../text").TextProps & ValueLabelStyleProps, never>;

package/input-select/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DropdownDisplayExtractorProps, DropdownSearchProps, DropdownStyleProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
+import { DropdownDisplayProps, DropdownSearchProps, DropdownStyleProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
 export interface InputSelectOptionsProps<T> {
-    options: T[] | undefined;
+    options: T[];
     /**
      * Used when options are loaded from an api call.
      * Values: "loading" | "fail" | "success"
@@ -9,9 +9,9 @@ export interface InputSelectOptionsProps<T> {
     optionsLoadState?: ItemsLoadStateType | undefined;
     /** Specifies the truncation type. Truncated text will be replaced with ellipsis. Values: "middle" | "end" */
     optionTruncationType?: TruncateType | undefined;
-    onShowOptions?: () => void | undefined;
-    onHideOptions?: () => void | undefined;
-    onRetry?: () => void | undefined;
+    onShowOptions?: (() => void) | undefined;
+    onHideOptions?: (() => void) | undefined;
+    onRetry?: (() => void) | undefined;
 }
 export interface InputSelectSharedProps<T> {
     /** HTML button props */
@@ -30,20 +30,24 @@ export interface InputSelectWrapperProps {
     error?: boolean | undefined;
     disabled?: boolean | undefined;
     testId?: string | undefined;
+    readOnly?: boolean | undefined;
 }
-export interface InputSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayExtractorProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
+export interface InputSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
+    readOnly?: boolean | undefined;
     selectedOption?: T | undefined;
-    onSelectOption?: (option: T, extractedValue: T | V) => void | undefined;
+    onSelectOption?: ((option: T, extractedValue: V) => void) | undefined;
     /** Function to derive display value for selected option */
-    displayValueExtractor?: (option: T) => string | undefined;
+    displayValueExtractor?: ((option: T) => string) | undefined;
     /** Function to convert value into a string */
-    valueToStringFunction?: (value: V) => string | undefined;
+    valueToStringFunction?: ((value: V) => string) | undefined;
+    /** Function to render selected custom component */
+    renderCustomSelectedOption?: ((option: T) => JSX.Element) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputSelectPartialProps<T, V> = Omit<InputSelectProps<T, V>, "error">;
-export interface InputMultiSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayExtractorProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
+export interface InputMultiSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
     selectedOptions?: T[] | undefined;
-    onSelectOptions?: (options: T[]) => void | undefined;
+    onSelectOptions?: ((options: T[]) => void) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputMultiSelectPartialProps<T, V> = Omit<InputMultiSelectProps<T, V>, "error">;

package/input-textarea/index.js

@@ -1,182 +1,193 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import n,{useState as r,useEffect as a}from"react";import i,{css as o}from"styled-components";var l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},c=Array.isArray,h="object"==typeof l&&l&&l.Object===Object&&l,g="object"==typeof self&&self&&self.Object===Object&&self,d=h||g||Function("return this")(),f=d.Symbol,u=f,p=Object.prototype,s=p.hasOwnProperty,y=p.toString,m=u?u.toStringTag:void 0;var F=function(t){var e=s.call(t,m),n=t[m];try{t[m]=void 0;var r=!0}catch(t){}var a=y.call(t);return r&&(e?t[m]=n:delete t[m]),a},S=Object.prototype.toString;var v=F,B=function(t){return S.call(t)},H=f?f.toStringTag:void 0;var $=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":H&&H in Object(t)?v(t):B(t)};var D=$,b=function(t){return null!=t&&"object"==typeof t};var w=function(t){return"symbol"==typeof t||b(t)&&"[object Symbol]"==D(t)},_=c,z=w,x=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,C=/^\w*$/;var E=function(t,e){if(_(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!z(t))||(C.test(t)||!x.test(t)||null!=e&&t in Object(e))};var W=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},A=$,N=W;var k,O=function(t){if(!N(t))return!1;var e=A(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},j=d["__core-js_shared__"],L=(k=/[^.]+$/.exec(j&&j.keys&&j.keys.IE_PROTO||""))?"Symbol(src)_1."+k:"";var R=function(t){return!!L&&L in t},V=Function.prototype.toString;var T=O,P=R,I=W,X=function(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""},G=/^\[object .+?Constructor\]$/,M=Function.prototype,Z=Object.prototype,U=M.toString,q=Z.hasOwnProperty,J=RegExp("^"+U.call(q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var K=function(t){return!(!I(t)||P(t))&&(T(t)?J:G).test(X(t))},Q=function(t,e){return null==t?void 0:t[e]};var Y=function(t,e){var n=Q(t,e);return K(n)?n:void 0},tt=Y(Object,"create"),et=tt;var nt=function(){this.__data__=et?et(null):{},this.size=0};var rt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},at=tt,it=Object.prototype.hasOwnProperty;var ot=function(t){var e=this.__data__;if(at){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return it.call(e,t)?e[t]:void 0},lt=tt,ct=Object.prototype.hasOwnProperty;var ht=tt;var gt=nt,dt=rt,ft=ot,ut=function(t){var e=this.__data__;return lt?void 0!==e[t]:ct.call(e,t)},pt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=ht&&void 0===e?"__lodash_hash_undefined__":e,this};function st(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}st.prototype.clear=gt,st.prototype.delete=dt,st.prototype.get=ft,st.prototype.has=ut,st.prototype.set=pt;var yt=st;var mt=function(){this.__data__=[],this.size=0};var Ft=function(t,e){return t===e||t!=t&&e!=e};var St=function(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1},vt=St,Bt=Array.prototype.splice;var Ht=St;var $t=St;var Dt=St;var bt=mt,wt=function(t){var e=this.__data__,n=vt(e,t);return!(n<0)&&(n==e.length-1?e.pop():Bt.call(e,n,1),--this.size,!0)},_t=function(t){var e=this.__data__,n=Ht(e,t);return n<0?void 0:e[n][1]},zt=function(t){return $t(this.__data__,t)>-1},xt=function(t,e){var n=this.__data__,r=Dt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Ct(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Ct.prototype.clear=bt,Ct.prototype.delete=wt,Ct.prototype.get=_t,Ct.prototype.has=zt,Ct.prototype.set=xt;var Et=Ct,Wt=Y(d,"Map"),At=yt,Nt=Et,kt=Wt;var Ot=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var jt=function(t,e){var n=t.__data__;return Ot(e)?n["string"==typeof e?"string":"hash"]:n.map},Lt=jt;var Rt=jt;var Vt=jt;var Tt=jt;var Pt=function(){this.size=0,this.__data__={hash:new At,map:new(kt||Nt),string:new At}},It=function(t){var e=Lt(this,t).delete(t);return this.size-=e?1:0,e},Xt=function(t){return Rt(this,t).get(t)},Gt=function(t){return Vt(this,t).has(t)},Mt=function(t,e){var n=Tt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Zt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Zt.prototype.clear=Pt,Zt.prototype.delete=It,Zt.prototype.get=Xt,Zt.prototype.has=Gt,Zt.prototype.set=Mt;var Ut=Zt;function qt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,a=e?e.apply(this,r):r[0],i=n.cache;if(i.has(a))return i.get(a);var o=t.apply(this,r);return n.cache=i.set(a,o)||i,o};return n.cache=new(qt.Cache||Ut),n}qt.Cache=Ut;var Jt=qt;var Kt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Qt=/\\(\\)?/g,Yt=function(t){var e=Jt(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Kt,(function(t,n,r,a){e.push(r?a.replace(Qt,"$1"):n||t)})),e}));var te=function(t,e){for(var n=-1,r=null==t?0:t.length,a=Array(r);++n<r;)a[n]=e(t[n],n,t);return a},ee=c,ne=w,re=f?f.prototype:void 0,ae=re?re.toString:void 0;var ie=function t(e){if("string"==typeof e)return e;if(ee(e))return te(e,t)+"";if(ne(e))return ae?ae.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},oe=ie;var le=c,ce=E,he=Yt,ge=function(t){return null==t?"":oe(t)};var de=w;var fe=function(t,e){return le(t)?t:ce(t,e)?[t]:he(ge(t))},ue=function(t){if("string"==typeof t||de(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var pe=function(t,e){for(var n=0,r=(e=fe(e,t)).length;null!=t&&n<r;)t=t[ue(e[n++])];return n&&n==r?t:void 0};var se=function(t,e,n){var r=null==t?void 0:pe(t,e);return void 0===r?n:r};const ye=(t,e,n)=>e?se(n,e)||se(t,e):n||t,me=(t,e)=>{const n=e||t.defaultValue;return se(t.collections,n)};var Fe;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(Fe||(Fe={}));const Se={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"},ve=t=>e=>{const n=e.theme,r=me(Se,n[Fe.colorScheme]);return n.options&&n.options.color?ye(r,t,n.options.color):ye(r,t)},Be={Brand:{1:ve("Brand.1"),2:ve("Brand.2"),3:ve("Brand.3"),4:ve("Brand.4"),5:ve("Brand.5"),6:ve("Brand.6")},Primary:ve("Primary"),PrimaryDark:ve("PrimaryDark"),Secondary:ve("Secondary"),Accent:{Light:{1:ve("Accent.Light.1"),2:ve("Accent.Light.2"),3:ve("Accent.Light.3"),4:ve("Accent.Light.4"),5:ve("Accent.Light.5"),6:ve("Accent.Light.6")},Dark:{1:ve("Accent.Dark.1"),2:ve("Accent.Dark.2"),3:ve("Accent.Dark.3")}},Neutral:{1:ve("Neutral.1"),2:ve("Neutral.2"),3:ve("Neutral.3"),4:ve("Neutral.4"),5:ve("Neutral.5"),6:ve("Neutral.6"),7:ve("Neutral.7"),8:ve("Neutral.8")},Validation:{Green:{Text:ve("Validation.Green.Text"),Icon:ve("Validation.Green.Icon"),Border:ve("Validation.Green.Border"),Background:ve("Validation.Green.Background")},Orange:{Text:ve("Validation.Orange.Text"),Icon:ve("Validation.Orange.Icon"),Border:ve("Validation.Orange.Border"),Background:ve("Validation.Orange.Background"),Badge:ve("Validation.Orange.Badge")},Red:{Text:ve("Validation.Red.Text"),Icon:ve("Validation.Red.Icon"),Border:ve("Validation.Red.Border"),Background:ve("Validation.Red.Background")}}},He={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},$e={collections:{base:{D1:{fontFamily:He.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:He.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:He.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:He.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:He.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:He.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:He.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:He.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:He.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:He.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:He.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:He.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:He.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:He.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},De=t=>e=>{const n=e.theme,r=me($e,n[Fe.textStyleScheme]);return n.options&&n.options.textStyle?ye(r,t,n.options.textStyle):ye(r,t)},be={D1:{fontFamily:De("D1.fontFamily"),fontSize:De("D1.fontSize"),fontWeight:De("D1.fontWeight"),lineHeight:De("D1.lineHeight"),letterSpacing:De("D1.letterSpacing")},D2:{fontFamily:De("D2.fontFamily"),fontSize:De("D2.fontSize"),fontWeight:De("D2.fontWeight"),lineHeight:De("D2.lineHeight"),letterSpacing:De("D2.letterSpacing")},D3:{fontFamily:De("D3.fontFamily"),fontSize:De("D3.fontSize"),fontWeight:De("D3.fontWeight"),lineHeight:De("D3.lineHeight"),letterSpacing:De("D3.letterSpacing")},D4:{fontFamily:De("D4.fontFamily"),fontSize:De("D4.fontSize"),fontWeight:De("D4.fontWeight"),lineHeight:De("D4.lineHeight"),letterSpacing:De("D4.letterSpacing")},DBody:{fontFamily:De("DBody.fontFamily"),fontSize:De("DBody.fontSize"),fontWeight:De("DBody.fontWeight"),lineHeight:De("DBody.lineHeight"),letterSpacing:De("DBody.letterSpacing")},H1:{fontFamily:De("H1.fontFamily"),fontSize:De("H1.fontSize"),fontWeight:De("H1.fontWeight"),lineHeight:De("H1.lineHeight"),letterSpacing:De("H1.letterSpacing")},H2:{fontFamily:De("H2.fontFamily"),fontSize:De("H2.fontSize"),fontWeight:De("H2.fontWeight"),lineHeight:De("H2.lineHeight"),letterSpacing:De("H2.letterSpacing")},H3:{fontFamily:De("H3.fontFamily"),fontSize:De("H3.fontSize"),fontWeight:De("H3.fontWeight"),lineHeight:De("H3.lineHeight"),letterSpacing:De("H3.letterSpacing")},H4:{fontFamily:De("H4.fontFamily"),fontSize:De("H4.fontSize"),fontWeight:De("H4.fontWeight"),lineHeight:De("H4.lineHeight"),letterSpacing:De("H4.letterSpacing")},H5:{fontFamily:De("H5.fontFamily"),fontSize:De("H5.fontSize"),fontWeight:De("H5.fontWeight"),lineHeight:De("H5.lineHeight"),letterSpacing:De("H5.letterSpacing")},H6:{fontFamily:De("H6.fontFamily"),fontSize:De("H6.fontSize"),fontWeight:De("H6.fontWeight"),lineHeight:De("H6.lineHeight"),letterSpacing:De("H6.letterSpacing")},Body:{fontFamily:De("Body.fontFamily"),fontSize:De("Body.fontSize"),fontWeight:De("Body.fontWeight"),lineHeight:De("Body.lineHeight"),letterSpacing:De("Body.letterSpacing")},BodySmall:{fontFamily:De("BodySmall.fontFamily"),fontSize:De("BodySmall.fontSize"),fontWeight:De("BodySmall.fontWeight"),lineHeight:De("BodySmall.lineHeight"),letterSpacing:De("BodySmall.letterSpacing")},XSmall:{fontFamily:De("XSmall.fontFamily"),fontSize:De("XSmall.fontSize"),fontWeight:De("XSmall.fontWeight"),lineHeight:De("XSmall.lineHeight"),letterSpacing:De("XSmall.letterSpacing")}},we=t=>{switch(t){case 700:case"bold":return He.Bold;case 600:case"semibold":return He.Semibold;case 300:case"light":return He.Light;case 400:case"regular":return He.Regular;default:return""}},_e=(t,e)=>n=>{const r=be[t].fontFamily(n),a=be[t].fontWeight(n);return Object.values(He).includes(r)?o`
-                font-family: ${we(e)||we(a)||r};
+import e,{jsxs as t,jsx as n,Fragment as r}from"react/jsx-runtime";import o,{useState as a,useEffect as i}from"react";import l,{css as c}from"styled-components";var h="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},g=Array.isArray,d="object"==typeof h&&h&&h.Object===Object&&h,u="object"==typeof self&&self&&self.Object===Object&&self,f=d||u||Function("return this")(),p=f.Symbol,s=p,y=Object.prototype,S=y.hasOwnProperty,m=y.toString,F=s?s.toStringTag:void 0;var v=function(e){var t=S.call(e,F),n=e[F];try{e[F]=void 0;var r=!0}catch(e){}var o=m.call(e);return r&&(t?e[F]=n:delete e[F]),o},B=Object.prototype.toString;var H=v,$=function(e){return B.call(e)},b=p?p.toStringTag:void 0;var D=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":b&&b in Object(e)?H(e):$(e)};var _=D,w=function(e){return null!=e&&"object"==typeof e};var x=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==_(e)},C=g,z=x,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,A=/^\w*$/;var k=function(e,t){if(C(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!z(e))||(A.test(e)||!E.test(e)||null!=t&&e in Object(t))};var W=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},N=D,O=W;var j,V=function(e){if(!O(e))return!1;var t=N(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},R=f["__core-js_shared__"],T=(j=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var L=function(e){return!!T&&T in e},I=Function.prototype.toString;var P=V,X=L,G=W,M=function(e){if(null!=e){try{return I.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Z=/^\[object .+?Constructor\]$/,U=Function.prototype,q=Object.prototype,J=U.toString,K=q.hasOwnProperty,Q=RegExp("^"+J.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Y=function(e){return!(!G(e)||X(e))&&(P(e)?Q:Z).test(M(e))},ee=function(e,t){return null==e?void 0:e[t]};var te=function(e,t){var n=ee(e,t);return Y(n)?n:void 0},ne=te(Object,"create"),re=ne;var oe=function(){this.__data__=re?re(null):{},this.size=0};var ae=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ie=ne,le=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(ie){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return le.call(t,e)?t[e]:void 0},he=ne,ge=Object.prototype.hasOwnProperty;var de=ne;var ue=oe,fe=ae,pe=ce,se=function(e){var t=this.__data__;return he?void 0!==t[e]:ge.call(t,e)},ye=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=de&&void 0===t?"__lodash_hash_undefined__":t,this};function Se(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])}}Se.prototype.clear=ue,Se.prototype.delete=fe,Se.prototype.get=pe,Se.prototype.has=se,Se.prototype.set=ye;var me=Se;var Fe=function(){this.__data__=[],this.size=0};var ve=function(e,t){return e===t||e!=e&&t!=t};var Be=function(e,t){for(var n=e.length;n--;)if(ve(e[n][0],t))return n;return-1},He=Be,$e=Array.prototype.splice;var be=Be;var De=Be;var _e=Be;var we=Fe,xe=function(e){var t=this.__data__,n=He(t,e);return!(n<0)&&(n==t.length-1?t.pop():$e.call(t,n,1),--this.size,!0)},Ce=function(e){var t=this.__data__,n=be(t,e);return n<0?void 0:t[n][1]},ze=function(e){return De(this.__data__,e)>-1},Ee=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Ae(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])}}Ae.prototype.clear=we,Ae.prototype.delete=xe,Ae.prototype.get=Ce,Ae.prototype.has=ze,Ae.prototype.set=Ee;var ke=Ae,We=te(f,"Map"),Ne=me,Oe=ke,je=We;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},Te=Re;var Le=Re;var Ie=Re;var Pe=Re;var Xe=function(){this.size=0,this.__data__={hash:new Ne,map:new(je||Oe),string:new Ne}},Ge=function(e){var t=Te(this,e).delete(e);return this.size-=t?1:0,t},Me=function(e){return Le(this,e).get(e)},Ze=function(e){return Ie(this,e).has(e)},Ue=function(e,t){var n=Pe(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=Xe,qe.prototype.delete=Ge,qe.prototype.get=Me,qe.prototype.has=Ze,qe.prototype.set=Ue;var Je=qe;function Ke(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(Ke.Cache||Je),n}Ke.Cache=Je;var Qe=Ke;var Ye=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,et=/\\(\\)?/g,tt=function(e){var t=Qe(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(Ye,(function(e,n,r,o){t.push(r?o.replace(et,"$1"):n||e)})),t}));var nt=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},rt=g,ot=x,at=p?p.prototype:void 0,it=at?at.toString:void 0;var lt=function e(t){if("string"==typeof t)return t;if(rt(t))return nt(t,e)+"";if(ot(t))return it?it.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=lt;var ht=g,gt=k,dt=tt,ut=function(e){return null==e?"":ct(e)};var ft=x;var pt=function(e,t){return ht(e)?e:gt(e,t)?[e]:dt(ut(e))},st=function(e){if("string"==typeof e||ft(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var yt=function(e,t){for(var n=0,r=(t=pt(t,e)).length;null!=e&&n<r;)e=e[st(t[n++])];return n&&n==r?e:void 0};var St=function(e,t,n){var r=null==e?void 0:yt(e,t);return void 0===r?n:r};const mt=(e,t,n)=>t?St(n,t)||St(e,t):n||e,Ft=(e,t)=>{const n=t||e.defaultValue;return St(e.collections,n)};var vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(vt||(vt={}));const Bt={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"},Ht=e=>t=>{const n=t.theme,r=Ft(Bt,n[vt.colorScheme]);return n.options&&n.options.color?mt(r,e,n.options.color):mt(r,e)},$t={Brand:{1:Ht("Brand.1"),2:Ht("Brand.2"),3:Ht("Brand.3"),4:Ht("Brand.4"),5:Ht("Brand.5"),6:Ht("Brand.6")},Primary:Ht("Primary"),PrimaryDark:Ht("PrimaryDark"),Secondary:Ht("Secondary"),Accent:{Light:{1:Ht("Accent.Light.1"),2:Ht("Accent.Light.2"),3:Ht("Accent.Light.3"),4:Ht("Accent.Light.4"),5:Ht("Accent.Light.5"),6:Ht("Accent.Light.6")},Dark:{1:Ht("Accent.Dark.1"),2:Ht("Accent.Dark.2"),3:Ht("Accent.Dark.3")}},Neutral:{1:Ht("Neutral.1"),2:Ht("Neutral.2"),3:Ht("Neutral.3"),4:Ht("Neutral.4"),5:Ht("Neutral.5"),6:Ht("Neutral.6"),7:Ht("Neutral.7"),8:Ht("Neutral.8")},Validation:{Green:{Text:Ht("Validation.Green.Text"),Icon:Ht("Validation.Green.Icon"),Border:Ht("Validation.Green.Border"),Background:Ht("Validation.Green.Background")},Orange:{Text:Ht("Validation.Orange.Text"),Icon:Ht("Validation.Orange.Icon"),Border:Ht("Validation.Orange.Border"),Background:Ht("Validation.Orange.Background"),Badge:Ht("Validation.Orange.Badge")},Red:{Text:Ht("Validation.Red.Text"),Icon:Ht("Validation.Red.Icon"),Border:Ht("Validation.Red.Border"),Background:Ht("Validation.Red.Background")}},Shadow:{Accent:Ht("Shadow.Accent"),Red:Ht("Shadow.Red")}},bt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Dt={collections:{base:{D1:{fontFamily:bt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:bt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:bt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:bt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:bt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:bt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:bt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:bt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:bt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:bt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},_t=e=>t=>{const n=t.theme,r=Ft(Dt,n[vt.textStyleScheme]);return n.options&&n.options.textStyle?mt(r,e,n.options.textStyle):mt(r,e)},wt={D1:{fontFamily:_t("D1.fontFamily"),fontSize:_t("D1.fontSize"),fontWeight:_t("D1.fontWeight"),lineHeight:_t("D1.lineHeight"),letterSpacing:_t("D1.letterSpacing")},D2:{fontFamily:_t("D2.fontFamily"),fontSize:_t("D2.fontSize"),fontWeight:_t("D2.fontWeight"),lineHeight:_t("D2.lineHeight"),letterSpacing:_t("D2.letterSpacing")},D3:{fontFamily:_t("D3.fontFamily"),fontSize:_t("D3.fontSize"),fontWeight:_t("D3.fontWeight"),lineHeight:_t("D3.lineHeight"),letterSpacing:_t("D3.letterSpacing")},D4:{fontFamily:_t("D4.fontFamily"),fontSize:_t("D4.fontSize"),fontWeight:_t("D4.fontWeight"),lineHeight:_t("D4.lineHeight"),letterSpacing:_t("D4.letterSpacing")},DBody:{fontFamily:_t("DBody.fontFamily"),fontSize:_t("DBody.fontSize"),fontWeight:_t("DBody.fontWeight"),lineHeight:_t("DBody.lineHeight"),letterSpacing:_t("DBody.letterSpacing")},H1:{fontFamily:_t("H1.fontFamily"),fontSize:_t("H1.fontSize"),fontWeight:_t("H1.fontWeight"),lineHeight:_t("H1.lineHeight"),letterSpacing:_t("H1.letterSpacing")},H2:{fontFamily:_t("H2.fontFamily"),fontSize:_t("H2.fontSize"),fontWeight:_t("H2.fontWeight"),lineHeight:_t("H2.lineHeight"),letterSpacing:_t("H2.letterSpacing")},H3:{fontFamily:_t("H3.fontFamily"),fontSize:_t("H3.fontSize"),fontWeight:_t("H3.fontWeight"),lineHeight:_t("H3.lineHeight"),letterSpacing:_t("H3.letterSpacing")},H4:{fontFamily:_t("H4.fontFamily"),fontSize:_t("H4.fontSize"),fontWeight:_t("H4.fontWeight"),lineHeight:_t("H4.lineHeight"),letterSpacing:_t("H4.letterSpacing")},H5:{fontFamily:_t("H5.fontFamily"),fontSize:_t("H5.fontSize"),fontWeight:_t("H5.fontWeight"),lineHeight:_t("H5.lineHeight"),letterSpacing:_t("H5.letterSpacing")},H6:{fontFamily:_t("H6.fontFamily"),fontSize:_t("H6.fontSize"),fontWeight:_t("H6.fontWeight"),lineHeight:_t("H6.lineHeight"),letterSpacing:_t("H6.letterSpacing")},Body:{fontFamily:_t("Body.fontFamily"),fontSize:_t("Body.fontSize"),fontWeight:_t("Body.fontWeight"),lineHeight:_t("Body.lineHeight"),letterSpacing:_t("Body.letterSpacing")},BodySmall:{fontFamily:_t("BodySmall.fontFamily"),fontSize:_t("BodySmall.fontSize"),fontWeight:_t("BodySmall.fontWeight"),lineHeight:_t("BodySmall.lineHeight"),letterSpacing:_t("BodySmall.letterSpacing")},XSmall:{fontFamily:_t("XSmall.fontFamily"),fontSize:_t("XSmall.fontSize"),fontWeight:_t("XSmall.fontWeight"),lineHeight:_t("XSmall.lineHeight"),letterSpacing:_t("XSmall.letterSpacing")}},xt=e=>{switch(e){case 700:case"bold":return bt.Bold;case 600:case"semibold":return bt.Semibold;case 300:case"light":return bt.Light;case 400:case"regular":return bt.Regular;default:return""}},Ct=(e,t)=>n=>{const r=wt[e].fontFamily(n),o=wt[e].fontWeight(n);return Object.values(bt).includes(r)?c`
+                font-family: ${xt(t)||xt(o)||r};
                 font-weight: normal !important;
-            `:o`
+            `:c`
             font-family: ${r};
-            font-weight: ${(ze(e)||a)??"normal"};
-        `},ze=t=>{switch(t){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""}},xe=(t,e,n=!1)=>r=>{const a=be[t],i=a.fontSize(r);return o`
-            ${_e(t,e)}
-            font-size: ${i}rem !important;
-            line-height: ${a.lineHeight}rem !important;
-            letter-spacing: ${a.letterSpacing(r)||0}rem !important;
-            ${o`
-                margin-bottom: ${i*(n?1.05:0)}rem;
+            font-weight: ${(zt(t)||o)??"normal"};
+        `},zt=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""}},Et=(e,t,n=!1)=>r=>{const o=wt[e],a=o.fontSize(r);return c`
+            ${Ct(e,t)}
+            font-size: ${a}rem !important;
+            line-height: ${o.lineHeight}rem !important;
+            letter-spacing: ${o.letterSpacing(r)||0}rem !important;
+            ${c`
+                margin-bottom: ${a*(n?1.05:0)}rem;
             `}
-        `},Ce=(t=!1,e=!1)=>e?o`
+        `},At=(e=!1,t=!1)=>t?c`
             display: block;
-        `:t?o`
+        `:e?c`
             display: inline;
-        `:o`
+        `:c`
             display: block;
-        `,Ee=i.svg`
-    height: 1rem;
-    width: 1rem;
-    vertical-align: text-top;
-
-    #path {
-        fill: ${Be.Neutral[8]};
-    }
-`,We=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...e,children:t("g",{fill:"none",fillRule:"evenodd",children:t("g",{id:"path",fillRule:"nonzero",children:t("g",{children:t("g",{children:t("g",{children:t("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),Ae=e=>t(Ee,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...e,children:t("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),Ne=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...e,children:t("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),ke=e=>t(Ee,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...e,children:t("g",{id:"search",children:t("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),Oe=i.span`
-    font-size: 1rem;
-`;var je;!function(t){t.D1=i.h1`
-        ${t=>o`
-                ${xe("D1",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+        `;var kt,Wt={};Object.defineProperty(Wt,"__esModule",{value:!0});var Nt=e;const Ot=e=>Nt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Nt.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;Ot.displayName="ExternalIcon",kt=Wt.ExternalIcon=Ot,function(e){e.D1=l.h1`
+        ${e=>c`
+                ${Et("D1",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.D2=i.h1`
-        ${t=>o`
-                ${xe("D2",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.D2=l.h1`
+        ${e=>c`
+                ${Et("D2",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.D3=i.h1`
-        ${t=>o`
-                ${xe("D3",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.D3=l.h1`
+        ${e=>c`
+                ${Et("D3",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.D4=i.h1`
-        ${t=>o`
-                ${xe("D4",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.D4=l.h1`
+        ${e=>c`
+                ${Et("D4",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.DBody=i.h1`
-        ${t=>o`
-                ${xe("DBody",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.DBody=l.h1`
+        ${e=>c`
+                ${Et("DBody",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H1=i.h1`
-        ${t=>o`
-                ${xe("H1",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H1=l.h1`
+        ${e=>c`
+                ${Et("H1",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H2=i.h2`
-        ${t=>o`
-                ${xe("H2",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H2=l.h2`
+        ${e=>c`
+                ${Et("H2",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H3=i.h3`
-        ${t=>o`
-                ${xe("H3",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H3=l.h3`
+        ${e=>c`
+                ${Et("H3",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H4=i.h4`
-        ${t=>o`
-                ${xe("H4",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H4=l.h4`
+        ${e=>c`
+                ${Et("H4",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H5=i.h5`
-        ${t=>o`
-                ${xe("H5",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H5=l.h5`
+        ${e=>c`
+                ${Et("H5",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.H6=i.h6`
-        ${t=>o`
-                ${xe("H6",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.H6=l.h6`
+        ${e=>c`
+                ${Et("H6",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.Body=i.p`
-        ${t=>o`
-                ${xe("Body",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.Body=l.p`
+        ${e=>c`
+                ${Et("Body",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.BodySmall=i.p`
-        ${t=>o`
-                ${xe("BodySmall",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.BodySmall=l.p`
+        ${e=>c`
+                ${Et("BodySmall",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.XSmall=i.span`
-        ${t=>o`
-                ${xe("XSmall",t.weight,t.paragraph)}
-                color: ${Be.Neutral[1]};
-                ${Ce(t.inline,t.paragraph)}
+    `,e.XSmall=l.span`
+        ${e=>c`
+                ${Et("XSmall",e.weight,e.paragraph)}
+                color: ${$t.Neutral[1]};
+                ${At(e.inline,e.paragraph)}
             `}
-    `,t.Hyperlink={Default:t=>Ve({...t,textStyle:"Body"}),Small:t=>Ve({...t,textStyle:"BodySmall"})}}(je||(je={}));const Le=i.a`
-    ${t=>o`
-            ${xe(t.textStyle,t.weight)}
-            color: ${Be.Primary};
+    `,e.Hyperlink={Default:e=>Tt({...e,textStyle:"Body"}),Small:e=>Tt({...e,textStyle:"BodySmall"})}}(jt||(jt={}));const Vt=l.a`
+    ${e=>c`
+            ${Et(e.textStyle,e.weight)}
+            color: ${$t.Primary};
             text-decoration: none;
 
             :hover,
             :active,
             :focus {
-                color: ${Be.Secondary};
+                color: ${$t.Secondary};
+
+                svg {
+                    color: ${$t.Secondary};
+                }
             }
         `}
-`,Re=i((({type:e,...n})=>{switch(e){case"arrow-right":return t(We,{...n});case"info":return t(Ae,{...n});case"search":return t(ke,{...n});case"play-alt":return t(Ne,{...n});default:{const r=`sgds-icon sgds-icon-${e}`,a=n.className?`${r} ${n.className}`:r;return t(Oe,{...n,className:a})}}}))`
+`,Rt=l(kt)`
+    height: 1rem;
+    width: 1rem;
     margin-left: 0.4rem;
-`,Ve=({external:n=!1,children:r,...a})=>e(Le,{...a,children:[r,n&&t(Re,{type:"external"})]});var Te;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Te||(Te={}));const Pe=i(je.H6)`
+    vertical-align: middle;
+`,Tt=({external:e=!1,children:r,...o})=>t(Vt,{...o,children:[r,e&&n(Rt,{})]});var Lt;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Lt||(Lt={}));const It=l(jt.H6)`
     text-align: right;
 
-    ${t=>{if(t.disabled)return o`
-                color: ${Be.Neutral[4](t)};
+    ${e=>{if(e.disabled)return c`
+                color: ${$t.Neutral[4](e)};
             `}}
-`,Ie=({value:e,maxLength:n,disabled:i})=>{const[o,l]=r("");a((()=>{l(c(`${e||""}`))}),[e,n]);const c=t=>{const e=n-t.toString().length;return e<=1?`${e} character left`:`${e.toLocaleString()} characters left`};return t(Pe,{"data-testid":"counter-label",weight:"semibold",disabled:i,children:o})},Xe="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Ge=i.div`
+`,Pt=({value:e,maxLength:t,disabled:l,renderCustomCounter:c})=>{const[h,g]=a("");i((()=>{g(d(`${e||""}`))}),[e,t]);const d=e=>{if(c)return c(t,e.toString().length);{const n=t-e.toString().length;return n<=1?`${n} character left`:`${n.toLocaleString()} characters left`}};return n(r,{children:o.isValidElement(h)?h:n(It,{"data-testid":"counter-label",weight:"semibold",disabled:l,children:h})})},Xt={collections:{base:{InputBoxShadow:c`
+        inset 0 0 6px 1px ${$t.Shadow.Accent}
+    `,InputErrorBoxShadow:c`
+        inset 0 0 6px 1px ${$t.Shadow.Red}
+    `}},defaultValue:"base"},Gt=e=>t=>{const n=t.theme,r=Ft(Xt,n[vt.designTokenScheme]);return n.options?.designToken?mt(r,e,n.options.designToken):mt(r,e)},Mt=Gt("InputBoxShadow"),Zt=Gt("InputErrorBoxShadow"),Ut="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",qt=l.div`
     display: flex;
     flex-direction: column;
-`,Me=i.textarea`
-    border: 1px solid ${Be.Neutral[5]};
+`,Jt=l.textarea`
+    border: 1px solid ${$t.Neutral[5]};
     border-radius: 4px;
     display: block;
     padding: 0.75rem 1rem;
     width: 100%;
-    transition: ${Xe};
+    transition: ${Ut};
 
-    ${xe("Body","regular")}
-    color: ${Be.Neutral[1]};
-    background: ${Be.Neutral[8]};
+    ${Et("Body","regular")}
+    color: ${$t.Neutral[1]};
+    background: ${$t.Neutral[8]};
 
     :focus,
     :active {
         outline: none;
-        border: 1px solid ${Be.Accent.Light[1]};
-        box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
+        border: 1px solid ${$t.Accent.Light[1]};
+        box-shadow: ${Mt};
     }
 
     ::placeholder,
     ::-webkit-input-placeholder {
-        color: ${Be.Neutral[34]};
+        color: ${$t.Neutral[3]};
     }
 
-    ${t=>t.disabled?o`
-                background: ${Be.Neutral[6](t)};
+    ${e=>e.readOnly?c`
+                border: none;
+                padding: 0.75rem 0;
+                background: transparent !important;
+
+                :focus,
+                :active {
+                    border: none;
+                    box-shadow: none;
+                }
+            `:e.disabled?c`
+                background: ${$t.Neutral[6](e)};
                 cursor: not-allowed;
 
                 :focus,
                 :active {
                     outline: none;
-                    border: 1px solid ${Be.Neutral[5](t)};
+                    border: 1px solid ${$t.Neutral[5](e)};
                     box-shadow: none;
                 }
-            `:t.error?o`
-                border: 1px solid ${Be.Validation.Red.Border(t)};
+            `:e.error?c`
+                border: 1px solid ${$t.Validation.Red.Border(e)};
 
                 :focus,
                 :active {
-                    border: 1px solid ${Be.Validation.Red.Border(t)};
-                    box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
+                    border: 1px solid ${$t.Validation.Red.Border(e)};
+                    box-shadow: ${Zt};
                 }
             `:void 0}
-`;n.forwardRef((({value:e,disabled:n,error:r,rows:a=5,...i},o)=>t(Me,{ref:o,disabled:n,value:e,error:r,rows:a,...i})));const Ze=n.forwardRef((({value:n,disabled:i,rows:o=5,onChange:l,...c},h)=>{const[g,d]=r(n);a((()=>{d(n)}),[n]);return e(Ge,{children:[t(Me,{ref:h,disabled:i,value:g,rows:o||5,onChange:t=>{const e=t.target.value;c.maxLength&&e.length>c.maxLength||(d(e),t.target.value=e,l&&l(t))},...c}),c.maxLength&&t(Ie,{disabled:i,value:g,maxLength:c.maxLength})]})}));export{Ze as Textarea};
+`;o.forwardRef((({value:e,disabled:t,error:r,rows:o=5,...a},i)=>n(Jt,{ref:i,disabled:t,value:e,error:r,rows:o,...a})));const Kt=o.forwardRef((({value:e,disabled:r,rows:o=5,onChange:l,...c},h)=>{const[g,d]=a(e);i((()=>{d(e)}),[e]);return t(qt,{children:[n(Jt,{ref:h,disabled:r,value:g,rows:o||5,onChange:e=>{const t=e.target.value;c.maxLength&&t.length>c.maxLength||(d(t),e.target.value=t,l&&l(e))},...c}),c.maxLength&&n(Pt,{disabled:r,value:g,maxLength:c.maxLength,renderCustomCounter:c.renderCustomCounter})]})}));export{Kt as Textarea};
 //# sourceMappingURL=index.js.map