@lifesg/react-design-system 4.0.0-alpha.3 → 4.0.0-alpha.5

package/cjs/theme/utils/font.js.map

@@ -1 +1 @@
-{"version":3,"file":"font.js","sources":["../../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nexport interface FontDeclarationProperties {\n    \"font-family\": string;\n    \"font-variant\": string;\n    \"font-size\": string;\n    \"font-weight\": string;\n    \"line-height\": string;\n    \"letter-spacing\": string;\n}\n\nconst sizeVarMap: Record<FontSize, { size: string; lh: string; ls: string }> = {\n    \"heading-xxl\": {\n        size: \"var(--fds-font-heading-size-xxl)\",\n        lh: \"var(--fds-font-heading-lh-xxl)\",\n        ls: \"var(--fds-font-heading-ls-xxl)\",\n    },\n    \"heading-xl\": {\n        size: \"var(--fds-font-heading-size-xl)\",\n        lh: \"var(--fds-font-heading-lh-xl)\",\n        ls: \"var(--fds-font-heading-ls-xl)\",\n    },\n    \"heading-lg\": {\n        size: \"var(--fds-font-heading-size-lg)\",\n        lh: \"var(--fds-font-heading-lh-lg)\",\n        ls: \"var(--fds-font-heading-ls-lg)\",\n    },\n    \"heading-md\": {\n        size: \"var(--fds-font-heading-size-md)\",\n        lh: \"var(--fds-font-heading-lh-md)\",\n        ls: \"var(--fds-font-heading-ls-md)\",\n    },\n    \"heading-sm\": {\n        size: \"var(--fds-font-heading-size-sm)\",\n        lh: \"var(--fds-font-heading-lh-sm)\",\n        ls: \"var(--fds-font-heading-ls-sm)\",\n    },\n    \"heading-xs\": {\n        size: \"var(--fds-font-heading-size-xs)\",\n        lh: \"var(--fds-font-heading-lh-xs)\",\n        ls: \"var(--fds-font-heading-ls-xs)\",\n    },\n    \"body-baseline\": {\n        size: \"var(--fds-font-body-size-baseline)\",\n        lh: \"var(--fds-font-body-lh-baseline)\",\n        ls: \"var(--fds-font-body-ls-baseline)\",\n    },\n    \"body-md\": {\n        size: \"var(--fds-font-body-size-md)\",\n        lh: \"var(--fds-font-body-lh-md)\",\n        ls: \"var(--fds-font-body-ls-md)\",\n    },\n    \"body-sm\": {\n        size: \"var(--fds-font-body-size-sm)\",\n        lh: \"var(--fds-font-body-lh-sm)\",\n        ls: \"var(--fds-font-body-ls-sm)\",\n    },\n    \"body-xs\": {\n        size: \"var(--fds-font-body-size-xs)\",\n        lh: \"var(--fds-font-body-lh-xs)\",\n        ls: \"var(--fds-font-body-ls-xs)\",\n    },\n    \"form-label\": {\n        size: \"var(--fds-font-form-label-size)\",\n        lh: \"var(--fds-font-form-label-lh)\",\n        ls: \"var(--fds-font-form-label-ls)\",\n    },\n    \"form-description\": {\n        size: \"var(--fds-font-form-description-size)\",\n        lh: \"var(--fds-font-form-description-lh)\",\n        ls: \"var(--fds-font-form-description-ls)\",\n    },\n};\n\nconst weightVarMap: Record<FontWeight, string> = {\n    light: \"var(--fds-font-weight-light)\",\n    regular: \"var(--fds-font-weight-regular)\",\n    semibold: \"var(--fds-font-weight-semibold)\",\n    bold: \"var(--fds-font-weight-bold)\",\n};\n\n/**\n * Generates a CSS font declaration map using FDS CSS variables.\n *\n * @example\n * generateFontProperties(\"heading-xxl\", \"light\")\n * // => { \"font-family\": \"var(--fds-font-family)\", ... }\n */\nexport const generateFontProperties = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n    const { size: s, lh, ls } = sizeVarMap[size];\n    const w = weightVarMap[weight];\n\n    const extraVariant = [\n        options?.fontVariant,\n        options?.noCommonLigatures ? \"no-common-ligatures\" : \"\",\n    ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const fontVariant = `var(--fds-font-variant)${\n        extraVariant ? ` ${extraVariant}` : \"\"\n    }`;\n\n    return {\n        \"font-family\": \"var(--fds-font-family)\",\n        \"font-variant\": fontVariant,\n        \"font-size\": s,\n        \"font-weight\": w,\n        \"line-height\": lh,\n        \"letter-spacing\": ls,\n    };\n};\n\n/**\n * Generates a CSS declaration string using FDS CSS variables.\n *\n * @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family); font-variant: var(--fds-font-variant); ...\"\n */\nexport const generateFont = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): string => {\n    const declarations = generateFontProperties(size, weight, options);\n\n    return Object.entries(declarations)\n        .map(([key, value]) => `${key}: ${value};`)\n        .join(\" \");\n};\n"],"names":["sizeVarMap","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","fontVariant","noCommonLigatures","filter","Boolean","join","declarations","Object","entries","map","key","value"],"mappings":"aAWA,MAAMA,EAAyE,CAC3E,cAAe,CACXC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbF,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPF,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVF,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBF,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,MAAQV,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,GAAOH,EAAWC,GACjCY,EAAIT,EAAaM,GAEjBI,EAAe,CACjBH,aAAO,EAAPA,EAASI,aACTJ,aAAO,EAAPA,EAASK,mBAAoB,sBAAwB,IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,cAAe,yBACf,eANgB,2BAChBL,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,uBAUuB,CACxBF,EACAS,EACAC,KAEA,MAAMS,EAAeX,EAAuBR,EAAMS,EAAQC,GAE1D,OAAOU,OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCN,KAAK,IAAI"}
+{"version":3,"file":"font.js","sources":["../../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nexport interface FontDeclarationProperties {\n    \"font-family\": string;\n    \"font-variant\": string;\n    \"font-size\": string;\n    \"font-weight\": string;\n    \"line-height\": string;\n    \"letter-spacing\": string;\n}\n\nconst sizeVarMap: Record<\n    FontSize,\n    { fontFamily: string; size: string; lh: string; ls: string }\n> = {\n    \"heading-xxl\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xxl)\",\n        lh: \"var(--fds-font-heading-lh-xxl)\",\n        ls: \"var(--fds-font-heading-ls-xxl)\",\n    },\n    \"heading-xl\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xl)\",\n        lh: \"var(--fds-font-heading-lh-xl)\",\n        ls: \"var(--fds-font-heading-ls-xl)\",\n    },\n    \"heading-lg\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-lg)\",\n        lh: \"var(--fds-font-heading-lh-lg)\",\n        ls: \"var(--fds-font-heading-ls-lg)\",\n    },\n    \"heading-md\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-md)\",\n        lh: \"var(--fds-font-heading-lh-md)\",\n        ls: \"var(--fds-font-heading-ls-md)\",\n    },\n    \"heading-sm\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-sm)\",\n        lh: \"var(--fds-font-heading-lh-sm)\",\n        ls: \"var(--fds-font-heading-ls-sm)\",\n    },\n    \"heading-xs\": {\n        fontFamily: \"var(--fds-font-family-heading)\",\n        size: \"var(--fds-font-heading-size-xs)\",\n        lh: \"var(--fds-font-heading-lh-xs)\",\n        ls: \"var(--fds-font-heading-ls-xs)\",\n    },\n    \"body-baseline\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-baseline)\",\n        lh: \"var(--fds-font-body-lh-baseline)\",\n        ls: \"var(--fds-font-body-ls-baseline)\",\n    },\n    \"body-md\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-md)\",\n        lh: \"var(--fds-font-body-lh-md)\",\n        ls: \"var(--fds-font-body-ls-md)\",\n    },\n    \"body-sm\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-sm)\",\n        lh: \"var(--fds-font-body-lh-sm)\",\n        ls: \"var(--fds-font-body-ls-sm)\",\n    },\n    \"body-xs\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-body-size-xs)\",\n        lh: \"var(--fds-font-body-lh-xs)\",\n        ls: \"var(--fds-font-body-ls-xs)\",\n    },\n    \"form-label\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-form-label-size)\",\n        lh: \"var(--fds-font-form-label-lh)\",\n        ls: \"var(--fds-font-form-label-ls)\",\n    },\n    \"form-description\": {\n        fontFamily: \"var(--fds-font-family-body)\",\n        size: \"var(--fds-font-form-description-size)\",\n        lh: \"var(--fds-font-form-description-lh)\",\n        ls: \"var(--fds-font-form-description-ls)\",\n    },\n};\n\nconst weightVarMap: Record<FontWeight, string> = {\n    light: \"var(--fds-font-weight-light)\",\n    regular: \"var(--fds-font-weight-regular)\",\n    semibold: \"var(--fds-font-weight-semibold)\",\n    bold: \"var(--fds-font-weight-bold)\",\n};\n\n/**\n * Generates a CSS font declaration map using FDS CSS variables.\n *\n * @example\n * generateFontProperties(\"heading-xxl\", \"light\")\n * // => { \"font-family\": \"var(--fds-font-family-heading)\", ... }\n */\nexport const generateFontProperties = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n    const { fontFamily, size: s, lh, ls } = sizeVarMap[size];\n    const w = weightVarMap[weight];\n\n    const extraVariant = [\n        options?.fontVariant,\n        options?.noCommonLigatures ? \"no-common-ligatures\" : \"\",\n    ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const fontVariant = `var(--fds-font-variant)${\n        extraVariant ? ` ${extraVariant}` : \"\"\n    }`;\n\n    return {\n        \"font-family\": fontFamily,\n        \"font-variant\": fontVariant,\n        \"font-size\": s,\n        \"font-weight\": w,\n        \"line-height\": lh,\n        \"letter-spacing\": ls,\n    };\n};\n\n/**\n * Generates a CSS declaration string using FDS CSS variables.\n *\n * @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family-heading); font-variant: var(--fds-font-variant); ...\"\n */\nexport const generateFont = (\n    size: FontSize,\n    weight: FontWeight,\n    options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): string => {\n    const declarations = generateFontProperties(size, weight, options);\n\n    return Object.entries(declarations)\n        .map(([key, value]) => `${key}: ${value};`)\n        .join(\" \");\n};\n"],"names":["sizeVarMap","fontFamily","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","filter","Boolean","join","declarations","Object","entries","map","key","value"],"mappings":"aAWA,MAAMA,EAGF,CACA,cAAe,CACXC,WAAY,iCACZC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbH,WAAY,8BACZC,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVH,WAAY,8BACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBH,WAAY,8BACZC,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,MAAMX,WAAEA,EAAYC,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,GAAOJ,EAAWE,GAC7CY,EAAIT,EAAaM,GAEjBI,EAAe,MACV,EAC8C,IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,cAAejB,EACf,eANgB,2BAChBc,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,uBAUuB,CACxBF,EACAS,EACAC,KAEA,MAAMO,EAAeT,EAAuBR,EAAMS,GAElD,OAAOS,OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCN,KAAK,IAAI"}

package/cjs/theme/utils/token-resolver.js

@@ -1,2 +1,2 @@
-"use strict";const e=(e,t)=>e&&e.trim().length>0?e:t;exports.getEffectiveTokenOrCustom=({value:t,resolvedValue:s,guard:o,normalizeCustom:r})=>o(t)?e(s,t):r(t),exports.getResolvedValue=e,exports.getTokenOrDefault=(e,t,s)=>t(e)?e:s,exports.isTokenFromSet=(e,t)=>"string"==typeof e&&t.has(e),exports.isTokenWithPrefix=(e,t)=>"string"==typeof e&&e.startsWith(t),exports.toCssValue=e=>"number"==typeof e?`${e}px`:String(e);
+"use strict";exports.isTokenFromSet=(t,s)=>"string"==typeof t&&s.has(t),exports.isTokenWithPrefix=(t,s)=>"string"==typeof t&&t.startsWith(s),exports.toCssValue=t=>"number"==typeof t?`${t}px`:String(t);
 //# sourceMappingURL=token-resolver.js.map

package/cjs/theme/utils/token-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-resolver.js","sources":["../../../../src/theme/utils/token-resolver.ts"],"sourcesContent":["type TokenGuard<TToken extends string> = (value: unknown) => value is TToken;\n\n/**\n * Prefers a resolved token value and falls back to the original token string\n * when the token has not been resolved yet.\n * @param resolved Resolved value from a token lookup.\n * @param fallback Original token string used as fallback.\n * @returns Resolved value when available, otherwise the fallback token string.\n */\nexport const getResolvedValue = (\n    resolved: string | undefined,\n    fallback: string\n) => {\n    return resolved && resolved.trim().length > 0 ? resolved : fallback;\n};\n\n/**\n * Converts numeric CSS values to px while preserving string inputs.\n * @param value CSS value as number or string.\n * @returns CSS value string.\n */\nexport const toCssValue = (value: string | number) => {\n    return typeof value === \"number\" ? `${value}px` : String(value);\n};\n\n/**\n * Checks whether a value is one of the known token literals.\n * @param value Unknown value to validate.\n * @param tokenSet Set of allowed token strings.\n * @returns True when value is a string token in the provided set.\n */\nexport const isTokenFromSet = <TToken extends string>(\n    value: unknown,\n    tokenSet: Set<string>\n): value is TToken => {\n    return typeof value === \"string\" && tokenSet.has(value);\n};\n\n/**\n * Checks whether a value is a token by matching a token prefix.\n * @param value Unknown value to validate.\n * @param prefix Token prefix to match.\n * @returns True when value is a string starting with the given prefix.\n */\nexport const isTokenWithPrefix = <TToken extends string>(\n    value: unknown,\n    prefix: string\n): value is TToken => {\n    return typeof value === \"string\" && value.startsWith(prefix);\n};\n\n/**\n * Uses a token value when valid, otherwise falls back to a default token.\n * @param value Candidate token value.\n * @param guard Type guard that validates the token.\n * @param fallback Default token to use when value is invalid.\n * @returns Valid token value or fallback token.\n */\nexport const getTokenOrDefault = <TToken extends string>(\n    value: unknown,\n    guard: TokenGuard<TToken>,\n    fallback: TToken\n) => {\n    return guard(value) ? value : fallback;\n};\n\n/**\n * Resolves token values through the resolved token string and normalizes\n * non-token values through a caller-provided normalizer.\n * @param args.value Token or custom value.\n * @param args.resolvedValue Resolved token value from lookup.\n * @param args.guard Type guard that checks whether the value is a token.\n * @param args.normalizeCustom Normalizer for custom (non-token) values.\n * @returns Effective CSS value string.\n */\nexport const getEffectiveTokenOrCustom = <TToken extends string, TCustom>({\n    value,\n    resolvedValue,\n    guard,\n    normalizeCustom,\n}: {\n    value: TToken | TCustom;\n    resolvedValue: string | undefined;\n    guard: TokenGuard<TToken>;\n    normalizeCustom: (value: TCustom) => string;\n}) => {\n    return guard(value)\n        ? getResolvedValue(resolvedValue, value)\n        : normalizeCustom(value);\n};\n"],"names":["getResolvedValue","resolved","fallback","trim","length","value","resolvedValue","guard","normalizeCustom","tokenSet","has","prefix","startsWith","String"],"mappings":"mBASaA,EAAmB,CAC5BC,EACAC,IAEOD,GAAYA,EAASE,OAAOC,OAAS,EAAIH,EAAWC,oCA8DtB,EACrCG,QACAC,gBACAC,QACAC,qBAOOD,EAAMF,GACPL,EAAiBM,EAAeD,GAChCG,EAAgBH,wDA9BO,CAC7BA,EACAE,EACAL,IAEOK,EAAMF,GAASA,EAAQH,yBAhCJ,CAC1BG,EACAI,IAEwB,iBAAVJ,GAAsBI,EAASC,IAAIL,6BASpB,CAC7BA,EACAM,IAEwB,iBAAVN,GAAsBA,EAAMO,WAAWD,sBA3B9BN,GACC,iBAAVA,EAAqB,GAAGA,MAAYQ,OAAOR"}
+{"version":3,"file":"token-resolver.js","sources":["../../../../src/theme/utils/token-resolver.ts"],"sourcesContent":["type TokenGuard<TToken extends string> = (value: unknown) => value is TToken;\n\n/**\n * Prefers a resolved token value and falls back to the original token string\n * when the token has not been resolved yet.\n * @param resolved Resolved value from a token lookup.\n * @param fallback Original token string used as fallback.\n * @returns Resolved value when available, otherwise the fallback token string.\n */\nexport const getResolvedValue = (\n    resolved: string | undefined,\n    fallback: string\n) => {\n    return resolved && resolved.trim().length > 0 ? resolved : fallback;\n};\n\n/**\n * Converts numeric CSS values to px while preserving string inputs.\n * @param value CSS value as number or string.\n * @returns CSS value string.\n */\nexport const toCssValue = (value: string | number) => {\n    return typeof value === \"number\" ? `${value}px` : String(value);\n};\n\n/**\n * Checks whether a value is one of the known token literals.\n * @param value Unknown value to validate.\n * @param tokenSet Set of allowed token strings.\n * @returns True when value is a string token in the provided set.\n */\nexport const isTokenFromSet = <TToken extends string>(\n    value: unknown,\n    tokenSet: Set<string>\n): value is TToken => {\n    return typeof value === \"string\" && tokenSet.has(value);\n};\n\n/**\n * Checks whether a value is a token by matching a token prefix.\n * @param value Unknown value to validate.\n * @param prefix Token prefix to match.\n * @returns True when value is a string starting with the given prefix.\n */\nexport const isTokenWithPrefix = <TToken extends string>(\n    value: unknown,\n    prefix: string\n): value is TToken => {\n    return typeof value === \"string\" && value.startsWith(prefix);\n};\n\n/**\n * Uses a token value when valid, otherwise falls back to a default token.\n * @param value Candidate token value.\n * @param guard Type guard that validates the token.\n * @param fallback Default token to use when value is invalid.\n * @returns Valid token value or fallback token.\n */\nexport const getTokenOrDefault = <TToken extends string>(\n    value: unknown,\n    guard: TokenGuard<TToken>,\n    fallback: TToken\n) => {\n    return guard(value) ? value : fallback;\n};\n\n/**\n * Resolves token values through the resolved token string and normalizes\n * non-token values through a caller-provided normalizer.\n * @param args.value Token or custom value.\n * @param args.resolvedValue Resolved token value from lookup.\n * @param args.guard Type guard that checks whether the value is a token.\n * @param args.normalizeCustom Normalizer for custom (non-token) values.\n * @returns Effective CSS value string.\n */\nexport const getEffectiveTokenOrCustom = <TToken extends string, TCustom>({\n    value,\n    resolvedValue,\n    guard,\n    normalizeCustom,\n}: {\n    value: TToken | TCustom;\n    resolvedValue: string | undefined;\n    guard: TokenGuard<TToken>;\n    normalizeCustom: (value: TCustom) => string;\n}) => {\n    return guard(value)\n        ? getResolvedValue(resolvedValue, value)\n        : normalizeCustom(value);\n};\n"],"names":["value","tokenSet","has","prefix","startsWith","String"],"mappings":"oCA+B8B,CAC1BA,EACAC,IAEwB,iBAAVD,GAAsBC,EAASC,IAAIF,6BASpB,CAC7BA,EACAG,IAEwB,iBAAVH,GAAsBA,EAAMI,WAAWD,sBA3B9BH,GACC,iBAAVA,EAAqB,GAAGA,MAAYK,OAAOL"}

package/cjs/theme/utils/use-design-token-override.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("../theme-provider/hooks.js"),r=require("./css-variable.js");exports.useDesignTokenOverride=({token:s,mode:a="light"})=>{const{theme:i,themeElement:o}=t.useTheme(),[d,n]=e.useState();return e.useEffect((()=>{if(!o)return;const e=document.createElement("div");e.dataset.fdsTheme=i,e.dataset.fdsThemeMode=a,e.style.display="none",o.appendChild(e);const t=r.parseCSSVariableValue(s,e);n(t||void 0),e.remove()}),[i,o,s,a]),d};
+//# sourceMappingURL=use-design-token-override.js.map

package/cjs/theme/utils/use-design-token-override.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-design-token-override.js","sources":["../../../../src/theme/utils/use-design-token-override.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString, ResolvedThemeMode } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\n\ninterface UseDesignTokenOverrideOptions {\n    token: CSSVariableString;\n    mode?: ResolvedThemeMode;\n}\n\n/**\n * Resolves a design token's value in a specific theme mode,\n * defaulting to light mode regardless of the current theme mode.\n */\nexport const useDesignTokenOverride = ({\n    token,\n    mode = \"light\",\n}: UseDesignTokenOverrideOptions): string | undefined => {\n    const { theme, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>();\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        const tempEl = document.createElement(\"div\");\n        tempEl.dataset.fdsTheme = theme;\n        tempEl.dataset.fdsThemeMode = mode;\n        tempEl.style.display = \"none\";\n        themeElement.appendChild(tempEl);\n\n        const resolved = parseCSSVariableValue(token, tempEl);\n        setValue(resolved || undefined);\n\n        tempEl.remove();\n    }, [theme, themeElement, token, mode]);\n\n    return value;\n};\n"],"names":["token","mode","theme","themeElement","useTheme","value","setValue","useState","useEffect","tempEl","document","createElement","dataset","fdsTheme","fdsThemeMode","style","display","appendChild","resolved","parseCSSVariableValue","undefined","remove"],"mappings":"0IAesC,EAClCA,QACAC,OAAO,YAEP,MAAMC,MAAEA,EAAKC,aAAEA,GAAiBC,cACzBC,EAAOC,GAAYC,aAiB1B,OAfAC,EAAAA,WAAU,KACN,IAAKL,EAAc,OAEnB,MAAMM,EAASC,SAASC,cAAc,OACtCF,EAAOG,QAAQC,SAAWX,EAC1BO,EAAOG,QAAQE,aAAeb,EAC9BQ,EAAOM,MAAMC,QAAU,OACvBb,EAAac,YAAYR,GAEzB,MAAMS,EAAWC,EAAAA,sBAAsBnB,EAAOS,GAC9CH,EAASY,QAAYE,GAErBX,EAAOY,QAAQ,GAChB,CAACnB,EAAOC,EAAcH,EAAOC,IAEzBI,CAAK"}

package/cjs/theme/utils/use-design-token.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../theme-provider/hooks.js"),s=require("./css-variable.js"),o=require("./token-resolver.js");const t=o=>{const{theme:t,mode:u,themeElement:a}=r.useTheme(),[l,i]=e.useState(void 0);return e.useEffect((()=>{a&&i(s.parseCSSVariableValue(o,a))}),[t,u,a,o]),l};exports.useDesignToken=t,exports.useResolvedTokenValue=e=>{const{value:r,fallback:s,isToken:u,normalizeCustom:a}=e,l=(e=>null==e||""===e)(r)?s:r,i=u(l)?l:void 0,n=t(i);return i?o.getResolvedValue(n,i):a(l)};
+"use strict";var e=require("react"),s=require("../theme-provider/hooks.js"),r=require("./css-variable.js");const o=e=>null==e||""===e,t=o=>{const{theme:t,mode:u,themeElement:a}=s.useTheme(),[i,l]=e.useState(void 0);return e.useEffect((()=>{a&&l(r.parseCSSVariableValue(o,a))}),[t,u,a,o]),i};exports.useDesignToken=t,exports.useResolvedTokenValue=e=>{const{value:s,fallback:r,isToken:u,normalizeCustom:a}=e,i=u(s),l=t(i?s:void 0),n=u(r),c=t(n?r:void 0);return i&&!o(l)?l:i||o(s)?n&&!o(c)?c:a(r):a(s)};
 //# sourceMappingURL=use-design-token.js.map

package/cjs/theme/utils/use-design-token.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-design-token.js","sources":["../../../../src/theme/utils/use-design-token.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\nimport { getResolvedValue } from \"./token-resolver\";\n\nconst isEmptyValue = (value: unknown) => {\n    return value == null || value === \"\";\n};\n\nexport const useDesignToken = (\n    tokenName: CSSVariableString | undefined\n): string | undefined => {\n    const { theme, mode, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        setValue(parseCSSVariableValue(tokenName, themeElement));\n    }, [theme, mode, themeElement, tokenName]);\n\n    return value;\n};\n\nexport interface UseResolvedTokenValueOptions<\n    TToken extends CSSVariableString,\n    TCustom\n> {\n    /** Value used when `value` is empty. */\n    fallback: TToken | TCustom;\n    /** Type guard to identify token values. */\n    isToken: (value: unknown) => value is TToken;\n    /** Normalizer for non-token values. */\n    normalizeCustom: (value: TCustom) => string;\n    /** Candidate token or custom value. */\n    value: TToken | TCustom | null | undefined;\n}\n\n/**\n * Resolves token-aware values with consistent fallback behavior.\n * - Empty values (`null`, `undefined`, `\"\"`) use `fallback`.\n * - Token values are resolved through `useDesignToken`.\n * - Non-token values are returned via `normalizeCustom`.\n * @param options Resolution options for token/custom values.\n * @returns Resolved token value or normalized custom/fallback value.\n */\nexport const useResolvedTokenValue = <\n    TToken extends CSSVariableString,\n    TCustom\n>(\n    options: UseResolvedTokenValueOptions<TToken, TCustom>\n) => {\n    const { value, fallback, isToken, normalizeCustom } = options;\n    const effectiveValue = isEmptyValue(value) ? fallback : value;\n    const tokenString = isToken(effectiveValue) ? effectiveValue : undefined;\n    const resolvedTokenValue = useDesignToken(tokenString);\n\n    if (tokenString) {\n        return getResolvedValue(resolvedTokenValue, tokenString);\n    }\n\n    return normalizeCustom(effectiveValue as TCustom);\n};\n"],"names":["useDesignToken","tokenName","theme","mode","themeElement","useTheme","value","setValue","useState","undefined","useEffect","parseCSSVariableValue","options","fallback","isToken","normalizeCustom","effectiveValue","isEmptyValue","tokenString","resolvedTokenValue","getResolvedValue"],"mappings":"4IAOA,MAIaA,EACTC,IAEA,MAAMC,MAAEA,EAAKC,KAAEA,EAAIC,aAAEA,GAAiBC,EAAAA,YAC/BC,EAAOC,GAAYC,EAAAA,cAA6BC,GAQvD,OANAC,EAAAA,WAAU,KACDN,GAELG,EAASI,EAAAA,sBAAsBV,EAAWG,GAAc,GACzD,CAACF,EAAOC,EAAMC,EAAcH,IAExBK,CAAK,yDA6BZM,IAEA,MAAMN,MAAEA,EAAKO,SAAEA,EAAQC,QAAEA,EAAOC,gBAAEA,GAAoBH,EAChDI,EAhDW,CAACV,GACF,MAATA,GAA2B,KAAVA,EA+CDW,CAAaX,GAASO,EAAWP,EAClDY,EAAcJ,EAAQE,GAAkBA,OAAiBP,EACzDU,EAAqBnB,EAAekB,GAE1C,OAAIA,EACOE,EAAAA,iBAAiBD,EAAoBD,GAGzCH,EAAgBC,EAA0B"}
+{"version":3,"file":"use-design-token.js","sources":["../../../../src/theme/utils/use-design-token.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\n\nconst isEmptyValue = (value: unknown) => {\n    return value == null || value === \"\";\n};\n\nexport const useDesignToken = (\n    tokenName: CSSVariableString | undefined\n): string | undefined => {\n    const { theme, mode, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        setValue(parseCSSVariableValue(tokenName, themeElement));\n    }, [theme, mode, themeElement, tokenName]);\n\n    return value;\n};\n\nexport interface UseResolvedTokenValueOptions<\n    TToken extends CSSVariableString,\n    TCustom\n> {\n    /** Value used when `value` is empty. */\n    fallback: TToken | TCustom;\n    /** Type guard to identify token values. */\n    isToken: (value: unknown) => value is TToken;\n    /** Normalizer for non-token values. */\n    normalizeCustom: (value: TCustom) => string;\n    /** Candidate token or custom value. */\n    value: TToken | TCustom | null | undefined;\n}\n\n/**\n * Resolves token-aware values with consistent fallback behavior.\n * - Empty values (`null`, `undefined`, `\"\"`) use `fallback`.\n * - Token values are resolved through `useDesignToken`.\n * - Non-token values are returned via `normalizeCustom`.\n * @param options Resolution options for token/custom values.\n * @returns Resolved token value or normalized custom/fallback value.\n */\nexport const useResolvedTokenValue = <\n    TToken extends CSSVariableString,\n    TCustom\n>(\n    options: UseResolvedTokenValueOptions<TToken, TCustom>\n) => {\n    const { value, fallback, isToken: checkToken, normalizeCustom } = options;\n    const isToken = checkToken(value);\n    const tokenName = isToken ? value : undefined;\n    const resolvedToken = useDesignToken(tokenName);\n    const isFallbackToken = checkToken(fallback);\n    const fallbackTokenName = isFallbackToken ? fallback : undefined;\n    const resolvedFallback = useDesignToken(fallbackTokenName);\n\n    if (isToken && !isEmptyValue(resolvedToken)) {\n        return resolvedToken;\n    }\n\n    if (!isToken && !isEmptyValue(value)) {\n        return normalizeCustom(value);\n    }\n\n    if (isFallbackToken && !isEmptyValue(resolvedFallback)) {\n        return resolvedFallback;\n    }\n\n    return normalizeCustom(fallback as TCustom);\n};\n"],"names":["isEmptyValue","value","useDesignToken","tokenName","theme","mode","themeElement","useTheme","setValue","useState","undefined","useEffect","parseCSSVariableValue","options","fallback","isToken","checkToken","normalizeCustom","resolvedToken","isFallbackToken","resolvedFallback"],"mappings":"2GAMA,MAAMA,EAAgBC,GACF,MAATA,GAA2B,KAAVA,EAGfC,EACTC,IAEA,MAAMC,MAAEA,EAAKC,KAAEA,EAAIC,aAAEA,GAAiBC,EAAAA,YAC/BN,EAAOO,GAAYC,EAAAA,cAA6BC,GAQvD,OANAC,EAAAA,WAAU,KACDL,GAELE,EAASI,EAAAA,sBAAsBT,EAAWG,GAAc,GACzD,CAACF,EAAOC,EAAMC,EAAcH,IAExBF,CAAK,yDA6BZY,IAEA,MAAMZ,MAAEA,EAAKa,SAAEA,EAAUC,QAASC,EAAUC,gBAAEA,GAAoBJ,EAC5DE,EAAUC,EAAWf,GAErBiB,EAAgBhB,EADJa,EAAUd,OAAQS,GAE9BS,EAAkBH,EAAWF,GAE7BM,EAAmBlB,EADCiB,EAAkBL,OAAWJ,GAGvD,OAAIK,IAAYf,EAAakB,GAClBA,EAGNH,GAAYf,EAAaC,GAI1BkB,IAAoBnB,EAAaoB,GAC1BA,EAGJH,EAAgBH,GAPZG,EAAgBhB,EAOgB"}

package/cjs/theme/utils/use-media-query.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("../tokens/breakpoint.js"),n=require("./css-variable.js"),r=require("./token-resolver.js"),t=require("./use-design-token.js");const a=new Set([i.Breakpoint["xxs-min"],i.Breakpoint["xs-min"],i.Breakpoint["sm-min"],i.Breakpoint["md-min"],i.Breakpoint["lg-min"],i.Breakpoint["xl-min"],i.Breakpoint["xxl-min"],i.Breakpoint["xxs-max"],i.Breakpoint["xs-max"],i.Breakpoint["sm-max"],i.Breakpoint["md-max"],i.Breakpoint["lg-max"],i.Breakpoint["xl-max"]]),o=e=>r.isTokenFromSet(e,a),s=e=>i.Breakpoint[`${e}-min`],u=e=>i.Breakpoint[`${e}-max`],l=(e,i)=>{if(i)return`(${e}: ${i})`},m=e=>{if(void 0===(null==e?void 0:e.value))return;if(!0===e.value)return`(${e.feature})`;if(!1===e.value)return;const i=`${e.value}`.trim();return i?`(${e.feature}: ${i})`:void 0},d=(e,i)=>{var r,a;const s=t.useResolvedTokenValue({value:e,fallback:null!==(r=null!=i?i:e)&&void 0!==r?r:"",isToken:o,normalizeCustom:e=>e});return null!==(a=n.normalizeCssLengthValue(s))&&void 0!==a?a:n.normalizeCssLengthValue(i)},x=(i,n)=>{const[r,t]=e.useState((()=>((e,i)=>{var n;return e&&(null===(n=globalThis.window)||void 0===n?void 0:n.matchMedia)?globalThis.window.matchMedia(e).matches:i})(i,n)));return e.useEffect((()=>{var e;if(!i||!(null===(e=globalThis.window)||void 0===e?void 0:e.matchMedia))return void t(n);const r=globalThis.window.matchMedia(i),a=e=>{t(e.matches)};return t(r.matches),r.addEventListener("change",a),()=>{r.removeEventListener("change",a)}}),[n,i]),r},v=e=>{const{minWidth:i,maxWidth:n,clauses:r=[]}=e,t=d(i),a=d(n),o=[...[l("min-width",t),l("max-width",a)].filter((e=>!!e)),...r.map(m).filter((e=>!!e))].join(" and "),s=((e,i)=>!i&&!!e)(!!t,!!a);return x(o,s)};exports.DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT="480px",exports.useMaxWidthMediaQuery=e=>v({maxWidth:u(e)}),exports.useMediaQuery=v,exports.useMinWidthMediaQuery=e=>v({minWidth:s(e)}),exports.useResolvedBreakpointToken=d;
+"use strict";var e=require("react"),i=require("../tokens/breakpoint.js"),n=require("./token-resolver.js"),a=require("./use-design-token.js");const t={[i.Breakpoint["xxs-min"]]:"0",[i.Breakpoint["xs-min"]]:"321px",[i.Breakpoint["sm-min"]]:"376px",[i.Breakpoint["md-min"]]:"481px",[i.Breakpoint["lg-min"]]:"769px",[i.Breakpoint["xl-min"]]:"1201px",[i.Breakpoint["xxl-min"]]:"1441px",[i.Breakpoint["xxs-max"]]:"320px",[i.Breakpoint["xs-max"]]:"375px",[i.Breakpoint["sm-max"]]:"480px",[i.Breakpoint["md-max"]]:"768px",[i.Breakpoint["lg-max"]]:"1200px",[i.Breakpoint["xl-max"]]:"1440px"},r=new Set([i.Breakpoint["xxs-min"],i.Breakpoint["xs-min"],i.Breakpoint["sm-min"],i.Breakpoint["md-min"],i.Breakpoint["lg-min"],i.Breakpoint["xl-min"],i.Breakpoint["xxl-min"],i.Breakpoint["xxs-max"],i.Breakpoint["xs-max"],i.Breakpoint["sm-max"],i.Breakpoint["md-max"],i.Breakpoint["lg-max"],i.Breakpoint["xl-max"]]),o=e=>n.isTokenFromSet(e,r),m=e=>i.Breakpoint[`${e}-min`],s=e=>i.Breakpoint[`${e}-max`],x=(e,i)=>{if(i)return`(${e}: ${i})`},p=e=>{if(void 0===(null==e?void 0:e.value))return;if(!0===e.value)return`(${e.feature})`;if(!1===e.value)return;const i=`${e.value}`.trim();return i?`(${e.feature}: ${i})`:void 0},u=e=>{const i=o(e)&&t[e]?t[e]:"";return a.useResolvedTokenValue({value:e,fallback:i,isToken:o,normalizeCustom:e=>e})},l=(i,n)=>{const[a,t]=e.useState((()=>((e,i)=>{var n;return e&&(null===(n=globalThis.window)||void 0===n?void 0:n.matchMedia)?globalThis.window.matchMedia(e).matches:i})(i,n)));return e.useEffect((()=>{var e;if(!i||!(null===(e=globalThis.window)||void 0===e?void 0:e.matchMedia))return void t(n);const a=globalThis.window.matchMedia(i),r=e=>{t(e.matches)};return t(a.matches),a.addEventListener("change",r),()=>{a.removeEventListener("change",r)}}),[n,i]),a},k=e=>{const{minWidth:i,maxWidth:n,clauses:a=[]}=e,t=u(i),r=u(n),o=[...[x("min-width",t),x("max-width",r)].filter((e=>!!e)),...a.map(p).filter((e=>!!e))].join(" and "),m=((e,i)=>!i&&!!e)(!!t,!!r);return l(o,m)};exports.useMaxWidthMediaQuery=e=>k({maxWidth:s(e)}),exports.useMediaQuery=k,exports.useMinWidthMediaQuery=e=>k({minWidth:m(e)}),exports.useResolvedBreakpointToken=u;
 //# sourceMappingURL=use-media-query.js.map

package/cjs/theme/utils/use-media-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-query.js","sources":["../../../../src/theme/utils/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Breakpoint } from \"../tokens/breakpoint\";\nimport { normalizeCssLengthValue } from \"./css-variable\";\nimport { isTokenFromSet } from \"./token-resolver\";\nimport { useResolvedTokenValue } from \"./use-design-token\";\n\nexport type BreakpointName = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\nexport type MaxWidthBreakpointName = Exclude<BreakpointName, \"xxl\">;\ntype MinWidthBreakpointTokenKey = `${BreakpointName}-min`;\ntype MaxWidthBreakpointTokenKey = `${MaxWidthBreakpointName}-max`;\ntype WidthBreakpointTokenKey =\n    | MinWidthBreakpointTokenKey\n    | MaxWidthBreakpointTokenKey;\ntype WidthBreakpointCSSVariableString =\n    (typeof Breakpoint)[WidthBreakpointTokenKey];\n\ntype MediaQueryFeature =\n    | \"aspect-ratio\"\n    | \"color-index\"\n    | \"color\"\n    | \"device-aspect-ratio\"\n    | \"device-height\"\n    | \"device-width\"\n    | \"grid\"\n    | \"height\"\n    | \"max-height\"\n    | \"min-height\"\n    | \"hover\"\n    | \"monochrome\"\n    | \"orientation\"\n    | \"pointer\"\n    | \"prefers-color-scheme\"\n    | \"resolution\"\n    | \"scan\"\n    | \"width\";\n\nexport type MediaQueryClauseValue = string | number | boolean;\n\nexport interface MediaQueryClause {\n    feature: MediaQueryFeature;\n    value: MediaQueryClauseValue | undefined;\n}\n\nexport interface MediaQueryOptions {\n    minWidth?: WidthBreakpointCSSVariableString;\n    maxWidth?: WidthBreakpointCSSVariableString;\n    clauses?: MediaQueryClause[];\n}\n\nexport const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = \"480px\";\nconst WIDTH_BREAKPOINT_TOKEN_SET = new Set<WidthBreakpointCSSVariableString>([\n    Breakpoint[\"xxs-min\"],\n    Breakpoint[\"xs-min\"],\n    Breakpoint[\"sm-min\"],\n    Breakpoint[\"md-min\"],\n    Breakpoint[\"lg-min\"],\n    Breakpoint[\"xl-min\"],\n    Breakpoint[\"xxl-min\"],\n    Breakpoint[\"xxs-max\"],\n    Breakpoint[\"xs-max\"],\n    Breakpoint[\"sm-max\"],\n    Breakpoint[\"md-max\"],\n    Breakpoint[\"lg-max\"],\n    Breakpoint[\"xl-max\"],\n]);\n\nconst isBreakpointToken = (\n    value: unknown\n): value is WidthBreakpointCSSVariableString => {\n    return isTokenFromSet<WidthBreakpointCSSVariableString>(\n        value,\n        WIDTH_BREAKPOINT_TOKEN_SET\n    );\n};\n\nconst getMinWidthBreakpointToken = (breakpoint: BreakpointName) => {\n    return Breakpoint[`${breakpoint}-min`];\n};\n\nconst getMaxWidthBreakpointToken = (breakpoint: MaxWidthBreakpointName) => {\n    return Breakpoint[`${breakpoint}-max`];\n};\n\nexport const useMinWidthMediaQuery = (breakpoint: BreakpointName) =>\n    useMediaQuery({\n        minWidth: getMinWidthBreakpointToken(breakpoint),\n    });\n\nexport const useMaxWidthMediaQuery = (breakpoint: MaxWidthBreakpointName) =>\n    useMediaQuery({\n        maxWidth: getMaxWidthBreakpointToken(breakpoint),\n    });\n\nconst getMediaQueryClause = (\n    feature: \"min-width\" | \"max-width\",\n    value: string | undefined\n) => {\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${feature}: ${value})`;\n};\n\nconst getCustomMediaQueryClause = (\n    clause: MediaQueryClause | null | undefined\n) => {\n    if (clause?.value === undefined) {\n        return undefined;\n    }\n\n    if (clause.value === true) {\n        return `(${clause.feature})`;\n    }\n\n    if (clause.value === false) {\n        return undefined;\n    }\n\n    const value = `${clause.value}`.trim();\n\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${clause.feature}: ${value})`;\n};\n\nconst getDefaultMatch = (hasMinWidth: boolean, hasMaxWidth: boolean) => {\n    if (hasMaxWidth) {\n        return false;\n    }\n\n    if (hasMinWidth) {\n        return true;\n    }\n\n    return false;\n};\n\nconst getCurrentMatch = (queryString: string, defaultMatch: boolean) => {\n    if (!queryString) {\n        return defaultMatch;\n    }\n\n    if (!globalThis.window?.matchMedia) {\n        return defaultMatch;\n    }\n\n    return globalThis.window.matchMedia(queryString).matches;\n};\n\nexport const useResolvedBreakpointToken = (\n    breakpointToken: WidthBreakpointCSSVariableString | undefined,\n    fallbackLength?: string\n): string | undefined => {\n    const resolvedTokenValue = useResolvedTokenValue<\n        WidthBreakpointCSSVariableString,\n        string\n    >({\n        value: breakpointToken,\n        fallback: fallbackLength ?? breakpointToken ?? \"\",\n        isToken: isBreakpointToken,\n        normalizeCustom: (value) => value,\n    });\n\n    return (\n        normalizeCssLengthValue(resolvedTokenValue) ??\n        normalizeCssLengthValue(fallbackLength)\n    );\n};\n\nconst useMatchMediaQuery = (\n    queryString: string,\n    defaultMatch: boolean\n): boolean => {\n    const [matches, setMatches] = useState(() =>\n        getCurrentMatch(queryString, defaultMatch)\n    );\n\n    useEffect(() => {\n        if (!queryString || !globalThis.window?.matchMedia) {\n            setMatches(defaultMatch);\n            return;\n        }\n\n        const mediaQueryList = globalThis.window.matchMedia(queryString);\n        const handleChange = (event: MediaQueryListEvent) => {\n            setMatches(event.matches);\n        };\n\n        setMatches(mediaQueryList.matches);\n        mediaQueryList.addEventListener(\"change\", handleChange);\n\n        return () => {\n            mediaQueryList.removeEventListener(\"change\", handleChange);\n        };\n    }, [defaultMatch, queryString]);\n\n    return matches;\n};\n\nexport const useMediaQuery = (options: MediaQueryOptions): boolean => {\n    const { minWidth, maxWidth, clauses = [] } = options;\n    const normalizedMinWidth = useResolvedBreakpointToken(minWidth);\n    const normalizedMaxWidth = useResolvedBreakpointToken(maxWidth);\n    const widthClauses = [\n        getMediaQueryClause(\"min-width\", normalizedMinWidth),\n        getMediaQueryClause(\"max-width\", normalizedMaxWidth),\n    ].filter((value): value is string => !!value);\n    const customClauses = clauses\n        .map(getCustomMediaQueryClause)\n        .filter((value): value is string => !!value);\n    const queryString = [...widthClauses, ...customClauses].join(\" and \");\n    const hasMinWidth = !!normalizedMinWidth;\n    const hasMaxWidth = !!normalizedMaxWidth;\n    const defaultMatch = getDefaultMatch(hasMinWidth, hasMaxWidth);\n\n    return useMatchMediaQuery(queryString, defaultMatch);\n};\n"],"names":["WIDTH_BREAKPOINT_TOKEN_SET","Set","Breakpoint","isBreakpointToken","value","isTokenFromSet","getMinWidthBreakpointToken","breakpoint","getMaxWidthBreakpointToken","getMediaQueryClause","feature","getCustomMediaQueryClause","clause","undefined","trim","useResolvedBreakpointToken","breakpointToken","fallbackLength","resolvedTokenValue","useResolvedTokenValue","fallback","_a","isToken","normalizeCustom","_b","normalizeCssLengthValue","useMatchMediaQuery","queryString","defaultMatch","matches","setMatches","useState","globalThis","window","matchMedia","getCurrentMatch","useEffect","mediaQueryList","handleChange","event","addEventListener","removeEventListener","useMediaQuery","options","minWidth","maxWidth","clauses","normalizedMinWidth","normalizedMaxWidth","filter","map","join","hasMinWidth","hasMaxWidth","getDefaultMatch"],"mappings":"4KAkDO,MACDA,EAA6B,IAAIC,IAAsC,CACzEC,EAAAA,WAAW,WACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,WACXA,EAAAA,WAAW,WACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,UACXA,EAAAA,WAAW,YAGTC,EACFC,GAEOC,EAAAA,eACHD,EACAJ,GAIFM,EAA8BC,GACzBL,aAAW,GAAGK,SAGnBC,EAA8BD,GACzBL,aAAW,GAAGK,SAanBE,EAAsB,CACxBC,EACAN,KAEA,GAAKA,EAIL,MAAO,IAAIM,MAAYN,IAAQ,EAG7BO,EACFC,IAEA,QAAsBC,KAAlBD,aAAM,EAANA,EAAQR,OACR,OAGJ,IAAqB,IAAjBQ,EAAOR,MACP,MAAO,IAAIQ,EAAOF,WAGtB,IAAqB,IAAjBE,EAAOR,MACP,OAGJ,MAAMA,EAAQ,GAAGQ,EAAOR,QAAQU,OAEhC,OAAKV,EAIE,IAAIQ,EAAOF,YAAYN,UAJ9B,CAIsC,EA2B7BW,EAA6B,CACtCC,EACAC,aAEA,MAAMC,EAAqBC,EAAAA,sBAGzB,CACEf,MAAOY,EACPI,SAA2C,QAAjCC,EAAAJ,QAAAA,EAAkBD,SAAe,IAAAK,EAAAA,EAAI,GAC/CC,QAASnB,EACToB,gBAAkBnB,GAAUA,IAGhC,OAC+C,QAA3CoB,EAAAC,0BAAwBP,UAAmB,IAAAM,EAAAA,EAC3CC,EAAAA,wBAAwBR,EAAe,EAIzCS,EAAqB,CACvBC,EACAC,KAEA,MAAOC,EAASC,GAAcC,EAAAA,UAAS,IApCnB,EAACJ,EAAqBC,WAC1C,OAAKD,IAIiB,QAAjBN,EAAAW,WAAWC,cAAM,IAAAZ,OAAA,EAAAA,EAAEa,YAIjBF,WAAWC,OAAOC,WAAWP,GAAaE,QAPtCD,CAO6C,EA4BpDO,CAAgBR,EAAaC,KAsBjC,OAnBAQ,EAAAA,WAAU,WACN,IAAKT,KAAiC,QAAjBN,EAAAW,WAAWC,cAAM,IAAAZ,OAAA,EAAAA,EAAEa,YAEpC,YADAJ,EAAWF,GAIf,MAAMS,EAAiBL,WAAWC,OAAOC,WAAWP,GAC9CW,EAAgBC,IAClBT,EAAWS,EAAMV,QAAQ,EAM7B,OAHAC,EAAWO,EAAeR,SAC1BQ,EAAeG,iBAAiB,SAAUF,GAEnC,KACHD,EAAeI,oBAAoB,SAAUH,EAAa,CAC7D,GACF,CAACV,EAAcD,IAEXE,CAAO,EAGLa,EAAiBC,IAC1B,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAU,IAAOH,EACvCI,EAAqBhC,EAA2B6B,GAChDI,EAAqBjC,EAA2B8B,GAQhDlB,EAAc,IAPC,CACjBlB,EAAoB,YAAasC,GACjCtC,EAAoB,YAAauC,IACnCC,QAAQ7C,KAA6BA,OACjB0C,EACjBI,IAAIvC,GACJsC,QAAQ7C,KAA6BA,KACc+C,KAAK,SAGvDvB,EAxFc,EAACwB,EAAsBC,KACvCA,KAIAD,EAmFiBE,GAFCP,IACAC,GAGtB,OAAOtB,EAAmBC,EAAaC,EAAa,8CAzKL,sCAuCbrB,GAClCmC,EAAc,CACVG,SAAUrC,EAA2BD,2DAPPA,GAClCmC,EAAc,CACVE,SAAUtC,EAA2BC"}
+{"version":3,"file":"use-media-query.js","sources":["../../../../src/theme/utils/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Breakpoint } from \"../tokens/breakpoint\";\nimport { isTokenFromSet } from \"./token-resolver\";\nimport { useResolvedTokenValue } from \"./use-design-token\";\n\nexport type BreakpointName = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\nexport type MaxWidthBreakpointName = Exclude<BreakpointName, \"xxl\">;\ntype MinWidthBreakpointTokenKey = `${BreakpointName}-min`;\ntype MaxWidthBreakpointTokenKey = `${MaxWidthBreakpointName}-max`;\ntype WidthBreakpointTokenKey =\n    | MinWidthBreakpointTokenKey\n    | MaxWidthBreakpointTokenKey;\ntype WidthBreakpointCSSVariableString =\n    (typeof Breakpoint)[WidthBreakpointTokenKey];\n\ntype MediaQueryFeature =\n    | \"aspect-ratio\"\n    | \"color-index\"\n    | \"color\"\n    | \"device-aspect-ratio\"\n    | \"device-height\"\n    | \"device-width\"\n    | \"grid\"\n    | \"height\"\n    | \"max-height\"\n    | \"min-height\"\n    | \"hover\"\n    | \"monochrome\"\n    | \"orientation\"\n    | \"pointer\"\n    | \"prefers-color-scheme\"\n    | \"resolution\"\n    | \"scan\"\n    | \"width\";\n\nexport type MediaQueryClauseValue = string | number | boolean;\n\nexport interface MediaQueryClause {\n    feature: MediaQueryFeature;\n    value: MediaQueryClauseValue | undefined;\n}\n\nexport interface MediaQueryOptions {\n    minWidth?: WidthBreakpointCSSVariableString;\n    maxWidth?: WidthBreakpointCSSVariableString;\n    clauses?: MediaQueryClause[];\n}\n\n/**\n * Default LifeSG breakpoint values for width-based tokens.\n * Extracted from src/theme/styles/default.css.\n */\nconst WIDTH_BREAKPOINT_DEFAULTS: Record<\n    WidthBreakpointCSSVariableString,\n    string\n> = {\n    [Breakpoint[\"xxs-min\"]]: \"0\",\n    [Breakpoint[\"xs-min\"]]: \"321px\",\n    [Breakpoint[\"sm-min\"]]: \"376px\",\n    [Breakpoint[\"md-min\"]]: \"481px\",\n    [Breakpoint[\"lg-min\"]]: \"769px\",\n    [Breakpoint[\"xl-min\"]]: \"1201px\",\n    [Breakpoint[\"xxl-min\"]]: \"1441px\",\n    [Breakpoint[\"xxs-max\"]]: \"320px\",\n    [Breakpoint[\"xs-max\"]]: \"375px\",\n    [Breakpoint[\"sm-max\"]]: \"480px\",\n    [Breakpoint[\"md-max\"]]: \"768px\",\n    [Breakpoint[\"lg-max\"]]: \"1200px\",\n    [Breakpoint[\"xl-max\"]]: \"1440px\",\n};\n\nconst WIDTH_BREAKPOINT_TOKEN_SET = new Set<WidthBreakpointCSSVariableString>([\n    Breakpoint[\"xxs-min\"],\n    Breakpoint[\"xs-min\"],\n    Breakpoint[\"sm-min\"],\n    Breakpoint[\"md-min\"],\n    Breakpoint[\"lg-min\"],\n    Breakpoint[\"xl-min\"],\n    Breakpoint[\"xxl-min\"],\n    Breakpoint[\"xxs-max\"],\n    Breakpoint[\"xs-max\"],\n    Breakpoint[\"sm-max\"],\n    Breakpoint[\"md-max\"],\n    Breakpoint[\"lg-max\"],\n    Breakpoint[\"xl-max\"],\n]);\n\nconst isBreakpointToken = (\n    value: unknown\n): value is WidthBreakpointCSSVariableString => {\n    return isTokenFromSet<WidthBreakpointCSSVariableString>(\n        value,\n        WIDTH_BREAKPOINT_TOKEN_SET\n    );\n};\n\nconst getMinWidthBreakpointToken = (breakpoint: BreakpointName) => {\n    return Breakpoint[`${breakpoint}-min`];\n};\n\nconst getMaxWidthBreakpointToken = (breakpoint: MaxWidthBreakpointName) => {\n    return Breakpoint[`${breakpoint}-max`];\n};\n\nexport const useMinWidthMediaQuery = (breakpoint: BreakpointName) =>\n    useMediaQuery({\n        minWidth: getMinWidthBreakpointToken(breakpoint),\n    });\n\nexport const useMaxWidthMediaQuery = (breakpoint: MaxWidthBreakpointName) =>\n    useMediaQuery({\n        maxWidth: getMaxWidthBreakpointToken(breakpoint),\n    });\n\nconst getMediaQueryClause = (\n    feature: \"min-width\" | \"max-width\",\n    value: string | undefined\n) => {\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${feature}: ${value})`;\n};\n\nconst getCustomMediaQueryClause = (\n    clause: MediaQueryClause | null | undefined\n) => {\n    if (clause?.value === undefined) {\n        return undefined;\n    }\n\n    if (clause.value === true) {\n        return `(${clause.feature})`;\n    }\n\n    if (clause.value === false) {\n        return undefined;\n    }\n\n    const value = `${clause.value}`.trim();\n\n    if (!value) {\n        return undefined;\n    }\n\n    return `(${clause.feature}: ${value})`;\n};\n\nconst getDefaultMatch = (hasMinWidth: boolean, hasMaxWidth: boolean) => {\n    if (hasMaxWidth) {\n        return false;\n    }\n\n    if (hasMinWidth) {\n        return true;\n    }\n\n    return false;\n};\n\nconst getCurrentMatch = (queryString: string, defaultMatch: boolean) => {\n    if (!queryString) {\n        return defaultMatch;\n    }\n\n    if (!globalThis.window?.matchMedia) {\n        return defaultMatch;\n    }\n\n    return globalThis.window.matchMedia(queryString).matches;\n};\n\nexport const useResolvedBreakpointToken = (\n    breakpointToken: WidthBreakpointCSSVariableString | undefined\n): string => {\n    const effectiveFallback =\n        isBreakpointToken(breakpointToken) &&\n        WIDTH_BREAKPOINT_DEFAULTS[breakpointToken]\n            ? WIDTH_BREAKPOINT_DEFAULTS[breakpointToken]\n            : \"\";\n\n    return useResolvedTokenValue<WidthBreakpointCSSVariableString, string>({\n        value: breakpointToken,\n        fallback: effectiveFallback,\n        isToken: isBreakpointToken,\n        normalizeCustom: (value) => value,\n    });\n};\n\nconst useMatchMediaQuery = (\n    queryString: string,\n    defaultMatch: boolean\n): boolean => {\n    const [matches, setMatches] = useState(() =>\n        getCurrentMatch(queryString, defaultMatch)\n    );\n\n    useEffect(() => {\n        if (!queryString || !globalThis.window?.matchMedia) {\n            setMatches(defaultMatch);\n            return;\n        }\n\n        const mediaQueryList = globalThis.window.matchMedia(queryString);\n        const handleChange = (event: MediaQueryListEvent) => {\n            setMatches(event.matches);\n        };\n\n        setMatches(mediaQueryList.matches);\n        mediaQueryList.addEventListener(\"change\", handleChange);\n\n        return () => {\n            mediaQueryList.removeEventListener(\"change\", handleChange);\n        };\n    }, [defaultMatch, queryString]);\n\n    return matches;\n};\n\nexport const useMediaQuery = (options: MediaQueryOptions): boolean => {\n    const { minWidth, maxWidth, clauses = [] } = options;\n    const normalizedMinWidth = useResolvedBreakpointToken(minWidth);\n    const normalizedMaxWidth = useResolvedBreakpointToken(maxWidth);\n    const widthClauses = [\n        getMediaQueryClause(\"min-width\", normalizedMinWidth),\n        getMediaQueryClause(\"max-width\", normalizedMaxWidth),\n    ].filter((value): value is string => !!value);\n    const customClauses = clauses\n        .map(getCustomMediaQueryClause)\n        .filter((value): value is string => !!value);\n    const queryString = [...widthClauses, ...customClauses].join(\" and \");\n    const hasMinWidth = !!normalizedMinWidth;\n    const hasMaxWidth = !!normalizedMaxWidth;\n    const defaultMatch = getDefaultMatch(hasMinWidth, hasMaxWidth);\n\n    return useMatchMediaQuery(queryString, defaultMatch);\n};\n"],"names":["WIDTH_BREAKPOINT_DEFAULTS","Breakpoint","WIDTH_BREAKPOINT_TOKEN_SET","Set","isBreakpointToken","value","isTokenFromSet","getMinWidthBreakpointToken","breakpoint","getMaxWidthBreakpointToken","getMediaQueryClause","feature","getCustomMediaQueryClause","clause","undefined","trim","useResolvedBreakpointToken","breakpointToken","effectiveFallback","useResolvedTokenValue","fallback","isToken","normalizeCustom","useMatchMediaQuery","queryString","defaultMatch","matches","setMatches","useState","_a","globalThis","window","matchMedia","getCurrentMatch","useEffect","mediaQueryList","handleChange","event","addEventListener","removeEventListener","useMediaQuery","options","minWidth","maxWidth","clauses","normalizedMinWidth","normalizedMaxWidth","filter","map","join","hasMinWidth","hasMaxWidth","getDefaultMatch"],"mappings":"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"}

package/cjs/time-range-picker/combobox-picker/combobox-picker.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("clsx"),i=require("react"),a=require("../../form/form-label.js"),s=require("../../shared/accessibility/index.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"),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"),require("../../theme/utils/use-media-query.js"),require("../../shared/dropdown-list/dropdown-label.styles_1dwmd8f.css");var n=require("../../shared/dropdown-list/dropdown-list.js"),o=require("../../shared/dropdown-list/dropdown-list-state.js");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 d=require("../../shared/dropdown-wrapper/element-with-dropdown.js"),u=require("../../shared/input-wrapper/input-wrapper.js");require("../../shared/dropdown-list/dropdown-list.styles_1kt4zhf.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 c=require("../../shared/input-wrapper/input-wrapper.styles.js"),m=require("../../shared/range-input-inner-container/range-input-inner-container.js"),p=require("../../util/time-helper.js"),h=require("../common.styles.js"),v=require("./combobox-picker.styles.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(t);exports.ComboboxPicker=t=>{var{id:f,disabled:q=!1,error:g,value:j,format:x="12hr",readOnly:y,onChange:w,onFocus:I,onBlur:T,alignment:C="left",dropdownZIndex:_,startLimit:S,endLimit:k,initialScrollStartTime:H,initialScrollEndTime:E,interval:B=15,dropdownRootNode:A,"aria-labelledby":F,"aria-describedby":O,"aria-invalid":N}=t,L=e.__rest(t,["id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","initialScrollStartTime","initialScrollEndTime","interval","dropdownRootNode","aria-labelledby","aria-describedby","aria-invalid"]);const M=l.useId(),[D,$]=i.useState(null),[P,R]=i.useState(!1),[G,W]=i.useState(""),[Z,K]=i.useState(""),[V,z]=i.useState(""),[J,Q]=i.useState(""),[U,X]=i.useState(""),Y=i.useRef(null),ee=i.useRef(null),re=i.useRef(null),te=`${M}-listbox`,ie=`${M}-start-label`,ae=`${M}-end-label`,se=`${M}-error-message`,le=i.useMemo((()=>p.TimeHelper.generateTimings(B,x,S,k)),[B,x,S,k]),ne=i.useMemo((()=>{if(""===J)return le;const e=p.TimeHelper.findClosestFlooredTime(J,le);return e?le.slice(le.indexOf(e)):[]}),[le,J]),oe=i.useCallback((e=>p.TimeHelper.parseInput(e,x)),[x]),de=i.useMemo((()=>{var e;return null!==(e=oe(H))&&void 0!==e?e:""}),[H,oe]),ue=i.useMemo((()=>{var e;return null!==(e=oe(E))&&void 0!==e?e:""}),[E,oe]);i.useEffect((()=>{var e,r;if(j){const t=null!==(e=oe(j.start))&&void 0!==e?e:"",i=null!==(r=oe(j.end))&&void 0!==r?r:"";K(t),z(i),Q(t),X(i)}}),[j,oe]),i.useEffect((()=>{if(g)return void R(!1);const e=oe(Z),r=oe(V);if(void 0===e)W("Invalid start time");else if(void 0===r)W("Invalid end time");else{if(!(""!==e&&""!==r&&p.TimeHelper.to24Hour(r)<p.TimeHelper.to24Hour(e)))return W(""),void(document.activeElement!==ee.current&&document.activeElement!==re.current||R(!0));W("End time must be after start time")}R(!1)}),[Z,V,oe,g]);const ce=()=>"start"===D?"Selecting for: Start time":"end"===D?"Selecting for: End time":void 0,me=e=>s.concatIds(F,"start"===e?ie:ae),pe=()=>s.concatIds(O,!g&&G?se:void 0),he=e=>{q||y||(D||P||null==I||I(),$(e),R(!0))},ve=e=>{var r;q||y||($(e),R(!0),null===(r=("start"===e?ee:re).current)||void 0===r||r.select())};function fe(e){var r;switch(e.code){case"Enter":"start"===D?be(Z):"end"===D&&(P&&qe(V),null===(r=re.current)||void 0===r||r.blur());break;case"Tab":ge(Z,V,{})}}const be=e=>{ge(e,V,{goToNextInput:!0})},qe=e=>{ge(Z,e,{triggerOnBlur:!0})},ge=(e,r,{goToNextInput:t,triggerOnBlur:i})=>{var a,s,l;const n=null!==(a=oe(e))&&void 0!==a?a:J,o=null!==(s=oe(r))&&void 0!==s?s:U;K(n),z(o);n===J&&o===U||null==w||w({start:n,end:o}),t&&void 0!==oe(e)&&($("end"),null===(l=re.current)||void 0===l||l.select()),i&&($(null),R(!1),null==T||T()),Q(n),X(o)},je=e=>{e.stopPropagation(),K(""),z(""),Q(""),X("");null==w||w({start:"",end:""}),$(null),R(!1)},xe=e=>{var r,t;const i=e.relatedTarget,a=(null===(r=null==i?void 0:i.matches)||void 0===r?void 0:r.call(i,"[data-floating-ui-focusable]"))||(null===(t=null==i?void 0:i.matches)||void 0===t?void 0:t.call(i,"[data-floating-ui-focus-guard]")),s=Y.current&&Y.current.contains(i);D&&!P&&!s&&!a&&ge(Z,V,{triggerOnBlur:!0})},ye=()=>{if(!y&&!q&&((null==Z?void 0:Z.length)>0||(null==V?void 0:V.length)>0))return r.jsx("div",{className:c.clearButtonContainer,children:r.jsx(u.ClearButton,{onClick:je,type:"button","aria-label":"Clear"})})};return r.jsxs("div",Object.assign({id:f},L,{className:b.default(h.wrapper,L.className),children:[r.jsx(o.DropdownListState,{children:r.jsx(d.ElementWithDropdown,{enabled:!y&&!q,isOpen:P,renderElement:()=>r.jsxs(u.InputWrapper,{ref:Y,disabled:q,error:g||!!G,readOnly:y,onBlur:xe,role:"group","data-testid":"timepicker-container",className:v.timeFieldContainer,children:[r.jsx(s.VisuallyHidden,{id:ie,children:"Start time"}),r.jsx(s.VisuallyHidden,{id:ae,children:"End time"}),r.jsxs(m.RangeInputInnerContainer,{error:g||!!G,currentActive:null===D?"none":D,children:[r.jsx(u.BasicInput,{ref:ee,onFocus:()=>he("start"),placeholder:"start"===D?"hh:mm":"From",onChange:e=>K(e.target.value),value:Z,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-start`:"timepicker-selector-start",onClick:()=>ve("start"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("start"),"aria-describedby":pe(),"aria-expanded":P&&"start"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G,"aria-disabled":q,"aria-readonly":y,className:h.selectorInput}),r.jsx(u.BasicInput,{ref:re,onFocus:()=>he("end"),placeholder:"end"===D?"hh:mm":"To",onChange:e=>z(e.target.value),value:V,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-end`:"timepicker-selector-end",onClick:()=>ve("end"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("end"),"aria-describedby":pe(),"aria-expanded":P&&"end"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G||void 0,"aria-disabled":q||void 0,"aria-readonly":y||void 0,className:h.selectorInput})]}),ye()]}),renderDropdown:()=>{if("start"===D){const e=oe(Z)||de;return r.jsx(n.DropdownList,{listItems:le,onSelectItem:be,selectedItems:[Z],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,le),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}{const e=oe(V)||ue;return r.jsx(n.DropdownList,{listItems:ne,onSelectItem:qe,selectedItems:[V],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,ne),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}},onClose:e=>{"outside-press"===e?($(null),R(!1),null==T||T()):ge(Z,V,{triggerOnBlur:!0})},onDismiss:()=>{var e;null===(e=("start"===D?ee:re).current)||void 0===e||e.focus(),R(!1)},offset:8,alignment:C,fitAvailableHeight:!0,customZIndex:_,rootNode:A})}),!g&&G&&r.jsx(a.FormErrorMessage,{id:se,tabIndex:0,"data-testid":f?`${f}-error-message`:"error-message",children:G})]}))};
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("clsx"),i=require("react"),a=require("../../form/form-label.js"),s=require("../../shared/accessibility/index.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"),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"),require("../../theme/utils/use-media-query.js"),require("../../shared/dropdown-list/dropdown-label.styles_mloii0.css");var n=require("../../shared/dropdown-list/dropdown-list.js"),o=require("../../shared/dropdown-list/dropdown-list-state.js");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 d=require("../../shared/dropdown-wrapper/element-with-dropdown.js"),u=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 c=require("../../shared/input-wrapper/input-wrapper.styles.js"),m=require("../../shared/range-input-inner-container/range-input-inner-container.js"),p=require("../../util/time-helper.js"),h=require("../common.styles.js"),v=require("./combobox-picker.styles.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(t);exports.ComboboxPicker=t=>{var{id:f,disabled:q=!1,error:g,value:j,format:x="12hr",readOnly:y,onChange:w,onFocus:I,onBlur:T,alignment:C="left",dropdownZIndex:_,startLimit:S,endLimit:k,initialScrollStartTime:H,initialScrollEndTime:E,interval:B=15,dropdownRootNode:A,"aria-labelledby":F,"aria-describedby":O,"aria-invalid":N}=t,L=e.__rest(t,["id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","initialScrollStartTime","initialScrollEndTime","interval","dropdownRootNode","aria-labelledby","aria-describedby","aria-invalid"]);const M=l.useId(),[D,$]=i.useState(null),[P,R]=i.useState(!1),[G,W]=i.useState(""),[Z,K]=i.useState(""),[V,z]=i.useState(""),[J,Q]=i.useState(""),[U,X]=i.useState(""),Y=i.useRef(null),ee=i.useRef(null),re=i.useRef(null),te=`${M}-listbox`,ie=`${M}-start-label`,ae=`${M}-end-label`,se=`${M}-error-message`,le=i.useMemo((()=>p.TimeHelper.generateTimings(B,x,S,k)),[B,x,S,k]),ne=i.useMemo((()=>{if(""===J)return le;const e=p.TimeHelper.findClosestFlooredTime(J,le);return e?le.slice(le.indexOf(e)):[]}),[le,J]),oe=i.useCallback((e=>p.TimeHelper.parseInput(e,x)),[x]),de=i.useMemo((()=>{var e;return null!==(e=oe(H))&&void 0!==e?e:""}),[H,oe]),ue=i.useMemo((()=>{var e;return null!==(e=oe(E))&&void 0!==e?e:""}),[E,oe]);i.useEffect((()=>{var e,r;if(j){const t=null!==(e=oe(j.start))&&void 0!==e?e:"",i=null!==(r=oe(j.end))&&void 0!==r?r:"";K(t),z(i),Q(t),X(i)}}),[j,oe]),i.useEffect((()=>{if(g)return void R(!1);const e=oe(Z),r=oe(V);if(void 0===e)W("Invalid start time");else if(void 0===r)W("Invalid end time");else{if(!(""!==e&&""!==r&&p.TimeHelper.to24Hour(r)<p.TimeHelper.to24Hour(e)))return W(""),void(document.activeElement!==ee.current&&document.activeElement!==re.current||R(!0));W("End time must be after start time")}R(!1)}),[Z,V,oe,g]);const ce=()=>"start"===D?"Selecting for: Start time":"end"===D?"Selecting for: End time":void 0,me=e=>s.concatIds(F,"start"===e?ie:ae),pe=()=>s.concatIds(O,!g&&G?se:void 0),he=e=>{q||y||(D||P||null==I||I(),$(e),R(!0))},ve=e=>{var r;q||y||($(e),R(!0),null===(r=("start"===e?ee:re).current)||void 0===r||r.select())};function fe(e){var r;switch(e.code){case"Enter":"start"===D?be(Z):"end"===D&&(P&&qe(V),null===(r=re.current)||void 0===r||r.blur());break;case"Tab":ge(Z,V,{})}}const be=e=>{ge(e,V,{goToNextInput:!0})},qe=e=>{ge(Z,e,{triggerOnBlur:!0})},ge=(e,r,{goToNextInput:t,triggerOnBlur:i})=>{var a,s,l;const n=null!==(a=oe(e))&&void 0!==a?a:J,o=null!==(s=oe(r))&&void 0!==s?s:U;K(n),z(o);n===J&&o===U||null==w||w({start:n,end:o}),t&&void 0!==oe(e)&&($("end"),null===(l=re.current)||void 0===l||l.select()),i&&($(null),R(!1),null==T||T()),Q(n),X(o)},je=e=>{e.stopPropagation(),K(""),z(""),Q(""),X("");null==w||w({start:"",end:""}),$(null),R(!1)},xe=e=>{var r,t;const i=e.relatedTarget,a=(null===(r=null==i?void 0:i.matches)||void 0===r?void 0:r.call(i,"[data-floating-ui-focusable]"))||(null===(t=null==i?void 0:i.matches)||void 0===t?void 0:t.call(i,"[data-floating-ui-focus-guard]")),s=Y.current&&Y.current.contains(i);D&&!P&&!s&&!a&&ge(Z,V,{triggerOnBlur:!0})},ye=()=>{if(!y&&!q&&((null==Z?void 0:Z.length)>0||(null==V?void 0:V.length)>0))return r.jsx("div",{className:c.clearButtonContainer,children:r.jsx(u.ClearButton,{onClick:je,type:"button","aria-label":"Clear"})})};return r.jsxs("div",Object.assign({id:f},L,{className:b.default(h.wrapper,L.className),children:[r.jsx(o.DropdownListState,{children:r.jsx(d.ElementWithDropdown,{enabled:!y&&!q,isOpen:P,renderElement:()=>r.jsxs(u.InputWrapper,{ref:Y,disabled:q,error:g||!!G,readOnly:y,onBlur:xe,role:"group","data-testid":"timepicker-container",className:v.timeFieldContainer,children:[r.jsx(s.VisuallyHidden,{id:ie,children:"Start time"}),r.jsx(s.VisuallyHidden,{id:ae,children:"End time"}),r.jsxs(m.RangeInputInnerContainer,{error:g||!!G,currentActive:null===D?"none":D,children:[r.jsx(u.BasicInput,{ref:ee,onFocus:()=>he("start"),placeholder:"start"===D?"hh:mm":"From",onChange:e=>K(e.target.value),value:Z,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-start`:"timepicker-selector-start",onClick:()=>ve("start"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("start"),"aria-describedby":pe(),"aria-expanded":P&&"start"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G,"aria-disabled":q,"aria-readonly":y,className:h.selectorInput}),r.jsx(u.BasicInput,{ref:re,onFocus:()=>he("end"),placeholder:"end"===D?"hh:mm":"To",onChange:e=>z(e.target.value),value:V,readOnly:y,"data-testid":L["data-testid"]?`${L["data-testid"]}-timepicker-selector-end`:"timepicker-selector-end",onClick:()=>ve("end"),onKeyDown:fe,autoComplete:"off",type:"text",role:"combobox","aria-labelledby":me("end"),"aria-describedby":pe(),"aria-expanded":P&&"end"===D,"aria-controls":te,"aria-autocomplete":"list","aria-invalid":g||N||!!G||void 0,"aria-disabled":q||void 0,"aria-readonly":y||void 0,className:h.selectorInput})]}),ye()]}),renderDropdown:()=>{if("start"===D){const e=oe(Z)||de;return r.jsx(n.DropdownList,{listItems:le,onSelectItem:be,selectedItems:[Z],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,le),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}{const e=oe(V)||ue;return r.jsx(n.DropdownList,{listItems:ne,onSelectItem:qe,selectedItems:[V],topScrollItem:p.TimeHelper.findClosestFlooredTime(e,ne),listboxId:te,ariaLabel:ce(),disableItemFocus:!0,matchElementWidth:!0})}},onClose:e=>{"outside-press"===e?($(null),R(!1),null==T||T()):ge(Z,V,{triggerOnBlur:!0})},onDismiss:()=>{var e;null===(e=("start"===D?ee:re).current)||void 0===e||e.focus(),R(!1)},offset:8,alignment:C,fitAvailableHeight:!0,customZIndex:_,rootNode:A})}),!g&&G&&r.jsx(a.FormErrorMessage,{id:se,tabIndex:0,"data-testid":f?`${f}-error-message`:"error-message",children:G})]}))};
 //# sourceMappingURL=combobox-picker.js.map

package/cjs/time-range-picker/combobox-picker/combobox-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-picker.js","sources":["../../../../src/time-range-picker/combobox-picker/combobox-picker.tsx"],"sourcesContent":["import type { OpenChangeReason } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { FormErrorMessage } from \"../../form/form-label\";\nimport { concatIds, VisuallyHidden } from \"../../shared/accessibility\";\nimport { DropdownListState } from \"../../shared/dropdown-list\";\nimport { DropdownList } from \"../../shared/dropdown-list/dropdown-list\";\nimport { ElementWithDropdown } from \"../../shared/dropdown-wrapper\";\nimport {\n    BasicInput,\n    ClearButton,\n    InputWrapper,\n} from \"../../shared/input-wrapper\";\nimport * as inputWrapperStyles from \"../../shared/input-wrapper/input-wrapper.styles\";\nimport { RangeInputInnerContainer } from \"../../shared/range-input-inner-container\";\nimport { useId } from \"../../util\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport * as commonStyles from \"../common.styles\";\nimport type { TimeRangePickerProps, TimeRangePickerValue } from \"../types\";\nimport * as styles from \"./combobox-picker.styles\";\n\ntype TimeRangeInputType = \"start\" | \"end\";\ninterface TimeChangeOptions {\n    goToNextInput?: boolean | undefined;\n    triggerOnBlur?: boolean | undefined;\n}\n\nexport const ComboboxPicker = ({\n    id,\n    disabled = false,\n    error,\n    value,\n    format = \"12hr\",\n    readOnly,\n    onChange,\n    onFocus,\n    onBlur,\n    alignment = \"left\",\n    dropdownZIndex,\n    startLimit,\n    endLimit,\n    initialScrollStartTime,\n    initialScrollEndTime,\n    interval = 15,\n    dropdownRootNode,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    ...otherProps\n}: TimeRangePickerProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const internalId = useId();\n    const [activeTimeSelector, setActiveTimeSelector] =\n        useState<TimeRangeInputType | null>(null);\n    const [dropdownOpen, setDropdownOpen] = useState<boolean>(false);\n    const [validationError, setValidationError] = useState<string>(\"\");\n\n    const [startTimeVal, setStartTimeVal] = useState<string>(\"\");\n    const [endTimeVal, setEndTimeVal] = useState<string>(\"\");\n    const [initialStartTimeVal, setInitialStartTimeVal] = useState<string>(\"\");\n    const [initialEndTimeVal, setInitialEndTimeVal] = useState<string>(\"\");\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n\n    const listboxId = `${internalId}-listbox`;\n    const startLabelId = `${internalId}-start-label`;\n    const endLabelId = `${internalId}-end-label`;\n    const errorId = `${internalId}-error-message`;\n\n    const startOptions = useMemo(\n        () =>\n            TimeHelper.generateTimings(interval, format, startLimit, endLimit),\n        [interval, format, startLimit, endLimit]\n    );\n    const endOptions = useMemo(() => {\n        if (initialStartTimeVal === \"\") return startOptions;\n\n        const flooredStartVal = TimeHelper.findClosestFlooredTime(\n            initialStartTimeVal,\n            startOptions\n        );\n        return flooredStartVal\n            ? startOptions.slice(startOptions.indexOf(flooredStartVal))\n            : [];\n    }, [startOptions, initialStartTimeVal]);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    const parseInput = useCallback(\n        (input: string | undefined): string | undefined => {\n            return TimeHelper.parseInput(input, format);\n        },\n        [format]\n    );\n\n    const parsedInitialStartScrollTime = useMemo(\n        () => parseInput(initialScrollStartTime) ?? \"\",\n        [initialScrollStartTime, parseInput]\n    );\n\n    const parsedInitialEndScrollTime = useMemo(\n        () => parseInput(initialScrollEndTime) ?? \"\",\n        [initialScrollEndTime, parseInput]\n    );\n\n    useEffect(() => {\n        if (value) {\n            const start = parseInput(value.start) ?? \"\";\n            const end = parseInput(value.end) ?? \"\";\n\n            setStartTimeVal(start);\n            setEndTimeVal(end);\n            setInitialStartTimeVal(start);\n            setInitialEndTimeVal(end);\n        }\n    }, [value, parseInput]);\n\n    // Validation for keyboard input\n    useEffect(() => {\n        if (error) {\n            setDropdownOpen(false);\n            return;\n        }\n\n        const start = parseInput(startTimeVal);\n        const end = parseInput(endTimeVal);\n\n        if (start === undefined) {\n            setValidationError(\"Invalid start time\");\n        } else if (end === undefined) {\n            setValidationError(\"Invalid end time\");\n        } else if (\n            start !== \"\" &&\n            end !== \"\" &&\n            TimeHelper.to24Hour(end) < TimeHelper.to24Hour(start)\n        ) {\n            setValidationError(\"End time must be after start time\");\n        } else {\n            setValidationError(\"\");\n            // Re-open dropdown if error was corrected\n            if (\n                document.activeElement === startInputRef.current ||\n                document.activeElement === endInputRef.current\n            ) {\n                setDropdownOpen(true);\n            }\n            return;\n        }\n\n        // Hide dropdown so error message is visible\n        setDropdownOpen(false);\n    }, [startTimeVal, endTimeVal, parseInput, error]);\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    const getDropdownAriaLabel = () => {\n        if (activeTimeSelector === \"start\") {\n            return \"Selecting for: Start time\";\n        }\n\n        if (activeTimeSelector === \"end\") {\n            return \"Selecting for: End time\";\n        }\n\n        return undefined;\n    };\n\n    const getInputLabelledBy = (type: TimeRangeInputType) => {\n        return concatIds(\n            ariaLabelledBy,\n            type === \"start\" ? startLabelId : endLabelId\n        );\n    };\n\n    const getInputDescribedBy = () => {\n        return concatIds(\n            ariaDescribedBy,\n            !error && validationError ? errorId : undefined\n        );\n    };\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleInputFocus = (selector: TimeRangeInputType) => {\n        if (disabled || readOnly) return;\n\n        // Only run onFocus if not already focused\n        if (!activeTimeSelector && !dropdownOpen) onFocus?.();\n\n        setActiveTimeSelector(selector);\n        setDropdownOpen(true);\n    };\n\n    const handleInputClick = (selector: TimeRangeInputType) => {\n        if (disabled || readOnly) return;\n\n        setActiveTimeSelector(selector);\n        setDropdownOpen(true);\n        (selector === \"start\" ? startInputRef : endInputRef).current?.select();\n    };\n\n    function handleKeyDownEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        switch (event.code) {\n            case \"Enter\":\n                if (activeTimeSelector === \"start\") {\n                    handleStartTime(startTimeVal);\n                } else if (activeTimeSelector === \"end\") {\n                    // Let handleBlur call handleTimeChange instead\n                    if (dropdownOpen) handleEndTime(endTimeVal);\n                    endInputRef.current?.blur();\n                }\n                break;\n            case \"Tab\":\n                handleTimeChange(startTimeVal, endTimeVal, {});\n                break;\n            default:\n                break;\n        }\n    }\n\n    const handleStartTime = (input: string) => {\n        handleTimeChange(input, endTimeVal, { goToNextInput: true });\n    };\n\n    const handleEndTime = (input: string) => {\n        handleTimeChange(startTimeVal, input, { triggerOnBlur: true });\n    };\n\n    const handleTimeChange = (\n        startInput: string,\n        endInput: string,\n        {\n            goToNextInput, // Used by handleStart to move to end input automatically\n            triggerOnBlur, // Used by handleEnd/handleClear to trigger onBlur\n        }: TimeChangeOptions\n    ) => {\n        const start = parseInput(startInput) ?? initialStartTimeVal;\n        const end = parseInput(endInput) ?? initialEndTimeVal;\n\n        setStartTimeVal(start);\n        setEndTimeVal(end);\n\n        const timeValue: TimeRangePickerValue = { start, end };\n\n        // Trigger onChange if values have changed\n        if (start !== initialStartTimeVal || end !== initialEndTimeVal) {\n            onChange?.(timeValue);\n        }\n\n        // Go to end input only if start is a valid time\n        if (goToNextInput && parseInput(startInput) !== undefined) {\n            setActiveTimeSelector(\"end\");\n            endInputRef.current?.select();\n        }\n\n        if (triggerOnBlur) {\n            setActiveTimeSelector(null);\n            setDropdownOpen(false);\n            onBlur?.();\n        }\n\n        setInitialStartTimeVal(start);\n        setInitialEndTimeVal(end);\n    };\n\n    const handleClear = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        setStartTimeVal(\"\");\n        setEndTimeVal(\"\");\n        setInitialStartTimeVal(\"\");\n        setInitialEndTimeVal(\"\");\n\n        const timeValue: TimeRangePickerValue = {\n            start: \"\",\n            end: \"\",\n        };\n\n        onChange?.(timeValue);\n        setActiveTimeSelector(null);\n        setDropdownOpen(false);\n    };\n\n    const handleDismiss = () => {\n        (activeTimeSelector === \"start\"\n            ? startInputRef\n            : endInputRef\n        ).current?.focus();\n        setDropdownOpen(false);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLDivElement, Element>) => {\n        const target = event.relatedTarget as HTMLElement;\n\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            activeTimeSelector &&\n            !dropdownOpen &&\n            !isInsideNode &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed) {\n            handleTimeChange(startTimeVal, endTimeVal, { triggerOnBlur: true });\n        }\n    };\n\n    // NOTE: Dropdown dismissal (esc) does not trigger onClose\n    const handleClose = (reason: OpenChangeReason | undefined) => {\n        if (reason === \"outside-press\") {\n            // No handleTimeChange to avoid duplicate call from handleBlur\n            setActiveTimeSelector(null);\n            setDropdownOpen(false);\n            onBlur?.();\n        } else {\n            // Dropdown closed via exiting component (eg. tab)\n            handleTimeChange(startTimeVal, endTimeVal, { triggerOnBlur: true });\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderClearButton = () => {\n        if (\n            !readOnly &&\n            !disabled &&\n            (startTimeVal?.length > 0 || endTimeVal?.length > 0)\n        ) {\n            return (\n                <div className={inputWrapperStyles.clearButtonContainer}>\n                    <ClearButton\n                        onClick={handleClear}\n                        type=\"button\"\n                        aria-label=\"Clear\"\n                    />\n                </div>\n            );\n        }\n    };\n\n    const renderDropdown = () => {\n        if (activeTimeSelector === \"start\") {\n            // Prioritise start time value. If non existent, use initial scroll time\n            // If both are non existent, DropdownList will default to first option\n            const startScrollTime =\n                parseInput(startTimeVal) || parsedInitialStartScrollTime;\n\n            return (\n                <DropdownList\n                    listItems={startOptions}\n                    onSelectItem={handleStartTime}\n                    selectedItems={[startTimeVal]}\n                    topScrollItem={TimeHelper.findClosestFlooredTime(\n                        startScrollTime,\n                        startOptions\n                    )}\n                    listboxId={listboxId}\n                    ariaLabel={getDropdownAriaLabel()}\n                    disableItemFocus\n                    matchElementWidth\n                />\n            );\n        } else {\n            const endScrollTime =\n                parseInput(endTimeVal) || parsedInitialEndScrollTime;\n\n            return (\n                <DropdownList\n                    listItems={endOptions}\n                    onSelectItem={handleEndTime}\n                    selectedItems={[endTimeVal]}\n                    topScrollItem={TimeHelper.findClosestFlooredTime(\n                        endScrollTime,\n                        endOptions\n                    )}\n                    listboxId={listboxId}\n                    ariaLabel={getDropdownAriaLabel()}\n                    disableItemFocus\n                    matchElementWidth\n                />\n            );\n        }\n    };\n\n    const renderElement = () => (\n        <InputWrapper\n            ref={nodeRef}\n            disabled={disabled}\n            error={error || !!validationError}\n            readOnly={readOnly}\n            onBlur={handleBlur}\n            role=\"group\"\n            data-testid=\"timepicker-container\"\n            className={styles.timeFieldContainer}\n        >\n            <VisuallyHidden id={startLabelId}>Start time</VisuallyHidden>\n            <VisuallyHidden id={endLabelId}>End time</VisuallyHidden>\n\n            <RangeInputInnerContainer\n                error={error || !!validationError}\n                currentActive={\n                    activeTimeSelector === null ? \"none\" : activeTimeSelector\n                }\n            >\n                {/* From */}\n                <BasicInput\n                    ref={startInputRef}\n                    onFocus={() => handleInputFocus(\"start\")}\n                    placeholder={\n                        activeTimeSelector === \"start\" ? \"hh:mm\" : \"From\"\n                    }\n                    onChange={(e) => setStartTimeVal(e.target.value)}\n                    value={startTimeVal}\n                    readOnly={readOnly}\n                    data-testid={\n                        otherProps[\"data-testid\"]\n                            ? `${otherProps[\"data-testid\"]}-timepicker-selector-start`\n                            : \"timepicker-selector-start\"\n                    }\n                    onClick={() => handleInputClick(\"start\")}\n                    onKeyDown={handleKeyDownEvent}\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-labelledby={getInputLabelledBy(\"start\")}\n                    aria-describedby={getInputDescribedBy()}\n                    aria-expanded={\n                        dropdownOpen && activeTimeSelector === \"start\"\n                    }\n                    aria-controls={listboxId}\n                    aria-autocomplete=\"list\"\n                    aria-invalid={error || ariaInvalid || !!validationError}\n                    aria-disabled={disabled}\n                    aria-readonly={readOnly}\n                    className={commonStyles.selectorInput}\n                />\n                {/* To */}\n                <BasicInput\n                    ref={endInputRef}\n                    onFocus={() => handleInputFocus(\"end\")}\n                    placeholder={activeTimeSelector === \"end\" ? \"hh:mm\" : \"To\"}\n                    onChange={(e) => setEndTimeVal(e.target.value)}\n                    value={endTimeVal}\n                    readOnly={readOnly}\n                    data-testid={\n                        otherProps[\"data-testid\"]\n                            ? `${otherProps[\"data-testid\"]}-timepicker-selector-end`\n                            : \"timepicker-selector-end\"\n                    }\n                    onClick={() => handleInputClick(\"end\")}\n                    onKeyDown={handleKeyDownEvent}\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-labelledby={getInputLabelledBy(\"end\")}\n                    aria-describedby={getInputDescribedBy()}\n                    aria-expanded={dropdownOpen && activeTimeSelector === \"end\"}\n                    aria-controls={listboxId}\n                    aria-autocomplete=\"list\"\n                    aria-invalid={\n                        error || ariaInvalid || !!validationError || undefined\n                    }\n                    aria-disabled={disabled || undefined}\n                    aria-readonly={readOnly || undefined}\n                    className={commonStyles.selectorInput}\n                />\n            </RangeInputInnerContainer>\n            {renderClearButton()}\n        </InputWrapper>\n    );\n\n    const renderError = () =>\n        // Only display internal error message if user does not provide one\n        !error &&\n        validationError && (\n            <FormErrorMessage\n                id={errorId}\n                tabIndex={0}\n                data-testid={id ? `${id}-error-message` : \"error-message\"}\n            >\n                {validationError}\n            </FormErrorMessage>\n        );\n\n    return (\n        <div\n            id={id}\n            {...otherProps}\n            className={clsx(commonStyles.wrapper, otherProps.className)}\n        >\n            <DropdownListState>\n                <ElementWithDropdown\n                    enabled={!readOnly && !disabled}\n                    isOpen={dropdownOpen}\n                    renderElement={renderElement}\n                    renderDropdown={renderDropdown}\n                    onClose={handleClose}\n                    onDismiss={handleDismiss}\n                    offset={8}\n                    alignment={alignment}\n                    fitAvailableHeight\n                    customZIndex={dropdownZIndex}\n                    rootNode={dropdownRootNode}\n                />\n            </DropdownListState>\n            {renderError()}\n        </div>\n    );\n};\n"],"names":["_a","id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","initialScrollStartTime","initialScrollEndTime","interval","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","ariaInvalid","otherProps","__rest","internalId","useId","activeTimeSelector","setActiveTimeSelector","useState","dropdownOpen","setDropdownOpen","validationError","setValidationError","startTimeVal","setStartTimeVal","endTimeVal","setEndTimeVal","initialStartTimeVal","setInitialStartTimeVal","initialEndTimeVal","setInitialEndTimeVal","nodeRef","useRef","startInputRef","endInputRef","listboxId","startLabelId","endLabelId","errorId","startOptions","useMemo","TimeHelper","generateTimings","endOptions","flooredStartVal","findClosestFlooredTime","slice","indexOf","parseInput","useCallback","input","parsedInitialStartScrollTime","parsedInitialEndScrollTime","useEffect","start","end","_b","undefined","to24Hour","document","activeElement","current","getDropdownAriaLabel","getInputLabelledBy","type","concatIds","getInputDescribedBy","handleInputFocus","selector","handleInputClick","select","handleKeyDownEvent","event","code","handleStartTime","handleEndTime","blur","handleTimeChange","goToNextInput","triggerOnBlur","startInput","endInput","_c","handleClear","stopPropagation","handleBlur","target","relatedTarget","isFloatingElement","matches","call","isInsideNode","contains","renderClearButton","length","_jsx","className","inputWrapperStyles.clearButtonContainer","children","ClearButton","onClick","_jsxs","Object","assign","clsx","commonStyles.wrapper","DropdownListState","ElementWithDropdown","enabled","isOpen","renderElement","InputWrapper","ref","role","styles.timeFieldContainer","VisuallyHidden","RangeInputInnerContainer","currentActive","BasicInput","placeholder","e","onKeyDown","autoComplete","commonStyles.selectorInput","renderDropdown","startScrollTime","DropdownList","listItems","onSelectItem","selectedItems","topScrollItem","ariaLabel","disableItemFocus","matchElementWidth","endScrollTime","onClose","reason","onDismiss","focus","offset","fitAvailableHeight","customZIndex","rootNode","FormErrorMessage","tabIndex"],"mappings":"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"}
+{"version":3,"file":"combobox-picker.js","sources":["../../../../src/time-range-picker/combobox-picker/combobox-picker.tsx"],"sourcesContent":["import type { OpenChangeReason } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { FormErrorMessage } from \"../../form/form-label\";\nimport { concatIds, VisuallyHidden } from \"../../shared/accessibility\";\nimport { DropdownListState } from \"../../shared/dropdown-list\";\nimport { DropdownList } from \"../../shared/dropdown-list/dropdown-list\";\nimport { ElementWithDropdown } from \"../../shared/dropdown-wrapper\";\nimport {\n    BasicInput,\n    ClearButton,\n    InputWrapper,\n} from \"../../shared/input-wrapper\";\nimport * as inputWrapperStyles from \"../../shared/input-wrapper/input-wrapper.styles\";\nimport { RangeInputInnerContainer } from \"../../shared/range-input-inner-container\";\nimport { useId } from \"../../util\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport * as commonStyles from \"../common.styles\";\nimport type { TimeRangePickerProps, TimeRangePickerValue } from \"../types\";\nimport * as styles from \"./combobox-picker.styles\";\n\ntype TimeRangeInputType = \"start\" | \"end\";\ninterface TimeChangeOptions {\n    goToNextInput?: boolean | undefined;\n    triggerOnBlur?: boolean | undefined;\n}\n\nexport const ComboboxPicker = ({\n    id,\n    disabled = false,\n    error,\n    value,\n    format = \"12hr\",\n    readOnly,\n    onChange,\n    onFocus,\n    onBlur,\n    alignment = \"left\",\n    dropdownZIndex,\n    startLimit,\n    endLimit,\n    initialScrollStartTime,\n    initialScrollEndTime,\n    interval = 15,\n    dropdownRootNode,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    ...otherProps\n}: TimeRangePickerProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const internalId = useId();\n    const [activeTimeSelector, setActiveTimeSelector] =\n        useState<TimeRangeInputType | null>(null);\n    const [dropdownOpen, setDropdownOpen] = useState<boolean>(false);\n    const [validationError, setValidationError] = useState<string>(\"\");\n\n    const [startTimeVal, setStartTimeVal] = useState<string>(\"\");\n    const [endTimeVal, setEndTimeVal] = useState<string>(\"\");\n    const [initialStartTimeVal, setInitialStartTimeVal] = useState<string>(\"\");\n    const [initialEndTimeVal, setInitialEndTimeVal] = useState<string>(\"\");\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n\n    const listboxId = `${internalId}-listbox`;\n    const startLabelId = `${internalId}-start-label`;\n    const endLabelId = `${internalId}-end-label`;\n    const errorId = `${internalId}-error-message`;\n\n    const startOptions = useMemo(\n        () =>\n            TimeHelper.generateTimings(interval, format, startLimit, endLimit),\n        [interval, format, startLimit, endLimit]\n    );\n    const endOptions = useMemo(() => {\n        if (initialStartTimeVal === \"\") return startOptions;\n\n        const flooredStartVal = TimeHelper.findClosestFlooredTime(\n            initialStartTimeVal,\n            startOptions\n        );\n        return flooredStartVal\n            ? startOptions.slice(startOptions.indexOf(flooredStartVal))\n            : [];\n    }, [startOptions, initialStartTimeVal]);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    const parseInput = useCallback(\n        (input: string | undefined): string | undefined => {\n            return TimeHelper.parseInput(input, format);\n        },\n        [format]\n    );\n\n    const parsedInitialStartScrollTime = useMemo(\n        () => parseInput(initialScrollStartTime) ?? \"\",\n        [initialScrollStartTime, parseInput]\n    );\n\n    const parsedInitialEndScrollTime = useMemo(\n        () => parseInput(initialScrollEndTime) ?? \"\",\n        [initialScrollEndTime, parseInput]\n    );\n\n    useEffect(() => {\n        if (value) {\n            const start = parseInput(value.start) ?? \"\";\n            const end = parseInput(value.end) ?? \"\";\n\n            setStartTimeVal(start);\n            setEndTimeVal(end);\n            setInitialStartTimeVal(start);\n            setInitialEndTimeVal(end);\n        }\n    }, [value, parseInput]);\n\n    // Validation for keyboard input\n    useEffect(() => {\n        if (error) {\n            setDropdownOpen(false);\n            return;\n        }\n\n        const start = parseInput(startTimeVal);\n        const end = parseInput(endTimeVal);\n\n        if (start === undefined) {\n            setValidationError(\"Invalid start time\");\n        } else if (end === undefined) {\n            setValidationError(\"Invalid end time\");\n        } else if (\n            start !== \"\" &&\n            end !== \"\" &&\n            TimeHelper.to24Hour(end) < TimeHelper.to24Hour(start)\n        ) {\n            setValidationError(\"End time must be after start time\");\n        } else {\n            setValidationError(\"\");\n            // Re-open dropdown if error was corrected\n            if (\n                document.activeElement === startInputRef.current ||\n                document.activeElement === endInputRef.current\n            ) {\n                setDropdownOpen(true);\n            }\n            return;\n        }\n\n        // Hide dropdown so error message is visible\n        setDropdownOpen(false);\n    }, [startTimeVal, endTimeVal, parseInput, error]);\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    const getDropdownAriaLabel = () => {\n        if (activeTimeSelector === \"start\") {\n            return \"Selecting for: Start time\";\n        }\n\n        if (activeTimeSelector === \"end\") {\n            return \"Selecting for: End time\";\n        }\n\n        return undefined;\n    };\n\n    const getInputLabelledBy = (type: TimeRangeInputType) => {\n        return concatIds(\n            ariaLabelledBy,\n            type === \"start\" ? startLabelId : endLabelId\n        );\n    };\n\n    const getInputDescribedBy = () => {\n        return concatIds(\n            ariaDescribedBy,\n            !error && validationError ? errorId : undefined\n        );\n    };\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleInputFocus = (selector: TimeRangeInputType) => {\n        if (disabled || readOnly) return;\n\n        // Only run onFocus if not already focused\n        if (!activeTimeSelector && !dropdownOpen) onFocus?.();\n\n        setActiveTimeSelector(selector);\n        setDropdownOpen(true);\n    };\n\n    const handleInputClick = (selector: TimeRangeInputType) => {\n        if (disabled || readOnly) return;\n\n        setActiveTimeSelector(selector);\n        setDropdownOpen(true);\n        (selector === \"start\" ? startInputRef : endInputRef).current?.select();\n    };\n\n    function handleKeyDownEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        switch (event.code) {\n            case \"Enter\":\n                if (activeTimeSelector === \"start\") {\n                    handleStartTime(startTimeVal);\n                } else if (activeTimeSelector === \"end\") {\n                    // Let handleBlur call handleTimeChange instead\n                    if (dropdownOpen) handleEndTime(endTimeVal);\n                    endInputRef.current?.blur();\n                }\n                break;\n            case \"Tab\":\n                handleTimeChange(startTimeVal, endTimeVal, {});\n                break;\n            default:\n                break;\n        }\n    }\n\n    const handleStartTime = (input: string) => {\n        handleTimeChange(input, endTimeVal, { goToNextInput: true });\n    };\n\n    const handleEndTime = (input: string) => {\n        handleTimeChange(startTimeVal, input, { triggerOnBlur: true });\n    };\n\n    const handleTimeChange = (\n        startInput: string,\n        endInput: string,\n        {\n            goToNextInput, // Used by handleStart to move to end input automatically\n            triggerOnBlur, // Used by handleEnd/handleClear to trigger onBlur\n        }: TimeChangeOptions\n    ) => {\n        const start = parseInput(startInput) ?? initialStartTimeVal;\n        const end = parseInput(endInput) ?? initialEndTimeVal;\n\n        setStartTimeVal(start);\n        setEndTimeVal(end);\n\n        const timeValue: TimeRangePickerValue = { start, end };\n\n        // Trigger onChange if values have changed\n        if (start !== initialStartTimeVal || end !== initialEndTimeVal) {\n            onChange?.(timeValue);\n        }\n\n        // Go to end input only if start is a valid time\n        if (goToNextInput && parseInput(startInput) !== undefined) {\n            setActiveTimeSelector(\"end\");\n            endInputRef.current?.select();\n        }\n\n        if (triggerOnBlur) {\n            setActiveTimeSelector(null);\n            setDropdownOpen(false);\n            onBlur?.();\n        }\n\n        setInitialStartTimeVal(start);\n        setInitialEndTimeVal(end);\n    };\n\n    const handleClear = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        setStartTimeVal(\"\");\n        setEndTimeVal(\"\");\n        setInitialStartTimeVal(\"\");\n        setInitialEndTimeVal(\"\");\n\n        const timeValue: TimeRangePickerValue = {\n            start: \"\",\n            end: \"\",\n        };\n\n        onChange?.(timeValue);\n        setActiveTimeSelector(null);\n        setDropdownOpen(false);\n    };\n\n    const handleDismiss = () => {\n        (activeTimeSelector === \"start\"\n            ? startInputRef\n            : endInputRef\n        ).current?.focus();\n        setDropdownOpen(false);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLDivElement, Element>) => {\n        const target = event.relatedTarget as HTMLElement;\n\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            activeTimeSelector &&\n            !dropdownOpen &&\n            !isInsideNode &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed) {\n            handleTimeChange(startTimeVal, endTimeVal, { triggerOnBlur: true });\n        }\n    };\n\n    // NOTE: Dropdown dismissal (esc) does not trigger onClose\n    const handleClose = (reason: OpenChangeReason | undefined) => {\n        if (reason === \"outside-press\") {\n            // No handleTimeChange to avoid duplicate call from handleBlur\n            setActiveTimeSelector(null);\n            setDropdownOpen(false);\n            onBlur?.();\n        } else {\n            // Dropdown closed via exiting component (eg. tab)\n            handleTimeChange(startTimeVal, endTimeVal, { triggerOnBlur: true });\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderClearButton = () => {\n        if (\n            !readOnly &&\n            !disabled &&\n            (startTimeVal?.length > 0 || endTimeVal?.length > 0)\n        ) {\n            return (\n                <div className={inputWrapperStyles.clearButtonContainer}>\n                    <ClearButton\n                        onClick={handleClear}\n                        type=\"button\"\n                        aria-label=\"Clear\"\n                    />\n                </div>\n            );\n        }\n    };\n\n    const renderDropdown = () => {\n        if (activeTimeSelector === \"start\") {\n            // Prioritise start time value. If non existent, use initial scroll time\n            // If both are non existent, DropdownList will default to first option\n            const startScrollTime =\n                parseInput(startTimeVal) || parsedInitialStartScrollTime;\n\n            return (\n                <DropdownList\n                    listItems={startOptions}\n                    onSelectItem={handleStartTime}\n                    selectedItems={[startTimeVal]}\n                    topScrollItem={TimeHelper.findClosestFlooredTime(\n                        startScrollTime,\n                        startOptions\n                    )}\n                    listboxId={listboxId}\n                    ariaLabel={getDropdownAriaLabel()}\n                    disableItemFocus\n                    matchElementWidth\n                />\n            );\n        } else {\n            const endScrollTime =\n                parseInput(endTimeVal) || parsedInitialEndScrollTime;\n\n            return (\n                <DropdownList\n                    listItems={endOptions}\n                    onSelectItem={handleEndTime}\n                    selectedItems={[endTimeVal]}\n                    topScrollItem={TimeHelper.findClosestFlooredTime(\n                        endScrollTime,\n                        endOptions\n                    )}\n                    listboxId={listboxId}\n                    ariaLabel={getDropdownAriaLabel()}\n                    disableItemFocus\n                    matchElementWidth\n                />\n            );\n        }\n    };\n\n    const renderElement = () => (\n        <InputWrapper\n            ref={nodeRef}\n            disabled={disabled}\n            error={error || !!validationError}\n            readOnly={readOnly}\n            onBlur={handleBlur}\n            role=\"group\"\n            data-testid=\"timepicker-container\"\n            className={styles.timeFieldContainer}\n        >\n            <VisuallyHidden id={startLabelId}>Start time</VisuallyHidden>\n            <VisuallyHidden id={endLabelId}>End time</VisuallyHidden>\n\n            <RangeInputInnerContainer\n                error={error || !!validationError}\n                currentActive={\n                    activeTimeSelector === null ? \"none\" : activeTimeSelector\n                }\n            >\n                {/* From */}\n                <BasicInput\n                    ref={startInputRef}\n                    onFocus={() => handleInputFocus(\"start\")}\n                    placeholder={\n                        activeTimeSelector === \"start\" ? \"hh:mm\" : \"From\"\n                    }\n                    onChange={(e) => setStartTimeVal(e.target.value)}\n                    value={startTimeVal}\n                    readOnly={readOnly}\n                    data-testid={\n                        otherProps[\"data-testid\"]\n                            ? `${otherProps[\"data-testid\"]}-timepicker-selector-start`\n                            : \"timepicker-selector-start\"\n                    }\n                    onClick={() => handleInputClick(\"start\")}\n                    onKeyDown={handleKeyDownEvent}\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-labelledby={getInputLabelledBy(\"start\")}\n                    aria-describedby={getInputDescribedBy()}\n                    aria-expanded={\n                        dropdownOpen && activeTimeSelector === \"start\"\n                    }\n                    aria-controls={listboxId}\n                    aria-autocomplete=\"list\"\n                    aria-invalid={error || ariaInvalid || !!validationError}\n                    aria-disabled={disabled}\n                    aria-readonly={readOnly}\n                    className={commonStyles.selectorInput}\n                />\n                {/* To */}\n                <BasicInput\n                    ref={endInputRef}\n                    onFocus={() => handleInputFocus(\"end\")}\n                    placeholder={activeTimeSelector === \"end\" ? \"hh:mm\" : \"To\"}\n                    onChange={(e) => setEndTimeVal(e.target.value)}\n                    value={endTimeVal}\n                    readOnly={readOnly}\n                    data-testid={\n                        otherProps[\"data-testid\"]\n                            ? `${otherProps[\"data-testid\"]}-timepicker-selector-end`\n                            : \"timepicker-selector-end\"\n                    }\n                    onClick={() => handleInputClick(\"end\")}\n                    onKeyDown={handleKeyDownEvent}\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-labelledby={getInputLabelledBy(\"end\")}\n                    aria-describedby={getInputDescribedBy()}\n                    aria-expanded={dropdownOpen && activeTimeSelector === \"end\"}\n                    aria-controls={listboxId}\n                    aria-autocomplete=\"list\"\n                    aria-invalid={\n                        error || ariaInvalid || !!validationError || undefined\n                    }\n                    aria-disabled={disabled || undefined}\n                    aria-readonly={readOnly || undefined}\n                    className={commonStyles.selectorInput}\n                />\n            </RangeInputInnerContainer>\n            {renderClearButton()}\n        </InputWrapper>\n    );\n\n    const renderError = () =>\n        // Only display internal error message if user does not provide one\n        !error &&\n        validationError && (\n            <FormErrorMessage\n                id={errorId}\n                tabIndex={0}\n                data-testid={id ? `${id}-error-message` : \"error-message\"}\n            >\n                {validationError}\n            </FormErrorMessage>\n        );\n\n    return (\n        <div\n            id={id}\n            {...otherProps}\n            className={clsx(commonStyles.wrapper, otherProps.className)}\n        >\n            <DropdownListState>\n                <ElementWithDropdown\n                    enabled={!readOnly && !disabled}\n                    isOpen={dropdownOpen}\n                    renderElement={renderElement}\n                    renderDropdown={renderDropdown}\n                    onClose={handleClose}\n                    onDismiss={handleDismiss}\n                    offset={8}\n                    alignment={alignment}\n                    fitAvailableHeight\n                    customZIndex={dropdownZIndex}\n                    rootNode={dropdownRootNode}\n                />\n            </DropdownListState>\n            {renderError()}\n        </div>\n    );\n};\n"],"names":["_a","id","disabled","error","value","format","readOnly","onChange","onFocus","onBlur","alignment","dropdownZIndex","startLimit","endLimit","initialScrollStartTime","initialScrollEndTime","interval","dropdownRootNode","ariaLabelledBy","ariaDescribedBy","ariaInvalid","otherProps","__rest","internalId","useId","activeTimeSelector","setActiveTimeSelector","useState","dropdownOpen","setDropdownOpen","validationError","setValidationError","startTimeVal","setStartTimeVal","endTimeVal","setEndTimeVal","initialStartTimeVal","setInitialStartTimeVal","initialEndTimeVal","setInitialEndTimeVal","nodeRef","useRef","startInputRef","endInputRef","listboxId","startLabelId","endLabelId","errorId","startOptions","useMemo","TimeHelper","generateTimings","endOptions","flooredStartVal","findClosestFlooredTime","slice","indexOf","parseInput","useCallback","input","parsedInitialStartScrollTime","parsedInitialEndScrollTime","useEffect","start","end","_b","undefined","to24Hour","document","activeElement","current","getDropdownAriaLabel","getInputLabelledBy","type","concatIds","getInputDescribedBy","handleInputFocus","selector","handleInputClick","select","handleKeyDownEvent","event","code","handleStartTime","handleEndTime","blur","handleTimeChange","goToNextInput","triggerOnBlur","startInput","endInput","_c","handleClear","stopPropagation","handleBlur","target","relatedTarget","isFloatingElement","matches","call","isInsideNode","contains","renderClearButton","length","_jsx","className","inputWrapperStyles.clearButtonContainer","children","ClearButton","onClick","_jsxs","Object","assign","clsx","commonStyles.wrapper","DropdownListState","ElementWithDropdown","enabled","isOpen","renderElement","InputWrapper","ref","role","styles.timeFieldContainer","VisuallyHidden","RangeInputInnerContainer","currentActive","BasicInput","placeholder","e","onKeyDown","autoComplete","commonStyles.selectorInput","renderDropdown","startScrollTime","DropdownList","listItems","onSelectItem","selectedItems","topScrollItem","ariaLabel","disableItemFocus","matchElementWidth","endScrollTime","onClose","reason","onDismiss","focus","offset","fitAvailableHeight","customZIndex","rootNode","FormErrorMessage","tabIndex"],"mappings":"+iFA4B+BA,QAAAC,GAC3BA,EAAEC,SACFA,GAAW,EAAKC,MAChBA,EAAKC,MACLA,EAAKC,OACLA,EAAS,OAAMC,SACfA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,UACNA,EAAY,OAAMC,eAClBA,EAAcC,WACdA,EAAUC,SACVA,EAAQC,uBACRA,EAAsBC,qBACtBA,EAAoBC,SACpBA,EAAW,GAAEC,iBACbA,EACA,kBAAmBC,EACnB,mBAAoBC,EACpB,eAAgBC,GAAWpB,EACxBqB,EAAUC,EAAAA,OAAAtB,EArBc,CAAA,KAAA,WAAA,QAAA,QAAA,SAAA,WAAA,WAAA,UAAA,SAAA,YAAA,iBAAA,aAAA,WAAA,yBAAA,uBAAA,WAAA,mBAAA,kBAAA,mBAAA,iBA0B3B,MAAMuB,EAAaC,EAAAA,SACZC,EAAoBC,GACvBC,EAAAA,SAAoC,OACjCC,EAAcC,GAAmBF,EAAAA,UAAkB,IACnDG,EAAiBC,GAAsBJ,EAAAA,SAAiB,KAExDK,EAAcC,GAAmBN,EAAAA,SAAiB,KAClDO,EAAYC,GAAiBR,EAAAA,SAAiB,KAC9CS,EAAqBC,GAA0BV,EAAAA,SAAiB,KAChEW,EAAmBC,GAAwBZ,EAAAA,SAAiB,IAE7Da,EAAUC,EAAAA,OAAuB,MACjCC,GAAgBD,EAAAA,OAAyB,MACzCE,GAAcF,EAAAA,OAAyB,MAEvCG,GAAY,GAAGrB,YACfsB,GAAe,GAAGtB,gBAClBuB,GAAa,GAAGvB,cAChBwB,GAAU,GAAGxB,kBAEbyB,GAAeC,EAAAA,SACjB,IACIC,EAAAA,WAAWC,gBAAgBnC,EAAUX,EAAQO,EAAYC,IAC7D,CAACG,EAAUX,EAAQO,EAAYC,IAE7BuC,GAAaH,EAAAA,SAAQ,KACvB,GAA4B,KAAxBb,EAA4B,OAAOY,GAEvC,MAAMK,EAAkBH,EAAAA,WAAWI,uBAC/BlB,EACAY,IAEJ,OAAOK,EACDL,GAAaO,MAAMP,GAAaQ,QAAQH,IACxC,EAAE,GACT,CAACL,GAAcZ,IAKZqB,GAAaC,eACdC,GACUT,aAAWO,WAAWE,EAAOtD,IAExC,CAACA,IAGCuD,GAA+BX,EAAAA,SACjC,KAAK,IAAAjD,EAAC,OAAkC,QAAlCA,EAAAyD,GAAW3C,UAAuB,IAAAd,EAAAA,EAAI,EAAE,GAC9C,CAACc,EAAwB2C,KAGvBI,GAA6BZ,EAAAA,SAC/B,KAAK,IAAAjD,EAAC,OAAgC,QAAhCA,EAAAyD,GAAW1C,UAAqB,IAAAf,EAAAA,EAAI,EAAE,GAC5C,CAACe,EAAsB0C,KAG3BK,EAAAA,WAAU,aACN,GAAI1D,EAAO,CACP,MAAM2D,EAA+B,QAAvB/D,EAAAyD,GAAWrD,EAAM2D,cAAM,IAAA/D,EAAAA,EAAI,GACnCgE,EAA2B,QAArBC,EAAAR,GAAWrD,EAAM4D,YAAI,IAAAC,EAAAA,EAAI,GAErChC,EAAgB8B,GAChB5B,EAAc6B,GACd3B,EAAuB0B,GACvBxB,EAAqByB,EACzB,IACD,CAAC5D,EAAOqD,KAGXK,EAAAA,WAAU,KACN,GAAI3D,EAEA,YADA0B,GAAgB,GAIpB,MAAMkC,EAAQN,GAAWzB,GACnBgC,EAAMP,GAAWvB,GAEvB,QAAcgC,IAAVH,EACAhC,EAAmB,2BAChB,QAAYmC,IAARF,EACPjC,EAAmB,wBAChB,MACO,KAAVgC,GACQ,KAARC,GACAd,EAAAA,WAAWiB,SAASH,GAAOd,EAAAA,WAAWiB,SAASJ,IAY/C,OARAhC,EAAmB,SAGfqC,SAASC,gBAAkB3B,GAAc4B,SACzCF,SAASC,gBAAkB1B,GAAY2B,SAEvCzC,GAAgB,IARpBE,EAAmB,oCAWvB,CAGAF,GAAgB,EAAM,GACvB,CAACG,EAAcE,EAAYuB,GAAYtD,IAK1C,MAAMoE,GAAuB,IACE,UAAvB9C,EACO,4BAGgB,QAAvBA,EACO,+BADX,EAOE+C,GAAsBC,GACjBC,EAAAA,UACHxD,EACS,UAATuD,EAAmB5B,GAAeC,IAIpC6B,GAAsB,IACjBD,EAAAA,UACHvD,GACChB,GAAS2B,EAAkBiB,QAAUmB,GAOxCU,GAAoBC,IAClB3E,GAAYI,IAGXmB,GAAuBG,GAAcpB,SAAAA,IAE1CkB,EAAsBmD,GACtBhD,GAAgB,GAAK,EAGnBiD,GAAoBD,UAClB3E,GAAYI,IAEhBoB,EAAsBmD,GACtBhD,GAAgB,GAC4C,QAA5D7B,GAAc,UAAb6E,EAAuBnC,GAAgBC,IAAa2B,eAAO,IAAAtE,GAAAA,EAAE+E,SAAQ,EAG1E,SAASC,GAAmBC,SACxB,OAAQA,EAAMC,MACV,IAAK,QAC0B,UAAvBzD,EACA0D,GAAgBnD,GACc,QAAvBP,IAEHG,GAAcwD,GAAclD,GACb,QAAnBlC,EAAA2C,GAAY2B,eAAO,IAAAtE,GAAAA,EAAEqF,QAEzB,MACJ,IAAK,MACDC,GAAiBtD,EAAcE,EAAY,IAKvD,CAEA,MAAMiD,GAAmBxB,IACrB2B,GAAiB3B,EAAOzB,EAAY,CAAEqD,eAAe,GAAO,EAG1DH,GAAiBzB,IACnB2B,GAAiBtD,EAAc2B,EAAO,CAAE6B,eAAe,GAAO,EAG5DF,GAAmB,CACrBG,EACAC,GAEIH,gBACAC,8BAGJ,MAAMzB,EAA8B,QAAtB/D,EAAAyD,GAAWgC,UAAW,IAAAzF,EAAAA,EAAIoC,EAClC4B,EAA0B,QAApBC,EAAAR,GAAWiC,UAAS,IAAAzB,EAAAA,EAAI3B,EAEpCL,EAAgB8B,GAChB5B,EAAc6B,GAKVD,IAAU3B,GAAuB4B,IAAQ1B,GACzC/B,SAAAA,EAJoC,CAAEwD,QAAOC,QAQ7CuB,QAA4CrB,IAA3BT,GAAWgC,KAC5B/D,EAAsB,OACH,QAAnBiE,EAAAhD,GAAY2B,eAAO,IAAAqB,GAAAA,EAAEZ,UAGrBS,IACA9D,EAAsB,MACtBG,GAAgB,GAChBpB,SAAAA,KAGJ4B,EAAuB0B,GACvBxB,EAAqByB,EAAI,EAGvB4B,GAAeX,IACjBA,EAAMY,kBACN5D,EAAgB,IAChBE,EAAc,IACdE,EAAuB,IACvBE,EAAqB,IAOrBhC,SAAAA,EALwC,CACpCwD,MAAO,GACPC,IAAK,KAITtC,EAAsB,MACtBG,GAAgB,EAAM,EAWpBiE,GAAcb,YAChB,MAAMc,EAASd,EAAMe,cAEfC,GACa,QAAfjG,EAAA+F,aAAM,EAANA,EAAQG,eAAO,IAAAlG,OAAA,EAAAA,EAAAmG,KAAAJ,EAAG,mCACH,QAAf9B,EAAA8B,aAAM,EAANA,EAAQG,eAAO,IAAAjC,OAAA,EAAAA,EAAAkC,KAAAJ,EAAG,mCAChBK,EACF5D,EAAQ8B,SAAW9B,EAAQ8B,QAAQ+B,SAASN,GAI5CtE,IACCG,IACAwE,IACAH,GAGDX,GAAiBtD,EAAcE,EAAY,CAAEsD,eAAe,GAChE,EAmBEc,GAAoB,KACtB,IACKhG,IACAJ,KACA8B,eAAAA,EAAcuE,QAAS,IAAKrE,aAAU,EAAVA,EAAYqE,QAAS,GAElD,OACIC,EAAAA,WAAKC,UAAWC,EAAAA,qBAAuCC,SACnDH,MAACI,EAAAA,YAAW,CACRC,QAASjB,GACTnB,KAAK,sBACM,WAI3B,EAmJJ,OACIqC,OAAA,MAAAC,OAAAC,OAAA,CACI/G,GAAIA,GACAoB,EAAU,CACdoF,UAAWQ,EAAAA,QAAKC,EAAAA,QAAsB7F,EAAWoF,qBAEjDD,EAAAA,IAACW,EAAAA,kBAAiB,CAAAR,SACdH,EAAAA,IAACY,EAAAA,oBAAmB,CAChBC,SAAU/G,IAAaJ,EACvBoH,OAAQ1F,EACR2F,cA9GM,IAClBT,EAAAA,KAACU,EAAAA,aAAY,CACTC,IAAKjF,EACLtC,SAAUA,EACVC,MAAOA,KAAW2B,EAClBxB,SAAUA,EACVG,OAAQqF,GACR4B,KAAK,QAAO,cACA,uBACZjB,UAAWkB,EAAAA,mBAAyBhB,SAAA,CAEpCH,EAAAA,IAACoB,iBAAc,CAAC3H,GAAI4C,GAAY8D,SAAA,eAChCH,EAAAA,IAACoB,iBAAc,CAAC3H,GAAI6C,yBAEpBgE,EAAAA,KAACe,2BAAwB,CACrB1H,MAAOA,KAAW2B,EAClBgG,cAC2B,OAAvBrG,EAA8B,OAASA,EAAkBkF,SAAA,CAI7DH,EAAAA,IAACuB,EAAAA,WAAU,CACPN,IAAK/E,GACLlC,QAAS,IAAMoE,GAAiB,SAChCoD,YAC2B,UAAvBvG,EAAiC,QAAU,OAE/ClB,SAAW0H,GAAMhG,EAAgBgG,EAAElC,OAAO3F,OAC1CA,MAAO4B,EACP1B,SAAUA,EAAQ,cAEde,EAAW,eACL,GAAGA,EAAW,2CACd,4BAEVwF,QAAS,IAAM/B,GAAiB,SAChCoD,UAAWlD,GACXmD,aAAa,MACb1D,KAAK,OACLiD,KAAK,WAAU,kBACElD,GAAmB,SAAQ,mBAC1BG,KAAqB,gBAEnC/C,GAAuC,UAAvBH,EAA8B,gBAEnCmB,GAAS,oBACN,OAAM,eACVzC,GAASiB,KAAiBU,EAAe,gBACxC5B,EAAQ,gBACRI,EACfmG,UAAW2B,EAAAA,gBAGf5B,EAAAA,IAACuB,EAAAA,WAAU,CACPN,IAAK9E,GACLnC,QAAS,IAAMoE,GAAiB,OAChCoD,YAAoC,QAAvBvG,EAA+B,QAAU,KACtDlB,SAAW0H,GAAM9F,EAAc8F,EAAElC,OAAO3F,OACxCA,MAAO8B,EACP5B,SAAUA,EAAQ,cAEde,EAAW,eACL,GAAGA,EAAW,yCACd,0BAEVwF,QAAS,IAAM/B,GAAiB,OAChCoD,UAAWlD,GACXmD,aAAa,MACb1D,KAAK,OACLiD,KAAK,WAAU,kBACElD,GAAmB,OAAM,mBACxBG,KAAqB,gBACxB/C,GAAuC,QAAvBH,EAA4B,gBAC5CmB,GAAS,oBACN,OAAM,eAEpBzC,GAASiB,KAAiBU,QAAmBoC,EAAS,gBAE3ChE,QAAYgE,kBACZ5D,QAAY4D,EAC3BuC,UAAW2B,EAAAA,mBAGlB9B,QA4BO+B,eA3JO,KACnB,GAA2B,UAAvB5G,EAAgC,CAGhC,MAAM6G,EACF7E,GAAWzB,IAAiB4B,GAEhC,OACI4C,MAAC+B,EAAAA,cACGC,UAAWxF,GACXyF,aAActD,GACduD,cAAe,CAAC1G,GAChB2G,cAAezF,EAAAA,WAAWI,uBACtBgF,EACAtF,IAEJJ,UAAWA,GACXgG,UAAWrE,KACXsE,oBACAC,mBAAiB,GAG7B,CAAO,CACH,MAAMC,EACFtF,GAAWvB,IAAe2B,GAE9B,OACI2C,MAAC+B,EAAAA,cACGC,UAAWpF,GACXqF,aAAcrD,GACdsD,cAAe,CAACxG,GAChByG,cAAezF,EAAAA,WAAWI,uBACtByF,EACA3F,IAEJR,UAAWA,GACXgG,UAAWrE,KACXsE,oBACAC,mBAAiB,GAG7B,GAmHYE,QA7LKC,IACF,kBAAXA,GAEAvH,EAAsB,MACtBG,GAAgB,GAChBpB,SAAAA,KAGA6E,GAAiBtD,EAAcE,EAAY,CAAEsD,eAAe,GAChE,EAqLY0D,UA5NM,WAIT,QAHTlJ,GAAwB,UAAvByB,EACKiB,GACAC,IACJ2B,eAAO,IAAAtE,GAAAA,EAAEmJ,QACXtH,GAAgB,EAAM,EAwNVuH,OAAQ,EACR1I,UAAWA,EACX2I,oBAAkB,EAClBC,aAAc3I,EACd4I,SAAUtI,OA7BrBd,GACD2B,GACI0E,EAAAA,IAACgD,mBAAgB,CACbvJ,GAAI8C,GACJ0G,SAAU,EAAC,cACExJ,EAAK,GAAGA,kBAAqB,gBAAe0G,SAExD7E,OA0BH"}

package/cjs/time-range-picker/combobox-picker/combobox-picker.styles_7i9vso.css

@@ -1 +1 @@
-.t1wpl53s{height:3rem;gap:var(--fds-spacing-8);padding-right:calc(1.25rem + var(--fds-spacing-20));}
+@layer fds{.t1wpl53s{height:3rem;gap:var(--fds-spacing-8);padding-right:calc(1.25rem + var(--fds-spacing-20));}}

package/cjs/time-range-picker/common.styles_1qwp4xa.css

@@ -1,3 +1,3 @@
-.wfddsjt{position:relative;}
+@layer fds{.wfddsjt{position:relative;}
 .t102z5ub{height:3rem;gap:var(--fds-spacing-8);}
-.svbkfs2{display:block;width:100%;-webkit-flex:1;-ms-flex:1;flex:1;}
+.svbkfs2{display:block;width:100%;-webkit-flex:1;-ms-flex:1;flex:1;}}

package/cjs/time-slot-bar/time-slot-bar.styles_wigbyd.css

@@ -1,4 +1,4 @@
-.cleto2{position:relative;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;}
+@layer fds{.cleto2{position:relative;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;}
 .a18tsztd{z-index:2;position:absolute;bottom:0rem;background-color:var(--fds-colour-bg);box-shadow:var(--fds-shadow-md-strong);border-radius:100%;padding:0.5rem;width:2rem;height:2rem;}.a18tsztd >div{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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.a18tsztd:focus{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
 .a9mraed{bottom:0.25rem;}
 .aljok3x{bottom:0rem;}
@@ -22,4 +22,4 @@
 .tfycdxa{--fds-internal-timeSlotBar-item-left:initial;--fds-internal-timeSlotBar-item-width:initial;--fds-internal-timeSlotBar-item-color:initial;position:absolute;color:var(--fds-internal-timeSlotBar-item-color);left:var(--fds-internal-timeSlotBar-item-left);width:var(--fds-internal-timeSlotBar-item-width);}
 .t11y98ca{width:100%;height:100%;}
 .t1kzvg2s{height:40px;}
-.t4axcvt{height:12px;}
+.t4axcvt{height:12px;}}

package/cjs/time-slot-bar-week/consts.js

@@ -0,0 +1,2 @@
+"use strict";exports.ROW_HEIGHT=16,exports.SLOT_GAP=4,exports.SLOT_HEIGHT=12;
+//# sourceMappingURL=consts.js.map

package/cjs/time-slot-bar-week/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../../src/time-slot-bar-week/consts.ts"],"sourcesContent":["export const SLOT_HEIGHT = 12; // px\nexport const SLOT_GAP = 4; // px\nexport const ROW_HEIGHT = SLOT_HEIGHT + SLOT_GAP;\n"],"names":["SLOT_HEIGHT"],"mappings":"gCAE0BA,oBADF,sBADG"}

package/cjs/time-slot-bar-week/time-slot-bar-week-days.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@react-spring/web"),t=require("../external/dayjs/dayjs.min.js"),l=require("../external/lodash/isEmpty.js"),i=require("../external/lodash/maxBy.js"),a=require("../external/lodash/minBy.js"),n=require("react"),o=require("../external/react-resize-detector/build/index.esm.js"),s=require("../shared/accessibility/index.js"),d=require("../shared/internal-calendar/day-cell/day-cell.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var c=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var u=require("../util/calendar-helper.js"),m=require("../util/date-helper.js");require("../util/simple-id-generator.js");var h=require("../util/string-helper.js");require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var f=require("../util/time-helper.js"),v=require("./time-slot-bar-week-days.style.js");exports.TimeSlotBarWeekDays=({calendarDate:p,disabledDates:x,selectedDate:b,onSelect:g,minDate:j,maxDate:y,startTime:T,endTime:k,maxVisibleCellHeight:D,slots:w,interval:C=30,variant:M="flexible",enableSelection:q=!0,onSlotClick:$})=>{var H,S,I,A;const W="YYYY-MM-DD",[L,E]=n.useState(!1),[O,R]=n.useState(),Y=n.useRef({}),B=n.useMemo((()=>u.CalendarHelper.generateDaysForCurrentWeek(p)),[p]),F=Object.values(null!=w?w:{}).flat(),P=null!==(S=null!=T?T:null===(H=a.default(F,"startTime"))||void 0===H?void 0:H.startTime)&&void 0!==S?S:"00:00",U=null!==(A=null!=k?k:null===(I=i.default(F,"endTime"))||void 0===I?void 0:I.endTime)&&void 0!==A?A:"24:00",V=Math.ceil(m.DateHelper.getTimeDiffInMinutes(P,U)/C),{height:z=0,ref:G}=o.useResizeDetector(),K=!!D&&z>D,N=void 0!==D?Math.max(1,Math.floor((D+4)/16)):0,J=D?!K||L?z:N>0?16*N-4:D:z,Q=r.useSpring({height:J}),X=n.useMemo((()=>{if(w){const e={};return Object.entries(w).forEach((([r,t])=>{const i=function(e){const r=Array(V).fill({});return e.forEach((e=>{const t=Math.max(0,m.DateHelper.getTimeDiffInMinutes(P,e.startTime)/C),i=Math.min(V,m.DateHelper.getTimeDiffInMinutes(P,e.endTime)/C),a=Math.ceil(i)-Math.floor(t);switch(M){case"fixed":r[Math.floor(t)]=Object.assign(Object.assign({},e),{isActualSlot:!0,rowIndex:Math.floor(t),cellLength:i-t});break;case"flexible":for(let n=0;n<a;n++){const o=m.DateHelper.addMinutesToTime(P,Math.floor(t+n)*C),s=m.DateHelper.addMinutesToTime(o,C);let d;l.default(r[Math.floor(t+n)])?0===n&&t%1!=0?d="top":n===a-1&&i%1!=0&&(d="bottom"):d=void 0,r[Math.floor(t+n)]=Object.assign(Object.assign({},e),{id:`${e.id}-${n}`,startTime:o,endTime:s,isActualSlot:!0,rowIndex:Math.floor(t+n),cellLength:1,halfFill:d})}}})),r}(t);e[r]=function(e){var r,t,i,a;let n=0;switch(M){case"fixed":for(e=e.reduce(((e,r)=>{const t=e.length>0?e[e.length-1]:e[0];return l.default(r)&&l.default(t)?e:[...e,r]}),[{}]);n<e.length;){if(l.default(e[n])){const l=null!==(t=null===(r=e[n-1])||void 0===r?void 0:r.endTime)&&void 0!==t?t:P,o=null!==(a=null===(i=e[n+1])||void 0===i?void 0:i.startTime)&&void 0!==a?a:U;if(l!==o){const r=m.DateHelper.getTimeDiffInMinutes(l,o)/C;e[n]=Object.assign(Object.assign({},ae(n)),{startTime:l,endTime:o,cellLength:r})}}n++}break;case"flexible":for(;n<e.length;)l.default(e[n])?(e[n]=ae(n),n++):n+=e[n].cellLength}return e.filter((e=>!l.default(e)&&e.cellLength>0))}(i)})),e}return{}}),[w]),Z=n.useMemo((()=>B.reduce(((e,r)=>{const t=r.format(W);return e[t]=oe(t).filter((e=>!!e.isActualSlot&&void 0!==e.rowIndex)).map((e=>({key:`${t}-${e.id}`,date:t,rowIndex:e.rowIndex}))).sort(((e,r)=>e.rowIndex-r.rowIndex)),e}),{})),[B,X]),_=e=>{R(e)},ee=()=>{R(void 0)},re=(e,r)=>{null==$||$(e,r)},te=(e,r)=>t=>{t.stopPropagation(),re(e,r)},le=e=>{e.preventDefault(),E((e=>!e))},ie=e=>{var r;const l=u.CalendarHelper.isWithinRange(e,j?t.default(j):void 0,y?t.default(y):void 0),i=null!==(r=x&&x.includes(e.format(W)))&&void 0!==r&&r;return!l||i};function ae(e,r=1){return{id:`${e.toString()}-${(new Date).getTime()}`,startTime:"",endTime:"",clickable:!1,isActualSlot:!1,styleAttributes:{backgroundColor:c.Colour["bg-stronger"]},cellLength:r}}function ne(e,r){var l;const{startTime:i,endTime:a}=r;return h.StringHelper.joinNonEmptyStrings([t.default(e).format("D MMMM YYYY dddd"),i&&a?f.TimeHelper.formatTimeRange(i,a):void 0,r.label,null===(l=r.clickable)||void 0===l||l?"Available":"Unavailable"])}function oe(e){var r;return null!==(r=X[e])&&void 0!==r?r:Array("flexible"===M?V:1).fill(void 0).map(((e,r)=>ae(r,"fixed"===M?V:void 0)))}const se=(r,t)=>{var l;const{id:i,clickable:a=!0,isActualSlot:n,styleAttributes:o,cellLength:d,halfFill:c}=t,{styleType:u="default",backgroundColor:m,backgroundColor2:h}=o,f=`${r}-${i}`,p=K&&!L&&(null!==(l=t.rowIndex)&&void 0!==l?l:0)>=N;return e.jsx(v.TimeSlotComponent,{styleType:u,bgColor:m,bgColor2:h,clickable:a,$halfFill:c,$height:"fixed"===M?12*d+4*(d-1):12,onClick:()=>a&&re(r,t),children:n&&e.jsx(s.VisuallyHidden,{inert:s.inertValue(p),children:e.jsx("button",{type:"button",ref:e=>{Y.current[f]=e},"aria-disabled":!a,"aria-label":ne(r,t),onKeyDown:e=>{var l;return((e,r)=>{var t;const l=null!==(t=Z[r.date])&&void 0!==t?t:[],i=e=>{var r;e&&(null===(r=Y.current[e.key])||void 0===r||r.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const t=l.findIndex((e=>e.key===r.key));i(l[t-1]);break}case"Home":case"PageUp":e.preventDefault(),i(l[0]);break;case"End":e.preventDefault(),i(l[l.length-1]);break;case"PageDown":if(e.preventDefault(),K&&!L){E(!0);const e=[...l].reverse().find((e=>e.rowIndex<N));i(null!=e?e:l[0]);break}i(l[l.length-1])}})(e,{key:f,date:r,rowIndex:null!==(l=t.rowIndex)&&void 0!==l?l:0})},onClick:a?te(r,t):void 0})})},i)};return e.jsxs(v.Wrapper,{children:[e.jsxs(v.GridWrapper,{role:"grid",children:[e.jsx(v.HeaderCellWeekColumn,{role:"row",onBlur:ee,children:B.map(((r,l)=>{const i=(e=>{const r=e.format(W),t=ie(e),l={},i=q&&!t;t&&(l.disabled=!0),l.interactive=!!q&&i;const a=i&&O&&e.isSame(O,"day"),n=[b].includes(r);return n&&a?(l.labelType="selected-hover",l.circleLeft="selected-hover-outline",l.circleRight="selected-hover-outline"):n?(l.labelType="selected",l.circleLeft="selected-outline",l.circleRight="selected-outline"):a&&(l.labelType="hover",l.circleLeft="hover-subtle",l.circleRight="hover-subtle"),l})(r);return e.jsx(d.DayCell,Object.assign({date:r,calendarDate:t.default(b),role:"columnheader",tabIndex:i.interactive?0:-1,onSelect:()=>{((e,r)=>{!r&&q&&g(e)})(r,!i.interactive)},onHover:_,onHoverEnd:ee,onFocus:_},i),`day-${l}`)}))}),e.jsx(v.HeaderCellWeekColumn,{role:"row",children:B.map(((r,l)=>e.jsx(v.HeaderCellWeek,{role:"gridcell",children:e.jsx(v.CellWeekText,{weight:"semibold",$disabled:ie(r),children:t.default(r).format("ddd")})},`week-day-${l}`)))}),(()=>{let r=!1;const l=e=>{const l=t.default(P,"HH:mm").add(4*e*C,"minutes"),i=l.format("h"),a=l.format("mm"),n=l.format("a");let o=`${i}${"00"!==a?` ${a}`:""}`;return r||"pm"!==n||"00"!==a||(o+=` ${n}`,r=!0),o};return e.jsx(v.TimeColumn,{$height:J,"aria-hidden":!0,children:Array(Math.ceil(V/4)).fill(void 0).map(((r,t)=>e.jsx(v.TimeColumnWrapper,{children:e.jsx(v.TimeColumnText,{children:l(t)})},`time-${t}`)))})})(),e.jsx(v.Expandable,{style:Q,role:"row",children:e.jsx(v.ColumnWeekCell,{ref:G,children:B.map(((r,t)=>{const l=r.format(W),i=oe(l);return e.jsx(v.TimeSlotWrapper,{role:"gridcell",children:i.map((e=>se(l,e)))},`wrapper-${t}`)}))},`week-cell-${p.format(W)}`)})]}),(()=>{if(D&&G.current)return e.jsx(v.CollapseExpandAllWrapper,{children:e.jsxs(v.CollapseExpandAllButton,{"data-testid":"time-bar-expand-collapse-button",styleType:"light","aria-expanded":L,onClick:le,children:[e.jsx(v.ChevronIcon,{$isExpanded:L}),(L?"Hide":"Show")+" later times"]})})})()]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),r=require("@react-spring/web"),l=require("clsx"),a=require("../external/dayjs/dayjs.min.js"),i=require("../external/lodash/isEmpty.js"),n=require("../external/lodash/maxBy.js"),s=require("../external/lodash/minBy.js"),o=require("react"),d=require("../external/react-resize-detector/build/index.esm.js"),u=require("../button/button.js"),c=require("../shared/internal-calendar/day-cell/day-cell.js");require("../theme/theme-provider/index.js");var m=require("../theme/utils/css-variable.js");require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var f=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var h=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var v=require("../typography/index.js"),p=require("../util/calendar-helper.js"),x=require("../util/date-helper.js");require("../util/simple-id-generator.js");var g=require("../util/string-helper.js");require("@react-aria/live-announcer");var j=require("../util/use-mount.js"),b=require("../util/time-helper.js"),y=require("./consts.js"),T=require("./time-slot-bar-week-days.styles.js"),k=require("./time-slot-cell.js");function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=D(l);exports.TimeSlotBarWeekDays=({calendarDate:l,disabledDates:D,selectedDate:w,onSelect:M,minDate:C,maxDate:S,startTime:A,endTime:H,maxVisibleCellHeight:I,slots:N,interval:W=30,variant:$="flexible",enableSelection:L=!0,onSlotClick:O})=>{var R,E,B,Y;const P="YYYY-MM-DD",[U,G]=o.useState(!1),[_,z]=o.useState(),F=j.useIsMounted(),V=o.useRef({}),K=o.useRef(null),X=o.useMemo((()=>p.CalendarHelper.generateDaysForCurrentWeek(l)),[l]),J=Object.values(null!=N?N:{}).flat(),Q=null!==(E=null!=A?A:null===(R=s.default(J,"startTime"))||void 0===R?void 0:R.startTime)&&void 0!==E?E:"00:00",Z=null!==(Y=null!=H?H:null===(B=n.default(J,"endTime"))||void 0===B?void 0:B.endTime)&&void 0!==Y?Y:"24:00",ee=Math.ceil(x.DateHelper.getTimeDiffInMinutes(Q,Z)/W),{height:te=0,ref:re}=d.useResizeDetector(),le=!!I&&te>I,ae=void 0!==I?Math.max(1,Math.floor((I+y.SLOT_GAP)/y.ROW_HEIGHT)):0,ie=ae>0?ae*y.ROW_HEIGHT-y.SLOT_GAP:I,ne=I?!le||U?te:ie:te,se=r.useSpring({height:ne}),oe=o.useMemo((()=>{if(N){const e={};return Object.entries(N).forEach((([t,r])=>{const l=function(e){const t=Array(ee).fill({});return e.forEach((e=>{const r=Math.max(0,x.DateHelper.getTimeDiffInMinutes(Q,e.startTime)/W),l=Math.min(ee,x.DateHelper.getTimeDiffInMinutes(Q,e.endTime)/W),a=Math.ceil(l)-Math.floor(r);switch($){case"fixed":t[Math.floor(r)]=Object.assign(Object.assign({},e),{isActualSlot:!0,rowIndex:Math.floor(r),cellLength:l-r});break;case"flexible":for(let n=0;n<a;n++){const s=x.DateHelper.addMinutesToTime(Q,Math.floor(r+n)*W),o=x.DateHelper.addMinutesToTime(s,W);let d;d=i.default(t[Math.floor(r+n)])?0===n&&r%1!=0?"top":n===a-1&&l%1!=0?"bottom":"default":"default",t[Math.floor(r+n)]=Object.assign(Object.assign({},e),{id:`${e.id}-${n}`,startTime:s,endTime:o,isActualSlot:!0,rowIndex:Math.floor(r+n),cellLength:1,halfFill:d})}}})),t}(r);e[t]=function(e){var t,r,l,a;let n=0;switch($){case"fixed":for(e=e.reduce(((e,t)=>{const r=e.length>0?e[e.length-1]:e[0];return i.default(t)&&i.default(r)?e:[...e,t]}),[{}]);n<e.length;){if(i.default(e[n])){const i=null!==(r=null===(t=e[n-1])||void 0===t?void 0:t.endTime)&&void 0!==r?r:Q,s=null!==(a=null===(l=e[n+1])||void 0===l?void 0:l.startTime)&&void 0!==a?a:Z;if(i!==s){const t=x.DateHelper.getTimeDiffInMinutes(i,s)/W;e[n]=Object.assign(Object.assign({},xe(n)),{startTime:i,endTime:s,cellLength:t})}}n++}break;case"flexible":for(;n<e.length;)i.default(e[n])?(e[n]=xe(n),n++):n+=e[n].cellLength}return e.filter((e=>!i.default(e)&&e.cellLength>0))}(l)})),e}return{}}),[N]),de=o.useMemo((()=>X.reduce(((e,t)=>{const r=t.format(P);return e[r]=je(r).filter((e=>!!e.isActualSlot&&void 0!==e.rowIndex)).map((e=>({key:`${r}-${e.id}`,date:r,rowIndex:e.rowIndex}))).sort(((e,t)=>e.rowIndex-t.rowIndex)),e}),{})),[X,oe]);h.useApplyStyle(K,{[T.tokens.timeColumn.height]:m.formatUnitValue(ne,"px")});const ue=e=>{z(e)},ce=()=>{z(void 0)},me=(e,t)=>{null==O||O(e,t)},fe=(e,t)=>r=>{r.stopPropagation(),me(e,t)},he=e=>{e.preventDefault(),G((e=>!e))},ve=(e,t)=>{var r;const l=null!==(r=de[t.date])&&void 0!==r?r:[],a=e=>{var t;e&&(null===(t=V.current[e.key])||void 0===t||t.focus())};switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const r=l.findIndex((e=>e.key===t.key));a(l[r+1]);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const r=l.findIndex((e=>e.key===t.key));a(l[r-1]);break}case"Home":case"PageUp":e.preventDefault(),a(l[0]);break;case"End":e.preventDefault(),a(l[l.length-1]);break;case"PageDown":if(e.preventDefault(),le&&!U){G(!0);const e=[...l].reverse().find((e=>e.rowIndex<ae));a(null!=e?e:l[0]);break}a(l[l.length-1])}},pe=e=>{var t;const r=p.CalendarHelper.isWithinRange(e,C?a.default(C):void 0,S?a.default(S):void 0),l=null!==(t=D&&D.includes(e.format(P)))&&void 0!==t&&t;return!r||l};function xe(e,t=1){return{id:`${e.toString()}-${(new Date).getTime()}`,startTime:"",endTime:"",clickable:!1,isActualSlot:!1,styleAttributes:{backgroundColor:f.Colour["bg-stronger"]},cellLength:t}}function ge(e,t){var r;const{startTime:l,endTime:i}=t;return g.StringHelper.joinNonEmptyStrings([a.default(e).format("D MMMM YYYY dddd"),l&&i?b.TimeHelper.formatTimeRange(l,i):void 0,t.label,null===(r=t.clickable)||void 0===r||r?"Available":"Unavailable"])}function je(e){var t;return null!==(t=oe[e])&&void 0!==t?t:Array("flexible"===$?ee:1).fill(void 0).map(((e,t)=>xe(t,"fixed"===$?ee:void 0)))}return e.jsxs("div",{className:T.wrapper,children:[e.jsxs("div",{className:T.gridWrapper,role:"grid",children:[e.jsx("div",{className:T.headerCellWeekColumn,role:"row",onBlur:ce,children:X.map(((t,r)=>{const l=(e=>{const t=e.format(P),r=pe(e),l={},a=L&&!r;r&&(l.disabled=!0),l.interactive=!!L&&a;const i=a&&_&&e.isSame(_,"day"),n=[w].includes(t);return n&&i?(l.labelType="selected-hover",l.circleLeft="selected-hover-outline",l.circleRight="selected-hover-outline"):n?(l.labelType="selected",l.circleLeft="selected-outline",l.circleRight="selected-outline"):i&&(l.labelType="hover",l.circleLeft="hover-subtle",l.circleRight="hover-subtle"),l})(t);return e.jsx(c.DayCell,Object.assign({date:t,calendarDate:a.default(w),role:"columnheader",tabIndex:l.interactive?0:-1,onSelect:()=>{((e,t)=>{!t&&L&&M(e)})(t,!l.interactive)},onHover:ue,onHoverEnd:ce,onFocus:ue},l),`day-${r}`)}))}),e.jsx("div",{className:T.headerCellWeekColumn,role:"row",children:X.map(((t,r)=>e.jsx("div",{className:T.headerCellWeek,role:"gridcell",children:e.jsx(v.Typography.BodyXS,{weight:"semibold",className:q.default(pe(t)&&T.cellWeekTextDisabled),children:a.default(t).format("ddd")})},`week-day-${r}`)))}),(()=>{let t=!1;const r=e=>{const r=a.default(Q,"HH:mm").add(4*e*W,"minutes"),l=r.format("h"),i=r.format("mm"),n=r.format("a");let s=`${l}${"00"!==i?` ${i}`:""}`;return t||"pm"!==n||"00"!==i||(s+=` ${n}`,t=!0),s};return e.jsx("div",{className:T.timeColumn,ref:K,"aria-hidden":!0,children:Array(Math.ceil(ee/4)).fill(void 0).map(((t,l)=>e.jsx("div",{className:T.timeColumnWrapper,children:e.jsx("div",{className:T.timeColumnText,children:r(l)})},`time-${l}`)))})})(),e.jsx(r.animated.div,{className:T.expandable,style:F?se:void 0,role:"row",children:e.jsx("div",{className:T.columnWeekCell,ref:re,children:X.map(((t,r)=>{const l=t.format(P),a=je(l);return e.jsx("div",{className:T.timeSlotWrapper,role:"gridcell",children:a.map((t=>((t,r)=>e.jsx(k.WeekTimeSlotCell,{formattedDate:t,slot:r,variant:$,hasCollapsedContent:le,expandAll:U,visibleRowCount:ae,onSlotClick:me,getSlotAriaLabel:ge,onSlotKeyDown:ve,onSlotButtonClick:fe,slotButtonRefs:V},r.id))(l,t)))},`wrapper-${r}`)}))},`week-cell-${l.format(P)}`)})]}),(()=>{if(I&&re.current)return e.jsx("div",{className:T.collapseExpandAllWrapper,children:e.jsx(u.Button,{"data-testid":"time-bar-expand-collapse-button",styleType:"light",sizeType:"small","aria-expanded":U,onClick:he,className:T.collapseExpandAllButton,children:e.jsxs("span",{className:T.collapseExpandAllButtonContent,children:[e.jsx(t.ChevronUpIcon,{className:q.default(T.chevronIcon,U&&T.chevronIconExpanded)}),(U?"Hide":"Show")+" later times"]})})})})()]})};
 //# sourceMappingURL=time-slot-bar-week-days.js.map