{"version":3,"sources":["../../../../src/browser/usePreferredReducedTransparency/core.ts"],"sourcesContent":["import { observable } from \"@legendapp/state\";\nimport type { ReadonlyObservable } from \"@usels/core\";\nimport { createMediaQuery } from \"../useMediaQuery/core\";\n\nexport type ReducedTransparencyPreference = \"reduce\" | \"no-preference\";\n\nexport type UsePreferredReducedTransparencyReturn =\n  ReadonlyObservable<ReducedTransparencyPreference>;\n\n/**\n * Framework-agnostic reactive `prefers-reduced-transparency` tracker.\n *\n * Composes `createMediaQuery` and exposes a computed `Observable` mapping\n * to `'reduce'` / `'no-preference'`. Must be called inside a `useScope` factory.\n */\n/*@__NO_SIDE_EFFECTS__*/\nexport function createPreferredReducedTransparency(): UsePreferredReducedTransparencyReturn {\n  const isReduced$ = createMediaQuery(\"(prefers-reduced-transparency: reduce)\");\n\n  const transparency$ = observable<ReducedTransparencyPreference>(() =>\n    isReduced$.get() ? \"reduce\" : \"no-preference\"\n  );\n\n  return transparency$ as ReadonlyObservable<ReducedTransparencyPreference>;\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AAAA;AAc1B,SAAS,qCAA4E;AAC1F,QAAM,aAAa,iBAAiB,wCAAwC;AAE5E,QAAM,gBAAgB;AAAA,IAA0C,MAC9D,WAAW,IAAI,IAAI,WAAW;AAAA,EAChC;AAEA,SAAO;AACT;","names":[]}