'use client'; "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { comboboxClassNames: function() { return comboboxClassNames; }, useComboboxStyles_unstable: function() { return useComboboxStyles_unstable; } }); const _react = require("@griffel/react"); const comboboxClassNames = { root: 'fui-Combobox', input: 'fui-Combobox__input', expandIcon: 'fui-Combobox__expandIcon', clearIcon: 'fui-Combobox__clearIcon', listbox: 'fui-Combobox__listbox' }; // Matches internal heights for Select and Input, but there are no theme variables for these const fieldHeights = { small: '24px', medium: '32px', large: '40px' }; /** * Styles for Combobox */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({ root: { Bt984gj: "f122n59", Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "ft85np5", B7ck84d: "f1ewtqcl", i8kkvl: "f14mj54c", mc9l5x: "fwk3njj", Budl1dq: "fz17x9o", Brf1p80: "f1869bpl", Bf4jedk: "f1exfvgq", qhf8xq: "f10pi13n", ha4doy: "fmrv4ls", Bbr2w1p: "f14a1fxs", Bduesf4: "f3e99gv", Bpq79vn: "fhljsf7", li1rpt: "f1gw3sf2", Bsft5z2: "f13zj6fq", E3zdtr: "f1mdlcz9", Eqx8gd: [ "f1a7op3", "f1cjjd47" ], By385i5: "f1gboi2j", B1piin3: [ "f1cjjd47", "f1a7op3" ], Dlnsje: "f145g4dw", d9w3h3: [ "f1kp91vd", "f1ibwz09" ], B3778ie: [ "f1ibwz09", "f1kp91vd" ], B1q35kw: 0, Bw17bha: 0, Bcgy8vk: 0, Bjuhk93: "f1mnjydx", Gjdm7m: "f13evtba", b1kco5: "f1yk9hq", Ba2ppi3: "fhwpy7i", F2fol1: "f14ee0xe", lck23g: "f1xhbsuh", wi16st: "fsrmcvb", ywj3b2: "f1t3k7v9", umuwi5: "fjw5xc1", Blcqepd: "f1xdyd5c", nplu4u: "fatpbeo", Bioka5o: "fb7uyps", Bnupc0a: "fx04xgm", bing71: "f1c7in40", Bercvud: "f1ibeo51" }, listbox: { E5pizo: "f1hg901r", Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "ft85np5", Bxyxcbc: "fmmk62d", B7ck84d: "f1ewtqcl" }, listboxCollapsed: { mc9l5x: "fjseox" }, inlineListbox: { Bj3rh1h: "f19g0ac" }, small: { Bqenvij: "frvgh55", z189sj: [ "fdw0yi8", "fk8j09s" ] }, medium: { Bqenvij: "f1d2rq10", z189sj: [ "f11gcy0p", "f1ng84yb" ] }, large: { i8kkvl: "f1rjii52", Bqenvij: "fbhnoac", z189sj: [ "fw5db7e", "f1uw59to" ] }, outline: { De3pzq: "fxugw4r", Bgfg5da: 0, B9xav0g: "f1c1zstj", oivjwe: 0, Bn0qgzm: 0, B4g9neb: 0, zhjwy3: 0, wvpqe5: 0, ibv6hh: 0, u1mtju: 0, h3c5rm: 0, vrafjx: 0, Bekrc4i: 0, i8vvqc: 0, g2u3we: 0, icvyot: 0, B4j52fo: 0, irswps: "fhz96rm" }, outlineInteractive: { Bgoe8wy: "fvcxoqz", Bwzppfd: [ "f1ub3y4t", "f1m52nbi" ], oetu4i: "f1l4zc64", gg5e9n: [ "f1m52nbi", "f1ub3y4t" ], B6oc9vd: "fvs00aa", ak43y8: [ "f1assf6x", "f4ruux4" ], wmxk5l: "f1z0osm6", B50zh58: [ "f4ruux4", "f1assf6x" ], Bvq3b66: "f1b473iu", Brahy3i: [ "f381qr8", "ft4skwv" ], zoxjo1: "f1qzcrsd", an54nd: [ "ft4skwv", "f381qr8" ] }, underline: { De3pzq: "f1c21dwh", B9xav0g: 0, oivjwe: 0, Bn0qgzm: 0, Bgfg5da: "f9ez7ne", Beyfa6y: 0, Bbmb7ep: 0, Btl43ni: 0, B7oj6ja: 0, Dimara: "fokr779" }, "filled-lighter": { De3pzq: "fxugw4r", Bgfg5da: 0, B9xav0g: 0, oivjwe: 0, Bn0qgzm: 0, B4g9neb: 0, zhjwy3: 0, wvpqe5: 0, ibv6hh: 0, u1mtju: 0, h3c5rm: 0, vrafjx: 0, Bekrc4i: 0, i8vvqc: 0, g2u3we: 0, icvyot: 0, B4j52fo: 0, irswps: "f88035w" }, "filled-darker": { De3pzq: "f16xq7d1", Bgfg5da: 0, B9xav0g: 0, oivjwe: 0, Bn0qgzm: 0, B4g9neb: 0, zhjwy3: 0, wvpqe5: 0, ibv6hh: 0, u1mtju: 0, h3c5rm: 0, vrafjx: 0, Bekrc4i: 0, i8vvqc: 0, g2u3we: 0, icvyot: 0, B4j52fo: 0, irswps: "f88035w" }, invalid: { tvckwq: "fs4k3qj", gk2u95: [ "fcee079", "fmyw78r" ], hhx65j: "f1fgmyf4", Bxowmz0: [ "fmyw78r", "fcee079" ] }, invalidUnderline: { hhx65j: "f1fgmyf4" }, disabled: { Bceei9c: "fdrzuqr", De3pzq: "f1c21dwh", g2u3we: "f1jj8ep1", h3c5rm: [ "f15xbau", "fy0fskl" ], B9xav0g: "f4ikngz", zhjwy3: [ "fy0fskl", "f15xbau" ], Bcq6wej: "f9dbb4x", Jcjdmf: [ "f3qs60o", "f5u9ap2" ], sc4o1m: "fwd1oij", Bosien3: [ "f5u9ap2", "f3qs60o" ] } }, { d: [ ".f122n59{align-items:center;}", [ ".ft85np5{border-radius:var(--borderRadiusMedium);}", { p: -1 } ], ".f1ewtqcl{box-sizing:border-box;}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", ".fwk3njj{display:inline-grid;}", ".fz17x9o{grid-template-columns:1fr auto;}", ".f1869bpl{justify-content:space-between;}", ".f1exfvgq{min-width:250px;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f13zj6fq::after{content:\"\";}", ".f1mdlcz9::after{position:absolute;}", ".f1a7op3::after{left:-1px;}", ".f1cjjd47::after{right:-1px;}", ".f1gboi2j::after{bottom:-1px;}", ".f145g4dw::after{height:max(2px, var(--borderRadiusMedium));}", ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}", [ ".f1mnjydx::after{border-bottom:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);}", { p: -1 } ], ".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1yk9hq::after{transform:scaleX(0);}", ".fhwpy7i::after{transition-property:transform;}", ".f14ee0xe::after{transition-duration:var(--durationUltraFast);}", ".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}", ".f1hg901r{box-shadow:var(--shadow16);}", [ ".ft85np5{border-radius:var(--borderRadiusMedium);}", { p: -1 } ], ".fmmk62d{max-height:80vh;}", ".fjseox{display:none;}", ".f19g0ac{z-index:1;}", ".frvgh55{height:24px;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1d2rq10{height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}", ".fbhnoac{height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [ ".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", { p: -2 } ], ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [ ".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", { p: -1 } ], [ ".fokr779{border-radius:0;}", { p: -1 } ], [ ".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", { p: -2 } ], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", [ ".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", { p: -2 } ], ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}" ], w: [ ".f14a1fxs:focus-within{outline-width:2px;}", ".f3e99gv:focus-within{outline-style:solid;}", ".fhljsf7:focus-within{outline-color:transparent;}", ".fjw5xc1:focus-within::after{transform:scaleX(1);}", ".f1xdyd5c:focus-within::after{transition-property:transform;}", ".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}", ".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}", ".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}", ".f1b473iu:focus-within{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f381qr8:focus-within{border-right-color:var(--colorNeutralStroke1Pressed);}", ".ft4skwv:focus-within{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1qzcrsd:focus-within{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}" ], m: [ [ "@media screen and (prefers-reduced-motion: reduce){.fsrmcvb::after{transition-duration:0.01ms;}}", { m: "screen and (prefers-reduced-motion: reduce)" } ], [ "@media screen and (prefers-reduced-motion: reduce){.f1t3k7v9::after{transition-delay:0.01ms;}}", { m: "screen and (prefers-reduced-motion: reduce)" } ], [ "@media screen and (prefers-reduced-motion: reduce){.fx04xgm:focus-within::after{transition-duration:0.01ms;}}", { m: "screen and (prefers-reduced-motion: reduce)" } ], [ "@media screen and (prefers-reduced-motion: reduce){.f1c7in40:focus-within::after{transition-delay:0.01ms;}}", { m: "screen and (prefers-reduced-motion: reduce)" } ], [ "@media (forced-colors: active){.f9dbb4x{border-top-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.f3qs60o{border-right-color:GrayText;}.f5u9ap2{border-left-color:GrayText;}}", { m: "(forced-colors: active)" } ], [ "@media (forced-colors: active){.fwd1oij{border-bottom-color:GrayText;}}", { m: "(forced-colors: active)" } ] ], h: [ ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1l4zc64:hover{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}" ], a: [ ".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1z0osm6:active{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}" ] }); const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({ input: { qb2dma: "f1ub7u0d", De3pzq: "f1c21dwh", Bgfg5da: 0, B9xav0g: 0, oivjwe: 0, Bn0qgzm: 0, B4g9neb: 0, zhjwy3: 0, wvpqe5: 0, ibv6hh: 0, u1mtju: 0, h3c5rm: 0, vrafjx: 0, Bekrc4i: 0, i8vvqc: 0, g2u3we: 0, icvyot: 0, B4j52fo: 0, irswps: "f3bhgqh", sj55zd: "f19n0e5", Bahqtrf: "fk6fouc", Brovlpu: "ftqa4ok", yvdlaj: "fwyc1cq", B3o7kgh: "f13ta7ih" }, small: { Bahqtrf: "fk6fouc", Be2twd7: "fy9rknc", Bhrd7zp: "figsok6", Bg96gwp: "fwrc4pm", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: [ "fxe2rs", "f1gflqzi" ] }, medium: { Bahqtrf: "fk6fouc", Be2twd7: "fkhj508", Bhrd7zp: "figsok6", Bg96gwp: "f1i3iumi", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: [ "fzy81xo", "f58b53b" ] }, large: { Bahqtrf: "fk6fouc", Be2twd7: "fod5ikn", Bhrd7zp: "figsok6", Bg96gwp: "faaz57k", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: [ "f1kdav7a", "footqm6" ] }, disabled: { sj55zd: "f1s2aq7o", De3pzq: "f1c21dwh", Bceei9c: "fdrzuqr", yvdlaj: "fahhnxm" } }, { d: [ ".f1ub7u0d{align-self:stretch;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [ ".f3bhgqh{border:none;}", { p: -2 } ], ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fwyc1cq::-webkit-input-placeholder{color:var(--colorNeutralForeground4);}", ".fwyc1cq::-moz-placeholder{color:var(--colorNeutralForeground4);}", ".f13ta7ih::-webkit-input-placeholder{opacity:1;}", ".f13ta7ih::-moz-placeholder{opacity:1;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", [ ".fxe2rs{padding:0 0 0 calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", { p: -1 } ], [ ".f1gflqzi{padding:0 calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS)) 0 0;}", { p: -1 } ], ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [ ".fzy81xo{padding:0 0 0 calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", { p: -1 } ], [ ".f58b53b{padding:0 calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS)) 0 0;}", { p: -1 } ], ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", [ ".f1kdav7a{padding:0 0 0 calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", { p: -1 } ], [ ".footqm6{padding:0 calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge)) 0 0;}", { p: -1 } ], ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}", ".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}" ], f: [ ".ftqa4ok:focus{outline-style:none;}" ] }); const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({ icon: { B7ck84d: "f1ewtqcl", sj55zd: "fxkbij4", Bceei9c: "f1k6fduh", mc9l5x: "ftgm304", Be2twd7: "f1pp30po", Bo70h7d: "fvc9v3g" }, hidden: { mc9l5x: "fjseox" }, visuallyHidden: { Bh84pgu: "f1ekcaio", Bqenvij: "f1mpe4l3", jrapky: 0, Frg6f3: 0, t21cq0: 0, B6of3ja: 0, B74szlk: "f1jlpb2r", B68tc82: 0, Bmxbyg5: 0, Bpg54ce: "f1a3p1vp", Byoj8tv: 0, uwmqm3: 0, z189sj: 0, z8tnut: 0, B0ocmuz: "f1c5fvqg", a9b677: "frkrog8", qhf8xq: "f1euv43f" }, small: { Be2twd7: "f4ybsrx", Frg6f3: [ "f1h9en5y", "f1xk557c" ] }, medium: { Be2twd7: "fe5j1ua", Frg6f3: [ "f1h9en5y", "f1xk557c" ] }, large: { Be2twd7: "f1rt2boy", Frg6f3: [ "f1t5qyk5", "f1ikr372" ] }, disabled: { sj55zd: "f1s2aq7o", Bceei9c: "fdrzuqr" } }, { d: [ ".f1ewtqcl{box-sizing:border-box;}", ".fxkbij4{color:var(--colorNeutralStrokeAccessible);}", ".f1k6fduh{cursor:pointer;}", ".ftgm304{display:block;}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fvc9v3g svg{display:block;}", ".fjseox{display:none;}", ".f1ekcaio{clip:rect(0px, 0px, 0px, 0px);}", ".f1mpe4l3{height:1px;}", [ ".f1jlpb2r{margin:-1px;}", { p: -1 } ], [ ".f1a3p1vp{overflow:hidden;}", { p: -1 } ], [ ".f1c5fvqg{padding:0px;}", { p: -1 } ], ".frkrog8{width:1px;}", ".f1euv43f{position:absolute;}", ".f4ybsrx{font-size:16px;}", ".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}", ".f1xk557c{margin-right:var(--spacingHorizontalXXS);}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}", ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}" ] }); const useComboboxStyles_unstable = (state)=>{ 'use no memo'; const { appearance, open, size, showClearIcon } = state; const invalid = `${state.input['aria-invalid']}` === 'true'; const disabled = state.input.disabled; const styles = useStyles(); const iconStyles = useIconStyles(); const inputStyles = useInputStyles(); state.root.className = (0, _react.mergeClasses)(comboboxClassNames.root, styles.root, styles[appearance], styles[size], !disabled && appearance === 'outline' && styles.outlineInteractive, invalid && appearance !== 'underline' && styles.invalid, invalid && appearance === 'underline' && styles.invalidUnderline, disabled && styles.disabled, state.root.className); state.input.className = (0, _react.mergeClasses)(comboboxClassNames.input, inputStyles.input, inputStyles[size], disabled && inputStyles.disabled, state.input.className); if (state.listbox) { state.listbox.className = (0, _react.mergeClasses)(comboboxClassNames.listbox, styles.listbox, state.inlinePopup && styles.inlineListbox, !open && styles.listboxCollapsed, state.listbox.className); } if (state.expandIcon) { state.expandIcon.className = (0, _react.mergeClasses)(comboboxClassNames.expandIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, showClearIcon && iconStyles.visuallyHidden, state.expandIcon.className); } if (state.clearIcon) { state.clearIcon.className = (0, _react.mergeClasses)(comboboxClassNames.clearIcon, iconStyles.icon, iconStyles[size], disabled && iconStyles.disabled, !showClearIcon && iconStyles.hidden, state.clearIcon.className); } return state; };