@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/cjs/theme/radius/specs/spf-radius-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.SPFRadiusSet={none:0,xs:2,sm:8,md:8,lg:12,full:9999};
-//# sourceMappingURL=spf-radius-set.js.map

package/cjs/theme/radius/specs/spf-radius-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spf-radius-set.js","sources":["../../../../../src/theme/radius/specs/spf-radius-set.ts"],"sourcesContent":["import { RadiusSet } from \"../types\";\n\nexport const SPFRadiusSet: RadiusSet = {\n    none: 0,\n    xs: 2,\n    sm: 8,\n    md: 8,\n    lg: 12,\n    full: 9999,\n};\n"],"names":["none","xs","sm","md","lg","full"],"mappings":"kCAEuC,CACnCA,KAAM,EACNC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GACJC,KAAM"}

package/cjs/theme/radius/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../helpers.js"),s=require("./specs/default-radius-set.js"),u=require("./specs/spf-radius-set.js");const l={collections:{default:s.DefaultRadiusSet,spf:u.SPFRadiusSet},defaultValue:"default"},r=s=>u=>{var r;const t=u.theme,d=e.getCollection(l,null==t?void 0:t.radiusScheme);return(null===(r=null==t?void 0:t.overrides)||void 0===r?void 0:r.radius)?`${e.getValue(d,s,t.overrides.radius)}px`:`${d[s]}px`},t={none:r("none"),xs:r("xs"),sm:r("sm"),md:r("md"),lg:r("lg"),full:r("full")};exports.RadiusValues=t,exports.getRadius=r;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/theme/radius/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/radius/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { RadiusScheme } from \"../types\";\nimport { DefaultRadiusSet } from \"./specs/default-radius-set\";\nimport { SPFRadiusSet } from \"./specs/spf-radius-set\";\nimport { RadiusCollectionsMap, RadiusSet } from \"./types\";\n\nconst RadiusSpec: ThemeCollectionSpec<RadiusCollectionsMap, RadiusScheme> = {\n    collections: {\n        default: DefaultRadiusSet,\n        spf: SPFRadiusSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getRadius = (key: keyof RadiusSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const radiusSet: RadiusSet = getCollection(\n            RadiusSpec,\n            theme?.radiusScheme\n        );\n\n        if (theme?.overrides?.radius) {\n            return `${getValue(radiusSet, key, theme.overrides.radius)}px`;\n        } else {\n            return `${radiusSet[key]}px`;\n        }\n    };\n};\n\nexport const RadiusValues: {\n    [key in keyof RadiusSet]: (props: StyledComponentProps) => string;\n} = {\n    none: getRadius(\"none\"),\n    xs: getRadius(\"xs\"),\n    sm: getRadius(\"sm\"),\n    md: getRadius(\"md\"),\n    lg: getRadius(\"lg\"),\n    full: getRadius(\"full\"),\n};\n"],"names":["RadiusSpec","collections","default","DefaultRadiusSet","spf","SPFRadiusSet","defaultValue","getRadius","key","props","theme","radiusSet","getCollection","radiusScheme","_a","overrides","radius","getValue","RadiusValues","none","xs","sm","md","lg","full"],"mappings":"8HAOA,MAAMA,EAAsE,CACxEC,YAAa,CACTC,QAASC,EAAAA,iBACTC,IAAKC,EAAAA,cAETC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EAAAA,cACzBZ,EACAU,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACX,GAAGC,EAAAA,SAASN,EAAWH,EAAKE,EAAMK,UAAUC,YAE5C,GAAGL,EAAUH,MACxB,EAIKU,EAET,CACAC,KAAMZ,EAAU,QAChBa,GAAIb,EAAU,MACdc,GAAId,EAAU,MACde,GAAIf,EAAU,MACdgB,GAAIhB,EAAU,MACdiB,KAAMjB,EAAU"}

package/cjs/theme/shadow/specs/default-shadow-set.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("../../colour-primitive/theme-helper.js"),e=require("../../colour-semantic/theme-helper.js");const t=(t,x,p)=>s=>{const o=e.getSemanticColour(x)(s)||r.getPrimitiveColour(x)(s);return`${t} rgba(from ${o} r g b / ${100*p}%)`},x={"xs-subtle":t("0 0 4px 1px","neutral-50",.24),"xs-strong":t("0 0 4px 1px","neutral-50",.5),"xs-focus-strong":t("0 0 4px 1px","border-focus",.5),"xs-error-strong":t("0 0 4px 1px","border-error",.5),"sm-subtle":t("0 2px 4px 0","neutral-50",.24),"sm-strong":t("0 2px 4px 0","neutral-50",.5),"md-subtle":t("0 2px 8px 0","neutral-50",.24),"md-strong":t("0 2px 8px 0","neutral-50",.5),"lg-subtle":t("0 2px 12px 1px","neutral-50",.24),"lg-strong":t("0 2px 12px 1px","neutral-50",.5)};exports.DefaultShadowSet=x;
-//# sourceMappingURL=default-shadow-set.js.map

package/cjs/theme/shadow/specs/default-shadow-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-shadow-set.js","sources":["../../../../../src/theme/shadow/specs/default-shadow-set.ts"],"sourcesContent":["import { getPrimitiveColour } from \"../../colour-primitive/theme-helper\";\nimport { getSemanticColour } from \"../../colour-semantic/theme-helper\";\nimport { StyledComponentProps } from \"../../helpers\";\nimport { PrimitiveColourSet, SemanticColourSet } from \"../../types\";\nimport { ShadowSet } from \"../types\";\n\nconst createShadow =\n    (\n        shadowDef: string,\n        colourKey: keyof PrimitiveColourSet | keyof SemanticColourSet,\n        alpha: number\n    ) =>\n    (props: StyledComponentProps) => {\n        const color =\n            getSemanticColour(colourKey as keyof SemanticColourSet)(props) ||\n            getPrimitiveColour(colourKey as keyof PrimitiveColourSet)(props);\n        return `${shadowDef} rgba(from ${color} r g b / ${alpha * 100}%)`;\n    };\n\nexport const DefaultShadowSet: ShadowSet = {\n    \"xs-subtle\": createShadow(\"0 0 4px 1px\", \"neutral-50\", 0.24),\n    \"xs-strong\": createShadow(\"0 0 4px 1px\", \"neutral-50\", 0.5),\n    \"xs-focus-strong\": createShadow(\"0 0 4px 1px\", \"border-focus\", 0.5),\n    \"xs-error-strong\": createShadow(\"0 0 4px 1px\", \"border-error\", 0.5),\n    \"sm-subtle\": createShadow(\"0 2px 4px 0\", \"neutral-50\", 0.24),\n    \"sm-strong\": createShadow(\"0 2px 4px 0\", \"neutral-50\", 0.5),\n    \"md-subtle\": createShadow(\"0 2px 8px 0\", \"neutral-50\", 0.24),\n    \"md-strong\": createShadow(\"0 2px 8px 0\", \"neutral-50\", 0.5),\n    \"lg-subtle\": createShadow(\"0 2px 12px 1px\", \"neutral-50\", 0.24),\n    \"lg-strong\": createShadow(\"0 2px 12px 1px\", \"neutral-50\", 0.5),\n};\n"],"names":["createShadow","shadowDef","colourKey","alpha","props","color","getSemanticColour","getPrimitiveColour","DefaultShadowSet"],"mappings":"wHAMA,MAAMA,EACF,CACIC,EACAC,EACAC,IAEHC,IACG,MAAMC,EACFC,EAAAA,kBAAkBJ,EAAlBI,CAAwDF,IACxDG,qBAAmBL,EAAnBK,CAA0DH,GAC9D,MAAO,GAAGH,eAAuBI,aAAyB,IAARF,KAAe,EAG5DK,EAA8B,CACvC,YAAaR,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,kBAAmBA,EAAa,cAAe,eAAgB,IAC/D,kBAAmBA,EAAa,cAAe,eAAgB,IAC/D,YAAaA,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,YAAaA,EAAa,cAAe,aAAc,KACvD,YAAaA,EAAa,cAAe,aAAc,IACvD,YAAaA,EAAa,iBAAkB,aAAc,KAC1D,YAAaA,EAAa,iBAAkB,aAAc"}

package/cjs/theme/shadow/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var s=require("../helpers.js");const e={collections:{default:require("./specs/default-shadow-set.js").DefaultShadowSet},defaultValue:"default"},t=t=>o=>{var r;const l=o.theme,u=s.getCollection(e,null==l?void 0:l.shadowScheme),n=(null===(r=null==l?void 0:l.overrides)||void 0===r?void 0:r.shadow)?s.getValue(u,t,l.overrides.shadow):u[t];return"function"==typeof n?n(o):n},o={"xs-subtle":t("xs-subtle"),"xs-strong":t("xs-strong"),"xs-focus-strong":t("xs-focus-strong"),"xs-error-strong":t("xs-error-strong"),"sm-subtle":t("sm-subtle"),"sm-strong":t("sm-strong"),"md-subtle":t("md-subtle"),"md-strong":t("md-strong"),"lg-subtle":t("lg-subtle"),"lg-strong":t("lg-strong")};exports.ShadowValues=o,exports.getShadow=t;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/theme/shadow/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/shadow/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ShadowScheme } from \"../types\";\nimport { DefaultShadowSet } from \"./specs/default-shadow-set\";\nimport { ShadowCollectionsMap, ShadowSet } from \"./types\";\n\nconst ShadowSpec: ThemeCollectionSpec<ShadowCollectionsMap, ShadowScheme> = {\n    collections: {\n        default: DefaultShadowSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getShadow = (key: keyof ShadowSet) => {\n    return (props: StyledComponentProps): CSSProp => {\n        const theme = props.theme;\n        const shadowSet: ShadowSet = getCollection(\n            ShadowSpec,\n            theme?.shadowScheme\n        );\n\n        const shadowValue = theme?.overrides?.shadow\n            ? getValue(shadowSet, key, theme.overrides.shadow)\n            : shadowSet[key];\n\n        // If function, resolve with props\n        if (typeof shadowValue === \"function\") {\n            return shadowValue(props);\n        }\n\n        return shadowValue;\n    };\n};\n\nexport const ShadowValues: {\n    [key in keyof ShadowSet]: (props: StyledComponentProps) => CSSProp;\n} = {\n    \"xs-subtle\": getShadow(\"xs-subtle\"),\n    \"xs-strong\": getShadow(\"xs-strong\"),\n    \"xs-focus-strong\": getShadow(\"xs-focus-strong\"),\n    \"xs-error-strong\": getShadow(\"xs-error-strong\"),\n    \"sm-subtle\": getShadow(\"sm-subtle\"),\n    \"sm-strong\": getShadow(\"sm-strong\"),\n    \"md-subtle\": getShadow(\"md-subtle\"),\n    \"md-strong\": getShadow(\"md-strong\"),\n    \"lg-subtle\": getShadow(\"lg-subtle\"),\n    \"lg-strong\": getShadow(\"lg-strong\"),\n};\n"],"names":["ShadowSpec","collections","default","DefaultShadowSet","defaultValue","getShadow","key","props","theme","shadowSet","getCollection","shadowScheme","shadowValue","_a","overrides","shadow","getValue","ShadowValues"],"mappings":"4CAOA,MAAMA,EAAsE,CACxEC,YAAa,CACTC,iDAASC,kBAEbC,aAAc,WAGLC,EAAaC,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EAAAA,cACzBV,EACAQ,aAAK,EAALA,EAAOG,cAGLC,GAA8B,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAChCC,EAAAA,SAASP,EAAWH,EAAKE,EAAMM,UAAUC,QACzCN,EAAUH,GAGhB,MAA2B,mBAAhBM,EACAA,EAAYL,GAGhBK,CAAW,EAIbK,EAET,CACA,YAAaZ,EAAU,aACvB,YAAaA,EAAU,aACvB,kBAAmBA,EAAU,mBAC7B,kBAAmBA,EAAU,mBAC7B,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU,aACvB,YAAaA,EAAU"}

package/cjs/theme/spacing/specs/default-spacing-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.DefaultSpacingSet={"spacing-0":0,"spacing-4":4,"spacing-8":8,"spacing-12":12,"spacing-16":16,"spacing-20":20,"spacing-24":24,"spacing-32":32,"spacing-40":40,"spacing-48":48,"spacing-64":64,"spacing-72":72,"layout-xs":8,"layout-sm":16,"layout-md":24,"layout-lg":32,"layout-xl":48,"layout-xxl":64,"layout-xxxl":128};
-//# sourceMappingURL=default-spacing-set.js.map

package/cjs/theme/spacing/specs/default-spacing-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-spacing-set.js","sources":["../../../../../src/theme/spacing/specs/default-spacing-set.ts"],"sourcesContent":["import { SpacingSet } from \"../types\";\n\nexport const DefaultSpacingSet: SpacingSet = {\n    \"spacing-0\": 0,\n    \"spacing-4\": 4,\n    \"spacing-8\": 8,\n    \"spacing-12\": 12,\n    \"spacing-16\": 16,\n    \"spacing-20\": 20,\n    \"spacing-24\": 24,\n    \"spacing-32\": 32,\n    \"spacing-40\": 40,\n    \"spacing-48\": 48,\n    \"spacing-64\": 64,\n    \"spacing-72\": 72,\n\n    \"layout-xs\": 8,\n    \"layout-sm\": 16,\n    \"layout-md\": 24,\n    \"layout-lg\": 32,\n    \"layout-xl\": 48,\n    \"layout-xxl\": 64,\n    \"layout-xxxl\": 128,\n};\n"],"names":[],"mappings":"uCAE6C,CACzC,YAAa,EACb,YAAa,EACb,YAAa,EACb,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GACd,aAAc,GAEd,YAAa,EACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,aAAc,GACd,cAAe"}

package/cjs/theme/spacing/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var a=require("../helpers.js");const s={collections:{default:require("./specs/default-spacing-set.js").DefaultSpacingSet},defaultValue:"default"},i=i=>l=>{var c;const n=l.theme,p=a.getCollection(s,null==n?void 0:n.spacingScheme);return(null===(c=null==n?void 0:n.overrides)||void 0===c?void 0:c.spacing)?`${a.getValue(p,i,n.overrides.spacing)}px`:`${p[i]}px`},l={"spacing-0":i("spacing-0"),"spacing-4":i("spacing-4"),"spacing-8":i("spacing-8"),"spacing-12":i("spacing-12"),"spacing-16":i("spacing-16"),"spacing-20":i("spacing-20"),"spacing-24":i("spacing-24"),"spacing-32":i("spacing-32"),"spacing-40":i("spacing-40"),"spacing-48":i("spacing-48"),"spacing-64":i("spacing-64"),"spacing-72":i("spacing-72"),"layout-xs":i("layout-xs"),"layout-sm":i("layout-sm"),"layout-md":i("layout-md"),"layout-lg":i("layout-lg"),"layout-xl":i("layout-xl"),"layout-xxl":i("layout-xxl"),"layout-xxxl":i("layout-xxxl")};exports.SpacingValues=l,exports.getSpace=i;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/theme/spacing/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/spacing/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { SpacingScheme } from \"../types\";\nimport { DefaultSpacingSet } from \"./specs/default-spacing-set\";\nimport { SpacingCollectionsMap, SpacingSet } from \"./types\";\n\nconst SpacingSpec: ThemeCollectionSpec<SpacingCollectionsMap, SpacingScheme> = {\n    collections: {\n        default: DefaultSpacingSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getSpace = (key: keyof SpacingSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const spacingSet: SpacingSet = getCollection(\n            SpacingSpec,\n            theme?.spacingScheme\n        );\n\n        if (theme?.overrides?.spacing) {\n            return `${getValue(spacingSet, key, theme.overrides.spacing)}px`;\n        } else {\n            return `${spacingSet[key]}px`;\n        }\n    };\n};\n\nexport const SpacingValues: {\n    [key in keyof SpacingSet]: (props: StyledComponentProps) => string;\n} = {\n    \"spacing-0\": getSpace(\"spacing-0\"),\n    \"spacing-4\": getSpace(\"spacing-4\"),\n    \"spacing-8\": getSpace(\"spacing-8\"),\n    \"spacing-12\": getSpace(\"spacing-12\"),\n    \"spacing-16\": getSpace(\"spacing-16\"),\n    \"spacing-20\": getSpace(\"spacing-20\"),\n    \"spacing-24\": getSpace(\"spacing-24\"),\n    \"spacing-32\": getSpace(\"spacing-32\"),\n    \"spacing-40\": getSpace(\"spacing-40\"),\n    \"spacing-48\": getSpace(\"spacing-48\"),\n    \"spacing-64\": getSpace(\"spacing-64\"),\n    \"spacing-72\": getSpace(\"spacing-72\"),\n\n    \"layout-xs\": getSpace(\"layout-xs\"),\n    \"layout-sm\": getSpace(\"layout-sm\"),\n    \"layout-md\": getSpace(\"layout-md\"),\n    \"layout-lg\": getSpace(\"layout-lg\"),\n    \"layout-xl\": getSpace(\"layout-xl\"),\n    \"layout-xxl\": getSpace(\"layout-xxl\"),\n    \"layout-xxxl\": getSpace(\"layout-xxxl\"),\n};\n"],"names":["SpacingSpec","collections","default","DefaultSpacingSet","defaultValue","getSpace","key","props","theme","spacingSet","getCollection","spacingScheme","_a","overrides","spacing","getValue","SpacingValues"],"mappings":"4CAMA,MAAMA,EAAyE,CAC3EC,YAAa,CACTC,kDAASC,mBAEbC,aAAc,WAGLC,EAAYC,GACbC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAyBC,EAAAA,cAC3BV,EACAQ,aAAK,EAALA,EAAOG,eAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SACX,GAAGC,EAAAA,SAASN,EAAYH,EAAKE,EAAMK,UAAUC,aAE7C,GAAGL,EAAWH,MACzB,EAIKU,EAET,CACA,YAAaX,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cACvB,aAAcA,EAAS,cAEvB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,YAAaA,EAAS,aACtB,aAAcA,EAAS,cACvB,cAAeA,EAAS"}

package/cjs/theme/use-theme-mode.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),o=require("styled-components");exports.createThemeWithColourMode=(e,o)=>Object.assign(Object.assign({},e),{colourMode:o}),exports.getSystemColourMode=()=>"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",exports.useDSTheme=()=>{const t=e.useContext(o.ThemeContext);return t?{colourMode:t.colourMode||"light",theme:t}:(console.warn("useDSTheme must be used within a DSThemeProvider or ThemeProvider"),{colourMode:"light",theme:null})};
-//# sourceMappingURL=use-theme-mode.js.map

package/cjs/theme/use-theme-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-theme-mode.js","sources":["../../../src/theme/use-theme-mode.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { ColourMode, DSTheme, ThemeSpec } from \"./types\";\n\n// Hook to access the current theme mode and theme object\nexport const useDSTheme = (): DSTheme => {\n    const theme = useContext(ThemeContext) as ThemeSpec;\n\n    if (!theme) {\n        console.warn(\n            \"useDSTheme must be used within a DSThemeProvider or ThemeProvider\"\n        );\n        return {\n            colourMode: \"light\",\n            theme: null,\n        };\n    }\n\n    return {\n        colourMode: theme.colourMode || \"light\",\n        theme,\n    };\n};\n\n// =============================================================================\n// THEME UTILITIES\n// =============================================================================\n\n// Utility function to detect system color scheme preference\nexport const getSystemColourMode = (): ColourMode => {\n    if (typeof window !== \"undefined\" && window.matchMedia) {\n        return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n            ? \"dark\"\n            : \"light\";\n    }\n    return \"light\";\n};\n\n// Utility function to create a theme with a specific color mode\nexport const createThemeWithColourMode = (\n    baseTheme: ThemeSpec,\n    colourMode: ColourMode\n): ThemeSpec => ({\n    ...baseTheme,\n    colourMode,\n});\n"],"names":["baseTheme","colourMode","Object","assign","window","matchMedia","matches","theme","useContext","ThemeContext","console","warn"],"mappings":"qGAuCyC,CACrCA,EACAC,IACYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACTH,GAAS,CACZC,2CAf+B,IACT,oBAAXG,QAA0BA,OAAOC,YACjCD,OAAOC,WAAW,gCAAgCC,QACnD,OAGH,2BA9Be,KACtB,MAAMC,EAAQC,EAAAA,WAAWC,gBAEzB,OAAKF,EAUE,CACHN,WAAYM,EAAMN,YAAc,QAChCM,UAXAG,QAAQC,KACJ,qEAEG,CACHV,WAAY,QACZM,MAAO,MAOd"}

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

@@ -1,100 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons"),t=require("@react-spring/web"),o=require("styled-components"),i=require("../button/button.js"),r=require("../theme/index.js"),l=require("../time-slot-bar/time-slot-bar.styles.js"),n=require("../typography/typography.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(o);const p=s.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    user-select: none;
-    margin-bottom: ${r.Spacing["spacing-8"]};
-    flex: 1;
-`,d=s.default(n.Typography.BodyXS)`
-    ${e=>e.$disabled&&o.css`
-            color: ${r.Colour["text-disabled-subtlest"]};
-        `}
-`,g=s.default.div`
-    grid-column: 2 / -1;
-    display: flex;
-`,u=s.default.div`
-    width: 100%;
-`,c=s.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: auto repeat(7, 1fr);
-    column-gap: ${r.Spacing["spacing-4"]};
-`,$=t.animated(s.default.div`
-    grid-column: 2 / -1;
-    overflow: hidden;
-`),x=s.default.div`
-    display: flex;
-    gap: ${r.Spacing["spacing-4"]};
-    transition: all ${r.Motion["duration-250"]} ${r.Motion["ease-default"]};
-    overflow: hidden;
-`,f=s.default.div`
-    display: flex;
-    flex-direction: column;
-    grid-row: 3 / auto;
-    gap: ${r.Spacing["spacing-4"]};
-    width: 1.375rem;
-    transition: all ${r.Motion["duration-250"]} ${r.Motion["ease-default"]};
-    overflow: hidden;
-
-    ${e=>e.$height&&`height: ${e.$height}px;`}
-`,h=s.default.div`
-    min-height: 60px;
-    &:last-child {
-        min-height: 0;
-    }
-`,m=s.default.div`
-    ${r.Font["body-xs-bold"]}
-    color: ${r.Colour["text-subtler"]};
-    text-align: center;
-    line-height: 12px; // align with cell on the same row
-    &:first-line {
-        font-size: ${r.Font.Spec["body-size-sm"]};
-    }
-`,b=s.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    gap: ${r.Spacing["spacing-4"]};
-`,C=s.default.div`
-    display: flex;
-    margin-top: ${r.Spacing["spacing-8"]};
-`,y=s.default(i.Button.Small)`
-    width: 100%;
-    height: 2.5rem;
-    span {
-        display: flex;
-        align-items: center;
-        gap: ${r.Spacing["spacing-8"]};
-    }
-`,v=s.default(e.ChevronUpIcon)`
-    transform: rotate(${e=>e.$isExpanded?0:180}deg);
-    transition: transform ${r.Motion["duration-250"]} ${r.Motion["ease-default"]};
-`,w=s.default(l.TimeSlot)`
-    ${e=>{if("vertical"===e.$type)return o.css`
-                position: relative;
-                max-width: 200px;
-                height: ${e.$height}px;
-                min-height: ${e.$height}px;
-                margin: 0;
-                border-radius: ${r.Radius.xs};
-            `}}
-
-    &:focus-within {
-        outline: 2px solid ${r.Colour["focus-ring"]};
-        outline-offset: -2px;
-    }
-
-    ${e=>e.$halfFill?o.css`
-                background: linear-gradient(
-                        to ${e.$halfFill},
-                        ${"stripes"===e.$styleType?"transparent":e.$bgColor}
-                            50%,
-                        ${r.Colour["bg-strongest"]} 0%
-                    )
-                    ${"stripes"===e.$styleType&&`, repeating-linear-gradient(\n                            135deg,\n                            ${e.$bgColor2||r.Colour["bg-strongest"]} 0px,\n                            ${e.$bgColor2||r.Colour["bg-strongest"]} 10px,\n                            ${e.$bgColor||r.Colour["bg-stronger"]} 10px,\n                            ${e.$bgColor||r.Colour["bg-stronger"]} 20px\n                        )`};
-            `:o.css`
-                background-color: ${e.$bgColor};
-            `}
-`;exports.CellWeekText=d,exports.ChevronIcon=v,exports.CollapseExpandAllButton=y,exports.CollapseExpandAllWrapper=C,exports.ColumnWeekCell=x,exports.Expandable=$,exports.GridWrapper=c,exports.HeaderCellWeek=p,exports.HeaderCellWeekColumn=g,exports.TimeColumn=f,exports.TimeColumnText=m,exports.TimeColumnWrapper=h,exports.TimeSlotComponent=w,exports.TimeSlotWrapper=b,exports.Wrapper=u;
-//# sourceMappingURL=time-slot-bar-week-days.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../button\";\nimport { Colour, Font, Motion, Radius, Spacing } from \"../theme\";\nimport {\n    TimeSlot,\n    TimeSlotStyleProps,\n} from \"../time-slot-bar/time-slot-bar.styles\";\nimport { Typography } from \"../typography\";\n\ninterface TimeSlotCellProps extends TimeSlotStyleProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const GridWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 60px;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${Font[\"body-xs-bold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    display: flex;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    ${(props) => {\n        if (props.$type === \"vertical\") {\n            return css`\n                position: relative;\n                max-width: 200px;\n                height: ${props.$height}px;\n                min-height: ${props.$height}px;\n                margin: 0;\n                border-radius: ${Radius[\"xs\"]};\n            `;\n        }\n    }}\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.$bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.$styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.$bgColor}\n                            50%,\n                        ${Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.$styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.$bgColor2 || Colour[\"bg-strongest\"]} 0px,\n                            ${props.$bgColor2 || Colour[\"bg-strongest\"]} 10px,\n                            ${props.$bgColor || Colour[\"bg-stronger\"]} 10px,\n                            ${props.$bgColor || Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","Colour","HeaderCellWeekColumn","Wrapper","GridWrapper","Expandable","animated","ColumnWeekCell","Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","$type","Radius","$halfFill","$styleType","$bgColor","$bgColor2"],"mappings":"kWA4BO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;qBAMnBC,EAAAA,QAAQ;;EAIhBC,EAAeH,EAAAA,QAAOI,aAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,KAAG;qBACUC,EAAAA,OAAO;;EAIfC,EAAuBV,EAAAA,QAAOC,GAAG;;;EAKjCU,EAAUX,EAAAA,QAAOC,GAAG;;EAIpBW,EAAcZ,EAAAA,QAAOC,GAAG;;;;kBAInBC,EAAAA,QAAQ;EAGbW,EAAaC,EAAAA,SAASd,EAAAA,QAAOC,GAAG;;;GAKhCc,EAAiBf,EAAAA,QAAOC,GAAG;;WAE7BC,EAAAA,QAAQ;sBACGc,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;EAI1CC,EAAajB,EAAAA,QAAOC,GAAyB;;;;WAI/CC,EAAAA,QAAQ;;sBAEGc,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;;MAGhDV,GAAUA,EAAMY,SAAW,WAAWZ,EAAMY;EAGtCC,EAAoBnB,EAAAA,QAAOC,GAAG;;;;;EAO9BmB,EAAiBpB,EAAAA,QAAOC,GAAG;MAClCoB,EAAAA,KAAK;aACEZ,EAAAA,OAAO;;;;qBAICY,EAAAA,KAAKC,KAAK;;EAIlBC,EAAkBvB,EAAAA,QAAOC,GAAG;;;;WAI9BC,EAAAA,QAAQ;EAGNsB,EAA2BxB,EAAAA,QAAOC,GAAG;;kBAEhCC,EAAAA,QAAQ;EAGbuB,EAA0BzB,EAAAA,QAAO0B,SAAOC,MAAM;;;;;;eAM5CzB,EAAAA,QAAQ;;EAIV0B,EAAc5B,EAAAA,QAAO6B,EAAAA,cAAqC;wBAC9CvB,GAAWA,EAAMwB,YAAc,EAAI;4BAChCd,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;EAGhDe,EAAoB/B,EAAAA,QAAOgC,EAAAA,SAA4B;MAC7D1B,IACC,GAAoB,aAAhBA,EAAM2B,MACN,OAAOzB,KAAG;;;0BAGIF,EAAMY;8BACFZ,EAAMY;;iCAEHgB,EAAAA,OAAW;aAEpC;;;6BAIqBzB,EAAAA,OAAO;;;;MAI7BH,GACMA,EAAM6B,UAKA3B,KAAG;;6BAEOF,EAAM6B;0BACY,YAArB7B,EAAM8B,WACE,cACA9B,EAAM+B;;0BAEd5B,EAAAA,OAAO;;sBAEU,YAArBH,EAAM8B,YACR,kGAEU9B,EAAMgC,WAAa7B,EAAAA,OAAO,qDAC1BH,EAAMgC,WAAa7B,EAAAA,OAAO,sDAC1BH,EAAM+B,UAAY5B,EAAAA,OAAO,qDACzBH,EAAM+B,UAAY5B,EAAAA,OAAO;cAnBpCD,KAAG;oCACcF,EAAM+B;;"}

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

@@ -1,10 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=r(e).default.div`
-    --header-bottom-spacing: 0.5rem;
-
-    ${t.MediaQuery.MaxWidth.sm} {
-        --header-horizontal-inset: 1.25rem;
-    }
-
-    min-width: 18.5rem;
-`;exports.Wrapper=i;
-//# sourceMappingURL=time-slot-bar-week.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { MediaQuery } from \"../theme\";\n\nexport const Wrapper = styled.div`\n    --header-bottom-spacing: 0.5rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        --header-horizontal-inset: 1.25rem;\n    }\n\n    min-width: 18.5rem;\n`;\n"],"names":["Wrapper","styled","div","MediaQuery","MaxWidth","sm"],"mappings":"uJAGO,MAAMA,OAAUC,QAAOC,GAAG;;;MAG3BC,EAAAA,WAAWC,SAASC;;;;;"}

package/cjs/time-slot-week-view/time-slot-week-days.style.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../theme/index.js"),l=require("../time-slot-bar/time-slot-bar.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const r=i.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-    margin-bottom: 0.188rem;
-`,d=i.default.div`
-    grid-column: 1 / -1;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,s=i.default.div`
-    ${t.Font["body-xs-semibold"]}
-    color:${t.Colour.text};
-
-    ${l=>l.$disabled&&e.css`
-            color: ${t.Colour["text-disabled-subtlest"]};
-        `};
-`,n=i.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,a=i.default.div`
-    grid-column: 1 / -1;
-    display: flex;
-    min-height: 7.625rem;
-`,u=i.default.div`
-    ${t.Font["body-xs-semibold"]}
-    margin: 1rem 0rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    max-width: 2.5rem;
-    color: ${t.Colour.text};
-    span {
-        display: block;
-    }
-`,m=i.default(l.TimeSlot)`
-    position: relative;
-
-    &:focus-within {
-        outline: 2px solid ${t.Colour["focus-ring"]};
-        outline-offset: 2px;
-        z-index: 1;
-    }
-`,p=i.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin: 1px;
-`;exports.ColumnWeekCell=a,exports.DayLabel=s,exports.HeaderCellWeek=r,exports.HeaderRow=d,exports.TimeSlotComponent=m,exports.TimeSlotText=u,exports.TimeSlotWrapper=p,exports.Wrapper=n;
-//# sourceMappingURL=time-slot-week-days.style.js.map

package/cjs/time-slot-week-view/time-slot-week-days.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-week-days.style.js","sources":["../../../src/time-slot-week-view/time-slot-week-days.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font } from \"../theme\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    margin-bottom: 0.188rem;\n`;\n\nexport const HeaderRow = styled.div`\n    grid-column: 1 / -1;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const DayLabel = styled.div<LabelStyleProps>`\n    ${Font[\"body-xs-semibold\"]}\n    color:${Colour[\"text\"]};\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${Colour[\"text-disabled-subtlest\"]};\n        `};\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const ColumnWeekCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n    min-height: 7.625rem;\n`;\n\nexport const TimeSlotText = styled.div`\n    ${Font[\"body-xs-semibold\"]}\n    margin: 1rem 0rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    max-width: 2.5rem;\n    color: ${Colour.text};\n    span {\n        display: block;\n    }\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)`\n    position: relative;\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: 2px;\n        z-index: 1;\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1px;\n`;\n"],"names":["HeaderCellWeek","styled","div","HeaderRow","DayLabel","Font","Colour","props","$disabled","css","Wrapper","ColumnWeekCell","TimeSlotText","text","TimeSlotComponent","TimeSlot","TimeSlotWrapper"],"mappings":"wNAcO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;;EAS3BC,EAAYF,EAAAA,QAAOC,GAAG;;;;EAMtBE,EAAWH,EAAAA,QAAOC,GAAoB;MAC7CG,EAAAA,KAAK;YACCC,EAAAA,OAAa;;MAElBC,GACCA,EAAMC,WACNC,KAAG;qBACUH,EAAAA,OAAO;;EAIfI,EAAUT,EAAAA,QAAOC,GAAG;;;;EAMpBS,EAAiBV,EAAAA,QAAOC,GAAG;;;;EAM3BU,EAAeX,EAAAA,QAAOC,GAAG;MAChCG,EAAAA,KAAK;;;;;;;aAOEC,EAAAA,OAAOO;;;;EAMPC,EAAoBb,EAAAA,QAAOc,EAAAA,SAAS;;;;6BAIpBT,EAAAA,OAAO;;;;EAMvBU,EAAkBf,EAAAA,QAAOC,GAAG;;;;;"}

package/cjs/timeline/timeline.style.js

@@ -1,100 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../pill/pill.js"),o=require("../theme/index.js"),i=require("../typography/typography.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var n=t(r);const l=n.default.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 100%;
-
-    ${e=>{switch(e.$variant){case"current":return r.css`
-                    background-color: ${o.Colour["icon-primary-subtle"]};
-                `;case"upcoming-active":return r.css`
-                    border: 4px solid ${o.Colour["icon-primary-subtle"]};
-                `;case"upcoming-inactive":return r.css`
-                    border: 4px solid ${o.Colour["icon-subtle"]};
-                `;case"disabled":return r.css`
-                    background-color: ${o.Colour["icon-disabled-subtle"]};
-                `;case"completed":return r.css`
-                    background-color: ${o.Colour["icon-success"]};
-                    svg {
-                        color: ${o.Colour["icon-inverse"]};
-                    }
-                `;case"numeric":return r.css`
-                    background-color: ${o.Colour["icon-info"]};
-                    color: ${o.Colour["text-inverse"]};
-                    font-size: ${o.Font["body-sm-bold"]};
-                `;case"error":return r.css`
-                    width: 1.8rem;
-                    height: 1.8rem;
-                    margin: -0.15rem 0 -0.15rem -0.15rem;
-
-                    svg {
-                        color: ${o.Colour["icon-error"]};
-                        height: 100%;
-                        width: 100%;
-                    }
-                `}}}
-`,c=n.default.div`
-    width: 4px;
-    flex-grow: 1;
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-    border-radius: ${o.Radius.full};
-
-    ${e=>{switch(e.$variant){case"current":case"upcoming-active":return r.css`
-                    background-color: ${o.Colour["icon-primary-subtle"]};
-                `;case"upcoming-inactive":return r.css`
-                    background-color: ${o.Colour["icon-subtle"]};
-                `;case"disabled":return r.css`
-                    background-color: ${o.Colour["icon-disabled-subtle"]};
-                `;case"completed":return r.css`
-                    background-color: ${o.Colour["icon-success"]};
-                `;case"numeric":return r.css`
-                    background-color: ${o.Colour["icon-info"]};
-                `;case"error":return r.css`
-                    margin-left: -0.15rem;
-                    background-color: ${o.Colour["icon-error"]};
-                `}}}
-`,s=n.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-right: 1rem;
-`,a=n.default.div`
-    grid-column: ${r=>r.$startCol?r.$startCol:3} / span
-        ${r=>r.$colSpan?r.$colSpan:8};
-
-    ${o.MediaQuery.MaxWidth.lg} {
-        grid-column: span 8;
-    }
-
-    ${o.MediaQuery.MaxWidth.sm} {
-        grid-column: span 8;
-    }
-`,u=n.default(i.Typography.HeadingSM)`
-    margin-bottom: 1rem;
-
-    ${o.MediaQuery.MaxWidth.lg} {
-        margin-bottom: 1.5rem;
-    }
-`,d=n.default(i.Typography.HeadingXS)`
-    margin-top: -0.125rem;
-    margin-bottom: 0.5rem;
-`,m=n.default.div`
-    display: flex;
-
-    &:last-of-type ${c} {
-        margin-bottom: 0;
-    }
-`,p=n.default.div`
-    margin-bottom: 2rem;
-    width: 100%;
-`,g=n.default.div`
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 0.5rem;
-    gap: 0.5rem;
-`,b=n.default(e.Pill)`
-    padding: 0.125rem 0.5rem;
-`;exports.CircleIndicator=l,exports.LineIndicator=c,exports.TimelineIndicators=s,exports.TimelineItem=m,exports.TimelineItemContent=p,exports.TimelineItemTitle=d,exports.TimelinePill=b,exports.TimelinePills=g,exports.TimelineTitle=u,exports.TimelineWrapper=a;
-//# sourceMappingURL=timeline.style.js.map

package/cjs/timeline/timeline.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline.style.js","sources":["../../../src/timeline/timeline.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Pill } from \"../pill\";\nimport { Colour, Font, MediaQuery, Radius } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport { Variant } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface TimelineWrapperStyleProps {\n    $startCol?: number | undefined;\n    $colSpan?: number | undefined;\n}\n\ninterface VariantStyleProps {\n    $variant: Variant;\n}\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\nexport const CircleIndicator = styled.div<VariantStyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1.5rem;\n    height: 1.5rem;\n    border-radius: 100%;\n\n    ${(props) => {\n        switch (props.$variant) {\n            case \"current\":\n                return css`\n                    background-color: ${Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-active\":\n                return css`\n                    border: 4px solid ${Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-inactive\":\n                return css`\n                    border: 4px solid ${Colour[\"icon-subtle\"]};\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${Colour[\"icon-disabled-subtle\"]};\n                `;\n            case \"completed\":\n                return css`\n                    background-color: ${Colour[\"icon-success\"]};\n                    svg {\n                        color: ${Colour[\"icon-inverse\"]};\n                    }\n                `;\n            case \"numeric\":\n                return css`\n                    background-color: ${Colour[\"icon-info\"]};\n                    color: ${Colour[\"text-inverse\"]};\n                    font-size: ${Font[\"body-sm-bold\"]};\n                `;\n            case \"error\":\n                return css`\n                    width: 1.8rem;\n                    height: 1.8rem;\n                    margin: -0.15rem 0 -0.15rem -0.15rem;\n\n                    svg {\n                        color: ${Colour[\"icon-error\"]};\n                        height: 100%;\n                        width: 100%;\n                    }\n                `;\n        }\n    }}\n`;\n\nexport const LineIndicator = styled.div<VariantStyleProps>`\n    width: 4px;\n    flex-grow: 1;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n    border-radius: ${Radius[\"full\"]};\n\n    ${(props) => {\n        switch (props.$variant) {\n            case \"current\":\n            case \"upcoming-active\":\n                return css`\n                    background-color: ${Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-inactive\":\n                return css`\n                    background-color: ${Colour[\"icon-subtle\"]};\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${Colour[\"icon-disabled-subtle\"]};\n                `;\n            case \"completed\":\n                return css`\n                    background-color: ${Colour[\"icon-success\"]};\n                `;\n            case \"numeric\":\n                return css`\n                    background-color: ${Colour[\"icon-info\"]};\n                `;\n            case \"error\":\n                return css`\n                    margin-left: -0.15rem;\n                    background-color: ${Colour[\"icon-error\"]};\n                `;\n        }\n    }}\n`;\n\nexport const TimelineIndicators = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-right: 1rem;\n`;\n\nexport const TimelineWrapper = styled.div<TimelineWrapperStyleProps>`\n    grid-column: ${(props) => (props.$startCol ? props.$startCol : 3)} / span\n        ${(props) => (props.$colSpan ? props.$colSpan : 8)};\n\n    ${MediaQuery.MaxWidth.lg} {\n        grid-column: span 8;\n    }\n\n    ${MediaQuery.MaxWidth.sm} {\n        grid-column: span 8;\n    }\n`;\n\nexport const TimelineTitle = styled(Typography.HeadingSM)`\n    margin-bottom: 1rem;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-bottom: 1.5rem;\n    }\n`;\n\nexport const TimelineItemTitle = styled(Typography.HeadingXS)`\n    margin-top: -0.125rem;\n    margin-bottom: 0.5rem;\n`;\n\n// default is 2-8-2 on desktop\nexport const TimelineItem = styled.div`\n    display: flex;\n\n    &:last-of-type ${LineIndicator} {\n        margin-bottom: 0;\n    }\n`;\n\nexport const TimelineItemContent = styled.div`\n    margin-bottom: 2rem;\n    width: 100%;\n`;\n\nexport const TimelinePills = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 0.5rem;\n    gap: 0.5rem;\n`;\n\nexport const TimelinePill = styled(Pill)`\n    padding: 0.125rem 0.5rem;\n`;\n"],"names":["CircleIndicator","styled","div","props","$variant","css","Colour","Font","LineIndicator","Radius","TimelineIndicators","TimelineWrapper","$startCol","$colSpan","MediaQuery","MaxWidth","lg","sm","TimelineTitle","Typography","HeadingSM","TimelineItemTitle","HeadingXS","TimelineItem","TimelineItemContent","TimelinePills","TimelinePill","Pill"],"mappings":"wOAuBO,MAAMA,EAAkBC,EAAAA,QAAOC,GAAsB;;;;;;;;MAQrDC,IACC,OAAQA,EAAMC,UACV,IAAK,UACD,OAAOC,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,kBACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,oBACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,WACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,YACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;;iCAEdA,EAAAA,OAAO;;kBAG5B,IAAK,UACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;6BAClBA,EAAAA,OAAO;iCACHC,EAAAA,KAAK;kBAE1B,IAAK,QACD,OAAOF,KAAG;;;;;;iCAMOC,EAAAA,OAAO;;;;;EAS3BE,EAAgBP,EAAAA,QAAOC,GAAsB;;;;;qBAKrCO,EAAAA,OAAa;;MAE3BN,IACC,OAAQA,EAAMC,UACV,IAAK,UACL,IAAK,kBACD,OAAOC,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,oBACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,WACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,YACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,UACD,OAAOD,KAAG;wCACcC,EAAAA,OAAO;kBAEnC,IAAK,QACD,OAAOD,KAAG;;wCAEcC,EAAAA,OAAO;;EAMlCI,EAAqBT,EAAAA,QAAOC,GAAG;;;;;EAO/BS,EAAkBV,EAAAA,QAAOC,GAA8B;mBAChDC,GAAWA,EAAMS,UAAYT,EAAMS,UAAY;UACxDT,GAAWA,EAAMU,SAAWV,EAAMU,SAAW;;MAElDC,EAAAA,WAAWC,SAASC;;;;MAIpBF,EAAAA,WAAWC,SAASE;;;EAKbC,EAAgBjB,EAAAA,QAAOkB,aAAWC,UAAU;;;MAGnDN,EAAAA,WAAWC,SAASC;;;EAKbK,EAAoBpB,EAAAA,QAAOkB,aAAWG,UAAU;;;EAMhDC,EAAetB,EAAAA,QAAOC,GAAG;;;qBAGjBM;;;EAKRgB,EAAsBvB,EAAAA,QAAOC,GAAG;;;EAKhCuB,EAAgBxB,EAAAA,QAAOC,GAAG;;;;;EAO1BwB,EAAezB,EAAAA,QAAO0B,EAAAA,KAAK;;"}

package/cjs/timetable/timetable-header/timetable-header.style.js

@@ -1,28 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../../date-navigator/date-navigator.js"),a=require("../../icon-button/icon-button.js"),r=require("../../theme/index.js"),o=require("../../typography/typography.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(t);const s=t.keyframes`
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-`,p=n.default(a.IconButton)`
-    color: ${r.Colour.icon};
-    svg {
-        ${e=>{if(e.$loading)return t.css`
-                    animation: ${s} 4s linear infinite;
-                `}}
-    }
-`,d=n.default.div`
-    display: flex;
-    padding-bottom: ${r.Spacing["spacing-16"]};
-    justify-content: space-between;
-    gap: ${r.Spacing["spacing-8"]};
-`,u=n.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: ${r.Spacing["spacing-8"]};
-`,l=n.default(o.Typography.BodySM)`
-    color: ${r.Colour["text-subtler"]};
-`,c=n.default(e.DateNavigator)`
-    width: 400px;
-`;exports.NavigationHeaderSubtitleWrapper=u,exports.NavigationHeaderWrapper=d,exports.StyledDateNavigator=c,exports.StyledRefreshButton=p,exports.StyledResultText=l;
-//# sourceMappingURL=timetable-header.style.js.map

package/cjs/timetable/timetable-header/timetable-header.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timetable-header.style.js","sources":["../../../../src/timetable/timetable-header/timetable-header.style.tsx"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport { DateNavigator } from \"../../date-navigator\";\nimport { IconButton } from \"../../icon-button\";\nimport { Colour, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\n\nconst spin = keyframes`\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n`;\n\nexport const StyledRefreshButton = styled(IconButton)<{ $loading: boolean }>`\n    color: ${Colour[\"icon\"]};\n    svg {\n        ${(props) => {\n            if (props.$loading) {\n                return css`\n                    animation: ${spin} 4s linear infinite;\n                `;\n            }\n        }}\n    }\n`;\n\nexport const NavigationHeaderWrapper = styled.div`\n    display: flex;\n    padding-bottom: ${Spacing[\"spacing-16\"]};\n    justify-content: space-between;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const NavigationHeaderSubtitleWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const StyledResultText = styled(Typography.BodySM)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n\nexport const StyledDateNavigator = styled(DateNavigator)`\n    width: 400px;\n`;\n"],"names":["spin","keyframes","StyledRefreshButton","styled","IconButton","Colour","props","$loading","css","NavigationHeaderWrapper","div","Spacing","NavigationHeaderSubtitleWrapper","StyledResultText","Typography","BodySM","StyledDateNavigator","DateNavigator"],"mappings":"mTAMA,MAAMA,EAAOC,EAAAA,SAAS;;;;;EAOTC,EAAsBC,EAAAA,QAAOC,EAAAA,WAAkC;aAC/DC,EAAAA,OAAa;;UAEfC,IACC,GAAIA,EAAMC,SACN,OAAOC,KAAG;iCACOR;iBAErB;;EAKCS,EAA0BN,EAAAA,QAAOO,GAAG;;sBAE3BC,EAAAA,QAAQ;;WAEnBA,EAAAA,QAAQ;EAGNC,EAAkCT,EAAAA,QAAOO,GAAG;;;;WAI9CC,EAAAA,QAAQ;EAGNE,EAAmBV,EAAAA,QAAOW,aAAWC,OAAO;aAC5CV,EAAAA,OAAO;EAGPW,EAAsBb,EAAAA,QAAOc,EAAAA,cAAc;;"}

package/cjs/timetable/timetable-row/row-bar.style.js

@@ -1,5 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=e(require("styled-components")).default.div`
-    display: flex;
-    width: 100%;
-`;exports.RowCellContainer=t;
-//# sourceMappingURL=row-bar.style.js.map

package/cjs/timetable/timetable-row/row-bar.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-bar.style.js","sources":["../../../../src/timetable/timetable-row/row-bar.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const RowCellContainer = styled.div`\n    display: flex;\n    width: 100%;\n`;\n"],"names":["RowCellContainer","styled","div"],"mappings":"qFAEO,MAAMA,kCAAmBC,QAAOC,GAAG;;;"}

package/cjs/timetable/timetable-row/row-cell.style.js

@@ -1,52 +0,0 @@
-"use strict";var o=require("styled-components"),e=require("../../theme/index.js"),r=require("../../typography/typography.js");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=l(o);const i=t.default.div`
-    border-bottom: ${e.Border["width-010"]} ${e.Border.solid} ${e.Colour.border};
-    ${r=>{if(r.$isOnTheHour)return o.css`
-                box-shadow: inset -0.5px 0px ${e.Colour["border-primary"]};
-            `}}
-`,a=t.default.div`
-    display: flex;
-    margin-bottom: 2px;
-    height: 65px;
-`,d=t.default.div`
-    width: 2px;
-    height: 100%;
-`,s=t.default.div`
-    height: 100%;
-    width: ${({$width:o})=>`${o}px`};
-    border-radius: ${e.Radius.sm};
-    box-sizing: border-box;
-    padding: ${e.Spacing["spacing-4"]};
-    ${({$status:r,$mainColor:l,$isClickable:t,$altColor:i,$customMainColor:a,$customAltColor:d,$customHoverColor:s,$customAltHoverColor:n,$styleType:p})=>{const u={blocked:{mainColor:e.Colour["bg-stronger"],altColor:e.Colour["bg-strongest"],defaultStyleType:"stripes",nonClickablePointer:"not-allowed"},filled:{mainColor:l,defaultStyleType:"solid"},disabled:{mainColor:e.Colour["bg-disabled"],defaultStyleType:"solid",nonClickablePointer:"not-allowed"},pending:{mainColor:l,altColor:i,defaultStyleType:"stripes",nonClickablePointer:"not-allowed"},default:{hoverColor:e.Colour["bg-hover-subtle"],defaultStyleType:"solid"}}[r],c="default"!==p&&p?p:u.defaultStyleType,$=t?"pointer":u.nonClickablePointer||"default";return"stripes"===c?o.css`
-                background: repeating-linear-gradient(
-                    135deg,
-                    ${a||u.mainColor||""} 0px 6px,
-                    ${d||u.altColor||""} 6px 12px
-                );
-                &:hover {
-                    ${t&&o.css`
-                        background: repeating-linear-gradient(
-                            135deg,
-                            ${s||""} 0px 6px,
-                            ${n||""} 6px 12px
-                        );
-                    `}
-                    cursor: ${$};
-                }
-            `:o.css`
-                background: ${a||u.mainColor};
-                &:hover {
-                    background-color: ${t?s||u.hoverColor:""};
-                    cursor: ${$};
-                }
-            `}}
-`,n=t.default(r.Typography.BodySM)`
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-`,p=t.default(r.Typography.BodyXS)`
-    color: ${e.Colour["text-subtler"]};
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-`;exports.Block=s,exports.BlockContainer=i,exports.BlockDescription=p,exports.BlockTitle=n,exports.Gap=d,exports.Wrapper=a;
-//# sourceMappingURL=row-cell.style.js.map

package/cjs/timetable/timetable-row/row-cell.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-cell.style.js","sources":["../../../../src/timetable/timetable-row/row-cell.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Radius, Spacing, ThemeStyleProps } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { TimeTableCellType } from \"../types\";\n\ninterface BlockStyleProps {\n    $width: number;\n    $status: TimeTableCellType;\n    $mainColor: string;\n    $altColor: string;\n    $isClickable?: boolean;\n    $customMainColor?:\n        | string\n        | ((props: ThemeStyleProps) => string)\n        | undefined;\n    $customAltColor?: string | ((props: ThemeStyleProps) => string) | undefined;\n    $customHoverColor?:\n        | string\n        | ((props: ThemeStyleProps) => string)\n        | undefined;\n    $customAltHoverColor?:\n        | string\n        | ((props: ThemeStyleProps) => string)\n        | undefined;\n    $styleType?: \"default\" | \"solid\" | \"stripes\" | undefined;\n}\n\ninterface BlockContainerProps {\n    $isOnTheHour: boolean;\n}\n\nexport const BlockContainer = styled.div<BlockContainerProps>`\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    ${(props) => {\n        if (props.$isOnTheHour) {\n            return css`\n                box-shadow: inset -0.5px 0px ${Colour[\"border-primary\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    margin-bottom: 2px;\n    height: 65px;\n`;\n\nexport const Gap = styled.div`\n    width: 2px;\n    height: 100%;\n`;\n\nexport const Block = styled.div<BlockStyleProps>`\n    height: 100%;\n    width: ${({ $width }) => `${$width}px`};\n    border-radius: ${Radius[\"sm\"]};\n    box-sizing: border-box;\n    padding: ${Spacing[\"spacing-4\"]};\n    ${({\n        $status,\n        $mainColor,\n        $isClickable,\n        $altColor,\n        $customMainColor,\n        $customAltColor,\n        $customHoverColor,\n        $customAltHoverColor,\n        $styleType,\n    }) => {\n        // Map status to default colors, cursor behavior, and style type\n        const statusDefaults: Record<\n            TimeTableCellType,\n            {\n                mainColor?: string | ((props: ThemeStyleProps) => string);\n                altColor?: string | ((props: ThemeStyleProps) => string);\n                hoverColor?: string | ((props: ThemeStyleProps) => string);\n                defaultStyleType: \"solid\" | \"stripes\";\n                nonClickablePointer?: \"default\" | \"not-allowed\";\n            }\n        > = {\n            blocked: {\n                mainColor: Colour[\"bg-stronger\"],\n                altColor: Colour[\"bg-strongest\"],\n                defaultStyleType: \"stripes\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            filled: {\n                mainColor: $mainColor,\n                defaultStyleType: \"solid\",\n            },\n            disabled: {\n                mainColor: Colour[\"bg-disabled\"],\n                defaultStyleType: \"solid\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            pending: {\n                mainColor: $mainColor,\n                altColor: $altColor,\n                defaultStyleType: \"stripes\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            default: {\n                hoverColor: Colour[\"bg-hover-subtle\"],\n                defaultStyleType: \"solid\",\n            },\n        };\n\n        const defaults = statusDefaults[$status];\n        const effectiveStyleType =\n            $styleType === \"default\" || !$styleType\n                ? defaults.defaultStyleType\n                : $styleType;\n        const cursor = $isClickable\n            ? \"pointer\"\n            : defaults.nonClickablePointer || \"default\";\n\n        if (effectiveStyleType === \"stripes\") {\n            return css`\n                background: repeating-linear-gradient(\n                    135deg,\n                    ${$customMainColor || defaults.mainColor || \"\"} 0px 6px,\n                    ${$customAltColor || defaults.altColor || \"\"} 6px 12px\n                );\n                &:hover {\n                    ${$isClickable &&\n                    css`\n                        background: repeating-linear-gradient(\n                            135deg,\n                            ${$customHoverColor || \"\"} 0px 6px,\n                            ${$customAltHoverColor || \"\"} 6px 12px\n                        );\n                    `}\n                    cursor: ${cursor};\n                }\n            `;\n        } else {\n            return css`\n                background: ${$customMainColor || defaults.mainColor};\n                &:hover {\n                    background-color: ${$isClickable\n                        ? $customHoverColor || defaults.hoverColor\n                        : \"\"};\n                    cursor: ${cursor};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const BlockTitle = styled(Typography.BodySM)`\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n`;\n\nexport const BlockDescription = styled(Typography.BodyXS)`\n    color: ${Colour[\"text-subtler\"]};\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n`;\n"],"names":["BlockContainer","styled","div","Border","Colour","props","$isOnTheHour","css","Wrapper","Gap","Block","$width","Radius","Spacing","$status","$mainColor","$isClickable","$altColor","$customMainColor","$customAltColor","$customHoverColor","$customAltHoverColor","$styleType","defaults","blocked","mainColor","altColor","defaultStyleType","nonClickablePointer","filled","disabled","pending","default","hoverColor","effectiveStyleType","cursor","BlockTitle","Typography","BodySM","BlockDescription","BodyXS"],"mappings":"iNA+BO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAwB;qBACxCC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKC,SAAe;MACvEC,IACC,GAAIA,EAAMC,aACN,OAAOC,KAAG;+CACyBH,EAAAA,OAAO;aAE9C;EAIKI,EAAUP,EAAAA,QAAOC,GAAG;;;;EAMpBO,EAAMR,EAAAA,QAAOC,GAAG;;;EAKhBQ,EAAQT,EAAAA,QAAOC,GAAoB;;aAEnC,EAAGS,YAAa,GAAGA;qBACXC,EAAAA,OAAW;;eAEjBC,EAAAA,QAAQ;MACjB,EACEC,UACAC,aACAC,eACAC,YACAC,mBACAC,kBACAC,oBACAC,uBACAC,iBAGA,MAqCMC,EA5BF,CACAC,QAAS,CACLC,UAAWrB,EAAAA,OAAO,eAClBsB,SAAUtB,EAAAA,OAAO,gBACjBuB,iBAAkB,UAClBC,oBAAqB,eAEzBC,OAAQ,CACJJ,UAAWV,EACXY,iBAAkB,SAEtBG,SAAU,CACNL,UAAWrB,EAAAA,OAAO,eAClBuB,iBAAkB,QAClBC,oBAAqB,eAEzBG,QAAS,CACLN,UAAWV,EACXW,SAAUT,EACVU,iBAAkB,UAClBC,oBAAqB,eAEzBI,QAAS,CACLC,WAAY7B,EAAAA,OAAO,mBACnBuB,iBAAkB,UAIMb,GAC1BoB,EACa,YAAfZ,GAA6BA,EAEvBA,EADAC,EAASI,iBAEbQ,EAASnB,EACT,UACAO,EAASK,qBAAuB,UAEtC,MAA2B,YAAvBM,EACO3B,KAAG;;;sBAGAW,GAAoBK,EAASE,WAAa;sBAC1CN,GAAmBI,EAASG,UAAY;;;sBAGxCV,GACFT,KAAG;;;8BAGOa,GAAqB;8BACrBC,GAAwB;;;8BAGxBc;;cAIX5B,KAAG;8BACQW,GAAoBK,EAASE;;wCAEnBT,EACdI,GAAqBG,EAASU,WAC9B;8BACIE;;aAGtB;EAIKC,EAAanC,EAAAA,QAAOoC,aAAWC,OAAO;;;;EAMtCC,EAAmBtC,EAAAA,QAAOoC,aAAWG,OAAO;aAC5CpC,EAAAA,OAAO;;;;"}