{"version":3,"file":"Combobox.css.cjs","sources":["../../../src/components/Combobox/Combobox.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\n/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */\nconst DropdownOptions = {\n  '--combobox-option-padding-xs': '4px 8px',\n  '--combobox-option-padding-sm': '6px 10px',\n  '--combobox-option-padding-md': '8px 12px',\n  '--combobox-option-padding-lg': '10px 16px',\n  '--combobox-option-padding-xl': '14px 20px',\n  '--combobox-option-padding': 'var(--combobox-option-padding-sm)',\n};\n\nexport const ComboboxDropdownOptionsStyle = css({\n  ...DropdownOptions,\n});\n\nexport const ComboboxDropdownOptionStyle = css(({ theme }) => ({\n  padding: 'var(--combobox-option-padding)',\n  fontSize: 'var(--combobox-option-fz, var(--raikou-font-size-sm))',\n  borderRadius: 'var(--raikou-radius-default)',\n  backgroundColor: 'transparent',\n  color: 'inherit',\n  cursor: 'pointer',\n  wordBreak: 'break-word',\n\n  '&:_where([data-combobox-selected])': {\n    backgroundColor: 'var(--raikou-primary-color-filled)',\n    color: 'var(--raikou-color-white)',\n  },\n\n  '&:_where([data-combobox-disabled])': {\n    cursor: 'not-allowed',\n    opacity: 0.35,\n  },\n\n  ...theme.applyMixin('hover', {\n    '&:_where(:not([data-combobox-selected], [data-combobox-disabled])):hover': {\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[0],\n      }),\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[7],\n      }),\n    },\n  }),\n}));\n\nexport const ComboboxDropdownSearchStyle = css(({ theme }) => ({\n  marginInline: 'calc(var(--combobox-padding) * -1)',\n  marginTop: 'calc(var(--combobox-padding) * -1)',\n  width: 'calc(100% + var(--combobox-padding) * 2)',\n  borderTopWidth: 0,\n  borderInlineWidth: 0,\n  borderEndStartRadius: 0,\n  borderEndEndRadius: 0,\n  marginBottom: 'var(--combobox-padding)',\n  position: 'relative',\n\n  '&, &:focus': {\n    ...theme.applyStyles('light', {\n      borderColor: theme.colors.gray[2],\n    }),\n    ...theme.applyStyles('dark', {\n      borderColor: theme.colors.dark[4],\n    }),\n  },\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.white,\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[7],\n  }),\n}));\n\nexport const ComboboxDropdownStyle = css({\n  '--combobox-padding': '4px',\n  '&&': {\n    padding: 'var(--combobox-padding)',\n  },\n\n  '&:has([data-raikou-scrollbar])': {\n    paddingInlineEnd: '0',\n\n    [`.${ComboboxDropdownSearchStyle}`]: {\n      maxWidth: 'calc(100% + var(--combobox-padding))',\n    },\n  },\n\n  '&[data-hidden]': {\n    display: 'none',\n  },\n\n  ...DropdownOptions,\n});\n\nexport const ComboboxDropdownEmptyStyle = css({\n  fontSize: 'var(--combobox-option-fz, var(--raikou-font-size-sm))',\n  textAlign: 'center',\n  padding: 'var(--combobox-option-padding)',\n  color: 'var(--raikou-color-dimmed)',\n});\n\nexport const ComboboxDropdownFooterStyle = css(({ theme }) => ({\n  '&&': {\n    borderTopWidth: '1px',\n    marginTop: 'var(--combobox-padding)',\n    marginBottom: 'calc(var(--combobox-padding) * -1)',\n  },\n\n  fontSize: 'var(--combobox-option-fz, var(--raikou-font-size-sm))',\n  border: '0 solid transparent',\n  marginInline: 'calc(var(--combobox-padding) * -1)',\n  padding: 'var(--combobox-option-padding)',\n\n  ...theme.applyStyles('light', {\n    borderColor: theme.colors.gray[2],\n  }),\n\n  ...theme.applyStyles('dark', {\n    borderColor: theme.colors.dark[4],\n  }),\n}));\n\nexport const ComboboxDropdownHeaderStyle = css(({ theme }) => ({\n  '&&': {\n    borderBottomWidth: '1px',\n    marginBottom: 'var(--combobox-padding)',\n    marginTop: 'calc(var(--combobox-padding) * -1)',\n  },\n\n  fontSize: 'var(--combobox-option-fz, var(--raikou-font-size-sm))',\n  border: '0 solid transparent',\n  marginInline: 'calc(var(--combobox-padding) * -1)',\n  padding: 'var(--combobox-option-padding)',\n\n  ...theme.applyStyles('light', {\n    borderColor: theme.colors.gray[2],\n  }),\n\n  ...theme.applyStyles('dark', {\n    borderColor: theme.colors.dark[4],\n  }),\n}));\n\nexport const ComboboxDropdownGroupStyle = css({\n  '&:has(.groupLabel:only-child)': {\n    display: 'none',\n  },\n});\n\nexport const ComboboxDropdownGroupLabelStyle = css(({ theme }) => ({\n  color: 'var(--raikou-color-dimmed)',\n  fontSize: 'calc(var(--combobox-option-fz, var(--raikou-font-size-sm)) * 0.85)',\n  padding: 'var(--combobox-option-padding)',\n  fontWeight: '500',\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n\n  '&:after': {\n    content: \"''\",\n    flex: 1,\n    insetInline: 0,\n    height: '1px',\n    marginInlineStart: 'var(--raikou-spacing-xs)',\n\n    ...theme.applyStyles('light', {\n      backgroundColor: theme.colors.gray[2],\n    }),\n\n    ...theme.applyStyles('dark', {\n      backgroundColor: theme.colors.dark[4],\n    }),\n\n    '&:only-child': {\n      display: 'none',\n    },\n  },\n}));\n\n// /* ------- Combobox.Chevron ------- */\nexport const ComboboxDropdownChevronStyle = css(({ theme }) => ({\n  '--combobox-chevron-size-xs': '14px',\n  '--combobox-chevron-size-sm': '18px',\n  '--combobox-chevron-size-md': '20px',\n  '--combobox-chevron-size-lg': '24px',\n  '--combobox-chevron-size-xl': '28px',\n  '--combobox-chevron-size': 'var(--combobox-chevron-size-sm)',\n\n  width: 'var(--combobox-chevron-size)',\n  height: 'var(--combobox-chevron-size)',\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.gray[6],\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: theme.colors.dark[3],\n  }),\n\n  '&:_where([data-error])': {\n    color: 'var(--raikou-color-error)',\n  },\n}));\n\n/* ------- OptionsDropdown ------- */\nexport const ComboboxOptionsDropdownOptionStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '8px',\n\n  '&:_where([data-reverse])': {\n    justifyContent: 'space-between',\n  },\n});\n\nexport const ComboboxDropdownOptionsDropdownCheckIconStyle = css({\n  opacity: 0.4,\n  width: '0.8em',\n  minWidth: '0.8em',\n  height: '0.8em',\n\n  ':_where([data-combobox-selected]) &': {\n    opacity: 1,\n  },\n});\n"],"names":["css"],"mappings":";;;;AAGA,MAAM,eAAkB,GAAA;AAAA,EACtB,8BAAgC,EAAA,SAAA;AAAA,EAChC,8BAAgC,EAAA,UAAA;AAAA,EAChC,8BAAgC,EAAA,UAAA;AAAA,EAChC,8BAAgC,EAAA,WAAA;AAAA,EAChC,8BAAgC,EAAA,WAAA;AAAA,EAChC,2BAA6B,EAAA;AAC/B,CAAA;AAEO,MAAM,+BAA+BA,SAAI,CAAA;AAAA,EAC9C,GAAG;AACL,CAAC;AAEM,MAAM,2BAA8B,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC7D,OAAS,EAAA,gCAAA;AAAA,EACT,QAAU,EAAA,uDAAA;AAAA,EACV,YAAc,EAAA,8BAAA;AAAA,EACd,eAAiB,EAAA,aAAA;AAAA,EACjB,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,SAAW,EAAA,YAAA;AAAA,EAEX,oCAAsC,EAAA;AAAA,IACpC,eAAiB,EAAA,oCAAA;AAAA,IACjB,KAAO,EAAA;AAAA,GACT;AAAA,EAEA,oCAAsC,EAAA;AAAA,IACpC,MAAQ,EAAA,aAAA;AAAA,IACR,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,GAAG,KAAM,CAAA,UAAA,CAAW,OAAS,EAAA;AAAA,IAC3B,0EAA4E,EAAA;AAAA,MAC1E,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,QAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACrC,CAAA;AAAA,MACD,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,QAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACrC;AAAA;AACH,GACD;AACH,CAAE,CAAA;AAEK,MAAM,2BAA8B,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC7D,YAAc,EAAA,oCAAA;AAAA,EACd,SAAW,EAAA,oCAAA;AAAA,EACX,KAAO,EAAA,0CAAA;AAAA,EACP,cAAgB,EAAA,CAAA;AAAA,EAChB,iBAAmB,EAAA,CAAA;AAAA,EACnB,oBAAsB,EAAA,CAAA;AAAA,EACtB,kBAAoB,EAAA,CAAA;AAAA,EACpB,YAAc,EAAA,yBAAA;AAAA,EACd,QAAU,EAAA,UAAA;AAAA,EAEV,YAAc,EAAA;AAAA,IACZ,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACjC,CAAA;AAAA,IACD,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,MAC3B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACjC;AAAA,GACH;AAAA,EAEA,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,eAAA,EAAiB,MAAM,MAAO,CAAA;AAAA,GAC/B,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACrC;AACH,CAAE,CAAA;AAEK,MAAM,wBAAwBA,SAAI,CAAA;AAAA,EACvC,oBAAsB,EAAA,KAAA;AAAA,EACtB,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,gCAAkC,EAAA;AAAA,IAChC,gBAAkB,EAAA,GAAA;AAAA,IAElB,CAAC,CAAA,CAAA,EAAI,2BAA2B,CAAA,CAAE,GAAG;AAAA,MACnC,QAAU,EAAA;AAAA;AACZ,GACF;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,GAAG;AACL,CAAC;AAEM,MAAM,6BAA6BA,SAAI,CAAA;AAAA,EAC5C,QAAU,EAAA,uDAAA;AAAA,EACV,SAAW,EAAA,QAAA;AAAA,EACX,OAAS,EAAA,gCAAA;AAAA,EACT,KAAO,EAAA;AACT,CAAC;AAEM,MAAM,2BAA8B,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC7D,IAAM,EAAA;AAAA,IACJ,cAAgB,EAAA,KAAA;AAAA,IAChB,SAAW,EAAA,yBAAA;AAAA,IACX,YAAc,EAAA;AAAA,GAChB;AAAA,EAEA,QAAU,EAAA,uDAAA;AAAA,EACV,MAAQ,EAAA,qBAAA;AAAA,EACR,YAAc,EAAA,oCAAA;AAAA,EACd,OAAS,EAAA,gCAAA;AAAA,EAET,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC;AACH,CAAE,CAAA;AAEK,MAAM,2BAA8B,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC7D,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,KAAA;AAAA,IACnB,YAAc,EAAA,yBAAA;AAAA,IACd,SAAW,EAAA;AAAA,GACb;AAAA,EAEA,QAAU,EAAA,uDAAA;AAAA,EACV,MAAQ,EAAA,qBAAA;AAAA,EACR,YAAc,EAAA,oCAAA;AAAA,EACd,OAAS,EAAA,gCAAA;AAAA,EAET,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC;AACH,CAAE,CAAA;AAEK,MAAM,6BAA6BA,SAAI,CAAA;AAAA,EAC5C,+BAAiC,EAAA;AAAA,IAC/B,OAAS,EAAA;AAAA;AAEb,CAAC;AAEM,MAAM,+BAAkC,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACjE,KAAO,EAAA,4BAAA;AAAA,EACP,QAAU,EAAA,oEAAA;AAAA,EACV,OAAS,EAAA,gCAAA;AAAA,EACT,UAAY,EAAA,KAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EAEZ,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,CAAA;AAAA,IACN,WAAa,EAAA,CAAA;AAAA,IACb,MAAQ,EAAA,KAAA;AAAA,IACR,iBAAmB,EAAA,0BAAA;AAAA,IAEnB,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC,CAAA;AAAA,IAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,MAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC,CAAA;AAAA,IAED,cAAgB,EAAA;AAAA,MACd,OAAS,EAAA;AAAA;AACX;AAEJ,CAAE,CAAA;AAGK,MAAM,4BAA+B,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAC9D,4BAA8B,EAAA,MAAA;AAAA,EAC9B,4BAA8B,EAAA,MAAA;AAAA,EAC9B,4BAA8B,EAAA,MAAA;AAAA,EAC9B,4BAA8B,EAAA,MAAA;AAAA,EAC9B,4BAA8B,EAAA,MAAA;AAAA,EAC9B,yBAA2B,EAAA,iCAAA;AAAA,EAE3B,KAAO,EAAA,8BAAA;AAAA,EACP,MAAQ,EAAA,8BAAA;AAAA,EAER,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,KAAO,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAC3B,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,KAAO,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAC3B,CAAA;AAAA,EAED,wBAA0B,EAAA;AAAA,IACxB,KAAO,EAAA;AAAA;AAEX,CAAE,CAAA;AAGK,MAAM,qCAAqCA,SAAI,CAAA;AAAA,EACpD,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,GAAK,EAAA,KAAA;AAAA,EAEL,0BAA4B,EAAA;AAAA,IAC1B,cAAgB,EAAA;AAAA;AAEpB,CAAC;AAEM,MAAM,gDAAgDA,SAAI,CAAA;AAAA,EAC/D,OAAS,EAAA,GAAA;AAAA,EACT,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,OAAA;AAAA,EACV,MAAQ,EAAA,OAAA;AAAA,EAER,qCAAuC,EAAA;AAAA,IACrC,OAAS,EAAA;AAAA;AAEb,CAAC;;;;;;;;;;;;;;;"}