@os-design/media 1.0.11 → 1.0.12

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;;AACA;;AACA","sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAJA;;AACA;;AACA"}

package/dist/cjs/media/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/media/index.ts"],"names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"mappings":";;;;;;AAiBO,IAAMA,cAA8B,GAAG;AAC5CC,EAAAA,EAAE,EAAE,GADwC;AAE5CC,EAAAA,EAAE,EAAE,GAFwC;AAG5CC,EAAAA,EAAE,EAAE,GAHwC;AAI5CC,EAAAA,EAAE,EAAE,GAJwC;AAK5CC,EAAAA,EAAE,EAAE,IALwC;AAM5CC,EAAAA,GAAG,EAAE;AANuC,CAAvC;;AASA,IAAMC,cAA8B,GAAG;AAC5CC,EAAAA,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;AAE5CA,EAAAA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;AAG5CA,EAAAA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;AAI5CA,EAAAA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;AAK5CA,EAAAA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;AAM5CA,EAAAA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;;AASP,IAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;AACZD,EAAAA,GAAG,CAACC,GAAD,CAAH,gCAAiCd,cAAc,CAACc,GAAD,CAA/C;AACA,SAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;AACZD,EAAAA,GAAG,CAACC,GAAD,CAAH,gCAAiCP,cAAc,CAACO,GAAD,CAA/C;AACA,SAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAMG,CAAC,GAAG;AACRP,EAAAA,GAAG,EAAHA,GADQ;AAERM,EAAAA,GAAG,EAAHA;AAFQ,CAAV;eAKeC,C","sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":";;;;;;AAiBO,IAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GADwC;EAE5CC,EAAE,EAAE,GAFwC;EAG5CC,EAAE,EAAE,GAHwC;EAI5CC,EAAE,EAAE,GAJwC;EAK5CC,EAAE,EAAE,IALwC;EAM5CC,GAAG,EAAE;AANuC,CAAvC;;AASA,IAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;EAE5CA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;EAG5CA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;EAI5CA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;EAK5CA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;EAM5CA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;;AASP,IAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;EACZD,GAAG,CAACC,GAAD,CAAH,gCAAiCd,cAAc,CAACc,GAAD,CAA/C;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;EACZD,GAAG,CAACC,GAAD,CAAH,gCAAiCP,cAAc,CAACO,GAAD,CAA/C;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAMG,CAAC,GAAG;EACRP,GAAG,EAAHA,GADQ;EAERM,GAAG,EAAHA;AAFQ,CAAV;eAKeC,C"}

package/dist/cjs/useIsMaxWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsMaxWidth/index.ts"],"names":["useIsMaxWidth","breakpoint","detector","width","maxBreakpoints"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;AACnE,MAAMC,QAAQ,GAAG,wBACf,UAACC,KAAD;AAAA,WAAWA,KAAK,IAAIC,sBAAeH,UAAf,CAApB;AAAA,GADe,EAEf,CAACA,UAAD,CAFe,CAAjB;AAIA,SAAO,4BAAWC,QAAX,CAAP;AACD,CAND;;eAQeF,a","sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useIsMaxWidth","breakpoint","detector","useCallback","width","maxBreakpoints","useIsWidth"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACf,UAACC,KAAD;IAAA,OAAWA,KAAK,IAAIC,qBAAA,CAAeJ,UAAf,CAApB;EAAA,CADe,EAEf,CAACA,UAAD,CAFe,CAAjB;EAIA,OAAO,IAAAK,sBAAA,EAAWJ,QAAX,CAAP;AACD,CAND;;eAQeF,a"}

package/dist/cjs/useIsMinWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsMinWidth/index.ts"],"names":["useIsMinWidth","breakpoint","detector","width","minBreakpoints"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;AACnE,MAAMC,QAAQ,GAAG,wBACf,UAACC,KAAD;AAAA,WAAWA,KAAK,IAAIC,sBAAeH,UAAf,CAApB;AAAA,GADe,EAEf,CAACA,UAAD,CAFe,CAAjB;AAIA,SAAO,4BAAWC,QAAX,CAAP;AACD,CAND;;eAQeF,a","sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useIsMinWidth","breakpoint","detector","useCallback","width","minBreakpoints","useIsWidth"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACf,UAACC,KAAD;IAAA,OAAWA,KAAK,IAAIC,qBAAA,CAAeJ,UAAf,CAApB;EAAA,CADe,EAEf,CAACA,UAAD,CAFe,CAAjB;EAIA,OAAO,IAAAK,sBAAA,EAAWJ,QAAX,CAAP;AACD,CAND;;eAQeF,a"}

package/dist/cjs/useIsWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsWidth/index.ts"],"names":["useIsWidth","detector","detectorRef","window","innerWidth","flag","setFlag","updateFlag","current","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAmD;AACpE,MAAMC,WAAW,GAAG,mBAAmCD,QAAnC,CAApB;;AACA,kBAAwB,qBAAS;AAAA,WAC/BA,QAAQ,CAAC,OAAOE,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADuB;AAAA,GAAT,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAIA,MAAMC,UAAU,GAAG,wBAAY,YAAM;AACnCD,IAAAA,OAAO,CAACJ,WAAW,CAACM,OAAZ,CAAoBL,MAAM,CAACC,UAA3B,CAAD,CAAP;AACD,GAFkB,EAEhB,EAFgB,CAAnB;AAIA,wBAAU,YAAM;AACdF,IAAAA,WAAW,CAACM,OAAZ,GAAsBP,QAAtB;AACAM,IAAAA,UAAU;AACX,GAHD,EAGG,CAACN,QAAD,EAAWM,UAAX,CAHH;AAKA,wBAAU,YAAM;AACdJ,IAAAA,MAAM,CAACM,gBAAP,CAAwB,QAAxB,EAAkCF,UAAlC;AACA,WAAO;AAAA,aAAMJ,MAAM,CAACO,mBAAP,CAA2B,QAA3B,EAAqCH,UAArC,CAAN;AAAA,KAAP;AACD,GAHD,EAGG,CAACA,UAAD,CAHH;AAKA,SAAOF,IAAP;AACD,CArBD;;eAuBeL,U","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useIsWidth","detector","detectorRef","useRef","useState","window","innerWidth","flag","setFlag","updateFlag","useCallback","current","useEffect","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAmD;EACpE,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAmCF,QAAnC,CAApB;;EACA,gBAAwB,IAAAG,eAAA,EAAS;IAAA,OAC/BH,QAAQ,CAAC,OAAOI,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADuB;EAAA,CAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAIA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnCF,OAAO,CAACN,WAAW,CAACS,OAAZ,CAAoBN,MAAM,CAACC,UAA3B,CAAD,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,IAAAM,gBAAA,EAAU,YAAM;IACdV,WAAW,CAACS,OAAZ,GAAsBV,QAAtB;IACAQ,UAAU;EACX,CAHD,EAGG,CAACR,QAAD,EAAWQ,UAAX,CAHH;EAKA,IAAAG,gBAAA,EAAU,YAAM;IACdP,MAAM,CAACQ,gBAAP,CAAwB,QAAxB,EAAkCJ,UAAlC;IACA,OAAO;MAAA,OAAMJ,MAAM,CAACS,mBAAP,CAA2B,QAA3B,EAAqCL,UAArC,CAAN;IAAA,CAAP;EACD,CAHD,EAGG,CAACA,UAAD,CAHH;EAKA,OAAOF,IAAP;AACD,CArBD;;eAuBeP,U"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["default","m","useIsMaxWidth","useIsMinWidth","useIsWidth"],"mappings":"AAAA,SAASA,OAAO,IAAIC,CAApB,QAA6B,SAA7B;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,iBAAzC;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,cAAtC;AAEA,cAAc,SAAd","sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default","m","useIsMaxWidth","useIsMinWidth","useIsWidth"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,CAApB,QAA6B,SAA7B;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,iBAAzC;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,cAAtC;AAEA,cAAc,SAAd"}

package/dist/esm/media/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/media/index.ts"],"names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"mappings":"AAiBA,OAAO,MAAMA,cAA8B,GAAG;AAC5CC,EAAAA,EAAE,EAAE,GADwC;AAE5CC,EAAAA,EAAE,EAAE,GAFwC;AAG5CC,EAAAA,EAAE,EAAE,GAHwC;AAI5CC,EAAAA,EAAE,EAAE,GAJwC;AAK5CC,EAAAA,EAAE,EAAE,IALwC;AAM5CC,EAAAA,GAAG,EAAE;AANuC,CAAvC;AASP,OAAO,MAAMC,cAA8B,GAAG;AAC5CC,EAAAA,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;AAE5CA,EAAAA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;AAG5CA,EAAAA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;AAI5CA,EAAAA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;AAK5CA,EAAAA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;AAM5CA,EAAAA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;AASP,MAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;AACZD,EAAAA,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBd,cAAc,CAACc,GAAD,CAAM,KAArD;AACA,SAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;AACZD,EAAAA,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBP,cAAc,CAACO,GAAD,CAAM,KAArD;AACA,SAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAMG,CAAC,GAAG;AACRP,EAAAA,GADQ;AAERM,EAAAA;AAFQ,CAAV;AAKA,eAAeC,CAAf","sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":"AAiBA,OAAO,MAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GADwC;EAE5CC,EAAE,EAAE,GAFwC;EAG5CC,EAAE,EAAE,GAHwC;EAI5CC,EAAE,EAAE,GAJwC;EAK5CC,EAAE,EAAE,IALwC;EAM5CC,GAAG,EAAE;AANuC,CAAvC;AASP,OAAO,MAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;EAE5CA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;EAG5CA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;EAI5CA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;EAK5CA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;EAM5CA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;AASP,MAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;EACZD,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBd,cAAc,CAACc,GAAD,CAAM,KAArD;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;EACZD,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBP,cAAc,CAACO,GAAD,CAAM,KAArD;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAMG,CAAC,GAAG;EACRP,GADQ;EAERM;AAFQ,CAAV;AAKA,eAAeC,CAAf"}

package/dist/esm/useIsMaxWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsMaxWidth/index.ts"],"names":["useCallback","maxBreakpoints","useIsWidth","useIsMaxWidth","breakpoint","detector","width"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAASC,cAAT,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;AACnE,QAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;AAIA,SAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf","sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useCallback","maxBreakpoints","useIsWidth","useIsMaxWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAASC,cAAT,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;EAIA,OAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf"}

package/dist/esm/useIsMinWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsMinWidth/index.ts"],"names":["useCallback","minBreakpoints","useIsWidth","useIsMinWidth","breakpoint","detector","width"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAAyBC,cAAzB,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;AACnE,QAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;AAIA,SAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf","sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useCallback","minBreakpoints","useIsWidth","useIsMinWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAAyBC,cAAzB,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;EAIA,OAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf"}

package/dist/esm/useIsWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/useIsWidth/index.ts"],"names":["useCallback","useEffect","useRef","useState","useIsWidth","detector","detectorRef","flag","setFlag","window","innerWidth","updateFlag","current","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,EAAyCC,QAAzC,QAAyD,OAAzD;AAEA;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAIC,QAAD,IAAmD;AACpE,QAAMC,WAAW,GAAGJ,MAAM,CAA6BG,QAA7B,CAA1B;AACA,QAAM,CAACE,IAAD,EAAOC,OAAP,IAAkBL,QAAQ,CAAC,MAC/BE,QAAQ,CAAC,OAAOI,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADsB,CAAhC;AAIA,QAAMC,UAAU,GAAGX,WAAW,CAAC,MAAM;AACnCQ,IAAAA,OAAO,CAACF,WAAW,CAACM,OAAZ,CAAoBH,MAAM,CAACC,UAA3B,CAAD,CAAP;AACD,GAF6B,EAE3B,EAF2B,CAA9B;AAIAT,EAAAA,SAAS,CAAC,MAAM;AACdK,IAAAA,WAAW,CAACM,OAAZ,GAAsBP,QAAtB;AACAM,IAAAA,UAAU;AACX,GAHQ,EAGN,CAACN,QAAD,EAAWM,UAAX,CAHM,CAAT;AAKAV,EAAAA,SAAS,CAAC,MAAM;AACdQ,IAAAA,MAAM,CAACI,gBAAP,CAAwB,QAAxB,EAAkCF,UAAlC;AACA,WAAO,MAAMF,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCH,UAArC,CAAb;AACD,GAHQ,EAGN,CAACA,UAAD,CAHM,CAAT;AAKA,SAAOJ,IAAP;AACD,CArBD;;AAuBA,eAAeH,UAAf","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useState","useIsWidth","detector","detectorRef","flag","setFlag","window","innerWidth","updateFlag","current","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,EAAyCC,QAAzC,QAAyD,OAAzD;AAEA;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAIC,QAAD,IAAmD;EACpE,MAAMC,WAAW,GAAGJ,MAAM,CAA6BG,QAA7B,CAA1B;EACA,MAAM,CAACE,IAAD,EAAOC,OAAP,IAAkBL,QAAQ,CAAC,MAC/BE,QAAQ,CAAC,OAAOI,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADsB,CAAhC;EAIA,MAAMC,UAAU,GAAGX,WAAW,CAAC,MAAM;IACnCQ,OAAO,CAACF,WAAW,CAACM,OAAZ,CAAoBH,MAAM,CAACC,UAA3B,CAAD,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIAT,SAAS,CAAC,MAAM;IACdK,WAAW,CAACM,OAAZ,GAAsBP,QAAtB;IACAM,UAAU;EACX,CAHQ,EAGN,CAACN,QAAD,EAAWM,UAAX,CAHM,CAAT;EAKAV,SAAS,CAAC,MAAM;IACdQ,MAAM,CAACI,gBAAP,CAAwB,QAAxB,EAAkCF,UAAlC;IACA,OAAO,MAAMF,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCH,UAArC,CAAb;EACD,CAHQ,EAGN,CAACA,UAAD,CAHM,CAAT;EAKA,OAAOJ,IAAP;AACD,CArBD;;AAuBA,eAAeH,UAAf"}

package/dist/types/media/index.d.ts

@@ -15,8 +15,8 @@ export declare type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;
 export declare const minBreakpoints: MinBreakpoints;
 export declare const maxBreakpoints: MaxBreakpoints;
 declare const m: {
-    min: Index<Pick<Breakpoints, "xs" | "sm" | "md" | "lg" | "xl" | "xxl">>;
-    max: Index<Pick<Breakpoints, "xxs" | "xs" | "sm" | "md" | "lg" | "xl">>;
+    min: Index<MinBreakpoints>;
+    max: Index<MaxBreakpoints>;
 };
 export default m;
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/media",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -30,5 +30,5 @@
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "990fa0eb8e38bbb94ebea1ba0c825574ff11fe5e"
+  "gitHead": "d68e1f41705b52f8a0c5d2fbf7846839c2176a5d"
 }