@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.11

package/cjs/input-textarea/textarea-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-counter.js","sources":["../../../src/input-textarea/textarea-counter.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { CounterLabel } from \"./textara-counter.style\";\n\ninterface Props {\n    value: string | number | readonly string[] | undefined;\n    maxLength: number;\n    renderCustomCounter?: (\n        maxLength: number,\n        currentValueLength: number\n    ) => JSX.Element;\n}\n\nexport const TextareaCounter = ({\n    value,\n    maxLength,\n    renderCustomCounter,\n}: Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [counterLabel, setCounterLabel] = useState<\n        string | number | readonly string[] | JSX.Element\n    >(\"\");\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setCounterLabel(getCounterLabel(`${value || \"\"}`));\n    }, [value, maxLength]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCounterLabel = (value: string | number | readonly string[]) => {\n        if (renderCustomCounter) {\n            return renderCustomCounter(maxLength, value.toString().length);\n        } else {\n            const remainingLength = maxLength - value.toString().length;\n            if (remainingLength === 1) {\n                return `${remainingLength} character left`;\n            } else {\n                return `${remainingLength.toLocaleString()} characters left`;\n            }\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <>\n            {React.isValidElement(counterLabel) ? (\n                counterLabel\n            ) : (\n                <CounterLabel data-testid=\"counter-label\">\n                    {counterLabel}\n                </CounterLabel>\n            )}\n        </>\n    );\n};\n"],"names":["value","maxLength","renderCustomCounter","counterLabel","setCounterLabel","useState","useEffect","getCounterLabel","toString","length","remainingLength","toLocaleString","_jsx","_Fragment","children","React","isValidElement","CounterLabel"],"mappings":"sNAa+B,EAC3BA,QACAC,YACAC,0BAKA,MAAOC,EAAcC,GAAmBC,EAAAA,SAEtC,IAKFC,EAAAA,WAAU,KACNF,EAAgBG,EAAgB,GAAGP,GAAS,MAAM,GACnD,CAACA,EAAOC,IAKX,MAAMM,EAAmBP,IACrB,GAAIE,EACA,OAAOA,EAAoBD,EAAWD,EAAMQ,WAAWC,QACpD,CACH,MAAMC,EAAkBT,EAAYD,EAAMQ,WAAWC,OACrD,OAAwB,IAApBC,EACO,GAAGA,mBAEH,GAAGA,EAAgBC,kCAElC,GAMJ,OACIC,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACKC,EAAAA,QAAMC,eAAeb,GAAa,EAG/BS,EAAAA,IAACK,EAAAA,aAAY,CAAA,cAAa,gBAAeH,SACpCX,KAGV"}
+{"version":3,"file":"textarea-counter.js","sources":["../../../src/input-textarea/textarea-counter.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport * as styles from \"./textarea-counter.styles\";\n\ninterface Props {\n    value: string | number | readonly string[] | undefined;\n    maxLength: number;\n    renderCustomCounter?: (\n        maxLength: number,\n        currentValueLength: number\n    ) => JSX.Element;\n}\n\nexport const TextareaCounter = ({\n    value,\n    maxLength,\n    renderCustomCounter,\n}: Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [counterLabel, setCounterLabel] = useState<\n        string | number | readonly string[] | JSX.Element\n    >(\"\");\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setCounterLabel(getCounterLabel(`${value || \"\"}`));\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, maxLength]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCounterLabel = (value: string | number | readonly string[]) => {\n        if (renderCustomCounter) {\n            return renderCustomCounter(maxLength, value.toString().length);\n        } else {\n            const remainingLength = maxLength - value.toString().length;\n            if (remainingLength === 1) {\n                return `${remainingLength} character left`;\n            } else {\n                return `${remainingLength.toLocaleString()} characters left`;\n            }\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <>\n            {React.isValidElement(counterLabel) ? (\n                counterLabel\n            ) : (\n                <p className={styles.counterLabel} data-testid=\"counter-label\">\n                    {counterLabel}\n                </p>\n            )}\n        </>\n    );\n};\n"],"names":["value","maxLength","renderCustomCounter","counterLabel","setCounterLabel","useState","useEffect","getCounterLabel","toString","length","remainingLength","toLocaleString","_jsx","_Fragment","children","React","isValidElement","className","styles.counterLabel"],"mappings":"wNAa+B,EAC3BA,QACAC,YACAC,0BAKA,MAAOC,EAAcC,GAAmBC,EAAAA,SAEtC,IAKFC,EAAAA,WAAU,KACNF,EAAgBG,EAAgB,GAAGP,GAAS,MAAM,GAEnD,CAACA,EAAOC,IAKX,MAAMM,EAAmBP,IACrB,GAAIE,EACA,OAAOA,EAAoBD,EAAWD,EAAMQ,WAAWC,QACpD,CACH,MAAMC,EAAkBT,EAAYD,EAAMQ,WAAWC,OACrD,OAAwB,IAApBC,EACO,GAAGA,mBAEH,GAAGA,EAAgBC,kCAElC,GAMJ,OACIC,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACKC,EAAAA,QAAMC,eAAeb,GAAa,EAG/BS,EAAAA,IAAA,IAAA,CAAGK,UAAWC,EAAAA,aAAmB,cAAc,gBAAeJ,SACzDX,KAGV"}

package/cjs/input-textarea/textarea-counter.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./textarea-counter.styles_1n3wsnv.css");exports.counterLabel="c1d4l1yp";
+//# sourceMappingURL=textarea-counter.styles.js.map

package/cjs/input-textarea/textarea-counter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-counter.styles.js","sources":["../../../src/input-textarea/textarea-counter.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../theme\";\n\nexport const counterLabel = css`\n    text-align: right;\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":[],"mappings":"iHAIyB"}

package/cjs/input-textarea/textarea-counter.styles_1n3wsnv.css

@@ -0,0 +1 @@
+@layer fds{.c1d4l1yp{text-align:right;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text-subtler);}}

package/cjs/input-textarea/textarea.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("./textarea.style.js"),n=require("./textarea-counter.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(r);const l=u.default.forwardRef(((n,s)=>{var{value:u,disabled:l,error:o,rows:i=5,prefix:g,transformValue:f,onChange:c,maxLength:h}=n,x=e.__rest(n,["value","disabled","error","rows","prefix","transformValue","onChange","maxLength"]);const[d,v]=r.useState(u);r.useEffect((()=>{v(u)}),[u]);return t.jsx(a.Element,Object.assign({ref:s,disabled:l,value:g?g+(null!=d?d:""):d,onChange:e=>{let t=e.target.value;if(g){t.startsWith(g)||(t=g+t.trimStart()),t.length<g.length&&(t=g);if((e.target.selectionStart||0)<g.length)return void e.preventDefault();const r=t.slice(g.length),a=f?f(r):r;if(v(a),e.target.value=g+a,c){const t=Object.assign(Object.assign({},e),{target:Object.assign(Object.assign({},e.target),{value:a})});c(t)}}else{const r=f?f(null!=t?t:""):t;v(r),e.target.value=r,c&&c(e)}},onKeyDown:e=>{if(!g)return;const{selectionStart:t}=e.currentTarget;"Backspace"===e.key&&t<=g.length&&e.preventDefault(),"ArrowLeft"===e.key&&t<=g.length&&e.preventDefault(),"Home"===e.key&&(e.preventDefault(),requestAnimationFrame((()=>{e.currentTarget.setSelectionRange(g.length,g.length)})))},$error:o,rows:i,maxLength:g&&h?g.length+h:h},x))})),o=u.default.forwardRef(((s,u)=>{var{value:o,disabled:i,rows:g=5,onChange:f,transformValue:c,prefix:h,maxLength:x,renderCustomCounter:d}=s,v=e.__rest(s,["value","disabled","rows","onChange","transformValue","prefix","maxLength","renderCustomCounter"]);const[m,j]=r.useState(o);r.useEffect((()=>{j(o)}),[o]);return t.jsxs(a.Wrapper,{children:[t.jsx(l,Object.assign({ref:u,disabled:i,value:m,rows:g||5,onChange:e=>{const t=e.target.value;j(t),f&&f(e)},prefix:h,transformValue:c,maxLength:x},v)),x&&t.jsx(n.TextareaCounter,{value:m,maxLength:x,renderCustomCounter:d})]})}));exports.Textarea=o,exports.TextareaBase=l;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("clsx"),t=require("react"),s=require("../form/form-label/form-label.js"),n=require("../shared/accessibility/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var l=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("./textarea.styles.js"),o=require("./textarea-counter.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(a),c=u(t);const g=c.default.forwardRef(((a,s)=>{var{className:n,disabled:l,error:o,maxLength:u,onChange:c,prefix:g,readOnly:f,rows:m=5,transformValue:v,value:x}=a,h=e.__rest(a,["className","disabled","error","maxLength","onChange","prefix","readOnly","rows","transformValue","value"]);const[j,b]=t.useState(x);t.useEffect((()=>{b(x)}),[x]);return r.jsx("textarea",Object.assign({ref:s,disabled:l,value:g?g+(null!=j?j:""):j,onChange:e=>{let r=e.target.value;if(g){r.startsWith(g)||(r=g+r.trimStart()),r.length<g.length&&(r=g);if((e.target.selectionStart||0)<g.length)return void e.preventDefault();const a=r.slice(g.length),t=v?v(a):a;if(b(t),e.target.value=g+t,c){const r=Object.assign(Object.assign({},e),{target:Object.assign(Object.assign({},e.target),{value:t})});c(r)}}else{const a=v?v(null!=r?r:""):r;b(a),e.target.value=a,c&&c(e)}},onKeyDown:e=>{if(!g)return;const{selectionStart:r}=e.currentTarget;"Backspace"===e.key&&r<=g.length&&e.preventDefault(),"ArrowLeft"===e.key&&r<=g.length&&e.preventDefault(),"Home"===e.key&&(e.preventDefault(),requestAnimationFrame((()=>{e.currentTarget.setSelectionRange(g.length,g.length)})))},readOnly:f,className:d.default(i.element,f&&i.elementReadOnly||l&&i.elementDisabled||o&&i.elementError,n),rows:m,maxLength:g&&u?g.length+u:u},h))})),f=c.default.forwardRef(((a,u)=>{var d,{value:c,id:f,disabled:m,rows:v=5,onChange:x,transformValue:h,prefix:j,maxLength:b,renderCustomCounter:p,errorMessage:y,"data-error-testid":q,error:C}=a,w=e.__rest(a,["value","id","disabled","rows","onChange","transformValue","prefix","maxLength","renderCustomCounter","errorMessage","data-error-testid","error"]);const[O,L]=t.useState(c),D=l.useId();t.useEffect((()=>{L(c)}),[c]);const N=f?`${f}-error-message`:D,S=null!==(d=w["aria-invalid"])&&void 0!==d?d:!!y||!!C,_=n.concatIds(w["aria-describedby"],y?N:void 0);return r.jsxs("div",{className:i.wrapper,children:[r.jsx(g,Object.assign({ref:u,disabled:m,value:O,rows:v||5,onChange:e=>{const r=e.target.value;L(r),x&&x(e)},prefix:j,transformValue:h,maxLength:b,error:!!y||C},w,{id:f,"aria-invalid":S,"aria-describedby":_})),y||b?r.jsxs("div",{className:i.labelContainer,children:[y&&r.jsx(s.FormErrorMessage,{className:i.errorMessage,"data-testid":q,id:N,children:y}),b&&r.jsx(o.TextareaCounter,{value:O,maxLength:b,renderCustomCounter:p})]}):null]})}));exports.Textarea=f,exports.TextareaBase=g;
 //# sourceMappingURL=textarea.js.map

package/cjs/input-textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sources":["../../../src/input-textarea/textarea.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { Element, Wrapper } from \"./textarea.style\";\nimport { TextareaCounter } from \"./textarea-counter\";\nimport type { TextareaProps, TextareaRef } from \"./types\";\n\n// =============================================================================\n// BASE COMPONENT\n// =============================================================================\nconst TextareaBaseComponent = (\n    {\n        value,\n        disabled,\n        error,\n        rows = 5,\n        prefix,\n        transformValue,\n        onChange,\n        maxLength,\n        ...otherProps\n    }: TextareaProps,\n    ref: TextareaRef\n) => {\n    const [stateValue, setStateValue] = useState(value);\n\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        let newValue = event.target.value;\n        if (prefix) {\n            // Ensure prefix is always present\n            if (!newValue.startsWith(prefix)) {\n                newValue = prefix + newValue.trimStart();\n            }\n\n            // Prevent deleting the prefix\n            if (newValue.length < prefix.length) {\n                newValue = prefix;\n            }\n\n            const cursorPosition = event.target.selectionStart || 0;\n\n            // Ensure backspace does not delete the prefix\n            if (cursorPosition < prefix.length) {\n                event.preventDefault();\n                return;\n            }\n\n            // Extract user input\n            const userInput = newValue.slice(prefix.length);\n\n            // Transform the input if needed\n            const transformedValue = transformValue\n                ? transformValue(userInput)\n                : userInput;\n\n            // Update state and input field\n            setStateValue(transformedValue);\n            event.target.value = prefix + transformedValue;\n\n            // Pass only the user input (without prefix) to `onChange`\n            if (onChange) {\n                const syntheticEvent = {\n                    ...event,\n                    target: { ...event.target, value: transformedValue },\n                };\n                onChange(\n                    syntheticEvent as React.ChangeEvent<HTMLTextAreaElement>\n                );\n            }\n        } else {\n            const transformedValue = transformValue\n                ? transformValue(newValue ?? \"\")\n                : newValue;\n\n            setStateValue(transformedValue);\n            event.target.value = transformedValue;\n            if (onChange) onChange(event);\n        }\n    };\n\n    const getDisplayValue = () => {\n        return prefix ? prefix + (stateValue ?? \"\") : stateValue;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (!prefix) return;\n\n        const { selectionStart } = event.currentTarget;\n\n        // Prevent backspace in prefix\n        if (event.key === \"Backspace\" && selectionStart <= prefix.length) {\n            event.preventDefault();\n        }\n\n        // Prevent left arrow from moving into prefix\n        if (event.key === \"ArrowLeft\" && selectionStart <= prefix.length) {\n            event.preventDefault();\n        }\n\n        // Prevent \"Home\" key from moving cursor to beginning\n        if (event.key === \"Home\") {\n            event.preventDefault();\n            requestAnimationFrame(() => {\n                event.currentTarget.setSelectionRange(\n                    prefix.length,\n                    prefix.length\n                );\n            });\n        }\n    };\n\n    return (\n        <Element\n            ref={ref}\n            disabled={disabled}\n            value={getDisplayValue()}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            $error={error}\n            rows={rows}\n            maxLength={\n                prefix && maxLength ? prefix.length + maxLength : maxLength\n            }\n            {...otherProps}\n        />\n    );\n};\n\nexport const TextareaBase = React.forwardRef(TextareaBaseComponent);\n\n// =============================================================================\n// MODULE COMPONENT (comes with the counter)\n// =============================================================================\n\nconst TextareaComponent = (\n    {\n        value,\n        disabled,\n        rows = 5,\n        onChange,\n        transformValue,\n        prefix,\n        maxLength,\n        renderCustomCounter,\n        ...otherProps\n    }: TextareaProps,\n    ref: TextareaRef\n) => {\n    // -------------------------------------------------------------------------\n    // CONST, STATE, REF\n    // -------------------------------------------------------------------------\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n\n    // -------------------------------------------------------------------------\n    // EFFECTS\n    // -------------------------------------------------------------------------\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // -------------------------------------------------------------------------\n    // EVENT HANDLER\n    // -------------------------------------------------------------------------\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    return (\n        <Wrapper>\n            <TextareaBase\n                ref={ref}\n                disabled={disabled}\n                value={stateValue}\n                rows={rows || 5}\n                onChange={handleChange}\n                prefix={prefix}\n                transformValue={transformValue}\n                maxLength={maxLength}\n                {...otherProps}\n            />\n            {maxLength && (\n                <TextareaCounter\n                    value={stateValue}\n                    maxLength={maxLength}\n                    renderCustomCounter={renderCustomCounter}\n                />\n            )}\n        </Wrapper>\n    );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":["TextareaBase","React","forwardRef","_a","ref","value","disabled","error","rows","prefix","transformValue","onChange","maxLength","otherProps","__rest","stateValue","setStateValue","useState","useEffect","_jsx","Element","Object","assign","event","newValue","target","startsWith","trimStart","length","selectionStart","preventDefault","userInput","slice","transformedValue","syntheticEvent","onKeyDown","currentTarget","key","requestAnimationFrame","setSelectionRange","$error","Textarea","renderCustomCounter","_jsxs","Wrapper","children","TextareaCounter"],"mappings":"6PASA,MA0HaA,EAAeC,EAAAA,QAAMC,YA1HJ,CAC1BC,EAWAC,SAXAC,MACIA,EAAKC,SACLA,EAAQC,MACRA,EAAKC,KACLA,EAAO,EAACC,OACRA,EAAMC,eACNA,EAAcC,SACdA,EAAQC,UACRA,KACGC,EAAUC,EAAAA,OAAAX,EATjB,CAAA,QAAA,WAAA,QAAA,OAAA,SAAA,iBAAA,WAAA,cAaA,MAAOY,EAAYC,GAAiBC,EAAAA,SAASZ,GAE7Ca,EAAAA,WAAU,KACNF,EAAcX,EAAM,GACrB,CAACA,IAuFJ,OACIc,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CACJlB,IAAKA,EACLE,SAAUA,EACVD,MAlCGI,EAASA,GAAUM,QAAAA,EAAc,IAAMA,EAmC1CJ,SA1FcY,IAClB,IAAIC,EAAWD,EAAME,OAAOpB,MAC5B,GAAII,EAAQ,CAEHe,EAASE,WAAWjB,KACrBe,EAAWf,EAASe,EAASG,aAI7BH,EAASI,OAASnB,EAAOmB,SACzBJ,EAAWf,GAMf,IAHuBc,EAAME,OAAOI,gBAAkB,GAGjCpB,EAAOmB,OAExB,YADAL,EAAMO,iBAKV,MAAMC,EAAYP,EAASQ,MAAMvB,EAAOmB,QAGlCK,EAAmBvB,EACnBA,EAAeqB,GACfA,EAON,GAJAf,EAAciB,GACdV,EAAME,OAAOpB,MAAQI,EAASwB,EAG1BtB,EAAU,CACV,MAAMuB,EAAcb,OAAAC,OAAAD,OAAAC,OAAA,GACbC,GAAK,CACRE,OAAMJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOC,EAAME,QAAM,CAAEpB,MAAO4B,MAEtCtB,EACIuB,EAER,CACJ,KAAO,CACH,MAAMD,EAAmBvB,EACnBA,EAAec,QAAAA,EAAY,IAC3BA,EAENR,EAAciB,GACdV,EAAME,OAAOpB,MAAQ4B,EACjBtB,GAAUA,EAASY,EAC3B,GAwCIY,UAjCeZ,IACnB,IAAKd,EAAQ,OAEb,MAAMoB,eAAEA,GAAmBN,EAAMa,cAGf,cAAdb,EAAMc,KAAuBR,GAAkBpB,EAAOmB,QACtDL,EAAMO,iBAIQ,cAAdP,EAAMc,KAAuBR,GAAkBpB,EAAOmB,QACtDL,EAAMO,iBAIQ,SAAdP,EAAMc,MACNd,EAAMO,iBACNQ,uBAAsB,KAClBf,EAAMa,cAAcG,kBAChB9B,EAAOmB,OACPnB,EAAOmB,OACV,IAET,EAS4BY,OAChBjC,EACRC,KAAMA,EACNI,UACIH,GAAUG,EAAYH,EAAOmB,OAAShB,EAAYA,GAElDC,GACN,IA0EG4B,EAAWxC,EAAAA,QAAMC,YAhEJ,CACtBC,EAWAC,SAXAC,MACIA,EAAKC,SACLA,EAAQE,KACRA,EAAO,EAACG,SACRA,EAAQD,eACRA,EAAcD,OACdA,EAAMG,UACNA,EAAS8B,oBACTA,KACG7B,EAAUC,EAAAA,OAAAX,EATjB,CAAA,QAAA,WAAA,OAAA,WAAA,iBAAA,SAAA,YAAA,wBAgBA,MAAOY,EAAYC,GAAiBC,EAAAA,SAElCZ,GAKFa,EAAAA,WAAU,KACNF,EAAcX,EAAM,GACrB,CAACA,IAcJ,OACIsC,EAAAA,KAACC,EAAAA,QAAO,CAAAC,SAAA,CACJ1B,EAAAA,IAACnB,EAAYqB,OAAAC,OAAA,CACTlB,IAAKA,EACLE,SAAUA,EACVD,MAAOU,EACPP,KAAMA,GAAQ,EACdG,SAhBUY,IAClB,MAAMC,EAAWD,EAAME,OAAOpB,MAC9BW,EAAcQ,GACVb,GAAUA,EAASY,EAAM,EAcrBd,OAAQA,EACRC,eAAgBA,EAChBE,UAAWA,GACPC,IAEPD,GACGO,EAAAA,IAAC2B,EAAAA,gBAAe,CACZzC,MAAOU,EACPH,UAAWA,EACX8B,oBAAqBA,MAGvB"}
+{"version":3,"file":"textarea.js","sources":["../../../src/input-textarea/textarea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useState } from \"react\";\n\nimport { FormErrorMessage } from \"../form/form-label\";\nimport { concatIds } from \"../shared/accessibility\";\nimport { useId } from \"../util\";\nimport * as styles from \"./textarea.styles\";\nimport { TextareaCounter } from \"./textarea-counter\";\nimport type { TextareaProps, TextareaRef } from \"./types\";\n\n// =============================================================================\n// BASE COMPONENT\n// =============================================================================\nconst TextareaBaseComponent = (\n    {\n        className,\n        disabled,\n        error,\n        maxLength,\n        onChange,\n        prefix,\n        readOnly,\n        rows = 5,\n        transformValue,\n        value,\n        ...otherProps\n    }: TextareaProps,\n    ref: TextareaRef\n) => {\n    const [stateValue, setStateValue] = useState(value);\n\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        let newValue = event.target.value;\n        if (prefix) {\n            // Ensure prefix is always present\n            if (!newValue.startsWith(prefix)) {\n                newValue = prefix + newValue.trimStart();\n            }\n\n            // Prevent deleting the prefix\n            if (newValue.length < prefix.length) {\n                newValue = prefix;\n            }\n\n            const cursorPosition = event.target.selectionStart || 0;\n\n            // Ensure backspace does not delete the prefix\n            if (cursorPosition < prefix.length) {\n                event.preventDefault();\n                return;\n            }\n\n            // Extract user input\n            const userInput = newValue.slice(prefix.length);\n\n            // Transform the input if needed\n            const transformedValue = transformValue\n                ? transformValue(userInput)\n                : userInput;\n\n            // Update state and input field\n            setStateValue(transformedValue);\n            event.target.value = prefix + transformedValue;\n\n            // Pass only the user input (without prefix) to `onChange`\n            if (onChange) {\n                const syntheticEvent = {\n                    ...event,\n                    target: { ...event.target, value: transformedValue },\n                };\n                onChange(\n                    syntheticEvent as React.ChangeEvent<HTMLTextAreaElement>\n                );\n            }\n        } else {\n            const transformedValue = transformValue\n                ? transformValue(newValue ?? \"\")\n                : newValue;\n\n            setStateValue(transformedValue);\n            event.target.value = transformedValue;\n            if (onChange) onChange(event);\n        }\n    };\n\n    const getDisplayValue = () => {\n        return prefix ? prefix + (stateValue ?? \"\") : stateValue;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (!prefix) return;\n\n        const { selectionStart } = event.currentTarget;\n\n        // Prevent backspace in prefix\n        if (event.key === \"Backspace\" && selectionStart <= prefix.length) {\n            event.preventDefault();\n        }\n\n        // Prevent left arrow from moving into prefix\n        if (event.key === \"ArrowLeft\" && selectionStart <= prefix.length) {\n            event.preventDefault();\n        }\n\n        // Prevent \"Home\" key from moving cursor to beginning\n        if (event.key === \"Home\") {\n            event.preventDefault();\n            requestAnimationFrame(() => {\n                event.currentTarget.setSelectionRange(\n                    prefix.length,\n                    prefix.length\n                );\n            });\n        }\n    };\n\n    return (\n        <textarea\n            ref={ref}\n            disabled={disabled}\n            value={getDisplayValue()}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            readOnly={readOnly}\n            className={clsx(\n                styles.element,\n                (readOnly && styles.elementReadOnly) ||\n                    (disabled && styles.elementDisabled) ||\n                    (error && styles.elementError),\n                className\n            )}\n            rows={rows}\n            maxLength={\n                prefix && maxLength ? prefix.length + maxLength : maxLength\n            }\n            {...otherProps}\n        />\n    );\n};\n\nexport const TextareaBase = React.forwardRef(TextareaBaseComponent);\n\n// =============================================================================\n// MODULE COMPONENT (comes with the counter)\n// =============================================================================\n\nconst TextareaComponent = (\n    {\n        value,\n        id,\n        disabled,\n        rows = 5,\n        onChange,\n        transformValue,\n        prefix,\n        maxLength,\n        renderCustomCounter,\n        errorMessage,\n        \"data-error-testid\": errorTestId,\n        error,\n        ...otherProps\n    }: TextareaProps,\n    ref: TextareaRef\n) => {\n    // -------------------------------------------------------------------------\n    // CONST, STATE, REF\n    // -------------------------------------------------------------------------\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n    const defaultErrorMessageID = useId();\n\n    // -------------------------------------------------------------------------\n    // EFFECTS\n    // -------------------------------------------------------------------------\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // -------------------------------------------------------------------------\n    // EVENT HANDLER\n    // -------------------------------------------------------------------------\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    const errorMessageId = id ? `${id}-error-message` : defaultErrorMessageID;\n    const ariaInvalid =\n        otherProps[\"aria-invalid\"] ?? (!!errorMessage || !!error);\n    const ariaDescribedBy = concatIds(\n        otherProps[\"aria-describedby\"],\n        errorMessage ? errorMessageId : undefined\n    );\n\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderBottomLabels = () => {\n        if (!errorMessage && !maxLength) return null;\n        return (\n            <div className={styles.labelContainer}>\n                {errorMessage && (\n                    <FormErrorMessage\n                        className={styles.errorMessage}\n                        data-testid={errorTestId}\n                        id={errorMessageId}\n                    >\n                        {errorMessage}\n                    </FormErrorMessage>\n                )}\n                {maxLength && (\n                    <TextareaCounter\n                        value={stateValue}\n                        maxLength={maxLength}\n                        renderCustomCounter={renderCustomCounter}\n                    />\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className={styles.wrapper}>\n            <TextareaBase\n                ref={ref}\n                disabled={disabled}\n                value={stateValue}\n                rows={rows || 5}\n                onChange={handleChange}\n                prefix={prefix}\n                transformValue={transformValue}\n                maxLength={maxLength}\n                error={!!errorMessage || error}\n                {...otherProps}\n                id={id}\n                aria-invalid={ariaInvalid}\n                aria-describedby={ariaDescribedBy}\n            />\n            {renderBottomLabels()}\n        </div>\n    );\n};\n\n// @catalog\n/**\n * A multi-line text input with an optional character counter and prefix.\n * @keywords field, form, input, multiline, text field\n */\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":["TextareaBase","React","forwardRef","_a","ref","className","disabled","error","maxLength","onChange","prefix","readOnly","rows","transformValue","value","otherProps","__rest","stateValue","setStateValue","useState","useEffect","_jsx","Object","assign","event","newValue","target","startsWith","trimStart","length","selectionStart","preventDefault","userInput","slice","transformedValue","syntheticEvent","onKeyDown","currentTarget","key","requestAnimationFrame","setSelectionRange","clsx","styles.element","styles.elementReadOnly","styles.elementDisabled","styles.elementError","Textarea","id","renderCustomCounter","errorMessage","errorTestId","defaultErrorMessageID","useId","errorMessageId","ariaInvalid","_b","ariaDescribedBy","concatIds","undefined","_jsxs","styles.wrapper","children","styles.labelContainer","FormErrorMessage","styles.errorMessage","TextareaCounter"],"mappings":"ikBAaA,MAmIaA,EAAeC,EAAAA,QAAMC,YAnIJ,CAC1BC,EAaAC,SAbAC,UACIA,EAASC,SACTA,EAAQC,MACRA,EAAKC,UACLA,EAASC,SACTA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,KACRA,EAAO,EAACC,eACRA,EAAcC,MACdA,GAAKX,EACFY,EAAUC,EAAAA,OAAAb,EAXjB,CAAA,YAAA,WAAA,QAAA,YAAA,WAAA,SAAA,WAAA,OAAA,iBAAA,UAeA,MAAOc,EAAYC,GAAiBC,EAAAA,SAASL,GAE7CM,EAAAA,WAAU,KACNF,EAAcJ,EAAM,GACrB,CAACA,IAuFJ,OACIO,MAAA,WAAAC,OAAAC,OAAA,CACInB,IAAKA,EACLE,SAAUA,EACVQ,MAlCGJ,EAASA,GAAUO,QAAAA,EAAc,IAAMA,EAmC1CR,SA1Fce,IAClB,IAAIC,EAAWD,EAAME,OAAOZ,MAC5B,GAAIJ,EAAQ,CAEHe,EAASE,WAAWjB,KACrBe,EAAWf,EAASe,EAASG,aAI7BH,EAASI,OAASnB,EAAOmB,SACzBJ,EAAWf,GAMf,IAHuBc,EAAME,OAAOI,gBAAkB,GAGjCpB,EAAOmB,OAExB,YADAL,EAAMO,iBAKV,MAAMC,EAAYP,EAASQ,MAAMvB,EAAOmB,QAGlCK,EAAmBrB,EACnBA,EAAemB,GACfA,EAON,GAJAd,EAAcgB,GACdV,EAAME,OAAOZ,MAAQJ,EAASwB,EAG1BzB,EAAU,CACV,MAAM0B,EAAcb,OAAAC,OAAAD,OAAAC,OAAA,GACbC,GAAK,CACRE,OAAMJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOC,EAAME,QAAM,CAAEZ,MAAOoB,MAEtCzB,EACI0B,EAER,CACJ,KAAO,CACH,MAAMD,EAAmBrB,EACnBA,EAAeY,QAAAA,EAAY,IAC3BA,EAENP,EAAcgB,GACdV,EAAME,OAAOZ,MAAQoB,EACjBzB,GAAUA,EAASe,EAC3B,GAwCIY,UAjCeZ,IACnB,IAAKd,EAAQ,OAEb,MAAMoB,eAAEA,GAAmBN,EAAMa,cAGf,cAAdb,EAAMc,KAAuBR,GAAkBpB,EAAOmB,QACtDL,EAAMO,iBAIQ,cAAdP,EAAMc,KAAuBR,GAAkBpB,EAAOmB,QACtDL,EAAMO,iBAIQ,SAAdP,EAAMc,MACNd,EAAMO,iBACNQ,uBAAsB,KAClBf,EAAMa,cAAcG,kBAChB9B,EAAOmB,OACPnB,EAAOmB,OACV,IAET,EAUIlB,SAAUA,EACVN,UAAWoC,UACPC,EAAAA,QACC/B,GAAYgC,EAAAA,iBACRrC,GAAYsC,EAAAA,iBACZrC,GAASsC,EAAAA,aACdxC,GAEJO,KAAMA,EACNJ,UACIE,GAAUF,EAAYE,EAAOmB,OAASrB,EAAYA,GAElDO,GACN,IAkHG+B,EAAW7C,EAAAA,QAAMC,YAxGJ,CACtBC,EAeAC,YAfAU,MACIA,EAAKiC,GACLA,EAAEzC,SACFA,EAAQM,KACRA,EAAO,EAACH,SACRA,EAAQI,eACRA,EAAcH,OACdA,EAAMF,UACNA,EAASwC,oBACTA,EAAmBC,aACnBA,EACA,oBAAqBC,EAAW3C,MAChCA,GAAKJ,EACFY,EAAUC,EAAAA,OAAAb,EAbjB,oJAoBA,MAAOc,EAAYC,GAAiBC,EAAAA,SAElCL,GACIqC,EAAwBC,EAAAA,QAK9BhC,EAAAA,WAAU,KACNF,EAAcJ,EAAM,GACrB,CAACA,IAKJ,MAMMuC,EAAiBN,EAAK,GAAGA,kBAAqBI,EAC9CG,EACwB,QAA1BC,EAAAxC,EAAW,uBAAe,IAAAwC,EAAAA,IAAON,KAAkB1C,EACjDiD,EAAkBC,EAAAA,UACpB1C,EAAW,oBACXkC,EAAeI,OAAiBK,GA8BpC,OACIC,EAAAA,KAAA,MAAA,CAAKtD,UAAWuD,EAAAA,QAAcC,SAAA,CAC1BxC,EAAAA,IAACrB,EAAYsB,OAAAC,OAAA,CACTnB,IAAKA,EACLE,SAAUA,EACVQ,MAAOG,EACPL,KAAMA,GAAQ,EACdH,SAhDUe,IAClB,MAAMC,EAAWD,EAAME,OAAOZ,MAC9BI,EAAcO,GACVhB,GAAUA,EAASe,EAAM,EA8CrBd,OAAQA,EACRG,eAAgBA,EAChBL,UAAWA,EACXD,QAAS0C,GAAgB1C,GACrBQ,EAAU,CACdgC,GAAIA,iBACUO,EAAW,mBACPE,KAtCrBP,GAAiBzC,EAElBmD,EAAAA,YAAKtD,UAAWyD,EAAAA,eAAqBD,SAAA,CAChCZ,GACG5B,EAAAA,IAAC0C,EAAAA,iBAAgB,CACb1D,UAAW2D,EAAAA,aAAmB,cACjBd,EACbH,GAAIM,WAEHJ,IAGRzC,GACGa,EAAAA,IAAC4C,EAAAA,gBAAe,CACZnD,MAAOG,EACPT,UAAWA,EACXwC,oBAAqBA,OAhBG,OAyClC"}

package/cjs/input-textarea/textarea.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./textarea.styles_6we7bs.css");exports.element="e10c6rk9",exports.elementDisabled="e9uwuyt",exports.elementError="etmlvbn",exports.elementReadOnly="e1kovz0t",exports.errorMessage="e1mvywhi",exports.labelContainer="l1npkv4w",exports.wrapper="w1xqauhq";
+//# sourceMappingURL=textarea.styles.js.map

package/cjs/input-textarea/textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.js","sources":["../../../src/input-textarea/textarea.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const wrapper = css`\n    display: flex;\n    flex-direction: column;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const element = css`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour.bg};\n    outline: none;\n    overflow: auto;\n\n    display: block;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    width: 100%;\n\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:focus,\n    &:active {\n        outline-offset: -1px;\n        outline: ${Border[\"width-020\"]} ${Border[\"solid\"]}\n            ${Colour[\"border-focus\"]};\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${Colour[\"text-subtler\"]};\n    }\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n`;\n\nexport const elementReadOnly = css`\n    border-color: transparent;\n    background: transparent !important;\n    padding: ${Spacing[\"spacing-12\"]} 0;\n\n    &:focus,\n    &:active {\n        outline-color: ${Colour[\"border-focus\"]};\n    }\n`;\n\nexport const elementDisabled = css`\n    background: ${Colour[\"bg-disabled\"]};\n    cursor: not-allowed;\n\n    &:focus,\n    &:active {\n        outline-color: ${Colour[\"border-disabled\"]};\n    }\n`;\n\nexport const elementError = css`\n    border-color: ${Colour[\"border-error\"]};\n\n    &:focus,\n    &:active {\n        outline-color: ${Colour[\"border-error-focus\"]};\n    }\n`;\n\nexport const labelContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    gap: ${Spacing[\"spacing-12\"]};\n`;\n\nexport const errorMessage = css`\n    flex: 1;\n    margin-top: 0;\n    align-items: flex-start;\n`;\n"],"names":[],"mappings":"mGAUoB,mCAqDQ,+BAUH,kCArBG,gCAoCH,kCANE,2BA9EP"}

package/cjs/input-textarea/textarea.styles_6we7bs.css

@@ -0,0 +1,7 @@
+@layer fds{.w1xqauhq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-8);}
+.e10c6rk9{border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);outline:none;overflow:auto;display:block;padding:var(--fds-spacing-12) var(--fds-spacing-16);width:100%;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);}.e10c6rk9:focus,.e10c6rk9:active{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}.e10c6rk9::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::-webkit-scrollbar{width:14px;}.e10c6rk9::-webkit-scrollbar-track{background:transparent;}.e10c6rk9::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}.e10c6rk9::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::-moz-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9:-ms-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::placeholder{color:var(--fds-colour-text-subtler);}
+.e1kovz0t{border-color:transparent;background:transparent!important;padding:var(--fds-spacing-12) 0;}.e1kovz0t:focus,.e1kovz0t:active{outline-color:var(--fds-colour-border-focus);}
+.e9uwuyt{background:var(--fds-colour-bg-disabled);cursor:not-allowed;}.e9uwuyt:focus,.e9uwuyt:active{outline-color:var(--fds-colour-border-disabled);}
+.etmlvbn{border-color:var(--fds-colour-border-error);}.etmlvbn:focus,.etmlvbn:active{outline-color:var(--fds-colour-border-error-focus);}
+.l1npkv4w{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;gap:var(--fds-spacing-12);}
+.e1mvywhi{-webkit-flex:1;-ms-flex:1;flex:1;margin-top:0;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}

package/cjs/language-switcher/data.js

@@ -0,0 +1,2 @@
+"use strict";exports.ARIA_LABEL="Choose language / 选择语言 / Pilih bahasa / மொழியை தேர்ந்தெடுக்கவும்",exports.LANGUAGE_CODES=["en","zh","ms","ta"],exports.LANGUAGE_DISPLAY_MAP={en:"English",zh:"中文",ms:"Melayu",ta:"தமிழ்"};
+//# sourceMappingURL=data.js.map

package/cjs/language-switcher/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sources":["../../../src/language-switcher/data.ts"],"sourcesContent":["import type { LanguageSwitcherCode } from \"./types\";\n\nexport const LANGUAGE_DISPLAY_MAP: Record<LanguageSwitcherCode, string> = {\n    en: \"English\",\n    zh: \"中文\",\n    ms: \"Melayu\",\n    ta: \"தமிழ்\",\n};\n\nexport const LANGUAGE_CODES: LanguageSwitcherCode[] = [\"en\", \"zh\", \"ms\", \"ta\"];\n\nexport const ARIA_LABEL =\n    \"Choose language / 选择语言 / Pilih bahasa / மொழியை தேர்ந்தெடுக்கவும்\";\n"],"names":["en","zh","ms","ta"],"mappings":"gCAYI,0FAHkD,CAAC,KAAM,KAAM,KAAM,mCAPC,CACtEA,GAAI,UACJC,GAAI,KACJC,GAAI,SACJC,GAAI"}

package/cjs/language-switcher/dropdown-panel.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@lifesg/react-icons/tick"),t=require("clsx"),s=require("react"),i=require("../shared/dropdown-list/dropdown-list.styles.js"),a=require("../shared/dropdown-wrapper/element-with-dropdown.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var n=require("../util/merge-refs.js");require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var d=require("./data.js"),o=require("./dropdown-panel.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t);exports.DropdownPanel=({focusedIndex:t,handleItemSelect:u,handleListKeyDown:m,itemRefs:p,listboxId:j,selectedLanguage:q,testId:h})=>{const{elementWidth:y,styles:f,setFloatingRef:w,getFloatingProps:x}=a.useDropdownRender(),I=s.useRef(null);return l.useApplyStyle(I,{[o.tokens.width]:`${y}px`}),e.jsx("div",Object.assign({ref:n.mergeRefs(w,I),className:o.dropdownPanel,style:f,"data-testid":`${h}--panel`},x(),{children:e.jsx("ul",{className:o.dropdownList,role:"listbox",id:j,"aria-label":d.ARIA_LABEL,onKeyDown:m,children:d.LANGUAGE_CODES.map(((s,a)=>{const l=s===q,n=a===t;return e.jsxs("li",{ref:e=>{p.current[a]=e},role:"option",lang:s,className:c.default(o.dropdownItem,i.listItem,n&&l&&i.listItemActiveSelected,n&&!l&&i.listItemActive,l&&o.dropdownItemSelected),"aria-selected":l,tabIndex:n?0:-1,onClick:()=>u(s),"data-testid":`${h}--item-${s}`,children:[l?e.jsx(r.TickIcon,{className:c.default(i.baseIndicatorStyle,i.selectedIndicator),"aria-hidden":!0}):e.jsx("div",{className:i.baseIndicatorStyle}),d.LANGUAGE_DISPLAY_MAP[s]]},s)}))})}))};
+//# sourceMappingURL=dropdown-panel.js.map

package/cjs/language-switcher/dropdown-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-panel.js","sources":["../../../src/language-switcher/dropdown-panel.tsx"],"sourcesContent":["import { TickIcon } from \"@lifesg/react-icons/tick\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\n\nimport {\n    baseIndicatorStyle,\n    listItem,\n    listItemActive,\n    listItemActiveSelected,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\nimport { useDropdownRender } from \"../shared/dropdown-wrapper\";\nimport { useApplyStyle } from \"../theme\";\nimport { mergeRefs } from \"../util\";\nimport { ARIA_LABEL, LANGUAGE_CODES, LANGUAGE_DISPLAY_MAP } from \"./data\";\nimport * as styles from \"./dropdown-panel.styles\";\nimport type { LanguageSwitcherCode } from \"./types\";\n\ninterface DropdownPanelProps {\n    focusedIndex: number;\n    handleItemSelect: (code: LanguageSwitcherCode) => void;\n    handleListKeyDown: (event: React.KeyboardEvent<HTMLUListElement>) => void;\n    itemRefs: React.MutableRefObject<(HTMLLIElement | null)[]>;\n    listboxId: string;\n    selectedLanguage: LanguageSwitcherCode;\n    testId: string;\n}\n\nexport const DropdownPanel = ({\n    focusedIndex,\n    handleItemSelect,\n    handleListKeyDown,\n    itemRefs,\n    listboxId,\n    selectedLanguage,\n    testId,\n}: DropdownPanelProps) => {\n    const {\n        elementWidth,\n        styles: floatingStyles,\n        setFloatingRef,\n        getFloatingProps,\n    } = useDropdownRender();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(panelRef, {\n        [styles.tokens.width]: `${elementWidth}px`,\n    });\n\n    return (\n        <div\n            ref={mergeRefs(setFloatingRef, panelRef)}\n            className={styles.dropdownPanel}\n            style={floatingStyles}\n            data-testid={`${testId}--panel`}\n            {...getFloatingProps()}\n        >\n            <ul\n                className={styles.dropdownList}\n                role=\"listbox\"\n                id={listboxId}\n                aria-label={ARIA_LABEL}\n                onKeyDown={handleListKeyDown}\n            >\n                {LANGUAGE_CODES.map((code, index) => {\n                    const isSelected = code === selectedLanguage;\n                    const isFocused = index === focusedIndex;\n\n                    return (\n                        <li\n                            key={code}\n                            ref={(element: HTMLLIElement | null) => {\n                                itemRefs.current[index] = element;\n                            }}\n                            role=\"option\"\n                            lang={code}\n                            className={clsx(\n                                styles.dropdownItem,\n                                listItem,\n                                isFocused &&\n                                    isSelected &&\n                                    listItemActiveSelected,\n                                isFocused && !isSelected && listItemActive,\n                                isSelected && styles.dropdownItemSelected\n                            )}\n                            aria-selected={isSelected}\n                            tabIndex={isFocused ? 0 : -1}\n                            onClick={() => handleItemSelect(code)}\n                            data-testid={`${testId}--item-${code}`}\n                        >\n                            {isSelected ? (\n                                <TickIcon\n                                    className={clsx(\n                                        baseIndicatorStyle,\n                                        styles.selectedIndicator\n                                    )}\n                                    aria-hidden\n                                />\n                            ) : (\n                                <div className={baseIndicatorStyle} />\n                            )}\n                            {LANGUAGE_DISPLAY_MAP[code]}\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n};\n"],"names":["focusedIndex","handleItemSelect","handleListKeyDown","itemRefs","listboxId","selectedLanguage","testId","elementWidth","styles","floatingStyles","setFloatingRef","getFloatingProps","useDropdownRender","panelRef","useRef","useApplyStyle","styles.tokens","width","_jsx","Object","assign","ref","mergeRefs","className","styles.dropdownPanel","style","children","styles.dropdownList","role","id","ARIA_LABEL","onKeyDown","LANGUAGE_CODES","map","code","index","isSelected","isFocused","_jsxs","element","current","lang","clsx","styles.dropdownItem","listItem","listItemActiveSelected","listItemActive","styles.dropdownItemSelected","tabIndex","onClick","TickIcon","baseIndicatorStyle","styles.selectedIndicator","LANGUAGE_DISPLAY_MAP"],"mappings":"k+BA4B6B,EACzBA,eACAC,mBACAC,oBACAC,WACAC,YACAC,mBACAC,aAEA,MAAMC,aACFA,EACAC,OAAQC,EAAcC,eACtBA,EAAcC,iBACdA,GACAC,sBACEC,EAAWC,EAAAA,OAAuB,MAMxC,OAJAC,EAAAA,cAAcF,EAAU,CACpB,CAACG,EAAAA,OAAcC,OAAQ,GAAGV,QAI1BW,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIC,IAAKC,EAAAA,UAAUZ,EAAgBG,GAC/BU,UAAWC,EAAAA,cACXC,MAAOhB,EAAc,cACR,GAAGH,YACZK,IAAkB,CAAAe,SAEtBR,EAAAA,IAAA,KAAA,CACIK,UAAWI,EAAAA,aACXC,KAAK,UACLC,GAAIzB,EAAS,aACD0B,EAAAA,WACZC,UAAW7B,EAAiBwB,SAE3BM,EAAAA,eAAeC,KAAI,CAACC,EAAMC,KACvB,MAAMC,EAAaF,IAAS7B,EACtBgC,EAAYF,IAAUnC,EAE5B,OACIsC,EAAAA,KAAA,KAAA,CAEIjB,IAAMkB,IACFpC,EAASqC,QAAQL,GAASI,CAAO,EAErCX,KAAK,SACLa,KAAMP,EACNX,UAAWmB,EAAAA,QACPC,eACAC,EAAAA,SACAP,GACID,GACAS,yBACJR,IAAcD,GAAcU,EAAAA,eAC5BV,GAAcW,EAAAA,sCAEHX,EACfY,SAAUX,EAAY,KACtBY,QAAS,IAAMhD,EAAiBiC,iBACnB,GAAG5B,WAAgB4B,IAAMR,SAAA,CAErCU,EACGlB,MAACgC,EAAAA,SAAQ,CACL3B,UAAWmB,EAAAA,QACPS,qBACAC,EAAAA,mBACH,eAAA,IAILlC,EAAAA,IAAA,MAAA,CAAKK,UAAW4B,uBAEnBE,EAAAA,qBAAqBnB,KA/BjBA,EAgCJ,QAIf"}

package/cjs/language-switcher/dropdown-panel.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("../shared/dropdown-list/dropdown-list.styles_konwm.css"),require("./dropdown-panel.styles_1qsjf8d.css");exports.dropdownItem="d4xkcjy",exports.dropdownItemSelected="ddiq5up",exports.dropdownList="dogrnw8",exports.dropdownPanel="dbl9jc4",exports.tokens={width:"--fds-internal-languageSwitcher-dropdown-width"};
+//# sourceMappingURL=dropdown-panel.styles.js.map

package/cjs/language-switcher/dropdown-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-panel.styles.js","sources":["../../../src/language-switcher/dropdown-panel.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const tokens = {\n    width: \"--fds-internal-languageSwitcher-dropdown-width\",\n} as const;\n\nexport const dropdownPanel = css`\n    ${tokens.width}: initial;\n\n    width: var(${tokens.width});\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n    overflow: hidden;\n`;\n\nexport const dropdownList = css`\n    list-style: none;\n    margin: 0;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport {\n    baseIndicatorStyle,\n    selectedIndicator,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\n\nexport const dropdownItem = css`\n    align-items: center;\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover-subtle\"]};\n    }\n`;\n\nexport const dropdownItemSelected = css`\n    background: transparent;\n    color: ${Colour[\"text-selected\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover\"]};\n    }\n`;\n"],"names":["width"],"mappings":"kMA6ByB,uCAUQ,+BArBR,gCAVC,yBAJJ,CAClBA,MAAO"}

package/cjs/language-switcher/dropdown-panel.styles_1qsjf8d.css

@@ -0,0 +1,4 @@
+@layer fds{.dbl9jc4{--fds-internal-languageSwitcher-dropdown-width:initial;width:var(--fds-internal-languageSwitcher-dropdown-width);border-radius:var(--fds-radius-sm);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);background:var(--fds-colour-bg);overflow:hidden;}
+.dogrnw8{list-style:none;margin:0;padding:var(--fds-spacing-8);}
+.d4xkcjy{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}.d4xkcjy:hover{background:var(--fds-colour-bg-hover-subtle);}
+.ddiq5up{background:transparent;color:var(--fds-colour-text-selected);}.ddiq5up:hover{background:var(--fds-colour-bg-hover);}}

package/cjs/language-switcher/dropdown-variant.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("@lifesg/react-icons/language"),t=require("react");require("clsx"),require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var a=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js"),require("../shared/dropdown-list/dropdown-label.styles_mloii0.css"),require("../shared/dropdown-list/dropdown-list.js"),require("../shared/dropdown-list/dropdown-list-state.js");var i=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-icons/minus-square-fill"),require("@lifesg/react-icons/square"),require("@lifesg/react-icons/square-tick-fill"),require("@lifesg/react-icons/tick"),require("react-virtuoso"),require("../markup/markup.js"),require("../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css");var n=require("../shared/dropdown-wrapper/element-with-dropdown.js");require("../shared/input-wrapper/input-wrapper.js"),require("../shared/dropdown-list/dropdown-list.styles_konwm.css"),require("../shared/dropdown-list/dropdown-search.js"),require("../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/virtuoso-components.js");var o=require("./data.js"),l=require("./dropdown-panel.js"),d=require("./dropdown-variant.styles.js");exports.DropdownVariant=u=>{var{selectedLanguage:c,onSelectLanguage:p,testId:q}=u,h=e.__rest(u,["selectedLanguage","onSelectLanguage","testId"]);const[j,m]=t.useState(!1),[g,f]=t.useState(-1),_=t.useRef(null),w=t.useRef([]),x=`listbox-${a.useId()}`;t.useEffect((()=>{if(j){const e=o.LANGUAGE_CODES.indexOf(c),r=e>=0?e:0;f(r),setTimeout((()=>{var e;null===(e=w.current[r])||void 0===e||e.focus()}),0)}else f(-1)}),[j,c]);const A=e=>{var r;p(e),m(!1),null===(r=_.current)||void 0===r||r.focus()},v=e=>{var r,s,t,a;switch(e.key){case"ArrowDown":{e.preventDefault();const s=Math.min(g+1,o.LANGUAGE_CODES.length-1);f(s),null===(r=w.current[s])||void 0===r||r.focus();break}case"ArrowUp":{e.preventDefault();const r=Math.max(g-1,0);f(r),null===(s=w.current[r])||void 0===s||s.focus();break}case"Home":e.preventDefault(),f(0),null===(t=w.current[0])||void 0===t||t.focus();break;case"End":{e.preventDefault();const r=o.LANGUAGE_CODES.length-1;f(r),null===(a=w.current[r])||void 0===a||a.focus();break}case"Enter":case" ":e.preventDefault(),g>=0&&A(o.LANGUAGE_CODES[g])}};return r.jsx("div",Object.assign({"data-testid":q},h,{children:r.jsx(n.ElementWithDropdown,{enabled:!0,isOpen:j,renderElement:()=>r.jsxs(i.ExpandableElement,{ref:_,className:d.expandableElement,disabled:!1,expanded:j,listboxId:x,popupRole:"listbox",readOnly:!1,"aria-label":`${o.ARIA_LABEL}, ${o.LANGUAGE_DISPLAY_MAP[c]}`,"data-testid":`${q}--trigger`,children:[r.jsx("span",{className:d.languageIconWrapper,"aria-hidden":!0,children:r.jsx(s.LanguageIcon,{})}),o.LANGUAGE_DISPLAY_MAP[c]]}),renderDropdown:()=>r.jsx(l.DropdownPanel,{focusedIndex:g,handleItemSelect:A,handleListKeyDown:v,itemRefs:w,listboxId:x,selectedLanguage:c,testId:q}),onOpen:()=>{m(!0)},onClose:()=>{m(!1)},onDismiss:()=>{var e;m(!1),null===(e=_.current)||void 0===e||e.focus()},clickToToggle:!0,offset:8})}))};
+//# sourceMappingURL=dropdown-variant.js.map

package/cjs/language-switcher/dropdown-variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-variant.js","sources":["../../../src/language-switcher/dropdown-variant.tsx"],"sourcesContent":["import { LanguageIcon } from \"@lifesg/react-icons/language\";\nimport type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport { useId } from \"../util\";\nimport { ARIA_LABEL, LANGUAGE_CODES, LANGUAGE_DISPLAY_MAP } from \"./data\";\nimport { DropdownPanel } from \"./dropdown-panel\";\nimport * as styles from \"./dropdown-variant.styles\";\nimport type { VariantInternalProps } from \"./internal-types\";\nimport type { LanguageSwitcherCode } from \"./types\";\n\nexport const DropdownVariant = ({\n    selectedLanguage,\n    onSelectLanguage,\n    testId,\n    ...otherProps\n}: VariantInternalProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const [isOpen, setIsOpen] = useState(false);\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const itemRefs = useRef<(HTMLLIElement | null)[]>([]);\n\n    const id = useId();\n    const listboxId = `listbox-${id}`;\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (isOpen) {\n            const selectedIdx = LANGUAGE_CODES.indexOf(selectedLanguage);\n            const idx = selectedIdx >= 0 ? selectedIdx : 0;\n            setFocusedIndex(idx);\n            setTimeout(() => {\n                itemRefs.current[idx]?.focus();\n            }, 0);\n        } else {\n            setFocusedIndex(-1);\n        }\n    }, [isOpen, selectedLanguage]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleOpen = () => {\n        setIsOpen(true);\n    };\n\n    const handleClose = () => {\n        setIsOpen(false);\n    };\n\n    const handleDismiss = () => {\n        setIsOpen(false);\n        triggerRef.current?.focus();\n    };\n\n    const handleItemSelect = (code: LanguageSwitcherCode) => {\n        onSelectLanguage(code);\n        setIsOpen(false);\n        triggerRef.current?.focus();\n    };\n\n    const handleListKeyDown = (event: React.KeyboardEvent) => {\n        switch (event.key) {\n            case \"ArrowDown\": {\n                event.preventDefault();\n                const next = Math.min(\n                    focusedIndex + 1,\n                    LANGUAGE_CODES.length - 1\n                );\n                setFocusedIndex(next);\n                itemRefs.current[next]?.focus();\n                break;\n            }\n            case \"ArrowUp\": {\n                event.preventDefault();\n                const prev = Math.max(focusedIndex - 1, 0);\n                setFocusedIndex(prev);\n                itemRefs.current[prev]?.focus();\n                break;\n            }\n            case \"Home\": {\n                event.preventDefault();\n                setFocusedIndex(0);\n                itemRefs.current[0]?.focus();\n                break;\n            }\n            case \"End\": {\n                event.preventDefault();\n                const last = LANGUAGE_CODES.length - 1;\n                setFocusedIndex(last);\n                itemRefs.current[last]?.focus();\n                break;\n            }\n            case \"Enter\":\n            case \" \": {\n                event.preventDefault();\n                if (focusedIndex >= 0) {\n                    handleItemSelect(LANGUAGE_CODES[focusedIndex]);\n                }\n                break;\n            }\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderElement = () => (\n        <ExpandableElement\n            ref={triggerRef}\n            className={styles.expandableElement}\n            disabled={false}\n            expanded={isOpen}\n            listboxId={listboxId}\n            popupRole=\"listbox\"\n            readOnly={false}\n            aria-label={`${ARIA_LABEL}, ${LANGUAGE_DISPLAY_MAP[selectedLanguage]}`}\n            data-testid={`${testId}--trigger`}\n        >\n            <span className={styles.languageIconWrapper} aria-hidden>\n                <LanguageIcon />\n            </span>\n            {LANGUAGE_DISPLAY_MAP[selectedLanguage]}\n        </ExpandableElement>\n    );\n\n    const renderDropdown = () => (\n        <DropdownPanel\n            focusedIndex={focusedIndex}\n            handleItemSelect={handleItemSelect}\n            handleListKeyDown={handleListKeyDown}\n            itemRefs={itemRefs}\n            listboxId={listboxId}\n            selectedLanguage={selectedLanguage}\n            testId={testId}\n        />\n    );\n\n    // =========================================================================\n    // RENDER\n    // =========================================================================\n    return (\n        <div data-testid={testId} {...otherProps}>\n            <ElementWithDropdown\n                enabled={true}\n                isOpen={isOpen}\n                renderElement={renderElement}\n                renderDropdown={renderDropdown}\n                onOpen={handleOpen}\n                onClose={handleClose}\n                onDismiss={handleDismiss}\n                clickToToggle\n                offset={8}\n            />\n        </div>\n    );\n};\n"],"names":["_a","selectedLanguage","onSelectLanguage","testId","otherProps","__rest","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","triggerRef","useRef","itemRefs","listboxId","useId","useEffect","selectedIdx","LANGUAGE_CODES","indexOf","idx","setTimeout","current","focus","handleItemSelect","code","handleListKeyDown","event","key","preventDefault","next","Math","min","length","prev","max","_b","_c","last","_d","_jsx","children","ElementWithDropdown","enabled","renderElement","_jsxs","ExpandableElement","ref","className","styles.expandableElement","disabled","expanded","popupRole","readOnly","ARIA_LABEL","LANGUAGE_DISPLAY_MAP","styles.languageIconWrapper","LanguageIcon","renderDropdown","DropdownPanel","onOpen","onClose","onDismiss","clickToToggle","offset"],"mappings":"krEAagCA,QAAAC,iBAC5BA,EAAgBC,iBAChBA,EAAgBC,OAChBA,KACGC,EAAUC,EAAAA,OAAAL,EAJe,CAAA,mBAAA,mBAAA,WAS5B,MAAOM,EAAQC,GAAaC,EAAAA,UAAS,IAC9BC,EAAcC,GAAmBF,EAAAA,UAAS,GAC3CG,EAAaC,EAAAA,OAA0B,MACvCC,EAAWD,EAAAA,OAAiC,IAG5CE,EAAY,WADPC,EAAAA,UAMXC,EAAAA,WAAU,KACN,GAAIV,EAAQ,CACR,MAAMW,EAAcC,EAAAA,eAAeC,QAAQlB,GACrCmB,EAAMH,GAAe,EAAIA,EAAc,EAC7CP,EAAgBU,GAChBC,YAAW,WACc,QAArBrB,EAAAa,EAASS,QAAQF,UAAI,IAAApB,GAAAA,EAAEuB,OAAO,GAC/B,EACP,MACIb,GAAgB,EACpB,GACD,CAACJ,EAAQL,IAKZ,MAaMuB,EAAoBC,UACtBvB,EAAiBuB,GACjBlB,GAAU,GACQ,QAAlBP,EAAAW,EAAWW,eAAO,IAAAtB,GAAAA,EAAEuB,OAAO,EAGzBG,EAAqBC,gBACvB,OAAQA,EAAMC,KACV,IAAK,YAAa,CACdD,EAAME,iBACN,MAAMC,EAAOC,KAAKC,IACdvB,EAAe,EACfS,EAAAA,eAAee,OAAS,GAE5BvB,EAAgBoB,GACM,QAAtB9B,EAAAa,EAASS,QAAQQ,UAAK,IAAA9B,GAAAA,EAAEuB,QACxB,KACJ,CACA,IAAK,UAAW,CACZI,EAAME,iBACN,MAAMK,EAAOH,KAAKI,IAAI1B,EAAe,EAAG,GACxCC,EAAgBwB,GACM,QAAtBE,EAAAvB,EAASS,QAAQY,UAAK,IAAAE,GAAAA,EAAEb,QACxB,KACJ,CACA,IAAK,OACDI,EAAME,iBACNnB,EAAgB,GACG,QAAnB2B,EAAAxB,EAASS,QAAQ,UAAE,IAAAe,GAAAA,EAAEd,QACrB,MAEJ,IAAK,MAAO,CACRI,EAAME,iBACN,MAAMS,EAAOpB,iBAAee,OAAS,EACrCvB,EAAgB4B,GACM,QAAtBC,EAAA1B,EAASS,QAAQgB,UAAK,IAAAC,GAAAA,EAAEhB,QACxB,KACJ,CACA,IAAK,QACL,IAAK,IACDI,EAAME,iBACFpB,GAAgB,GAChBe,EAAiBN,EAAAA,eAAeT,MA4ChD,OACI+B,EAAAA,uCAAkBrC,GAAYC,EAAU,CAAAqC,SACpCD,EAAAA,IAACE,EAAAA,oBAAmB,CAChBC,SAAS,EACTrC,OAAQA,EACRsC,cAvCU,IAClBC,OAACC,EAAAA,kBAAiB,CACdC,IAAKpC,EACLqC,UAAWC,EAAAA,kBACXC,UAAU,EACVC,SAAU7C,EACVQ,UAAWA,EACXsC,UAAU,UACVC,UAAU,EAAK,aACH,GAAGC,EAAAA,eAAeC,EAAAA,qBAAqBtD,KAAmB,cACzD,GAAGE,aAAiBsC,SAAA,CAEjCD,EAAAA,IAAA,OAAA,CAAMQ,UAAWQ,EAAAA,oBAA0B,eAAA,EAAAf,SACvCD,EAAAA,IAACiB,eAAY,CAAA,KAEhBF,EAAAA,qBAAqBtD,MAyBlByD,eArBW,IACnBlB,EAAAA,IAACmB,EAAAA,cAAa,CACVlD,aAAcA,EACde,iBAAkBA,EAClBE,kBAAmBA,EACnBb,SAAUA,EACVC,UAAWA,EACXb,iBAAkBA,EAClBE,OAAQA,IAcJyD,OA1GO,KACfrD,GAAU,EAAK,EA0GPsD,QAvGQ,KAChBtD,GAAU,EAAM,EAuGRuD,UApGU,WAClBvD,GAAU,GACQ,QAAlBP,EAAAW,EAAWW,eAAO,IAAAtB,GAAAA,EAAEuB,OAAO,EAmGnBwC,eAAa,EACbC,OAAQ,MAEV"}

package/cjs/language-switcher/dropdown-variant.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./dropdown-variant.styles_1vrdfky.css");exports.expandableElement="efqyehf",exports.languageIconWrapper="ljv0l5v";
+//# sourceMappingURL=dropdown-variant.styles.js.map

package/cjs/language-switcher/dropdown-variant.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-variant.styles.js","sources":["../../../src/language-switcher/dropdown-variant.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { iconContainer } from \"../shared/dropdown-list/expandable-element.styles\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const expandableElement = css`\n    min-width: 9rem;\n    width: auto;\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    height: 2.5rem;\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n\n    .${iconContainer} {\n        margin-left: auto;\n\n        svg {\n            color: ${Colour[\"text-selected\"]};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nexport const languageIconWrapper = css`\n    display: flex;\n    align-items: center;\n    color: ${Colour[\"icon-primary\"]};\n\n    svg {\n        height: 1rem;\n        width: 1rem;\n    }\n`;\n"],"names":[],"mappings":"yHAK8B,sCAyBE"}

package/cjs/language-switcher/dropdown-variant.styles_1vrdfky.css

@@ -0,0 +1,2 @@
+@layer fds{.efqyehf{min-width:9rem;width:auto;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text-primary);height:2.5rem;padding:0 var(--fds-spacing-16);border-radius:var(--fds-radius-sm);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);background:var(--fds-colour-bg);}.efqyehf .i11rk48k{margin-left:auto;}.efqyehf .i11rk48k svg{color:var(--fds-colour-text-selected);}.efqyehf:focus-visible{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}
+.ljv0l5v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fds-colour-icon-primary);}.ljv0l5v svg{height:1rem;width:1rem;}}

package/cjs/language-switcher/index.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./language-switcher.js");exports.LanguageSwitcher=e.LanguageSwitcher;
+//# sourceMappingURL=index.js.map

package/cjs/language-switcher/language-switcher.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("@react-aria/live-announcer"),n=require("./data.js"),r=require("./dropdown-variant.js"),i=require("./link-container-variant.js");exports.LanguageSwitcher=s=>{var{variant:c="dropdown",selectedLanguage:u="en",onSelectLanguage:g,"data-testid":o="language-switcher"}=s,d=e.__rest(s,["variant","selectedLanguage","onSelectLanguage","data-testid"]);const l=e=>{e!==u&&g&&(g(e),t.announce(`${n.LANGUAGE_DISPLAY_MAP[e]} selected`,"polite"))};switch(c){case"dropdown":return a.jsx(r.DropdownVariant,Object.assign({selectedLanguage:u,onSelectLanguage:l,testId:o},d));case"link-container":return a.jsx(i.LinkContainerVariant,Object.assign({selectedLanguage:u,onSelectLanguage:l,testId:o},d))}};
+//# sourceMappingURL=language-switcher.js.map

package/cjs/language-switcher/language-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-switcher.js","sources":["../../../src/language-switcher/language-switcher.tsx"],"sourcesContent":["import { announce } from \"@react-aria/live-announcer\";\n\nimport { LANGUAGE_DISPLAY_MAP } from \"./data\";\nimport { DropdownVariant } from \"./dropdown-variant\";\nimport { LinkContainerVariant } from \"./link-container-variant\";\nimport type { LanguageSwitcherCode, LanguageSwitcherProps } from \"./types\";\n\n// @catalog\n/**\n * A locale-switching control that lets users change the active display language.\n *\n * Use `LanguageSwitcher` to surface supported languages as either\n * a compact dropdown or a set of inline links.\n * @keywords i18n, internationalisation, locale, translate\n */\nexport const LanguageSwitcher = ({\n    variant = \"dropdown\",\n    selectedLanguage = \"en\",\n    onSelectLanguage,\n    \"data-testid\": testId = \"language-switcher\",\n    ...otherProps\n}: LanguageSwitcherProps): JSX.Element => {\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleSelectLanguage = (code: LanguageSwitcherCode) => {\n        if (code !== selectedLanguage && onSelectLanguage) {\n            onSelectLanguage(code);\n            announce(`${LANGUAGE_DISPLAY_MAP[code]} selected`, \"polite\");\n        }\n    };\n\n    // =========================================================================\n    // RENDER\n    // =========================================================================\n    switch (variant) {\n        case \"dropdown\":\n            return (\n                <DropdownVariant\n                    selectedLanguage={selectedLanguage}\n                    onSelectLanguage={handleSelectLanguage}\n                    testId={testId}\n                    {...otherProps}\n                />\n            );\n        case \"link-container\":\n            return (\n                <LinkContainerVariant\n                    selectedLanguage={selectedLanguage}\n                    onSelectLanguage={handleSelectLanguage}\n                    testId={testId}\n                    {...otherProps}\n                />\n            );\n    }\n};\n"],"names":["_a","variant","selectedLanguage","onSelectLanguage","testId","otherProps","__rest","handleSelectLanguage","code","announce","LANGUAGE_DISPLAY_MAP","_jsx","DropdownVariant","LinkContainerVariant"],"mappings":"uPAeiCA,QAAAC,QAC7BA,EAAU,WAAUC,iBACpBA,EAAmB,KAAIC,iBACvBA,EACA,cAAeC,EAAS,qBAAmBJ,EACxCK,EAAUC,EAAAA,OAAAN,EALgB,iEAU7B,MAAMO,EAAwBC,IACtBA,IAASN,GAAoBC,IAC7BA,EAAiBK,GACjBC,EAAAA,SAAS,GAAGC,EAAAA,qBAAqBF,cAAkB,UACvD,EAMJ,OAAQP,GACJ,IAAK,WACD,OACIU,EAAAA,IAACC,EAAAA,+BACGV,iBAAkBA,EAClBC,iBAAkBI,EAClBH,OAAQA,GACJC,IAGhB,IAAK,iBACD,OACIM,EAAAA,IAACE,EAAAA,oCACGX,iBAAkBA,EAClBC,iBAAkBI,EAClBH,OAAQA,GACJC"}

package/cjs/language-switcher/link-container-variant.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),a=require("clsx"),r=require("react"),n=require("./data.js"),s=require("./link-container-variant.styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(a);exports.LinkContainerVariant=a=>{var{selectedLanguage:l,onSelectLanguage:c,testId:u,className:o}=a,d=e.__rest(a,["selectedLanguage","onSelectLanguage","testId","className"]);const A=r.useRef([]);return t.jsx("div",Object.assign({className:i.default(s.linkContainerWrapper,o),"data-testid":u},d,{children:t.jsx("ul",{className:s.linkList,role:"group","aria-label":n.ARIA_LABEL,children:n.LANGUAGE_CODES.map(((e,a)=>{const r=e===l;return t.jsx("li",{className:s.linkListItem,children:t.jsx("button",{ref:e=>{A.current[a]=e},type:"button",lang:e,className:i.default(s.linkItem,r&&s.linkItemActive),"aria-pressed":r,tabIndex:r?0:-1,onClick:()=>c(e),onKeyDown:e=>((e,t)=>{var a;let r=null;switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),r=Math.min(t+1,n.LANGUAGE_CODES.length-1);break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),r=Math.max(t-1,0);break;case"Enter":case" ":{e.preventDefault();const a=n.LANGUAGE_CODES[t];c(a);break}}null!==r&&(null===(a=A.current[r])||void 0===a||a.focus())})(e,a),"data-testid":`${u}--item-${e}`,children:n.LANGUAGE_DISPLAY_MAP[e]})},e)}))})}))};
+//# sourceMappingURL=link-container-variant.js.map

package/cjs/language-switcher/link-container-variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-container-variant.js","sources":["../../../src/language-switcher/link-container-variant.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\n\nimport { ARIA_LABEL, LANGUAGE_CODES, LANGUAGE_DISPLAY_MAP } from \"./data\";\nimport type { VariantInternalProps } from \"./internal-types\";\nimport * as styles from \"./link-container-variant.styles\";\n\nexport const LinkContainerVariant = ({\n    selectedLanguage,\n    onSelectLanguage,\n    testId,\n    className,\n    ...otherProps\n}: VariantInternalProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleKeyDown = (event: React.KeyboardEvent, index: number) => {\n        let nextIndex: number | null = null;\n\n        switch (event.key) {\n            case \"ArrowRight\":\n            case \"ArrowDown\": {\n                event.preventDefault();\n                nextIndex = Math.min(index + 1, LANGUAGE_CODES.length - 1);\n                break;\n            }\n            case \"ArrowLeft\":\n            case \"ArrowUp\": {\n                event.preventDefault();\n                nextIndex = Math.max(index - 1, 0);\n                break;\n            }\n            case \"Enter\":\n            case \" \": {\n                event.preventDefault();\n                const code = LANGUAGE_CODES[index];\n                onSelectLanguage(code);\n                break;\n            }\n        }\n\n        if (nextIndex !== null) {\n            itemRefs.current[nextIndex]?.focus();\n        }\n    };\n\n    // =========================================================================\n    // RENDER\n    // =========================================================================\n    return (\n        <div\n            className={clsx(styles.linkContainerWrapper, className)}\n            data-testid={testId}\n            {...otherProps}\n        >\n            <ul\n                className={styles.linkList}\n                role=\"group\"\n                aria-label={ARIA_LABEL}\n            >\n                {LANGUAGE_CODES.map((code, index) => {\n                    const isActive = code === selectedLanguage;\n                    return (\n                        <li className={styles.linkListItem} key={code}>\n                            <button\n                                ref={(el) => {\n                                    itemRefs.current[index] = el;\n                                }}\n                                type=\"button\"\n                                lang={code}\n                                className={clsx(\n                                    styles.linkItem,\n                                    isActive && styles.linkItemActive\n                                )}\n                                aria-pressed={isActive}\n                                tabIndex={isActive ? 0 : -1}\n                                onClick={() => onSelectLanguage(code)}\n                                onKeyDown={(e) => handleKeyDown(e, index)}\n                                data-testid={`${testId}--item-${code}`}\n                            >\n                                {LANGUAGE_DISPLAY_MAP[code]}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n};\n"],"names":["_a","selectedLanguage","onSelectLanguage","testId","className","otherProps","__rest","itemRefs","useRef","_jsx","Object","assign","clsx","styles.linkContainerWrapper","styles.linkList","role","ARIA_LABEL","children","LANGUAGE_CODES","map","code","index","isActive","styles.linkListItem","ref","el","current","type","lang","styles.linkItem","styles.linkItemActive","tabIndex","onClick","onKeyDown","e","event","nextIndex","key","preventDefault","Math","min","length","max","focus","handleKeyDown","LANGUAGE_DISPLAY_MAP"],"mappings":"+SAQqCA,IAAA,IAAAC,iBACjCA,EAAgBC,iBAChBA,EAAgBC,OAChBA,EAAMC,UACNA,GAASJ,EACNK,EAAUC,EAAAA,OAAAN,EALoB,CAAA,mBAAA,mBAAA,SAAA,cAUjC,MAAMO,EAAWC,EAAAA,OAAqC,IAsCtD,OACIC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIP,UAAWQ,EAAAA,QAAKC,EAAAA,qBAA6BT,GAAU,cAC1CD,GACTE,YAEJI,EAAAA,IAAA,KAAA,CACIL,UAAWU,EAAAA,SACXC,KAAK,qBACOC,EAAAA,WAAUC,SAErBC,EAAAA,eAAeC,KAAI,CAACC,EAAMC,KACvB,MAAMC,EAAWF,IAASnB,EAC1B,OACIQ,MAAA,KAAA,CAAIL,UAAWmB,EAAAA,aAAmBN,SAC9BR,EAAAA,IAAA,SAAA,CACIe,IAAMC,IACFlB,EAASmB,QAAQL,GAASI,CAAE,EAEhCE,KAAK,SACLC,KAAMR,EACNhB,UAAWQ,EAAAA,QACPiB,EAAAA,SACAP,GAAYQ,EAAAA,gBACf,eACaR,EACdS,SAAUT,EAAW,GAAI,EACzBU,QAAS,IAAM9B,EAAiBkB,GAChCa,UAAYC,GA7DlB,EAACC,EAA4Bd,WAC/C,IAAIe,EAA2B,KAE/B,OAAQD,EAAME,KACV,IAAK,aACL,IAAK,YACDF,EAAMG,iBACNF,EAAYG,KAAKC,IAAInB,EAAQ,EAAGH,EAAAA,eAAeuB,OAAS,GACxD,MAEJ,IAAK,YACL,IAAK,UACDN,EAAMG,iBACNF,EAAYG,KAAKG,IAAIrB,EAAQ,EAAG,GAChC,MAEJ,IAAK,QACL,IAAK,IAAK,CACNc,EAAMG,iBACN,MAAMlB,EAAOF,EAAAA,eAAeG,GAC5BnB,EAAiBkB,GACjB,KACJ,EAGc,OAAdgB,IAC2B,QAA3BpC,EAAAO,EAASmB,QAAQU,UAAU,IAAApC,GAAAA,EAAE2C,QACjC,EAkC0CC,CAAcV,EAAGb,GAAM,cAC5B,GAAGlB,WAAgBiB,IAAMH,SAErC4B,EAAAA,qBAAqBzB,MAjBWA,EAmBpC,QAIf"}

package/cjs/language-switcher/link-container-variant.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./link-container-variant.styles_1iw6zux.css");exports.linkContainerWrapper="ldxubbp",exports.linkItem="lrbzpdb",exports.linkItemActive="l1retz23",exports.linkList="lqgsuoq",exports.linkListItem="l3egc8p";
+//# sourceMappingURL=link-container-variant.styles.js.map

package/cjs/language-switcher/link-container-variant.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-container-variant.styles.js","sources":["../../../src/language-switcher/link-container-variant.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Motion, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// LINK CONTAINER STYLES\n// =============================================================================\nexport const linkContainerWrapper = css`\n    display: inline-flex;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const linkList = css`\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    align-items: center;\n    gap: 0 ${Spacing[\"spacing-8\"]};\n    flex-wrap: wrap;\n`;\n\nexport const linkListItem = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const linkItem = css`\n    display: flex;\n    padding: 0.25rem 0.5rem;\n    justify-content: center;\n    align-items: center;\n    gap: 0.625rem;\n    border: none;\n    border-radius: ${Radius[\"md\"]};\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    transition: color ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    background: none;\n    cursor: pointer;\n\n    &:hover {\n        color: ${Colour[\"text-hover\"]};\n        text-decoration: underline;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nexport const linkItemActive = css`\n    background: ${Colour[\"bg-primary-subtler\"]};\n    color: ${Colour[\"text-selected\"]};\n    cursor: default;\n\n    &:hover {\n        color: ${Colour[\"text-selected\"]};\n        text-decoration: none;\n    }\n`;\n"],"names":[],"mappings":"kIAOiC,2BAwBZ,iCA0BM,4BAzCN,+BAUI"}

package/cjs/language-switcher/link-container-variant.styles_1iw6zux.css

@@ -0,0 +1,5 @@
+@layer fds{.ldxubbp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:var(--fds-spacing-8) var(--fds-spacing-16);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fds-radius-sm);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);background:var(--fds-colour-bg);}
+.lqgsuoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 var(--fds-spacing-8);-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.l3egc8p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.lrbzpdb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0.25rem 0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.625rem;border:none;border-radius:var(--fds-radius-md);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text-subtler);text-align:center;-webkit-transition:color var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:color var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);background:none;cursor:pointer;}.lrbzpdb:hover{color:var(--fds-colour-text-hover);-webkit-text-decoration:underline;text-decoration:underline;}.lrbzpdb:focus-visible{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}
+.l1retz23{background:var(--fds-colour-bg-primary-subtler);color:var(--fds-colour-text-selected);cursor:default;}.l1retz23:hover{color:var(--fds-colour-text-selected);-webkit-text-decoration:none;text-decoration:none;}}

package/cjs/layout/col-div.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),r=require("styled-components"),a=require("../v3_theme/breakpoint/theme-helper.js"),n=require("./col-div.style.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=l(s).default.forwardRef(((l,o)=>{const x=s.useContext(r.ThemeContext),{xxlCols:m,xlCols:i,lgCols:u,mdCols:p,smCols:c,xsCols:$,xxsCols:d}=l,C=e.__rest(l,["xxlCols","xlCols","lgCols","mdCols","smCols","xsCols","xxsCols"]),S=(e,t,s)=>{if(!e)return{start:void 0,span:void 0};if("development"===process.env.NODE_ENV&&("number"==typeof e&&e>t?console.warn(`Warning: ${s}Cols exceeds maximum (${t}): ${e}`):Array.isArray(e)&&(e[0]>t+1||e[1]>t+1)&&console.warn(`Warning: ${s}Cols array exceeds maximum (${t}): [${e[0]}, ${e[1]}]`)),Array.isArray(e)){const[s,r]=e;if(-1===r)return{start:s,span:t-s+1};return{start:s,span:Math.min(r-s,t)}}return{start:void 0,span:Math.min(e,t)}};return t.jsx(n.StyledDiv,Object.assign({ref:o},(()=>{const e=a.V3_BreakpointValues["xxl-column"]({theme:x}),t=a.V3_BreakpointValues["xl-column"]({theme:x}),s=a.V3_BreakpointValues["lg-column"]({theme:x}),r=a.V3_BreakpointValues["md-column"]({theme:x}),n=a.V3_BreakpointValues["sm-column"]({theme:x}),l=a.V3_BreakpointValues["xs-column"]({theme:x}),o=a.V3_BreakpointValues["xxs-column"]({theme:x}),C=S(m||i||u||p||c||$||d,e,"xxl"),V=S(i||u||p||c||$||d,t,"xl"),h=S(u||p||c||$||d,s,"lg"),_=S(p||c||$||d,r,"md"),f=S(c||$||d,n,"sm"),v=S($||d,l,"xs"),y=S(d,o,"xxs");return{$xxlStart:C.start,$xxlSpan:C.span,$xlStart:V.start,$xlSpan:V.span,$lgStart:h.start,$lgSpan:h.span,$mdStart:_.start,$mdSpan:_.span,$smStart:f.start,$smSpan:f.span,$xsStart:v.start,$xsSpan:v.span,$xxsStart:y.start,$xxsSpan:y.span}})(),C))}));exports.ColDiv=o;
+"use strict";var e=require("../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("clsx"),t=require("react");require("../theme/theme-provider/index.js");var n=require("../theme/utils/css-variable.js");require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var a=require("../theme/tokens/breakpoint.js");require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var o=require("../util/merge-refs.js");require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("../util/use-mount.js"),u=require("./col-div.styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=x(r),m=x(t);const p={xxs:{start:u.tokens.xxsStart,span:u.tokens.xxsSpan,end:u.tokens.xxsEnd},xs:{start:u.tokens.xsStart,span:u.tokens.xsSpan,end:u.tokens.xsEnd},sm:{start:u.tokens.smStart,span:u.tokens.smSpan,end:u.tokens.smEnd},md:{start:u.tokens.mdStart,span:u.tokens.mdSpan,end:u.tokens.mdEnd},lg:{start:u.tokens.lgStart,span:u.tokens.lgSpan,end:u.tokens.lgEnd},xl:{start:u.tokens.xlStart,span:u.tokens.xlSpan,end:u.tokens.xlEnd},xxl:{start:u.tokens.xxlStart,span:u.tokens.xxlSpan,end:u.tokens.xxlEnd}},c=e=>{var s,r;const t=n.parseCSSVariableValue(e,null!==(r=null===(s=globalThis.document)||void 0===s?void 0:s.documentElement)&&void 0!==r?r:null),a=parseInt(t,10);return Number.isNaN(a)?1/0:a},k=m.default.forwardRef(((r,n)=>{const{xxlCols:x,xlCols:m,lgCols:k,mdCols:v,smCols:f,xsCols:j,xxsCols:q,className:S}=r,h=e.__rest(r,["xxlCols","xlCols","lgCols","mdCols","smCols","xsCols","xxsCols","className"]),g=i.useIsMounted(),C=t.useRef(null),y=o.mergeRefs(C,n),b=(e,s)=>{if(!e)return{start:void 0,span:void 0,end:void 0};if(Array.isArray(e)){const[r,t]=e;if(-1===t)return{start:r,span:void 0,end:-1};const n=c(s);return{start:r,span:Math.min(t-r,n),end:void 0}}const r=c(s);return{start:void 0,span:Math.min(e,r),end:void 0}};return l.useApplyStyle(C,g?(()=>{const e=b(q,a.Breakpoint["xxs-column"]),s=b(j||q,a.Breakpoint["xs-column"]),r=b(f||j||q,a.Breakpoint["sm-column"]),t=b(v||f||j||q,a.Breakpoint["md-column"]),n=b(k||v||f||j||q,a.Breakpoint["lg-column"]),l=b(m||k||v||f||j||q,a.Breakpoint["xl-column"]),o=b(x||m||k||v||f||j||q,a.Breakpoint["xxl-column"]),i={};return[{result:e,prefix:"xxs"},{result:s,prefix:"xs"},{result:r,prefix:"sm"},{result:t,prefix:"md"},{result:n,prefix:"lg"},{result:l,prefix:"xl"},{result:o,prefix:"xxl"}].forEach((({result:e,prefix:s})=>{const r=p[s];e.start&&(i[r.start]=String(e.start)),e.span&&(i[r.span]=String(e.span)),e.end&&(i[r.end]=String(e.end))})),i})():{}),s.jsx("div",Object.assign({ref:y,className:d.default(u.colDiv,S)},h))}));exports.ColDiv=k;
 //# sourceMappingURL=col-div.js.map

package/cjs/layout/col-div.js.map

@@ -1 +1 @@
-{"version":3,"file":"col-div.js","sources":["../../../src/layout/col-div.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { V3_BreakpointValues } from \"../v3_theme/breakpoint/theme-helper\";\nimport { StyledDiv } from \"./col-div.style\";\nimport type { ColDivProps } from \"./types\";\n\nconst Component = (\n    props: ColDivProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const theme = useContext(ThemeContext);\n\n    const {\n        xxlCols,\n        xlCols,\n        lgCols,\n        mdCols,\n        smCols,\n        xsCols,\n        xxsCols,\n        ...otherProps\n    } = props;\n\n    const getColSpan = (\n        cols: number | [number, number] | undefined,\n        maxCols: number,\n        label: string\n    ) => {\n        if (!cols) return { start: undefined, span: undefined };\n\n        if (process.env.NODE_ENV === \"development\") {\n            if (typeof cols === \"number\" && cols > maxCols) {\n                console.warn(\n                    `Warning: ${label}Cols exceeds maximum (${maxCols}): ${cols}`\n                );\n            } else if (\n                Array.isArray(cols) &&\n                (cols[0] > maxCols + 1 || cols[1] > maxCols + 1)\n            ) {\n                console.warn(\n                    `Warning: ${label}Cols array exceeds maximum (${maxCols}): [${cols[0]}, ${cols[1]}]`\n                );\n            }\n        }\n\n        if (Array.isArray(cols)) {\n            const [start, end] = cols;\n            if (end === -1) {\n                return { start, span: maxCols - start + 1 };\n            }\n            const span = Math.min(end - start, maxCols);\n            return { start, span };\n        }\n\n        return { start: undefined, span: Math.min(cols, maxCols) };\n    };\n\n    const getStyleProps = () => {\n        const xxlColumnCount = V3_BreakpointValues[\"xxl-column\"]({ theme });\n        const xlColumnCount = V3_BreakpointValues[\"xl-column\"]({ theme });\n        const lgColumnCount = V3_BreakpointValues[\"lg-column\"]({ theme });\n        const mdColumnCount = V3_BreakpointValues[\"md-column\"]({ theme });\n        const smColumnCount = V3_BreakpointValues[\"sm-column\"]({ theme });\n        const xsColumnCount = V3_BreakpointValues[\"xs-column\"]({ theme });\n        const xxsColumnCount = V3_BreakpointValues[\"xxs-column\"]({ theme });\n\n        const xxlStartSpan = getColSpan(\n            xxlCols ||\n                xlCols ||\n                lgCols ||\n                mdCols ||\n                smCols ||\n                xsCols ||\n                xxsCols,\n            xxlColumnCount,\n            \"xxl\"\n        );\n\n        const xlStartSpan = getColSpan(\n            xlCols || lgCols || mdCols || smCols || xsCols || xxsCols,\n            xlColumnCount,\n            \"xl\"\n        );\n\n        const lgStartSpan = getColSpan(\n            lgCols || mdCols || smCols || xsCols || xxsCols,\n            lgColumnCount,\n            \"lg\"\n        );\n\n        const mdStartSpan = getColSpan(\n            mdCols || smCols || xsCols || xxsCols,\n            mdColumnCount,\n            \"md\"\n        );\n\n        const smStartSpan = getColSpan(\n            smCols || xsCols || xxsCols,\n            smColumnCount,\n            \"sm\"\n        );\n\n        const xsStartSpan = getColSpan(xsCols || xxsCols, xsColumnCount, \"xs\");\n\n        const xxsStartSpan = getColSpan(xxsCols, xxsColumnCount, \"xxs\");\n\n        return {\n            $xxlStart: xxlStartSpan.start,\n            $xxlSpan: xxlStartSpan.span,\n            $xlStart: xlStartSpan.start,\n            $xlSpan: xlStartSpan.span,\n            $lgStart: lgStartSpan.start,\n            $lgSpan: lgStartSpan.span,\n            $mdStart: mdStartSpan.start,\n            $mdSpan: mdStartSpan.span,\n            $smStart: smStartSpan.start,\n            $smSpan: smStartSpan.span,\n            $xsStart: xsStartSpan.start,\n            $xsSpan: xsStartSpan.span,\n            $xxsStart: xxsStartSpan.start,\n            $xxsSpan: xxsStartSpan.span,\n        };\n    };\n\n    return <StyledDiv ref={ref} {...getStyleProps()} {...otherProps} />;\n};\n\nexport const ColDiv = React.forwardRef(Component);\n"],"names":["ColDiv","React","forwardRef","props","ref","theme","useContext","ThemeContext","xxlCols","xlCols","lgCols","mdCols","smCols","xsCols","xxsCols","otherProps","getColSpan","cols","maxCols","label","start","undefined","span","process","env","NODE_ENV","console","warn","Array","isArray","end","Math","min","_jsx","StyledDiv","Object","assign","xxlColumnCount","V3_BreakpointValues","xlColumnCount","lgColumnCount","mdColumnCount","smColumnCount","xsColumnCount","xxsColumnCount","xxlStartSpan","xlStartSpan","lgStartSpan","mdStartSpan","smStartSpan","xsStartSpan","xxsStartSpan","$xxlStart","$xxlSpan","$xlStart","$xlSpan","$lgStart","$lgSpan","$mdStart","$mdSpan","$smStart","$smSpan","$xsStart","$xsSpan","$xxsStart","$xxsSpan","getStyleProps"],"mappings":"iSAOA,MAyHaA,OAASC,QAAMC,YAzHV,CACdC,EACAC,KAEA,MAAMC,EAAQC,EAAAA,WAAWC,iBAEnBC,QACFA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAX,EADGY,WACHZ,EATE,CAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAWAa,EAAa,CACfC,EACAC,EACAC,KAEA,IAAKF,EAAM,MAAO,CAAEG,WAAOC,EAAWC,UAAMD,GAiB5C,GAf6B,gBAAzBE,QAAQC,IAAIC,WACQ,iBAATR,GAAqBA,EAAOC,EACnCQ,QAAQC,KACJ,YAAYR,0BAA8BD,OAAaD,KAG3DW,MAAMC,QAAQZ,KACbA,EAAK,GAAKC,EAAU,GAAKD,EAAK,GAAKC,EAAU,IAE9CQ,QAAQC,KACJ,YAAYR,gCAAoCD,QAAcD,EAAK,OAAOA,EAAK,QAKvFW,MAAMC,QAAQZ,GAAO,CACrB,MAAOG,EAAOU,GAAOb,EACrB,IAAY,IAARa,EACA,MAAO,CAAEV,QAAOE,KAAMJ,EAAUE,EAAQ,GAG5C,MAAO,CAAEA,QAAOE,KADHS,KAAKC,IAAIF,EAAMV,EAAOF,GAEvC,CAEA,MAAO,CAAEE,WAAOC,EAAWC,KAAMS,KAAKC,IAAIf,EAAMC,GAAU,EAsE9D,OAAOe,MAACC,EAAAA,UAASC,OAAAC,OAAA,CAAChC,IAAKA,GAnED,MAClB,MAAMiC,EAAiBC,EAAAA,oBAAoB,cAAc,CAAEjC,UACrDkC,EAAgBD,EAAAA,oBAAoB,aAAa,CAAEjC,UACnDmC,EAAgBF,EAAAA,oBAAoB,aAAa,CAAEjC,UACnDoC,EAAgBH,EAAAA,oBAAoB,aAAa,CAAEjC,UACnDqC,EAAgBJ,EAAAA,oBAAoB,aAAa,CAAEjC,UACnDsC,EAAgBL,EAAAA,oBAAoB,aAAa,CAAEjC,UACnDuC,EAAiBN,EAAAA,oBAAoB,cAAc,CAAEjC,UAErDwC,EAAe7B,EACjBR,GACIC,GACAC,GACAC,GACAC,GACAC,GACAC,EACJuB,EACA,OAGES,EAAc9B,EAChBP,GAAUC,GAAUC,GAAUC,GAAUC,GAAUC,EAClDyB,EACA,MAGEQ,EAAc/B,EAChBN,GAAUC,GAAUC,GAAUC,GAAUC,EACxC0B,EACA,MAGEQ,EAAchC,EAChBL,GAAUC,GAAUC,GAAUC,EAC9B2B,EACA,MAGEQ,EAAcjC,EAChBJ,GAAUC,GAAUC,EACpB4B,EACA,MAGEQ,EAAclC,EAAWH,GAAUC,EAAS6B,EAAe,MAE3DQ,EAAenC,EAAWF,EAAS8B,EAAgB,OAEzD,MAAO,CACHQ,UAAWP,EAAazB,MACxBiC,SAAUR,EAAavB,KACvBgC,SAAUR,EAAY1B,MACtBmC,QAAST,EAAYxB,KACrBkC,SAAUT,EAAY3B,MACtBqC,QAASV,EAAYzB,KACrBoC,SAAUV,EAAY5B,MACtBuC,QAASX,EAAY1B,KACrBsC,SAAUX,EAAY7B,MACtByC,QAASZ,EAAY3B,KACrBwC,SAAUZ,EAAY9B,MACtB2C,QAASb,EAAY5B,KACrB0C,UAAWb,EAAa/B,MACxB6C,SAAUd,EAAa7B,KAC1B,EAG2B4C,GAAqBnD,GAAc"}
+{"version":3,"file":"col-div.js","sources":["../../../src/layout/col-div.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useRef } from \"react\";\n\nimport { type BreakpointCSSVariableString, useApplyStyle } from \"../theme\";\nimport { Breakpoint } from \"../theme/tokens/breakpoint\";\nimport { parseCSSVariableValue } from \"../theme/utils/css-variable\";\nimport { mergeRefs, useIsMounted } from \"../util\";\nimport * as styles from \"./col-div.styles\";\nimport type { ColDivProps } from \"./types\";\n\nconst TOKEN_MAP: Record<string, Record<string, string>> = {\n    xxs: {\n        start: styles.tokens.xxsStart,\n        span: styles.tokens.xxsSpan,\n        end: styles.tokens.xxsEnd,\n    },\n    xs: {\n        start: styles.tokens.xsStart,\n        span: styles.tokens.xsSpan,\n        end: styles.tokens.xsEnd,\n    },\n    sm: {\n        start: styles.tokens.smStart,\n        span: styles.tokens.smSpan,\n        end: styles.tokens.smEnd,\n    },\n    md: {\n        start: styles.tokens.mdStart,\n        span: styles.tokens.mdSpan,\n        end: styles.tokens.mdEnd,\n    },\n    lg: {\n        start: styles.tokens.lgStart,\n        span: styles.tokens.lgSpan,\n        end: styles.tokens.lgEnd,\n    },\n    xl: {\n        start: styles.tokens.xlStart,\n        span: styles.tokens.xlSpan,\n        end: styles.tokens.xlEnd,\n    },\n    xxl: {\n        start: styles.tokens.xxlStart,\n        span: styles.tokens.xxlSpan,\n        end: styles.tokens.xxlEnd,\n    },\n};\n\nconst getColCount = (token: BreakpointCSSVariableString): number => {\n    const value = parseCSSVariableValue(\n        token,\n        globalThis.document?.documentElement ?? null\n    );\n    const parsed = parseInt(value, 10);\n    return Number.isNaN(parsed) ? Infinity : parsed;\n};\n\nconst Component = (\n    props: ColDivProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const {\n        xxlCols,\n        xlCols,\n        lgCols,\n        mdCols,\n        smCols,\n        xsCols,\n        xxsCols,\n        className,\n        ...otherProps\n    } = props;\n\n    const isMounted = useIsMounted();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(rootRef, ref);\n\n    const getColSpan = (\n        cols: number | [number, number] | undefined,\n        colToken: (typeof Breakpoint)[keyof typeof Breakpoint]\n    ) => {\n        if (!cols) return { start: undefined, span: undefined, end: undefined };\n\n        if (Array.isArray(cols)) {\n            const [start, end] = cols;\n            if (end === -1) {\n                return { start, span: undefined, end: -1 };\n            }\n            const maxCols = getColCount(colToken);\n            return {\n                start,\n                span: Math.min(end - start, maxCols),\n                end: undefined,\n            };\n        }\n\n        const maxCols = getColCount(colToken);\n        return {\n            start: undefined,\n            span: Math.min(cols, maxCols),\n            end: undefined,\n        };\n    };\n\n    const getCssVars = () => {\n        const xxsResult = getColSpan(xxsCols, Breakpoint[\"xxs-column\"]);\n        const xsResult = getColSpan(xsCols || xxsCols, Breakpoint[\"xs-column\"]);\n        const smResult = getColSpan(\n            smCols || xsCols || xxsCols,\n            Breakpoint[\"sm-column\"]\n        );\n        const mdResult = getColSpan(\n            mdCols || smCols || xsCols || xxsCols,\n            Breakpoint[\"md-column\"]\n        );\n        const lgResult = getColSpan(\n            lgCols || mdCols || smCols || xsCols || xxsCols,\n            Breakpoint[\"lg-column\"]\n        );\n        const xlResult = getColSpan(\n            xlCols || lgCols || mdCols || smCols || xsCols || xxsCols,\n            Breakpoint[\"xl-column\"]\n        );\n        const xxlResult = getColSpan(\n            xxlCols ||\n                xlCols ||\n                lgCols ||\n                mdCols ||\n                smCols ||\n                xsCols ||\n                xxsCols,\n            Breakpoint[\"xxl-column\"]\n        );\n\n        const cssVars: Record<string, string> = {};\n\n        const results = [\n            { result: xxsResult, prefix: \"xxs\" },\n            { result: xsResult, prefix: \"xs\" },\n            { result: smResult, prefix: \"sm\" },\n            { result: mdResult, prefix: \"md\" },\n            { result: lgResult, prefix: \"lg\" },\n            { result: xlResult, prefix: \"xl\" },\n            { result: xxlResult, prefix: \"xxl\" },\n        ];\n\n        results.forEach(({ result, prefix }) => {\n            const tokens = TOKEN_MAP[prefix];\n            if (result.start) cssVars[tokens.start] = String(result.start);\n            if (result.span) cssVars[tokens.span] = String(result.span);\n            if (result.end) cssVars[tokens.end] = String(result.end);\n        });\n\n        return cssVars;\n    };\n\n    useApplyStyle(rootRef, isMounted ? getCssVars() : {});\n\n    return (\n        <div\n            ref={mergedRef}\n            className={clsx(styles.colDiv, className)}\n            {...otherProps}\n        />\n    );\n};\n\nexport const ColDiv = React.forwardRef(Component);\n"],"names":["TOKEN_MAP","xxs","start","styles.tokens","xxsStart","span","xxsSpan","end","xxsEnd","xs","xsStart","xsSpan","xsEnd","sm","smStart","smSpan","smEnd","md","mdStart","mdSpan","mdEnd","lg","lgStart","lgSpan","lgEnd","xl","xlStart","xlSpan","xlEnd","xxl","xxlStart","xxlSpan","xxlEnd","getColCount","token","value","parseCSSVariableValue","_b","_a","globalThis","document","documentElement","parsed","parseInt","Number","isNaN","Infinity","ColDiv","React","forwardRef","props","ref","xxlCols","xlCols","lgCols","mdCols","smCols","xsCols","xxsCols","className","otherProps","__rest","isMounted","useIsMounted","rootRef","useRef","mergedRef","mergeRefs","getColSpan","cols","colToken","undefined","Array","isArray","maxCols","Math","min","useApplyStyle","xxsResult","Breakpoint","xsResult","smResult","mdResult","lgResult","xlResult","xxlResult","cssVars","result","prefix","forEach","tokens","String","getCssVars","_jsx","clsx","styles.colDiv"],"mappings":"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"}

package/cjs/layout/col-div.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./col-div.styles_16o6mwx.css");exports.colDiv="c1waj0ro",exports.tokens={xxsStart:"--fds-internal-colDiv-xxs-start",xxsSpan:"--fds-internal-colDiv-xxs-span",xxsEnd:"--fds-internal-colDiv-xxs-end",xsStart:"--fds-internal-colDiv-xs-start",xsSpan:"--fds-internal-colDiv-xs-span",xsEnd:"--fds-internal-colDiv-xs-end",smStart:"--fds-internal-colDiv-sm-start",smSpan:"--fds-internal-colDiv-sm-span",smEnd:"--fds-internal-colDiv-sm-end",mdStart:"--fds-internal-colDiv-md-start",mdSpan:"--fds-internal-colDiv-md-span",mdEnd:"--fds-internal-colDiv-md-end",lgStart:"--fds-internal-colDiv-lg-start",lgSpan:"--fds-internal-colDiv-lg-span",lgEnd:"--fds-internal-colDiv-lg-end",xlStart:"--fds-internal-colDiv-xl-start",xlSpan:"--fds-internal-colDiv-xl-span",xlEnd:"--fds-internal-colDiv-xl-end",xxlStart:"--fds-internal-colDiv-xxl-start",xxlSpan:"--fds-internal-colDiv-xxl-span",xxlEnd:"--fds-internal-colDiv-xxl-end"};
+//# sourceMappingURL=col-div.styles.js.map

package/cjs/layout/col-div.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"col-div.styles.js","sources":["../../../src/layout/col-div.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { MediaQuery } from \"../theme\";\n\nexport const tokens = {\n    xxsStart: \"--fds-internal-colDiv-xxs-start\",\n    xxsSpan: \"--fds-internal-colDiv-xxs-span\",\n    xxsEnd: \"--fds-internal-colDiv-xxs-end\",\n    xsStart: \"--fds-internal-colDiv-xs-start\",\n    xsSpan: \"--fds-internal-colDiv-xs-span\",\n    xsEnd: \"--fds-internal-colDiv-xs-end\",\n    smStart: \"--fds-internal-colDiv-sm-start\",\n    smSpan: \"--fds-internal-colDiv-sm-span\",\n    smEnd: \"--fds-internal-colDiv-sm-end\",\n    mdStart: \"--fds-internal-colDiv-md-start\",\n    mdSpan: \"--fds-internal-colDiv-md-span\",\n    mdEnd: \"--fds-internal-colDiv-md-end\",\n    lgStart: \"--fds-internal-colDiv-lg-start\",\n    lgSpan: \"--fds-internal-colDiv-lg-span\",\n    lgEnd: \"--fds-internal-colDiv-lg-end\",\n    xlStart: \"--fds-internal-colDiv-xl-start\",\n    xlSpan: \"--fds-internal-colDiv-xl-span\",\n    xlEnd: \"--fds-internal-colDiv-xl-end\",\n    xxlStart: \"--fds-internal-colDiv-xxl-start\",\n    xxlSpan: \"--fds-internal-colDiv-xxl-span\",\n    xxlEnd: \"--fds-internal-colDiv-xxl-end\",\n};\n\nexport const colDiv = css`\n    ${Object.values(tokens)\n        .map((token) => `${token}: initial;`)\n        .join(\"\")}\n\n    position: relative;\n\n    grid-column: var(${tokens.xxsStart}, auto) /\n        var(${tokens.xxsEnd}, span var(${tokens.xxsSpan}, 1));\n\n    ${MediaQuery.MinWidth.xs} {\n        grid-column: var(${tokens.xsStart}, auto) /\n            var(${tokens.xsEnd}, span var(${tokens.xsSpan}, 1));\n    }\n    ${MediaQuery.MinWidth.sm} {\n        grid-column: var(${tokens.smStart}, auto) /\n            var(${tokens.smEnd}, span var(${tokens.smSpan}, 1));\n    }\n    ${MediaQuery.MinWidth.md} {\n        grid-column: var(${tokens.mdStart}, auto) /\n            var(${tokens.mdEnd}, span var(${tokens.mdSpan}, 1));\n    }\n    ${MediaQuery.MinWidth.lg} {\n        grid-column: var(${tokens.lgStart}, auto) /\n            var(${tokens.lgEnd}, span var(${tokens.lgSpan}, 1));\n    }\n    ${MediaQuery.MinWidth.xl} {\n        grid-column: var(${tokens.xlStart}, auto) /\n            var(${tokens.xlEnd}, span var(${tokens.xlSpan}, 1));\n    }\n    ${MediaQuery.MinWidth.xxl} {\n        grid-column: var(${tokens.xxlStart}, auto) /\n            var(${tokens.xxlEnd}, span var(${tokens.xxlSpan}, 1));\n    }\n`;\n"],"names":["xxsStart","xxsSpan","xxsEnd","xsStart","xsSpan","xsEnd","smStart","smSpan","smEnd","mdStart","mdSpan","mdEnd","lgStart","lgSpan","lgEnd","xlStart","xlSpan","xlEnd","xxlStart","xxlSpan","xxlEnd"],"mappings":"0FA4BmB,0BAxBG,CAClBA,SAAU,kCACVC,QAAS,iCACTC,OAAQ,gCACRC,QAAS,iCACTC,OAAQ,gCACRC,MAAO,+BACPC,QAAS,iCACTC,OAAQ,gCACRC,MAAO,+BACPC,QAAS,iCACTC,OAAQ,gCACRC,MAAO,+BACPC,QAAS,iCACTC,OAAQ,gCACRC,MAAO,+BACPC,QAAS,iCACTC,OAAQ,gCACRC,MAAO,+BACPC,SAAU,kCACVC,QAAS,iCACTC,OAAQ"}

package/cjs/layout/col-div.styles_16o6mwx.css

@@ -0,0 +1 @@
+@layer fds{.c1waj0ro{--fds-internal-colDiv-xxs-start:initial;--fds-internal-colDiv-xxs-span:initial;--fds-internal-colDiv-xxs-end:initial;--fds-internal-colDiv-xs-start:initial;--fds-internal-colDiv-xs-span:initial;--fds-internal-colDiv-xs-end:initial;--fds-internal-colDiv-sm-start:initial;--fds-internal-colDiv-sm-span:initial;--fds-internal-colDiv-sm-end:initial;--fds-internal-colDiv-md-start:initial;--fds-internal-colDiv-md-span:initial;--fds-internal-colDiv-md-end:initial;--fds-internal-colDiv-lg-start:initial;--fds-internal-colDiv-lg-span:initial;--fds-internal-colDiv-lg-end:initial;--fds-internal-colDiv-xl-start:initial;--fds-internal-colDiv-xl-span:initial;--fds-internal-colDiv-xl-end:initial;--fds-internal-colDiv-xxl-start:initial;--fds-internal-colDiv-xxl-span:initial;--fds-internal-colDiv-xxl-end:initial;position:relative;grid-column:var(--fds-internal-colDiv-xxs-start, auto)/var(--fds-internal-colDiv-xxs-end, span var(--fds-internal-colDiv-xxs-span, 1));}:where(body.fds-breakpoint-xs-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-xs-start, auto)/var(--fds-internal-colDiv-xs-end, span var(--fds-internal-colDiv-xs-span, 1));}:where(body.fds-breakpoint-sm-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-sm-start, auto)/var(--fds-internal-colDiv-sm-end, span var(--fds-internal-colDiv-sm-span, 1));}:where(body.fds-breakpoint-md-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-md-start, auto)/var(--fds-internal-colDiv-md-end, span var(--fds-internal-colDiv-md-span, 1));}:where(body.fds-breakpoint-lg-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-lg-start, auto)/var(--fds-internal-colDiv-lg-end, span var(--fds-internal-colDiv-lg-span, 1));}:where(body.fds-breakpoint-xl-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-xl-start, auto)/var(--fds-internal-colDiv-xl-end, span var(--fds-internal-colDiv-xl-span, 1));}:where(body.fds-breakpoint-xxl-min) .c1waj0ro{grid-column:var(--fds-internal-colDiv-xxl-start, auto)/var(--fds-internal-colDiv-xxl-end, span var(--fds-internal-colDiv-xxl-span, 1));}}

package/cjs/layout/container.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("../_virtual/_tslib.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("./container.styles.js");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const n=s(r).default.forwardRef(((r,s)=>{const{children:n,"data-testid":a="container",type:c="flex",stretch:d=!1}=r,u=t.__rest(r,["children","data-testid","type","stretch"]);return e.jsx(i.StyledContainer,Object.assign({ref:s,"data-testid":a,$type:c,$stretch:d},u,{children:n}))}));exports.Container=n;
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("clsx"),a=require("react"),n=require("./container.styles.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);const c=i(a).default.forwardRef(((r,a)=>{const{children:i,"data-testid":c="container",type:l="flex",stretch:d=!1,className:o}=r,u=e.__rest(r,["children","data-testid","type","stretch","className"]);return t.jsx("div",Object.assign({ref:a,"data-testid":c,className:s.default(n.container,!d&&n.containerNotStretched,"grid"===l&&n.containerGrid,"flex-column"===l&&n.containerFlexColumn,"flex"===l&&n.containerFlex,o)},u,{children:i}))}));exports.Container=c;
 //# sourceMappingURL=container.js.map

package/cjs/layout/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../src/layout/container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { StyledContainer } from \"./container.styles\";\nimport type { ContainerProps } from \"./types\";\n\nconst Component = (\n    props: ContainerProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const {\n        children,\n        \"data-testid\": testId = \"container\",\n        type = \"flex\",\n        stretch = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <StyledContainer\n            ref={ref}\n            data-testid={testId}\n            $type={type}\n            $stretch={stretch}\n            {...otherProps}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport const Container = React.forwardRef(Component);\n"],"names":["Container","React","forwardRef","props","ref","children","testId","type","stretch","otherProps","__rest","_jsx","StyledContainer","$stretch"],"mappings":"iNAKA,MAyBaA,OAAYC,QAAMC,YAzBb,CACdC,EACAC,KAEA,MAAMC,SACFA,EACA,cAAeC,EAAS,YAAWC,KACnCA,EAAO,OAAMC,QACbA,GAAU,GAEVL,EADGM,EAAUC,EAAAA,OACbP,EANE,CAAA,WAAA,cAAA,OAAA,YAQN,OACIQ,EAAAA,IAACC,EAAAA,+BACGR,IAAKA,EAAG,cACKE,QACNC,EAAIM,SACDL,GACNC,YAEHJ,IACa"}
+{"version":3,"file":"container.js","sources":["../../../src/layout/container.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\n\nimport * as styles from \"./container.styles\";\nimport type { ContainerProps } from \"./types\";\n\nconst Component = (\n    props: ContainerProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const {\n        children,\n        \"data-testid\": testId = \"container\",\n        type = \"flex\",\n        stretch = false,\n        className,\n        ...otherProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            data-testid={testId}\n            className={clsx(\n                styles.container,\n                !stretch && styles.containerNotStretched,\n                type === \"grid\" && styles.containerGrid,\n                type === \"flex-column\" && styles.containerFlexColumn,\n                type === \"flex\" && styles.containerFlex,\n                className\n            )}\n            {...otherProps}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport const Container = React.forwardRef(Component);\n"],"names":["Container","React","forwardRef","props","ref","children","testId","type","stretch","className","otherProps","__rest","_jsx","Object","assign","clsx","styles.container","styles.containerNotStretched","styles.containerGrid","styles.containerFlexColumn","styles.containerFlex"],"mappings":"8OAMA,MAgCaA,OAAYC,QAAMC,YAhCb,CACdC,EACAC,KAEA,MAAMC,SACFA,EACA,cAAeC,EAAS,YAAWC,KACnCA,EAAO,OAAMC,QACbA,GAAU,EAAKC,UACfA,GAEAN,EADGO,EAAUC,SACbR,EAPE,CAAA,WAAA,cAAA,OAAA,UAAA,cASN,OACIS,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACIV,IAAKA,gBACQE,EACbG,UAAWM,EAAAA,QACPC,EAAAA,WACCR,GAAWS,EAAAA,sBACH,SAATV,GAAmBW,EAAAA,cACV,gBAATX,GAA0BY,EAAAA,oBACjB,SAATZ,GAAmBa,EAAAA,cACnBX,IAEAC,EAAU,CAAAL,SAEbA,IACC"}

package/cjs/layout/container.styles.js

@@ -1,100 +1,2 @@
-"use strict";var e=require("styled-components"),a=require("../v3_theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=t(e).default.div`
-    flex-grow: 1;
-    margin: 0 auto;
-    position: relative;
-    width: auto;
-    height: auto;
-
-    padding: 0 ${a.V3_Breakpoint["xxl-margin"]}px;
-
-    ${a.V3_MediaQuery.MaxWidth.xl} {
-        padding: 0 ${a.V3_Breakpoint["xl-margin"]}px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.lg} {
-        padding: 0 ${a.V3_Breakpoint["lg-margin"]}px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.md} {
-        padding: 0 ${a.V3_Breakpoint["md-margin"]}px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        padding: 0 ${a.V3_Breakpoint["sm-margin"]}px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xs} {
-        padding: 0 ${a.V3_Breakpoint["xs-margin"]}px;
-    }
-
-    ${a.V3_MediaQuery.MaxWidth.xxs} {
-        padding: 0 ${a.V3_Breakpoint["xxs-margin"]}px;
-    }
-
-    ${a=>{if(!a.$stretch)return e.css`
-                max-width: 1440px;
-            `}}
-
-    ${t=>{switch(t.$type){case"grid":return e.css`
-                    column-gap: ${a.V3_Breakpoint["xxl-gutter"]}px;
-                    display: grid;
-                    grid-template-columns: repeat(
-                        ${a.V3_Breakpoint["xxl-column"]},
-                        minmax(0, 1fr)
-                    );
-
-                    ${a.V3_MediaQuery.MaxWidth.xl} {
-                        column-gap: ${a.V3_Breakpoint["xl-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["xl-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-
-                    ${a.V3_MediaQuery.MaxWidth.lg} {
-                        column-gap: ${a.V3_Breakpoint["lg-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["lg-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-
-                    ${a.V3_MediaQuery.MaxWidth.md} {
-                        column-gap: ${a.V3_Breakpoint["md-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["md-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-
-                    ${a.V3_MediaQuery.MaxWidth.sm} {
-                        column-gap: ${a.V3_Breakpoint["sm-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["sm-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-
-                    ${a.V3_MediaQuery.MaxWidth.xs} {
-                        column-gap: ${a.V3_Breakpoint["xs-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["xs-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-
-                    ${a.V3_MediaQuery.MaxWidth.xxs} {
-                        column-gap: ${a.V3_Breakpoint["xxs-gutter"]}px;
-                        grid-template-columns: repeat(
-                            ${a.V3_Breakpoint["xxs-column"]},
-                            minmax(0, 1fr)
-                        );
-                    }
-                `;case"flex-column":return e.css`
-                    display: flex;
-                    flex-direction: column;
-                `;default:return e.css`
-                    display: flex;
-                `}}}
-`;exports.StyledContainer=i;
+"use strict";require("./container.styles_v70ec6.css");exports.container="c1po1qn8",exports.containerFlex="cmvqis9",exports.containerFlexColumn="cyi2nns",exports.containerGrid="ch4a7dv",exports.containerNotStretched="ca13up7";
 //# sourceMappingURL=container.styles.js.map