@razorpay/blade 10.18.1 → 10.19.0

package/build/css/bankingThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/bankingThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/bankingThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/bankingThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/paymentThemeDarkMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/paymentThemeLightDesktop.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/css/paymentThemeLightMobile.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Nov 2023 05:43:28 GMT
+ * Generated on Fri, 24 Nov 2023 12:34:02 GMT
  */
 
 :root {

package/build/utils/index.development.web.js

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
-import React__default, { useMemo, useCallback, useState, useEffect, useRef, createContext, useContext } from 'react';
+import React__default, { useMemo, useCallback, useState, useRef, useEffect, createContext, useContext } from 'react';
 
 var getColorScheme = function getColorScheme() {
   var colorScheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
@@ -39,6 +39,20 @@ var getPlatformType = function getPlatformType() {
   return 'unknown';
 };
 
+var isBrowser = getPlatformType() == 'browser';
+
+/**
+ * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser
+ * (for SSR reasons)
+ *
+ * React currently throws a warning when using useLayoutEffect on the server.
+ * To get around it, we can conditionally useEffect on the server (no-op) and
+ * useLayoutEffect in the browser.
+ *
+ * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+ */
+var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
+
 var deviceType = {
   desktop: 'desktop',
   mobile: 'mobile'
@@ -93,7 +107,8 @@ var useBreakpoint = function useBreakpoint(_ref) {
       if ((event === null || event === void 0 ? void 0 : event.media) === mediaQuery) {
         return true;
       }
-      // this will run when the state is initialised for the first time and hence the event object will be empty so we'll fallback to browser's window object
+
+      // this will run when the state is initialised for the first time and hence the event object will be empty because the event listener wouldn't have triggered
       if (window.matchMedia(mediaQuery).matches) {
         return true;
       }
@@ -101,18 +116,25 @@ var useBreakpoint = function useBreakpoint(_ref) {
     })) === null || _breakpointsTokenAndQ2 === void 0 ? void 0 : _breakpointsTokenAndQ2.token) !== null && _breakpointsTokenAndQ !== void 0 ? _breakpointsTokenAndQ : undefined;
     return matchedBreakpoint;
   }, [breakpointsTokenAndQueryCollection]);
-  var _useState = useState(function () {
+  var _useState = useState({
+      matchedBreakpoint: undefined,
+      matchedDeviceType: deviceType.desktop
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    breakpointAndDevice = _useState2[0],
+    setBreakpointAndDevice = _useState2[1];
+  useIsomorphicLayoutEffect(function () {
+    // set the breakpoint and devicetype for the first time because eventlisteners will only trigger after the screen is actually changed
+    setBreakpointAndDevice(function () {
       var matchedBreakpoint = getMatchedBreakpoint();
       var matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);
       return {
         matchedBreakpoint: matchedBreakpoint,
         matchedDeviceType: matchedDeviceType
       };
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    breakpointAndDevice = _useState2[0],
-    setBreakpointAndDevice = _useState2[1];
-  useEffect(function () {
+    });
+
+    // for react-native and SSR we don't need to register event listeners
     if (!supportsMatchMedia) {
       return undefined;
     }
@@ -153,8 +175,6 @@ var useBreakpoint = function useBreakpoint(_ref) {
       });
     };
   }, [breakpointsTokenAndQueryCollection, getMatchedBreakpoint, getMatchedDeviceType, supportsMatchMedia]);
-
-  // @TODO: handle SSR scenarios
   return breakpointAndDevice;
 };
 
@@ -204,20 +224,6 @@ var useColorScheme = function useColorScheme() {
   };
 };
 
-var isBrowser = getPlatformType() == 'browser';
-
-/**
- * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser
- * (for SSR reasons)
- *
- * React currently throws a warning when using useLayoutEffect on the server.
- * To get around it, we can conditionally useEffect on the server (no-op) and
- * useLayoutEffect in the browser.
- *
- * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
- */
-var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
-
 /* eslint-disable consistent-return */
 function useInterval(callback, _ref) {
   var delay = _ref.delay,

package/build/utils/index.development.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.development.web.js","sources":["../../src/utils/getColorScheme/getColorScheme.web.ts","../../src/utils/getMediaQuery/getMediaQuery.ts","../../src/utils/getPlatformType/getPlatformType.ts","../../src/utils/useBreakpoint/useBreakpoint.ts","../../src/tokens/theme/theme.ts","../../src/utils/logger/logger.ts","../../src/utils/useColorScheme/useColorScheme.ts","../../src/utils/useIsomorphicLayoutEffect.ts","../../src/utils/useInterval.ts","../../src/utils/platform/isReactNative.ts","../../src/utils/platform/getOS.web.ts","../../src/utils/platform/castUtils.ts","../../src/utils/makeBorderSize/makeBorderSize.ts","../../src/utils/makeMotionTime/makeMotionTime.web.ts","../../src/utils/makeSpace/makeSpace.ts","../../src/utils/makeTypographySize/makeTypographySize.web.ts","../../src/utils/makeSize/makeSize.ts","../../src/utils/toTitleCase/toTitleCase.ts","../../src/utils/usePrevious/usePrevious.ts","../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\n\nexport const getColorScheme = (colorScheme: ColorSchemeNamesInput = 'light'): ColorSchemeNames => {\n  // @TODO: create a useMediaQuery hook with an event listener which will subscribe to changes and move all this logic there\n  const colorSchemeMediaQueryMap = {\n    light: '(prefers-color-scheme: light)',\n    dark: '(prefers-color-scheme: dark)',\n    system: 'default',\n  };\n  const supportsMatchMedia =\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n\n  if (colorScheme === 'light' || colorScheme === 'dark') {\n    return colorScheme;\n  }\n\n  if (\n    colorScheme === 'system' &&\n    supportsMatchMedia &&\n    window.matchMedia(colorSchemeMediaQueryMap.dark).matches\n  ) {\n    return 'dark';\n  }\n\n  return 'light';\n};\n","export const getMediaQuery = ({ min, max }: { min: number; max?: number }): string => {\n  return `screen and (min-width: ${min}px)${max ? ` and (max-width: ${max}px)` : ''}`;\n};\n","export type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';\n\nexport const getPlatformType = (): PlatformTypes => {\n  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n    return 'react-native';\n  }\n\n  if (typeof document !== 'undefined') {\n    return 'browser';\n  }\n\n  if (typeof process !== 'undefined') {\n    return 'node';\n  }\n\n  return 'unknown';\n};\n","/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useEffect, useState, useCallback, useMemo } from 'react';\nimport { getPlatformType } from '../getPlatformType';\nimport { getMediaQuery } from '../getMediaQuery';\nimport type { Breakpoints } from '~tokens/global';\n\nconst deviceType = {\n  desktop: 'desktop',\n  mobile: 'mobile',\n} as const;\n\ntype DeviceType = keyof typeof deviceType;\ntype Breakpoint = keyof Breakpoints | undefined;\n\ntype BreakpointAndDevice = {\n  matchedBreakpoint: Breakpoint;\n  matchedDeviceType: DeviceType;\n};\n\nexport const useBreakpoint = ({\n  breakpoints,\n}: {\n  breakpoints: Breakpoints;\n}): BreakpointAndDevice => {\n  const supportsMatchMedia =\n    typeof document !== 'undefined' &&\n    typeof window !== 'undefined' &&\n    typeof window?.matchMedia === 'function';\n\n  const breakpointsTokenAndQueryCollection = useMemo(\n    () =>\n      (supportsMatchMedia\n        ? Object.entries(breakpoints).map(([token, screenSize], index, breakpointsArray) => {\n            const min = screenSize;\n            const maxValue = breakpointsArray[index + 1]?.[1];\n            const mediaQuery = getMediaQuery({ min, max: maxValue ? maxValue - 1 : undefined });\n            return { token, screenSize, mediaQuery };\n          })\n        : []) as {\n        token: keyof Breakpoints;\n        screenSize: number;\n        mediaQuery: string;\n      }[],\n    [breakpoints, supportsMatchMedia],\n  );\n\n  const getMatchedDeviceType = useCallback((matchedBreakpoint: Breakpoint): DeviceType => {\n    let matchedDeviceType: DeviceType = deviceType.mobile;\n    const platform = getPlatformType();\n    if (platform === 'react-native') {\n      matchedDeviceType = deviceType.mobile;\n    } else if (platform === 'browser') {\n      if (matchedBreakpoint && ['base', 'xs', 's'].includes(matchedBreakpoint)) {\n        // tablet is also categorised as mobile\n        matchedDeviceType = deviceType.mobile;\n      } else {\n        matchedDeviceType = deviceType.desktop;\n      }\n    } else if (platform === 'node') {\n      //@TODO: Check for useragent for node\n      matchedDeviceType = deviceType.desktop;\n    }\n    return matchedDeviceType;\n  }, []);\n\n  const getMatchedBreakpoint = useCallback(\n    (event?: MediaQueryListEvent): Breakpoint => {\n      const matchedBreakpoint =\n        breakpointsTokenAndQueryCollection.find(({ mediaQuery = '' }) => {\n          // this will run whenever mediaQuery change event is triggered\n          if (event?.media === mediaQuery) {\n            return true;\n          }\n          // this will run when the state is initialised for the first time and hence the event object will be empty so we'll fallback to browser's window object\n          if (window.matchMedia(mediaQuery).matches) {\n            return true;\n          }\n          return false;\n        })?.token ?? undefined;\n\n      return matchedBreakpoint;\n    },\n    [breakpointsTokenAndQueryCollection],\n  );\n\n  const [breakpointAndDevice, setBreakpointAndDevice] = useState(() => {\n    const matchedBreakpoint = getMatchedBreakpoint();\n    const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n    return {\n      matchedBreakpoint,\n      matchedDeviceType,\n    };\n  });\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return undefined;\n    }\n\n    const handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      setBreakpointAndDevice(() => {\n        const matchedBreakpoint = getMatchedBreakpoint(event);\n        const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n\n        return { matchedBreakpoint, matchedDeviceType };\n      });\n    };\n\n    const mediaQueryInstances = breakpointsTokenAndQueryCollection.map(({ mediaQuery = '' }) => {\n      const mediaQueryInstance = window.matchMedia(mediaQuery);\n      /**\n       * the mediaquery event listener is available on mediaQuery instances and not `window`\n       * we iterate over all the breakpoints we have, register each instance and store them as `mediaQueryInstances` so we can later unregister all of them.\n       */\n      if (mediaQueryInstance.addEventListener) {\n        mediaQueryInstance.addEventListener('change', handleMediaQueryChange);\n      } else {\n        // In older browsers MediaQueryList do not yet inherit from EventTarget, So using addListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener\n        mediaQueryInstance.addListener(handleMediaQueryChange);\n      }\n      return mediaQueryInstance;\n    });\n\n    return (): void => {\n      mediaQueryInstances.forEach((mediaQueryInstance) => {\n        if (mediaQueryInstance.removeEventListener) {\n          mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);\n        } else {\n          // In older browsers MediaQueryList do not yet inherit from EventTarget, So using removeListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/removeListener\n          mediaQueryInstance.removeListener(handleMediaQueryChange);\n        }\n      });\n    };\n  }, [\n    breakpointsTokenAndQueryCollection,\n    getMatchedBreakpoint,\n    getMatchedDeviceType,\n    supportsMatchMedia,\n  ]);\n\n  // @TODO: handle SSR scenarios\n  return breakpointAndDevice;\n};\n\nexport type { DeviceType };\n","import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type TextTypes = 'muted' | 'normal' | 'placeholder' | 'subdued' | 'subtle';\n\nexport type ColorContrastTypes = 'low' | 'high';\n\nexport type Feedback = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type ColorContrast = {\n  [K in ColorContrastTypes as `${Extract<K, string>}Contrast`]: string;\n};\n\n// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens\nexport type SurfaceLevels = 1 | 2 | 3;\n\nexport type ActionStates = {\n  default: string;\n  hover: string;\n  focus: string;\n  active: string;\n  disabled: string;\n};\n\nexport type LinkActionStates = ActionStates & {\n  visited: string;\n};\n\nexport type ActionStatesWithContrast = {\n  default: ColorContrast;\n  hover: ColorContrast;\n  focus: ColorContrast;\n  active: ColorContrast;\n  disabled: ColorContrast;\n};\n\nexport type ActionStatesWithLowContrast = {\n  default: Pick<ColorContrast, 'lowContrast'>;\n  hover: Pick<ColorContrast, 'lowContrast'>;\n  focus: Pick<ColorContrast, 'lowContrast'>;\n  active: Pick<ColorContrast, 'lowContrast'>;\n  disabled: Pick<ColorContrast, 'lowContrast'>;\n};\n\nexport type LinkActionStatesWithContrast = ActionStatesWithContrast & {\n  visited: ColorContrast;\n};\n\nexport type ActionVariants = {\n  primary: ActionStates;\n  secondary: ActionStates;\n  tertiary: ActionStates;\n  link: LinkActionStates;\n};\n\nexport type ActionVariantsWithContrast = {\n  primary: ActionStatesWithContrast;\n  secondary: ActionStatesWithContrast;\n  tertiary: ActionStatesWithContrast;\n  link: ActionStatesWithContrast;\n};\n\nexport type SecondaryFeedbackActionStatesWithContrast = {\n  secondary: {\n    default: Pick<ColorContrast, 'lowContrast'>;\n    hover: Pick<ColorContrast, 'lowContrast'>;\n    focus: Pick<ColorContrast, 'lowContrast'>;\n    active: Pick<ColorContrast, 'lowContrast'>;\n    disabled: Pick<ColorContrast, 'lowContrast'>;\n  };\n};\n\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  action: {\n    background: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    border: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    text: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    icon: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n  };\n};\n\nexport type WhiteColors = {\n  background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n  icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n};\n\nexport type Colors = {\n  brand: {\n    primary: Record<300 | 400 | 500 | 600 | 700 | 800, string>;\n    secondary: Record<500, string>;\n    gray: Record<200 | 300 | 400 | 500 | 600 | 700 | 'a50' | 'a100', ColorContrast>;\n  };\n  feedback: {\n    background: Record<Feedback, ColorContrast>;\n    border: Record<Feedback, ColorContrast>;\n    text: Record<Feedback, ColorContrast>;\n    icon: Record<Feedback, ColorContrast>;\n    positive: FeedbackActions;\n    negative: FeedbackActions;\n    information: FeedbackActions;\n    notice: FeedbackActions;\n    neutral: FeedbackActions;\n  };\n  surface: {\n    background: Record<'level1' | 'level2' | 'level3', ColorContrast>;\n    border: Record<'normal' | 'subtle', ColorContrast>;\n    text: Record<TextTypes, ColorContrast>;\n    action: {\n      icon: ActionStatesWithContrast;\n    };\n    overlay: Record<'background', Record<400 | 800, string>>;\n    popup: Record<'background', string>;\n  };\n  action: {\n    background: Omit<ActionVariants, 'link'>;\n    border: Omit<ActionVariants, 'link'>;\n    text: ActionVariants;\n    icon: ActionVariants;\n  };\n  badge: {\n    background: {\n      blue: ColorContrast;\n    };\n    border: {\n      blue: ColorContrast;\n    };\n    text: {\n      blue: ColorContrast;\n    };\n    icon: {\n      blue: ColorContrast;\n    };\n  };\n  static: {\n    white: string;\n  };\n  white: {\n    action: WhiteColors;\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'paymentTheme' | 'bankingTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n","type LogType = 'error' | 'warn' | 'log';\n\ntype LoggerOptions = {\n  message: string;\n  moduleName?: string;\n  type: LogType;\n};\n\ntype ThrowBladeErrorOptions = {\n  message: string;\n  moduleName?: string;\n};\n\nconst PREFIX = '[Blade]:';\n\nconst throwBladeError = ({ message, moduleName }: ThrowBladeErrorOptions): void | never => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    throw new Error(`${prefix} ${message}`);\n  }\n};\n\nconst getCommonLogger = (\n  type: LogType,\n): typeof console.log | typeof console.error | typeof console.warn => {\n  switch (type) {\n    case 'error':\n      return console.error;\n    case 'warn':\n      return console.warn;\n    case 'log':\n    default:\n      return console.log;\n  }\n};\n\nconst logger = ({ message, moduleName, type }: LoggerOptions): void => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    getCommonLogger(type)(`${prefix} ${message}`);\n  }\n};\n\nexport { throwBladeError, logger };\n","import { useState, useCallback } from 'react';\nimport { getColorScheme } from '../getColorScheme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\nimport { throwBladeError } from '~utils/logger';\n\nexport type UseColorScheme = {\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n};\n\nexport const useColorScheme = (\n  initialColorScheme: ColorSchemeNamesInput = 'light',\n): UseColorScheme => {\n  // if colorScheme defined use that else fallback to 'light'\n  const [colorSchemeState, setColorSchemeState] = useState<ColorSchemeNames>(() =>\n    getColorScheme(initialColorScheme),\n  );\n\n  const setColorScheme = useCallback(function setThemeMode(colorScheme: ColorSchemeNamesInput) {\n    if (__DEV__) {\n      if (!colorSchemeNamesInput.includes(colorScheme)) {\n        throwBladeError({\n          message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${colorScheme}`,\n          moduleName: 'useColorScheme',\n        });\n      }\n    }\n    setColorSchemeState(getColorScheme(colorScheme));\n  }, []);\n\n  return {\n    colorScheme: colorSchemeState,\n    setColorScheme,\n  };\n};\n","import * as React from 'react';\nimport { getPlatformType } from './getPlatformType';\n\nconst isBrowser = getPlatformType() == 'browser';\n\n/**\n * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\nexport const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n","/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nfunction useInterval(\n  callback: () => void,\n  { delay, enable }: { delay: number; enable?: boolean },\n): void {\n  const intervalRef = React.useRef<number | null>(null);\n  const savedCallback = React.useRef(callback);\n\n  // keep the callback updated\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    const tick = (): void => savedCallback.current();\n\n    if (enable) {\n      intervalRef.current = window.setInterval(tick, delay);\n      return () => window.clearInterval(intervalRef.current!);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [delay, enable]);\n}\n\nexport { useInterval };\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { getPlatformType } from '../getPlatformType';\n\nconst isReactNative = (): boolean => {\n  return getPlatformType() === 'react-native';\n};\n\nexport { isReactNative };\n","import type { Platform } from 'react-native';\n\nexport const getOS = (): typeof Platform.OS => {\n  return 'web';\n};\n\nexport const isAndroid = (): boolean => false;\n","import type { Platform } from '.';\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to web type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedWebType = castWebType('' as Example);\n * //    ^ string\n * ```\n */\nconst castWebType = <T>(value: T): Platform.CastWeb<T> => {\n  return value as Platform.CastWeb<typeof value>;\n};\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to native type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedNativeType = castNativeType('' as Example);\n * //    ^ number\n * ```\n */\nconst castNativeType = <T>(value: T): Platform.CastNative<T> => {\n  return value as Platform.CastNative<typeof value>;\n};\n\nexport { castWebType, castNativeType };\n","export function makeBorderSize<T extends number>(size: T): `${T}px`;\nexport function makeBorderSize<T extends string>(size: T): T;\nexport function makeBorderSize<T extends number | string>(size: T): `${T}px` | T {\n  if (typeof size === 'number') {\n    return `${size}px`;\n  }\n  return size;\n}\n","import type { MakeMotionTime } from './types';\nimport type { Platform } from '~utils';\n\nexport const makeMotionTime = <T extends number>(time: T): Platform.CastWeb<MakeMotionTime<T>> => {\n  return `${time}ms`;\n};\n","export const makeSpace = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export const makeTypographySize = (size: number): `${number}rem` => {\n  const remValue = size / 16;\n  return `${remValue}rem`;\n};\n","export type MakeSize<T extends number> = `${T}px`;\n\nexport const makeSize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","/**\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport const toTitleCase = (inputString: string): string =>\n  inputString\n    .toLowerCase()\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n","import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * a type-safe version of the `usePrevious` hook described here:\n * @see {@link https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state}\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport function usePrevious<T>(value: T): MutableRefObject<T | undefined>['current'] {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["getColorScheme","colorScheme","arguments","length","undefined","colorSchemeMediaQueryMap","light","dark","system","supportsMatchMedia","window","matchMedia","matches","getMediaQuery","_ref","min","max","concat","getPlatformType","navigator","product","document","process","deviceType","desktop","mobile","useBreakpoint","_window","breakpoints","breakpointsTokenAndQueryCollection","useMemo","Object","entries","map","_ref2","index","breakpointsArray","_breakpointsArray","_ref3","_slicedToArray","token","screenSize","maxValue","mediaQuery","getMatchedDeviceType","useCallback","matchedBreakpoint","matchedDeviceType","platform","includes","getMatchedBreakpoint","event","_breakpointsTokenAndQ","_breakpointsTokenAndQ2","find","_ref4","_ref4$mediaQuery","media","_useState","useState","_useState2","breakpointAndDevice","setBreakpointAndDevice","useEffect","handleMediaQueryChange","mediaQueryInstances","_ref5","_ref5$mediaQuery","mediaQueryInstance","addEventListener","addListener","forEach","removeEventListener","removeListener","colorSchemeNamesInput","PREFIX","throwBladeError","message","moduleName","prefix","Error","useColorScheme","initialColorScheme","colorSchemeState","setColorSchemeState","setColorScheme","setThemeMode","toString","isBrowser","useIsomorphicLayoutEffect","React","useLayoutEffect","useInterval","callback","delay","enable","intervalRef","useRef","savedCallback","current","tick","setInterval","clearInterval","isReactNative","getOS","isAndroid","castWebType","value","castNativeType","makeBorderSize","size","makeMotionTime","time","makeSpace","makeTypographySize","remValue","makeSize","toTitleCase","inputString","toLowerCase","split","word","charAt","toUpperCase","slice","join","usePrevious","ref","ThemeContext","createContext","theme","useTheme","themeContext","useContext"],"mappings":";;;;IAEaA,cAAc,GAAG,SAAjBA,cAAcA,GAAuE;AAAA,EAAA,IAAnEC,WAAkC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AACzE;AACA,EAAA,IAAMG,wBAAwB,GAAG;AAC/BC,IAAAA,KAAK,EAAE,+BAA+B;AACtCC,IAAAA,IAAI,EAAE,8BAA8B;AACpCC,IAAAA,MAAM,EAAE,SAAA;GACT,CAAA;AACD,EAAA,IAAMC,kBAAkB,GACtB,OAAOC,MAAM,KAAK,WAAW,IAAI,OAAOA,MAAM,CAACC,UAAU,KAAK,UAAU,CAAA;AAE1E,EAAA,IAAIV,WAAW,KAAK,OAAO,IAAIA,WAAW,KAAK,MAAM,EAAE;AACrD,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;AAEA,EAAA,IACEA,WAAW,KAAK,QAAQ,IACxBQ,kBAAkB,IAClBC,MAAM,CAACC,UAAU,CAACN,wBAAwB,CAACE,IAAI,CAAC,CAACK,OAAO,EACxD;AACA,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AAEA,EAAA,OAAO,OAAO,CAAA;AAChB;;ICzBaC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG,CAAA;AACtC,EAAA,OAAA,yBAAA,CAAAC,MAAA,CAAiCF,GAAG,EAAA,KAAA,CAAA,CAAAE,MAAA,CAAMD,GAAG,GAAA,mBAAA,CAAAC,MAAA,CAAuBD,GAAG,EAAA,KAAA,CAAA,GAAQ,EAAE,CAAA,CAAA;AACnF;;ICAaE,eAAe,GAAG,SAAlBA,eAAeA,GAAwB;EAClD,IAAI,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,OAAO,KAAK,aAAa,EAAE;AAC3E,IAAA,OAAO,cAAc,CAAA;AACvB,GAAA;AAEA,EAAA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;AACnC,IAAA,OAAO,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,EAAE;AAClC,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AAEA,EAAA,OAAO,SAAS,CAAA;AAClB;;ACVA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAU,CAAA;IAUGC,aAAa,GAAG,SAAhBA,aAAaA,CAAAZ,IAAA,EAIC;AAAA,EAAA,IAAAa,OAAA,CAAA;AAAA,EAAA,IAHzBC,WAAW,GAAAd,IAAA,CAAXc,WAAW,CAAA;EAIX,IAAMnB,kBAAkB,GACtB,OAAOY,QAAQ,KAAK,WAAW,IAC/B,OAAOX,MAAM,KAAK,WAAW,IAC7B,QAAAiB,CAAAA,OAAA,GAAOjB,MAAM,MAAAiB,IAAAA,IAAAA,OAAA,uBAANA,OAAA,CAAQhB,UAAU,CAAA,KAAK,UAAU,CAAA;EAE1C,IAAMkB,kCAAkC,GAAGC,OAAO,CAChD,YAAA;AAAA,IAAA,OACGrB,kBAAkB,GACfsB,MAAM,CAACC,OAAO,CAACJ,WAAW,CAAC,CAACK,GAAG,CAAC,UAAAC,KAAA,EAAsBC,KAAK,EAAEC,gBAAgB,EAAK;AAAA,MAAA,IAAAC,iBAAA,CAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAhDM,QAAAA,KAAK,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,QAAAA,UAAU,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;MACjD,IAAMvB,GAAG,GAAG0B,UAAU,CAAA;AACtB,MAAA,IAAMC,QAAQ,GAAAL,CAAAA,iBAAA,GAAGD,gBAAgB,CAACD,KAAK,GAAG,CAAC,CAAC,cAAAE,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA3BA,iBAAA,CAA8B,CAAC,CAAC,CAAA;MACjD,IAAMM,UAAU,GAAG9B,aAAa,CAAC;AAAEE,QAAAA,GAAG,EAAHA,GAAG;AAAEC,QAAAA,GAAG,EAAE0B,QAAQ,GAAGA,QAAQ,GAAG,CAAC,GAAGtC,SAAAA;AAAU,OAAC,CAAC,CAAA;MACnF,OAAO;AAAEoC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,UAAU,EAAVA,UAAU;AAAEE,QAAAA,UAAU,EAAVA,UAAAA;OAAY,CAAA;KACzC,CAAC,GACF,EAAE,CAAA;AAAA,GAIH,EACL,CAACf,WAAW,EAAEnB,kBAAkB,CAClC,CAAC,CAAA;AAED,EAAA,IAAMmC,oBAAoB,GAAGC,WAAW,CAAC,UAACC,iBAA6B,EAAiB;AACtF,IAAA,IAAIC,iBAA6B,GAAGxB,UAAU,CAACE,MAAM,CAAA;AACrD,IAAA,IAAMuB,QAAQ,GAAG9B,eAAe,EAAE,CAAA;IAClC,IAAI8B,QAAQ,KAAK,cAAc,EAAE;MAC/BD,iBAAiB,GAAGxB,UAAU,CAACE,MAAM,CAAA;AACvC,KAAC,MAAM,IAAIuB,QAAQ,KAAK,SAAS,EAAE;AACjC,MAAA,IAAIF,iBAAiB,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACH,iBAAiB,CAAC,EAAE;AACxE;QACAC,iBAAiB,GAAGxB,UAAU,CAACE,MAAM,CAAA;AACvC,OAAC,MAAM;QACLsB,iBAAiB,GAAGxB,UAAU,CAACC,OAAO,CAAA;AACxC,OAAA;AACF,KAAC,MAAM,IAAIwB,QAAQ,KAAK,MAAM,EAAE;AAC9B;MACAD,iBAAiB,GAAGxB,UAAU,CAACC,OAAO,CAAA;AACxC,KAAA;AACA,IAAA,OAAOuB,iBAAiB,CAAA;GACzB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMG,oBAAoB,GAAGL,WAAW,CACtC,UAACM,KAA2B,EAAiB;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;AAC3C,IAAA,IAAMP,iBAAiB,GAAA,CAAAM,qBAAA,GAAA,CAAAC,sBAAA,GACrBxB,kCAAkC,CAACyB,IAAI,CAAC,UAAAC,KAAA,EAAyB;AAAA,MAAA,IAAAC,gBAAA,GAAAD,KAAA,CAAtBZ,UAAU;AAAVA,QAAAA,UAAU,GAAAa,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA,CAAA;AACxD;MACA,IAAI,CAAAL,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEM,KAAK,MAAKd,UAAU,EAAE;AAC/B,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACA;MACA,IAAIjC,MAAM,CAACC,UAAU,CAACgC,UAAU,CAAC,CAAC/B,OAAO,EAAE;AACzC,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACA,MAAA,OAAO,KAAK,CAAA;AACd,KAAC,CAAC,MAAA,IAAA,IAAAyC,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAVFA,sBAAA,CAUIb,KAAK,MAAA,IAAA,IAAAY,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIhD,SAAS,CAAA;AAExB,IAAA,OAAO0C,iBAAiB,CAAA;AAC1B,GAAC,EACD,CAACjB,kCAAkC,CACrC,CAAC,CAAA;AAED,EAAA,IAAA6B,SAAA,GAAsDC,QAAQ,CAAC,YAAM;AACnE,MAAA,IAAMb,iBAAiB,GAAGI,oBAAoB,EAAE,CAAA;AAChD,MAAA,IAAMH,iBAAiB,GAAGH,oBAAoB,CAACE,iBAAiB,CAAC,CAAA;MACjE,OAAO;AACLA,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,QAAAA,iBAAiB,EAAjBA,iBAAAA;OACD,CAAA;AACH,KAAC,CAAC;IAAAa,UAAA,GAAArB,cAAA,CAAAmB,SAAA,EAAA,CAAA,CAAA;AAPKG,IAAAA,mBAAmB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,sBAAsB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AASlDG,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI,CAACtD,kBAAkB,EAAE;AACvB,MAAA,OAAOL,SAAS,CAAA;AAClB,KAAA;AAEA,IAAA,IAAM4D,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIb,KAA0B,EAAW;AACnEW,MAAAA,sBAAsB,CAAC,YAAM;AAC3B,QAAA,IAAMhB,iBAAiB,GAAGI,oBAAoB,CAACC,KAAK,CAAC,CAAA;AACrD,QAAA,IAAMJ,iBAAiB,GAAGH,oBAAoB,CAACE,iBAAiB,CAAC,CAAA;QAEjE,OAAO;AAAEA,UAAAA,iBAAiB,EAAjBA,iBAAiB;AAAEC,UAAAA,iBAAiB,EAAjBA,iBAAAA;SAAmB,CAAA;AACjD,OAAC,CAAC,CAAA;KACH,CAAA;IAED,IAAMkB,mBAAmB,GAAGpC,kCAAkC,CAACI,GAAG,CAAC,UAAAiC,KAAA,EAAyB;AAAA,MAAA,IAAAC,gBAAA,GAAAD,KAAA,CAAtBvB,UAAU;AAAVA,QAAAA,UAAU,GAAAwB,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA,CAAA;AACnF,MAAA,IAAMC,kBAAkB,GAAG1D,MAAM,CAACC,UAAU,CAACgC,UAAU,CAAC,CAAA;AACxD;AACN;AACA;AACA;MACM,IAAIyB,kBAAkB,CAACC,gBAAgB,EAAE;AACvCD,QAAAA,kBAAkB,CAACC,gBAAgB,CAAC,QAAQ,EAAEL,sBAAsB,CAAC,CAAA;AACvE,OAAC,MAAM;AACL;AACAI,QAAAA,kBAAkB,CAACE,WAAW,CAACN,sBAAsB,CAAC,CAAA;AACxD,OAAA;AACA,MAAA,OAAOI,kBAAkB,CAAA;AAC3B,KAAC,CAAC,CAAA;AAEF,IAAA,OAAO,YAAY;AACjBH,MAAAA,mBAAmB,CAACM,OAAO,CAAC,UAACH,kBAAkB,EAAK;QAClD,IAAIA,kBAAkB,CAACI,mBAAmB,EAAE;AAC1CJ,UAAAA,kBAAkB,CAACI,mBAAmB,CAAC,QAAQ,EAAER,sBAAsB,CAAC,CAAA;AAC1E,SAAC,MAAM;AACL;AACAI,UAAAA,kBAAkB,CAACK,cAAc,CAACT,sBAAsB,CAAC,CAAA;AAC3D,SAAA;AACF,OAAC,CAAC,CAAA;KACH,CAAA;GACF,EAAE,CACDnC,kCAAkC,EAClCqB,oBAAoB,EACpBN,oBAAoB,EACpBnC,kBAAkB,CACnB,CAAC,CAAA;;AAEF;AACA,EAAA,OAAOoD,mBAAmB,CAAA;AAC5B;;ACrHA;;AA2DA;AACA;AACA;AACA;AACA;AACA;AA0GO,IAAMa,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;;ACtLzF,IAAMC,MAAM,GAAG,UAAU,CAAA;AAEzB,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA9D,IAAA,EAAsE;AAAA,EAAA,IAAhE+D,OAAO,GAAA/D,IAAA,CAAP+D,OAAO;IAAEC,UAAU,GAAAhE,IAAA,CAAVgE,UAAU,CAAA;AAC5C,EAAa;IACX,IAAMC,MAAM,GAAGD,UAAU,GAAA,UAAA,CAAA7D,MAAA,CAAc6D,UAAU,UAAOH,MAAM,CAAA;IAC9D,MAAM,IAAIK,KAAK,CAAA,EAAA,CAAA/D,MAAA,CAAI8D,MAAM,EAAA,GAAA,CAAA,CAAA9D,MAAA,CAAI4D,OAAO,CAAE,CAAC,CAAA;AACzC,GAAA;AACF,CAAC;;ICTYI,cAAc,GAAG,SAAjBA,cAAcA,GAEN;AAAA,EAAA,IADnBC,kBAAyC,GAAAhF,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAEnD;EACA,IAAAwD,SAAA,GAAgDC,QAAQ,CAAmB,YAAA;MAAA,OACzE3D,cAAc,CAACkF,kBAAkB,CAAC,CAAA;AAAA,KACpC,CAAC;IAAAtB,UAAA,GAAArB,cAAA,CAAAmB,SAAA,EAAA,CAAA,CAAA;AAFMyB,IAAAA,gBAAgB,GAAAvB,UAAA,CAAA,CAAA,CAAA;AAAEwB,IAAAA,mBAAmB,GAAAxB,UAAA,CAAA,CAAA,CAAA,CAAA;EAI5C,IAAMyB,cAAc,GAAGxC,WAAW,CAAC,SAASyC,YAAYA,CAACrF,WAAkC,EAAE;AAC3F,IAAa;AACX,MAAA,IAAI,CAACyE,qBAAqB,CAACzB,QAAQ,CAAChD,WAAW,CAAC,EAAE;AAChD2E,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,EAAA5D,sCAAAA,CAAAA,MAAA,CAAyCyD,qBAAqB,CAACa,QAAQ,EAAE,EAAAtE,iBAAAA,CAAAA,CAAAA,MAAA,CAAkBhB,WAAW,CAAE;AAC/G6E,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACAM,IAAAA,mBAAmB,CAACpF,cAAc,CAACC,WAAW,CAAC,CAAC,CAAA;GACjD,EAAE,EAAE,CAAC,CAAA;EAEN,OAAO;AACLA,IAAAA,WAAW,EAAEkF,gBAAgB;AAC7BE,IAAAA,cAAc,EAAdA,cAAAA;GACD,CAAA;AACH;;AChCA,IAAMG,SAAS,GAAGtE,eAAe,EAAE,IAAI,SAAS,CAAA;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMuE,yBAAyB,GAAGD,SAAS,GAAGE,KAAK,CAACC,eAAe,GAAGD,KAAK,CAAC3B,SAAS;;ACf5F;AAIA,SAAS6B,WAAWA,CAClBC,QAAoB,EAAA/E,IAAA,EAEd;AAAA,EAAA,IADJgF,KAAK,GAAAhF,IAAA,CAALgF,KAAK;IAAEC,MAAM,GAAAjF,IAAA,CAANiF,MAAM,CAAA;AAEf,EAAA,IAAMC,WAAW,GAAGN,cAAK,CAACO,MAAM,CAAgB,IAAI,CAAC,CAAA;AACrD,EAAA,IAAMC,aAAa,GAAGR,cAAK,CAACO,MAAM,CAACJ,QAAQ,CAAC,CAAA;;AAE5C;AACAJ,EAAAA,yBAAyB,CAAC,YAAM;IAC9BS,aAAa,CAACC,OAAO,GAAGN,QAAQ,CAAA;AAClC,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEdH,cAAK,CAAC3B,SAAS,CAAC,YAAM;AACpB,IAAA,IAAMqC,IAAI,GAAG,SAAPA,IAAIA,GAAA;AAAA,MAAA,OAAeF,aAAa,CAACC,OAAO,EAAE,CAAA;AAAA,KAAA,CAAA;AAEhD,IAAA,IAAIJ,MAAM,EAAE;MACVC,WAAW,CAACG,OAAO,GAAGzF,MAAM,CAAC2F,WAAW,CAACD,IAAI,EAAEN,KAAK,CAAC,CAAA;MACrD,OAAO,YAAA;AAAA,QAAA,OAAMpF,MAAM,CAAC4F,aAAa,CAACN,WAAW,CAACG,OAAQ,CAAC,CAAA;AAAA,OAAA,CAAA;AACzD,KAAA;;AAEA;IACA,OAAO,YAAM,EAAE,CAAA;AACjB,GAAC,EAAE,CAACL,KAAK,EAAEC,MAAM,CAAC,CAAC,CAAA;AACrB;;AC3BA;AAGA,IAAMQ,aAAa,GAAG,SAAhBA,aAAaA,GAAkB;AACnC,EAAA,OAAOrF,eAAe,EAAE,KAAK,cAAc,CAAA;AAC7C;;ICHasF,KAAK,GAAG,SAARA,KAAKA,GAA6B;AAC7C,EAAA,OAAO,KAAK,CAAA;AACd,EAAC;AAEYC,IAAAA,SAAS,GAAG,SAAZA,SAASA,GAAA;AAAA,EAAA,OAAkB,KAAK,CAAA;AAAA;;ACJ7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAOC,KAAQ,EAA0B;AACxD,EAAA,OAAOA,KAAK,CAAA;AACd,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAOD,KAAQ,EAA6B;AAC9D,EAAA,OAAOA,KAAK,CAAA;AACd;;AClCO,SAASE,cAAcA,CAA4BC,IAAO,EAAgB;AAC/E,EAAA,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAA7F,EAAAA,CAAAA,MAAA,CAAU6F,IAAI,EAAA,IAAA,CAAA,CAAA;AAChB,GAAA;AACA,EAAA,OAAOA,IAAI,CAAA;AACb;;ICJaC,cAAc,GAAG,SAAjBA,cAAcA,CAAsBC,IAAO,EAA0C;EAChG,OAAA/F,EAAAA,CAAAA,MAAA,CAAU+F,IAAI,EAAA,IAAA,CAAA,CAAA;AAChB;;ICLaC,SAAS,GAAG,SAAZA,SAASA,CAAsBH,IAAO,EAAe;EAChE,OAAA7F,EAAAA,CAAAA,MAAA,CAAU6F,IAAI,EAAA,IAAA,CAAA,CAAA;AAChB;;ICFaI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,IAAY,EAAqB;AAClE,EAAA,IAAMK,QAAQ,GAAGL,IAAI,GAAG,EAAE,CAAA;EAC1B,OAAA7F,EAAAA,CAAAA,MAAA,CAAUkG,QAAQ,EAAA,KAAA,CAAA,CAAA;AACpB;;ICDaC,QAAQ,GAAG,SAAXA,QAAQA,CAAsBN,IAAO,EAAe;EAC/D,OAAA7F,EAAAA,CAAAA,MAAA,CAAU6F,IAAI,EAAA,IAAA,CAAA,CAAA;AAChB;;ACJA;AACA;AACA;IACaO,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAAmB,EAAA;AAAA,EAAA,OAC7CA,WAAW,CACRC,WAAW,EAAE,CACbC,KAAK,CAAC,GAAG,CAAC,CACVvF,GAAG,CAAC,UAACwF,IAAI,EAAA;AAAA,IAAA,OAAKA,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGF,IAAI,CAACG,KAAK,CAAC,CAAC,CAAC,CAAA;AAAA,GAAA,CAAC,CAC3DC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA;;ACLd;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAInB,KAAQ,EAA8C;AACnF,EAAA,IAAMoB,GAAG,GAAG9B,MAAM,EAAK,CAAA;AAEvBlC,EAAAA,SAAS,CAAC,YAAM;IACdgE,GAAG,CAAC5B,OAAO,GAAGQ,KAAK,CAAA;AACrB,GAAC,EAAE,CAACA,KAAK,CAAC,CAAC,CAAA;EAEX,OAAOoB,GAAG,CAAC5B,OAAO,CAAA;AACpB;;ACLa6B,IAAAA,YAAY,gBAAGC,aAAa,CAAe;AACtD;AACAC,EAAAA,KAAK,EAAE,IAAI;AACXjI,EAAAA,WAAW,EAAE,OAAO;AACpB+C,EAAAA,QAAQ,EAAE,WAAW;EACrBqC,cAAc,EAAE,SAAAA,cAAA,GAAA;AAAA,IAAA,OAAM,IAAI,CAAA;AAAA,GAAA;AAC5B,CAAC,EAAC;AAEF,IAAM8C,QAAQ,GAAG,SAAXA,QAAQA,GAAuB;AACnC,EAAA,IAAMC,YAAY,GAAGC,UAAU,CAAeL,YAAY,CAAC,CAAA;AAC3D,EAAa;AACX,IAAA,IAAI,CAACI,YAAY,CAACF,KAAK,EAAE;AACvBtD,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,gCAAgC;AACzCC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;IACA,IAAIsD,YAAY,KAAKhI,SAAS,EAAE;AAC9BwE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,4CAA4C;AACrDC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AACA,EAAA,OAAOsD,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"index.development.web.js","sources":["../../src/utils/getColorScheme/getColorScheme.web.ts","../../src/utils/getMediaQuery/getMediaQuery.ts","../../src/utils/getPlatformType/getPlatformType.ts","../../src/utils/useIsomorphicLayoutEffect.ts","../../src/utils/useBreakpoint/useBreakpoint.ts","../../src/tokens/theme/theme.ts","../../src/utils/logger/logger.ts","../../src/utils/useColorScheme/useColorScheme.ts","../../src/utils/useInterval.ts","../../src/utils/platform/isReactNative.ts","../../src/utils/platform/getOS.web.ts","../../src/utils/platform/castUtils.ts","../../src/utils/makeBorderSize/makeBorderSize.ts","../../src/utils/makeMotionTime/makeMotionTime.web.ts","../../src/utils/makeSpace/makeSpace.ts","../../src/utils/makeTypographySize/makeTypographySize.web.ts","../../src/utils/makeSize/makeSize.ts","../../src/utils/toTitleCase/toTitleCase.ts","../../src/utils/usePrevious/usePrevious.ts","../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\n\nexport const getColorScheme = (colorScheme: ColorSchemeNamesInput = 'light'): ColorSchemeNames => {\n  // @TODO: create a useMediaQuery hook with an event listener which will subscribe to changes and move all this logic there\n  const colorSchemeMediaQueryMap = {\n    light: '(prefers-color-scheme: light)',\n    dark: '(prefers-color-scheme: dark)',\n    system: 'default',\n  };\n  const supportsMatchMedia =\n    typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n\n  if (colorScheme === 'light' || colorScheme === 'dark') {\n    return colorScheme;\n  }\n\n  if (\n    colorScheme === 'system' &&\n    supportsMatchMedia &&\n    window.matchMedia(colorSchemeMediaQueryMap.dark).matches\n  ) {\n    return 'dark';\n  }\n\n  return 'light';\n};\n","export const getMediaQuery = ({ min, max }: { min: number; max?: number }): string => {\n  return `screen and (min-width: ${min}px)${max ? ` and (max-width: ${max}px)` : ''}`;\n};\n","export type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';\n\nexport const getPlatformType = (): PlatformTypes => {\n  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n    return 'react-native';\n  }\n\n  if (typeof document !== 'undefined') {\n    return 'browser';\n  }\n\n  if (typeof process !== 'undefined') {\n    return 'node';\n  }\n\n  return 'unknown';\n};\n","import * as React from 'react';\nimport { getPlatformType } from './getPlatformType';\n\nconst isBrowser = getPlatformType() == 'browser';\n\n/**\n * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\nexport const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n","/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useState, useCallback, useMemo } from 'react';\nimport { getPlatformType } from '../getPlatformType';\nimport { getMediaQuery } from '../getMediaQuery';\nimport type { Breakpoints } from '~tokens/global';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst deviceType = {\n  desktop: 'desktop',\n  mobile: 'mobile',\n} as const;\n\ntype DeviceType = keyof typeof deviceType;\ntype Breakpoint = keyof Breakpoints | undefined;\n\ntype BreakpointAndDevice = {\n  matchedBreakpoint: Breakpoint;\n  matchedDeviceType: DeviceType;\n};\n\nexport const useBreakpoint = ({\n  breakpoints,\n}: {\n  breakpoints: Breakpoints;\n}): BreakpointAndDevice => {\n  const supportsMatchMedia =\n    typeof document !== 'undefined' &&\n    typeof window !== 'undefined' &&\n    typeof window?.matchMedia === 'function';\n\n  const breakpointsTokenAndQueryCollection = useMemo(\n    () =>\n      (supportsMatchMedia\n        ? Object.entries(breakpoints).map(([token, screenSize], index, breakpointsArray) => {\n            const min = screenSize;\n            const maxValue = breakpointsArray[index + 1]?.[1];\n            const mediaQuery = getMediaQuery({ min, max: maxValue ? maxValue - 1 : undefined });\n            return { token, screenSize, mediaQuery };\n          })\n        : []) as {\n        token: keyof Breakpoints;\n        screenSize: number;\n        mediaQuery: string;\n      }[],\n    [breakpoints, supportsMatchMedia],\n  );\n\n  const getMatchedDeviceType = useCallback((matchedBreakpoint: Breakpoint): DeviceType => {\n    let matchedDeviceType: DeviceType = deviceType.mobile;\n    const platform = getPlatformType();\n    if (platform === 'react-native') {\n      matchedDeviceType = deviceType.mobile;\n    } else if (platform === 'browser') {\n      if (matchedBreakpoint && ['base', 'xs', 's'].includes(matchedBreakpoint)) {\n        // tablet is also categorised as mobile\n        matchedDeviceType = deviceType.mobile;\n      } else {\n        matchedDeviceType = deviceType.desktop;\n      }\n    } else if (platform === 'node') {\n      //@TODO: Check for useragent for node\n      matchedDeviceType = deviceType.desktop;\n    }\n    return matchedDeviceType;\n  }, []);\n\n  const getMatchedBreakpoint = useCallback(\n    (event?: MediaQueryListEvent): Breakpoint => {\n      const matchedBreakpoint =\n        breakpointsTokenAndQueryCollection.find(({ mediaQuery = '' }) => {\n          // this will run whenever mediaQuery change event is triggered\n          if (event?.media === mediaQuery) {\n            return true;\n          }\n\n          // this will run when the state is initialised for the first time and hence the event object will be empty because the event listener wouldn't have triggered\n          if (window.matchMedia(mediaQuery).matches) {\n            return true;\n          }\n\n          return false;\n        })?.token ?? undefined;\n\n      return matchedBreakpoint;\n    },\n    [breakpointsTokenAndQueryCollection],\n  );\n\n  const [breakpointAndDevice, setBreakpointAndDevice] = useState<BreakpointAndDevice>({\n    matchedBreakpoint: undefined,\n    matchedDeviceType: deviceType.desktop,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    // set the breakpoint and devicetype for the first time because eventlisteners will only trigger after the screen is actually changed\n    setBreakpointAndDevice(() => {\n      const matchedBreakpoint = getMatchedBreakpoint();\n      const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n      return { matchedBreakpoint, matchedDeviceType };\n    });\n\n    // for react-native and SSR we don't need to register event listeners\n    if (!supportsMatchMedia) {\n      return undefined;\n    }\n\n    const handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      setBreakpointAndDevice(() => {\n        const matchedBreakpoint = getMatchedBreakpoint(event);\n        const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n        return { matchedBreakpoint, matchedDeviceType };\n      });\n    };\n\n    const mediaQueryInstances = breakpointsTokenAndQueryCollection.map(({ mediaQuery = '' }) => {\n      const mediaQueryInstance = window.matchMedia(mediaQuery);\n      /**\n       * the mediaquery event listener is available on mediaQuery instances and not `window`\n       * we iterate over all the breakpoints we have, register each instance and store them as `mediaQueryInstances` so we can later unregister all of them.\n       */\n      if (mediaQueryInstance.addEventListener) {\n        mediaQueryInstance.addEventListener('change', handleMediaQueryChange);\n      } else {\n        // In older browsers MediaQueryList do not yet inherit from EventTarget, So using addListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener\n        mediaQueryInstance.addListener(handleMediaQueryChange);\n      }\n      return mediaQueryInstance;\n    });\n\n    return (): void => {\n      mediaQueryInstances.forEach((mediaQueryInstance) => {\n        if (mediaQueryInstance.removeEventListener) {\n          mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);\n        } else {\n          // In older browsers MediaQueryList do not yet inherit from EventTarget, So using removeListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/removeListener\n          mediaQueryInstance.removeListener(handleMediaQueryChange);\n        }\n      });\n    };\n  }, [\n    breakpointsTokenAndQueryCollection,\n    getMatchedBreakpoint,\n    getMatchedDeviceType,\n    supportsMatchMedia,\n  ]);\n  return breakpointAndDevice;\n};\n\nexport type { DeviceType };\n","import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type TextTypes = 'muted' | 'normal' | 'placeholder' | 'subdued' | 'subtle';\n\nexport type ColorContrastTypes = 'low' | 'high';\n\nexport type Feedback = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type ColorContrast = {\n  [K in ColorContrastTypes as `${Extract<K, string>}Contrast`]: string;\n};\n\n// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens\nexport type SurfaceLevels = 1 | 2 | 3;\n\nexport type ActionStates = {\n  default: string;\n  hover: string;\n  focus: string;\n  active: string;\n  disabled: string;\n};\n\nexport type LinkActionStates = ActionStates & {\n  visited: string;\n};\n\nexport type ActionStatesWithContrast = {\n  default: ColorContrast;\n  hover: ColorContrast;\n  focus: ColorContrast;\n  active: ColorContrast;\n  disabled: ColorContrast;\n};\n\nexport type ActionStatesWithLowContrast = {\n  default: Pick<ColorContrast, 'lowContrast'>;\n  hover: Pick<ColorContrast, 'lowContrast'>;\n  focus: Pick<ColorContrast, 'lowContrast'>;\n  active: Pick<ColorContrast, 'lowContrast'>;\n  disabled: Pick<ColorContrast, 'lowContrast'>;\n};\n\nexport type LinkActionStatesWithContrast = ActionStatesWithContrast & {\n  visited: ColorContrast;\n};\n\nexport type ActionVariants = {\n  primary: ActionStates;\n  secondary: ActionStates;\n  tertiary: ActionStates;\n  link: LinkActionStates;\n};\n\nexport type ActionVariantsWithContrast = {\n  primary: ActionStatesWithContrast;\n  secondary: ActionStatesWithContrast;\n  tertiary: ActionStatesWithContrast;\n  link: ActionStatesWithContrast;\n};\n\nexport type SecondaryFeedbackActionStatesWithContrast = {\n  secondary: {\n    default: Pick<ColorContrast, 'lowContrast'>;\n    hover: Pick<ColorContrast, 'lowContrast'>;\n    focus: Pick<ColorContrast, 'lowContrast'>;\n    active: Pick<ColorContrast, 'lowContrast'>;\n    disabled: Pick<ColorContrast, 'lowContrast'>;\n  };\n};\n\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  action: {\n    background: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    border: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    text: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    icon: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n  };\n};\n\nexport type WhiteColors = {\n  background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n  icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n};\n\nexport type Colors = {\n  brand: {\n    primary: Record<300 | 400 | 500 | 600 | 700 | 800, string>;\n    secondary: Record<500, string>;\n    gray: Record<200 | 300 | 400 | 500 | 600 | 700 | 'a50' | 'a100', ColorContrast>;\n  };\n  feedback: {\n    background: Record<Feedback, ColorContrast>;\n    border: Record<Feedback, ColorContrast>;\n    text: Record<Feedback, ColorContrast>;\n    icon: Record<Feedback, ColorContrast>;\n    positive: FeedbackActions;\n    negative: FeedbackActions;\n    information: FeedbackActions;\n    notice: FeedbackActions;\n    neutral: FeedbackActions;\n  };\n  surface: {\n    background: Record<'level1' | 'level2' | 'level3', ColorContrast>;\n    border: Record<'normal' | 'subtle', ColorContrast>;\n    text: Record<TextTypes, ColorContrast>;\n    action: {\n      icon: ActionStatesWithContrast;\n    };\n    overlay: Record<'background', Record<400 | 800, string>>;\n    popup: Record<'background', string>;\n  };\n  action: {\n    background: Omit<ActionVariants, 'link'>;\n    border: Omit<ActionVariants, 'link'>;\n    text: ActionVariants;\n    icon: ActionVariants;\n  };\n  badge: {\n    background: {\n      blue: ColorContrast;\n    };\n    border: {\n      blue: ColorContrast;\n    };\n    text: {\n      blue: ColorContrast;\n    };\n    icon: {\n      blue: ColorContrast;\n    };\n  };\n  static: {\n    white: string;\n  };\n  white: {\n    action: WhiteColors;\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'paymentTheme' | 'bankingTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n","type LogType = 'error' | 'warn' | 'log';\n\ntype LoggerOptions = {\n  message: string;\n  moduleName?: string;\n  type: LogType;\n};\n\ntype ThrowBladeErrorOptions = {\n  message: string;\n  moduleName?: string;\n};\n\nconst PREFIX = '[Blade]:';\n\nconst throwBladeError = ({ message, moduleName }: ThrowBladeErrorOptions): void | never => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    throw new Error(`${prefix} ${message}`);\n  }\n};\n\nconst getCommonLogger = (\n  type: LogType,\n): typeof console.log | typeof console.error | typeof console.warn => {\n  switch (type) {\n    case 'error':\n      return console.error;\n    case 'warn':\n      return console.warn;\n    case 'log':\n    default:\n      return console.log;\n  }\n};\n\nconst logger = ({ message, moduleName, type }: LoggerOptions): void => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    getCommonLogger(type)(`${prefix} ${message}`);\n  }\n};\n\nexport { throwBladeError, logger };\n","import { useState, useCallback } from 'react';\nimport { getColorScheme } from '../getColorScheme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\nimport { throwBladeError } from '~utils/logger';\n\nexport type UseColorScheme = {\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n};\n\nexport const useColorScheme = (\n  initialColorScheme: ColorSchemeNamesInput = 'light',\n): UseColorScheme => {\n  // if colorScheme defined use that else fallback to 'light'\n  const [colorSchemeState, setColorSchemeState] = useState<ColorSchemeNames>(() =>\n    getColorScheme(initialColorScheme),\n  );\n\n  const setColorScheme = useCallback(function setThemeMode(colorScheme: ColorSchemeNamesInput) {\n    if (__DEV__) {\n      if (!colorSchemeNamesInput.includes(colorScheme)) {\n        throwBladeError({\n          message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${colorScheme}`,\n          moduleName: 'useColorScheme',\n        });\n      }\n    }\n    setColorSchemeState(getColorScheme(colorScheme));\n  }, []);\n\n  return {\n    colorScheme: colorSchemeState,\n    setColorScheme,\n  };\n};\n","/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nfunction useInterval(\n  callback: () => void,\n  { delay, enable }: { delay: number; enable?: boolean },\n): void {\n  const intervalRef = React.useRef<number | null>(null);\n  const savedCallback = React.useRef(callback);\n\n  // keep the callback updated\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    const tick = (): void => savedCallback.current();\n\n    if (enable) {\n      intervalRef.current = window.setInterval(tick, delay);\n      return () => window.clearInterval(intervalRef.current!);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [delay, enable]);\n}\n\nexport { useInterval };\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { getPlatformType } from '../getPlatformType';\n\nconst isReactNative = (): boolean => {\n  return getPlatformType() === 'react-native';\n};\n\nexport { isReactNative };\n","import type { Platform } from 'react-native';\n\nexport const getOS = (): typeof Platform.OS => {\n  return 'web';\n};\n\nexport const isAndroid = (): boolean => false;\n","import type { Platform } from '.';\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to web type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedWebType = castWebType('' as Example);\n * //    ^ string\n * ```\n */\nconst castWebType = <T>(value: T): Platform.CastWeb<T> => {\n  return value as Platform.CastWeb<typeof value>;\n};\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to native type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedNativeType = castNativeType('' as Example);\n * //    ^ number\n * ```\n */\nconst castNativeType = <T>(value: T): Platform.CastNative<T> => {\n  return value as Platform.CastNative<typeof value>;\n};\n\nexport { castWebType, castNativeType };\n","export function makeBorderSize<T extends number>(size: T): `${T}px`;\nexport function makeBorderSize<T extends string>(size: T): T;\nexport function makeBorderSize<T extends number | string>(size: T): `${T}px` | T {\n  if (typeof size === 'number') {\n    return `${size}px`;\n  }\n  return size;\n}\n","import type { MakeMotionTime } from './types';\nimport type { Platform } from '~utils';\n\nexport const makeMotionTime = <T extends number>(time: T): Platform.CastWeb<MakeMotionTime<T>> => {\n  return `${time}ms`;\n};\n","export const makeSpace = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export const makeTypographySize = (size: number): `${number}rem` => {\n  const remValue = size / 16;\n  return `${remValue}rem`;\n};\n","export type MakeSize<T extends number> = `${T}px`;\n\nexport const makeSize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","/**\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport const toTitleCase = (inputString: string): string =>\n  inputString\n    .toLowerCase()\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n","import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * a type-safe version of the `usePrevious` hook described here:\n * @see {@link https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state}\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport function usePrevious<T>(value: T): MutableRefObject<T | undefined>['current'] {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["getColorScheme","colorScheme","arguments","length","undefined","colorSchemeMediaQueryMap","light","dark","system","supportsMatchMedia","window","matchMedia","matches","getMediaQuery","_ref","min","max","concat","getPlatformType","navigator","product","document","process","isBrowser","useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","deviceType","desktop","mobile","useBreakpoint","_window","breakpoints","breakpointsTokenAndQueryCollection","useMemo","Object","entries","map","_ref2","index","breakpointsArray","_breakpointsArray","_ref3","_slicedToArray","token","screenSize","maxValue","mediaQuery","getMatchedDeviceType","useCallback","matchedBreakpoint","matchedDeviceType","platform","includes","getMatchedBreakpoint","event","_breakpointsTokenAndQ","_breakpointsTokenAndQ2","find","_ref4","_ref4$mediaQuery","media","_useState","useState","_useState2","breakpointAndDevice","setBreakpointAndDevice","handleMediaQueryChange","mediaQueryInstances","_ref5","_ref5$mediaQuery","mediaQueryInstance","addEventListener","addListener","forEach","removeEventListener","removeListener","colorSchemeNamesInput","PREFIX","throwBladeError","message","moduleName","prefix","Error","useColorScheme","initialColorScheme","colorSchemeState","setColorSchemeState","setColorScheme","setThemeMode","toString","useInterval","callback","delay","enable","intervalRef","useRef","savedCallback","current","tick","setInterval","clearInterval","isReactNative","getOS","isAndroid","castWebType","value","castNativeType","makeBorderSize","size","makeMotionTime","time","makeSpace","makeTypographySize","remValue","makeSize","toTitleCase","inputString","toLowerCase","split","word","charAt","toUpperCase","slice","join","usePrevious","ref","ThemeContext","createContext","theme","useTheme","themeContext","useContext"],"mappings":"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"}

package/build/utils/index.native.js

@@ -1,7 +1,7 @@
 import { Appearance, Platform } from 'react-native';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
-import React__default, { useMemo, useCallback, useState, useEffect, useRef, createContext, useContext } from 'react';
+import React__default, { useMemo, useCallback, useState, useRef, useEffect, createContext, useContext } from 'react';
 
 var getColorScheme=function getColorScheme(){var colorScheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'light';if(colorScheme==='light'||colorScheme==='dark'){return colorScheme;}if(colorScheme==='system'){var _Appearance$getColorS;return (_Appearance$getColorS=Appearance.getColorScheme())!=null?_Appearance$getColorS:'light';}return 'light';};
 
@@ -9,7 +9,9 @@ var getMediaQuery=function getMediaQuery(_ref){var min=_ref.min,max=_ref.max;ret
 
 var getPlatformType=function getPlatformType(){if(typeof navigator!=='undefined'&&navigator.product==='ReactNative'){return 'react-native';}if(typeof document!=='undefined'){return 'browser';}if(typeof process!=='undefined'){return 'node';}return 'unknown';};
 
-var deviceType={desktop:'desktop',mobile:'mobile'};var useBreakpoint=function useBreakpoint(_ref){var _window;var breakpoints=_ref.breakpoints;var supportsMatchMedia=typeof document!=='undefined'&&typeof window!=='undefined'&&typeof((_window=window)==null?void 0:_window.matchMedia)==='function';var breakpointsTokenAndQueryCollection=useMemo(function(){return supportsMatchMedia?Object.entries(breakpoints).map(function(_ref2,index,breakpointsArray){var _breakpointsArray;var _ref3=_slicedToArray(_ref2,2),token=_ref3[0],screenSize=_ref3[1];var min=screenSize;var maxValue=(_breakpointsArray=breakpointsArray[index+1])==null?void 0:_breakpointsArray[1];var mediaQuery=getMediaQuery({min:min,max:maxValue?maxValue-1:undefined});return {token:token,screenSize:screenSize,mediaQuery:mediaQuery};}):[];},[breakpoints,supportsMatchMedia]);var getMatchedDeviceType=useCallback(function(matchedBreakpoint){var matchedDeviceType=deviceType.mobile;var platform=getPlatformType();if(platform==='react-native'){matchedDeviceType=deviceType.mobile;}else if(platform==='browser'){if(matchedBreakpoint&&['base','xs','s'].includes(matchedBreakpoint)){matchedDeviceType=deviceType.mobile;}else {matchedDeviceType=deviceType.desktop;}}else if(platform==='node'){matchedDeviceType=deviceType.desktop;}return matchedDeviceType;},[]);var getMatchedBreakpoint=useCallback(function(event){var _breakpointsTokenAndQ,_breakpointsTokenAndQ2;var matchedBreakpoint=(_breakpointsTokenAndQ=(_breakpointsTokenAndQ2=breakpointsTokenAndQueryCollection.find(function(_ref4){var _ref4$mediaQuery=_ref4.mediaQuery,mediaQuery=_ref4$mediaQuery===void 0?'':_ref4$mediaQuery;if((event==null?void 0:event.media)===mediaQuery){return true;}if(window.matchMedia(mediaQuery).matches){return true;}return false;}))==null?void 0:_breakpointsTokenAndQ2.token)!=null?_breakpointsTokenAndQ:undefined;return matchedBreakpoint;},[breakpointsTokenAndQueryCollection]);var _useState=useState(function(){var matchedBreakpoint=getMatchedBreakpoint();var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};}),_useState2=_slicedToArray(_useState,2),breakpointAndDevice=_useState2[0],setBreakpointAndDevice=_useState2[1];useEffect(function(){if(!supportsMatchMedia){return undefined;}var handleMediaQueryChange=function handleMediaQueryChange(event){setBreakpointAndDevice(function(){var matchedBreakpoint=getMatchedBreakpoint(event);var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};});};var mediaQueryInstances=breakpointsTokenAndQueryCollection.map(function(_ref5){var _ref5$mediaQuery=_ref5.mediaQuery,mediaQuery=_ref5$mediaQuery===void 0?'':_ref5$mediaQuery;var mediaQueryInstance=window.matchMedia(mediaQuery);if(mediaQueryInstance.addEventListener){mediaQueryInstance.addEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.addListener(handleMediaQueryChange);}return mediaQueryInstance;});return function(){mediaQueryInstances.forEach(function(mediaQueryInstance){if(mediaQueryInstance.removeEventListener){mediaQueryInstance.removeEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.removeListener(handleMediaQueryChange);}});};},[breakpointsTokenAndQueryCollection,getMatchedBreakpoint,getMatchedDeviceType,supportsMatchMedia]);return breakpointAndDevice;};
+var isBrowser=getPlatformType()=='browser';var useIsomorphicLayoutEffect=isBrowser?React.useLayoutEffect:React.useEffect;
+
+var deviceType={desktop:'desktop',mobile:'mobile'};var useBreakpoint=function useBreakpoint(_ref){var _window;var breakpoints=_ref.breakpoints;var supportsMatchMedia=typeof document!=='undefined'&&typeof window!=='undefined'&&typeof((_window=window)==null?void 0:_window.matchMedia)==='function';var breakpointsTokenAndQueryCollection=useMemo(function(){return supportsMatchMedia?Object.entries(breakpoints).map(function(_ref2,index,breakpointsArray){var _breakpointsArray;var _ref3=_slicedToArray(_ref2,2),token=_ref3[0],screenSize=_ref3[1];var min=screenSize;var maxValue=(_breakpointsArray=breakpointsArray[index+1])==null?void 0:_breakpointsArray[1];var mediaQuery=getMediaQuery({min:min,max:maxValue?maxValue-1:undefined});return {token:token,screenSize:screenSize,mediaQuery:mediaQuery};}):[];},[breakpoints,supportsMatchMedia]);var getMatchedDeviceType=useCallback(function(matchedBreakpoint){var matchedDeviceType=deviceType.mobile;var platform=getPlatformType();if(platform==='react-native'){matchedDeviceType=deviceType.mobile;}else if(platform==='browser'){if(matchedBreakpoint&&['base','xs','s'].includes(matchedBreakpoint)){matchedDeviceType=deviceType.mobile;}else {matchedDeviceType=deviceType.desktop;}}else if(platform==='node'){matchedDeviceType=deviceType.desktop;}return matchedDeviceType;},[]);var getMatchedBreakpoint=useCallback(function(event){var _breakpointsTokenAndQ,_breakpointsTokenAndQ2;var matchedBreakpoint=(_breakpointsTokenAndQ=(_breakpointsTokenAndQ2=breakpointsTokenAndQueryCollection.find(function(_ref4){var _ref4$mediaQuery=_ref4.mediaQuery,mediaQuery=_ref4$mediaQuery===void 0?'':_ref4$mediaQuery;if((event==null?void 0:event.media)===mediaQuery){return true;}if(window.matchMedia(mediaQuery).matches){return true;}return false;}))==null?void 0:_breakpointsTokenAndQ2.token)!=null?_breakpointsTokenAndQ:undefined;return matchedBreakpoint;},[breakpointsTokenAndQueryCollection]);var _useState=useState({matchedBreakpoint:undefined,matchedDeviceType:deviceType.desktop}),_useState2=_slicedToArray(_useState,2),breakpointAndDevice=_useState2[0],setBreakpointAndDevice=_useState2[1];useIsomorphicLayoutEffect(function(){setBreakpointAndDevice(function(){var matchedBreakpoint=getMatchedBreakpoint();var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};});if(!supportsMatchMedia){return undefined;}var handleMediaQueryChange=function handleMediaQueryChange(event){setBreakpointAndDevice(function(){var matchedBreakpoint=getMatchedBreakpoint(event);var matchedDeviceType=getMatchedDeviceType(matchedBreakpoint);return {matchedBreakpoint:matchedBreakpoint,matchedDeviceType:matchedDeviceType};});};var mediaQueryInstances=breakpointsTokenAndQueryCollection.map(function(_ref5){var _ref5$mediaQuery=_ref5.mediaQuery,mediaQuery=_ref5$mediaQuery===void 0?'':_ref5$mediaQuery;var mediaQueryInstance=window.matchMedia(mediaQuery);if(mediaQueryInstance.addEventListener){mediaQueryInstance.addEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.addListener(handleMediaQueryChange);}return mediaQueryInstance;});return function(){mediaQueryInstances.forEach(function(mediaQueryInstance){if(mediaQueryInstance.removeEventListener){mediaQueryInstance.removeEventListener('change',handleMediaQueryChange);}else {mediaQueryInstance.removeListener(handleMediaQueryChange);}});};},[breakpointsTokenAndQueryCollection,getMatchedBreakpoint,getMatchedDeviceType,supportsMatchMedia]);return breakpointAndDevice;};
 
 var colorSchemeNamesInput=['light','dark','system'];
 
@@ -17,8 +19,6 @@ var PREFIX='[Blade]:';var throwBladeError=function throwBladeError(_ref){var mes
 
 var useColorScheme=function useColorScheme(){var initialColorScheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'light';var _useState=useState(function(){return getColorScheme(initialColorScheme);}),_useState2=_slicedToArray(_useState,2),colorSchemeState=_useState2[0],setColorSchemeState=_useState2[1];var setColorScheme=useCallback(function setThemeMode(colorScheme){if(__DEV__){if(!colorSchemeNamesInput.includes(colorScheme)){throwBladeError({message:`Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${colorScheme}`,moduleName:'useColorScheme'});}}setColorSchemeState(getColorScheme(colorScheme));},[]);return {colorScheme:colorSchemeState,setColorScheme:setColorScheme};};
 
-var isBrowser=getPlatformType()=='browser';var useIsomorphicLayoutEffect=isBrowser?React.useLayoutEffect:React.useEffect;
-
 function useInterval(callback,_ref){var delay=_ref.delay,enable=_ref.enable;var intervalRef=React__default.useRef(null);var savedCallback=React__default.useRef(callback);useIsomorphicLayoutEffect(function(){savedCallback.current=callback;},[callback]);React__default.useEffect(function(){var tick=function tick(){return savedCallback.current();};if(enable){intervalRef.current=window.setInterval(tick,delay);return function(){return window.clearInterval(intervalRef.current);};}return function(){};},[delay,enable]);}
 
 var isReactNative=function isReactNative(){return getPlatformType()==='react-native';};

package/build/utils/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","sources":["../../src/utils/getColorScheme/getColorScheme.native.ts","../../src/utils/getMediaQuery/getMediaQuery.ts","../../src/utils/getPlatformType/getPlatformType.ts","../../src/utils/useBreakpoint/useBreakpoint.ts","../../src/tokens/theme/theme.ts","../../src/utils/logger/logger.ts","../../src/utils/useColorScheme/useColorScheme.ts","../../src/utils/useIsomorphicLayoutEffect.ts","../../src/utils/useInterval.ts","../../src/utils/platform/isReactNative.ts","../../src/utils/platform/getOS.native.ts","../../src/utils/platform/castUtils.ts","../../src/utils/makeBorderSize/makeBorderSize.ts","../../src/utils/makeMotionTime/makeMotionTime.native.ts","../../src/utils/makeSpace/makeSpace.ts","../../src/utils/makeTypographySize/makeTypographySize.native.ts","../../src/utils/makeSize/makeSize.ts","../../src/utils/toTitleCase/toTitleCase.ts","../../src/utils/usePrevious/usePrevious.ts","../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { Appearance } from 'react-native';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\n\nexport const getColorScheme = (colorScheme: ColorSchemeNamesInput = 'light'): ColorSchemeNames => {\n  // @TODO: convert this to hook as Appearance API also adds an eventListener which subscribes to the colorscheme changes on the device\n  if (colorScheme === 'light' || colorScheme === 'dark') {\n    return colorScheme;\n  }\n\n  if (colorScheme === 'system') {\n    return Appearance.getColorScheme() ?? 'light';\n  }\n\n  return 'light';\n};\n","export const getMediaQuery = ({ min, max }: { min: number; max?: number }): string => {\n  return `screen and (min-width: ${min}px)${max ? ` and (max-width: ${max}px)` : ''}`;\n};\n","export type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';\n\nexport const getPlatformType = (): PlatformTypes => {\n  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n    return 'react-native';\n  }\n\n  if (typeof document !== 'undefined') {\n    return 'browser';\n  }\n\n  if (typeof process !== 'undefined') {\n    return 'node';\n  }\n\n  return 'unknown';\n};\n","/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useEffect, useState, useCallback, useMemo } from 'react';\nimport { getPlatformType } from '../getPlatformType';\nimport { getMediaQuery } from '../getMediaQuery';\nimport type { Breakpoints } from '~tokens/global';\n\nconst deviceType = {\n  desktop: 'desktop',\n  mobile: 'mobile',\n} as const;\n\ntype DeviceType = keyof typeof deviceType;\ntype Breakpoint = keyof Breakpoints | undefined;\n\ntype BreakpointAndDevice = {\n  matchedBreakpoint: Breakpoint;\n  matchedDeviceType: DeviceType;\n};\n\nexport const useBreakpoint = ({\n  breakpoints,\n}: {\n  breakpoints: Breakpoints;\n}): BreakpointAndDevice => {\n  const supportsMatchMedia =\n    typeof document !== 'undefined' &&\n    typeof window !== 'undefined' &&\n    typeof window?.matchMedia === 'function';\n\n  const breakpointsTokenAndQueryCollection = useMemo(\n    () =>\n      (supportsMatchMedia\n        ? Object.entries(breakpoints).map(([token, screenSize], index, breakpointsArray) => {\n            const min = screenSize;\n            const maxValue = breakpointsArray[index + 1]?.[1];\n            const mediaQuery = getMediaQuery({ min, max: maxValue ? maxValue - 1 : undefined });\n            return { token, screenSize, mediaQuery };\n          })\n        : []) as {\n        token: keyof Breakpoints;\n        screenSize: number;\n        mediaQuery: string;\n      }[],\n    [breakpoints, supportsMatchMedia],\n  );\n\n  const getMatchedDeviceType = useCallback((matchedBreakpoint: Breakpoint): DeviceType => {\n    let matchedDeviceType: DeviceType = deviceType.mobile;\n    const platform = getPlatformType();\n    if (platform === 'react-native') {\n      matchedDeviceType = deviceType.mobile;\n    } else if (platform === 'browser') {\n      if (matchedBreakpoint && ['base', 'xs', 's'].includes(matchedBreakpoint)) {\n        // tablet is also categorised as mobile\n        matchedDeviceType = deviceType.mobile;\n      } else {\n        matchedDeviceType = deviceType.desktop;\n      }\n    } else if (platform === 'node') {\n      //@TODO: Check for useragent for node\n      matchedDeviceType = deviceType.desktop;\n    }\n    return matchedDeviceType;\n  }, []);\n\n  const getMatchedBreakpoint = useCallback(\n    (event?: MediaQueryListEvent): Breakpoint => {\n      const matchedBreakpoint =\n        breakpointsTokenAndQueryCollection.find(({ mediaQuery = '' }) => {\n          // this will run whenever mediaQuery change event is triggered\n          if (event?.media === mediaQuery) {\n            return true;\n          }\n          // this will run when the state is initialised for the first time and hence the event object will be empty so we'll fallback to browser's window object\n          if (window.matchMedia(mediaQuery).matches) {\n            return true;\n          }\n          return false;\n        })?.token ?? undefined;\n\n      return matchedBreakpoint;\n    },\n    [breakpointsTokenAndQueryCollection],\n  );\n\n  const [breakpointAndDevice, setBreakpointAndDevice] = useState(() => {\n    const matchedBreakpoint = getMatchedBreakpoint();\n    const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n    return {\n      matchedBreakpoint,\n      matchedDeviceType,\n    };\n  });\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return undefined;\n    }\n\n    const handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      setBreakpointAndDevice(() => {\n        const matchedBreakpoint = getMatchedBreakpoint(event);\n        const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n\n        return { matchedBreakpoint, matchedDeviceType };\n      });\n    };\n\n    const mediaQueryInstances = breakpointsTokenAndQueryCollection.map(({ mediaQuery = '' }) => {\n      const mediaQueryInstance = window.matchMedia(mediaQuery);\n      /**\n       * the mediaquery event listener is available on mediaQuery instances and not `window`\n       * we iterate over all the breakpoints we have, register each instance and store them as `mediaQueryInstances` so we can later unregister all of them.\n       */\n      if (mediaQueryInstance.addEventListener) {\n        mediaQueryInstance.addEventListener('change', handleMediaQueryChange);\n      } else {\n        // In older browsers MediaQueryList do not yet inherit from EventTarget, So using addListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener\n        mediaQueryInstance.addListener(handleMediaQueryChange);\n      }\n      return mediaQueryInstance;\n    });\n\n    return (): void => {\n      mediaQueryInstances.forEach((mediaQueryInstance) => {\n        if (mediaQueryInstance.removeEventListener) {\n          mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);\n        } else {\n          // In older browsers MediaQueryList do not yet inherit from EventTarget, So using removeListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/removeListener\n          mediaQueryInstance.removeListener(handleMediaQueryChange);\n        }\n      });\n    };\n  }, [\n    breakpointsTokenAndQueryCollection,\n    getMatchedBreakpoint,\n    getMatchedDeviceType,\n    supportsMatchMedia,\n  ]);\n\n  // @TODO: handle SSR scenarios\n  return breakpointAndDevice;\n};\n\nexport type { DeviceType };\n","import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type TextTypes = 'muted' | 'normal' | 'placeholder' | 'subdued' | 'subtle';\n\nexport type ColorContrastTypes = 'low' | 'high';\n\nexport type Feedback = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type ColorContrast = {\n  [K in ColorContrastTypes as `${Extract<K, string>}Contrast`]: string;\n};\n\n// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens\nexport type SurfaceLevels = 1 | 2 | 3;\n\nexport type ActionStates = {\n  default: string;\n  hover: string;\n  focus: string;\n  active: string;\n  disabled: string;\n};\n\nexport type LinkActionStates = ActionStates & {\n  visited: string;\n};\n\nexport type ActionStatesWithContrast = {\n  default: ColorContrast;\n  hover: ColorContrast;\n  focus: ColorContrast;\n  active: ColorContrast;\n  disabled: ColorContrast;\n};\n\nexport type ActionStatesWithLowContrast = {\n  default: Pick<ColorContrast, 'lowContrast'>;\n  hover: Pick<ColorContrast, 'lowContrast'>;\n  focus: Pick<ColorContrast, 'lowContrast'>;\n  active: Pick<ColorContrast, 'lowContrast'>;\n  disabled: Pick<ColorContrast, 'lowContrast'>;\n};\n\nexport type LinkActionStatesWithContrast = ActionStatesWithContrast & {\n  visited: ColorContrast;\n};\n\nexport type ActionVariants = {\n  primary: ActionStates;\n  secondary: ActionStates;\n  tertiary: ActionStates;\n  link: LinkActionStates;\n};\n\nexport type ActionVariantsWithContrast = {\n  primary: ActionStatesWithContrast;\n  secondary: ActionStatesWithContrast;\n  tertiary: ActionStatesWithContrast;\n  link: ActionStatesWithContrast;\n};\n\nexport type SecondaryFeedbackActionStatesWithContrast = {\n  secondary: {\n    default: Pick<ColorContrast, 'lowContrast'>;\n    hover: Pick<ColorContrast, 'lowContrast'>;\n    focus: Pick<ColorContrast, 'lowContrast'>;\n    active: Pick<ColorContrast, 'lowContrast'>;\n    disabled: Pick<ColorContrast, 'lowContrast'>;\n  };\n};\n\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  action: {\n    background: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    border: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    text: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    icon: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n  };\n};\n\nexport type WhiteColors = {\n  background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n  icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n};\n\nexport type Colors = {\n  brand: {\n    primary: Record<300 | 400 | 500 | 600 | 700 | 800, string>;\n    secondary: Record<500, string>;\n    gray: Record<200 | 300 | 400 | 500 | 600 | 700 | 'a50' | 'a100', ColorContrast>;\n  };\n  feedback: {\n    background: Record<Feedback, ColorContrast>;\n    border: Record<Feedback, ColorContrast>;\n    text: Record<Feedback, ColorContrast>;\n    icon: Record<Feedback, ColorContrast>;\n    positive: FeedbackActions;\n    negative: FeedbackActions;\n    information: FeedbackActions;\n    notice: FeedbackActions;\n    neutral: FeedbackActions;\n  };\n  surface: {\n    background: Record<'level1' | 'level2' | 'level3', ColorContrast>;\n    border: Record<'normal' | 'subtle', ColorContrast>;\n    text: Record<TextTypes, ColorContrast>;\n    action: {\n      icon: ActionStatesWithContrast;\n    };\n    overlay: Record<'background', Record<400 | 800, string>>;\n    popup: Record<'background', string>;\n  };\n  action: {\n    background: Omit<ActionVariants, 'link'>;\n    border: Omit<ActionVariants, 'link'>;\n    text: ActionVariants;\n    icon: ActionVariants;\n  };\n  badge: {\n    background: {\n      blue: ColorContrast;\n    };\n    border: {\n      blue: ColorContrast;\n    };\n    text: {\n      blue: ColorContrast;\n    };\n    icon: {\n      blue: ColorContrast;\n    };\n  };\n  static: {\n    white: string;\n  };\n  white: {\n    action: WhiteColors;\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'paymentTheme' | 'bankingTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n","type LogType = 'error' | 'warn' | 'log';\n\ntype LoggerOptions = {\n  message: string;\n  moduleName?: string;\n  type: LogType;\n};\n\ntype ThrowBladeErrorOptions = {\n  message: string;\n  moduleName?: string;\n};\n\nconst PREFIX = '[Blade]:';\n\nconst throwBladeError = ({ message, moduleName }: ThrowBladeErrorOptions): void | never => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    throw new Error(`${prefix} ${message}`);\n  }\n};\n\nconst getCommonLogger = (\n  type: LogType,\n): typeof console.log | typeof console.error | typeof console.warn => {\n  switch (type) {\n    case 'error':\n      return console.error;\n    case 'warn':\n      return console.warn;\n    case 'log':\n    default:\n      return console.log;\n  }\n};\n\nconst logger = ({ message, moduleName, type }: LoggerOptions): void => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    getCommonLogger(type)(`${prefix} ${message}`);\n  }\n};\n\nexport { throwBladeError, logger };\n","import { useState, useCallback } from 'react';\nimport { getColorScheme } from '../getColorScheme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\nimport { throwBladeError } from '~utils/logger';\n\nexport type UseColorScheme = {\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n};\n\nexport const useColorScheme = (\n  initialColorScheme: ColorSchemeNamesInput = 'light',\n): UseColorScheme => {\n  // if colorScheme defined use that else fallback to 'light'\n  const [colorSchemeState, setColorSchemeState] = useState<ColorSchemeNames>(() =>\n    getColorScheme(initialColorScheme),\n  );\n\n  const setColorScheme = useCallback(function setThemeMode(colorScheme: ColorSchemeNamesInput) {\n    if (__DEV__) {\n      if (!colorSchemeNamesInput.includes(colorScheme)) {\n        throwBladeError({\n          message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${colorScheme}`,\n          moduleName: 'useColorScheme',\n        });\n      }\n    }\n    setColorSchemeState(getColorScheme(colorScheme));\n  }, []);\n\n  return {\n    colorScheme: colorSchemeState,\n    setColorScheme,\n  };\n};\n","import * as React from 'react';\nimport { getPlatformType } from './getPlatformType';\n\nconst isBrowser = getPlatformType() == 'browser';\n\n/**\n * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\nexport const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n","/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nfunction useInterval(\n  callback: () => void,\n  { delay, enable }: { delay: number; enable?: boolean },\n): void {\n  const intervalRef = React.useRef<number | null>(null);\n  const savedCallback = React.useRef(callback);\n\n  // keep the callback updated\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    const tick = (): void => savedCallback.current();\n\n    if (enable) {\n      intervalRef.current = window.setInterval(tick, delay);\n      return () => window.clearInterval(intervalRef.current!);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [delay, enable]);\n}\n\nexport { useInterval };\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { getPlatformType } from '../getPlatformType';\n\nconst isReactNative = (): boolean => {\n  return getPlatformType() === 'react-native';\n};\n\nexport { isReactNative };\n","import { Platform } from 'react-native';\n\nexport const getOS = (): typeof Platform.OS => {\n  return Platform.OS;\n};\n\nexport const isAndroid = (): boolean => getOS() === 'android';\n","import type { Platform } from '.';\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to web type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedWebType = castWebType('' as Example);\n * //    ^ string\n * ```\n */\nconst castWebType = <T>(value: T): Platform.CastWeb<T> => {\n  return value as Platform.CastWeb<typeof value>;\n};\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to native type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedNativeType = castNativeType('' as Example);\n * //    ^ number\n * ```\n */\nconst castNativeType = <T>(value: T): Platform.CastNative<T> => {\n  return value as Platform.CastNative<typeof value>;\n};\n\nexport { castWebType, castNativeType };\n","export function makeBorderSize<T extends number>(size: T): `${T}px`;\nexport function makeBorderSize<T extends string>(size: T): T;\nexport function makeBorderSize<T extends number | string>(size: T): `${T}px` | T {\n  if (typeof size === 'number') {\n    return `${size}px`;\n  }\n  return size;\n}\n","import type { MakeMotionTime } from './types';\nimport type { Platform } from '~utils';\n\nexport const makeMotionTime = <T extends number>(\n  time: T,\n): Platform.CastNative<MakeMotionTime<T>> => {\n  return time;\n};\n","export const makeSpace = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export const makeTypographySize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export type MakeSize<T extends number> = `${T}px`;\n\nexport const makeSize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","/**\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport const toTitleCase = (inputString: string): string =>\n  inputString\n    .toLowerCase()\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n","import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * a type-safe version of the `usePrevious` hook described here:\n * @see {@link https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state}\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport function usePrevious<T>(value: T): MutableRefObject<T | undefined>['current'] {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["getColorScheme","colorScheme","arguments","length","undefined","_Appearance$getColorS","Appearance","getMediaQuery","_ref","min","max","getPlatformType","navigator","product","document","process","deviceType","desktop","mobile","useBreakpoint","_window","breakpoints","supportsMatchMedia","window","matchMedia","breakpointsTokenAndQueryCollection","useMemo","Object","entries","map","_ref2","index","breakpointsArray","_breakpointsArray","_ref3","_slicedToArray","token","screenSize","maxValue","mediaQuery","getMatchedDeviceType","useCallback","matchedBreakpoint","matchedDeviceType","platform","includes","getMatchedBreakpoint","event","_breakpointsTokenAndQ","_breakpointsTokenAndQ2","find","_ref4","_ref4$mediaQuery","media","matches","_useState","useState","_useState2","breakpointAndDevice","setBreakpointAndDevice","useEffect","handleMediaQueryChange","mediaQueryInstances","_ref5","_ref5$mediaQuery","mediaQueryInstance","addEventListener","addListener","forEach","removeEventListener","removeListener","colorSchemeNamesInput","PREFIX","throwBladeError","message","moduleName","__DEV__","prefix","Error","useColorScheme","initialColorScheme","colorSchemeState","setColorSchemeState","setColorScheme","setThemeMode","toString","isBrowser","useIsomorphicLayoutEffect","React","useLayoutEffect","useInterval","callback","delay","enable","intervalRef","useRef","savedCallback","current","tick","setInterval","clearInterval","isReactNative","getOS","Platform","OS","isAndroid","castWebType","value","castNativeType","makeBorderSize","size","makeMotionTime","time","makeSpace","makeTypographySize","makeSize","toTitleCase","inputString","toLowerCase","split","word","charAt","toUpperCase","slice","join","usePrevious","ref","ThemeContext","createContext","theme","useTheme","themeContext","useContext"],"mappings":"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"}
+{"version":3,"file":"index.native.js","sources":["../../src/utils/getColorScheme/getColorScheme.native.ts","../../src/utils/getMediaQuery/getMediaQuery.ts","../../src/utils/getPlatformType/getPlatformType.ts","../../src/utils/useIsomorphicLayoutEffect.ts","../../src/utils/useBreakpoint/useBreakpoint.ts","../../src/tokens/theme/theme.ts","../../src/utils/logger/logger.ts","../../src/utils/useColorScheme/useColorScheme.ts","../../src/utils/useInterval.ts","../../src/utils/platform/isReactNative.ts","../../src/utils/platform/getOS.native.ts","../../src/utils/platform/castUtils.ts","../../src/utils/makeBorderSize/makeBorderSize.ts","../../src/utils/makeMotionTime/makeMotionTime.native.ts","../../src/utils/makeSpace/makeSpace.ts","../../src/utils/makeTypographySize/makeTypographySize.native.ts","../../src/utils/makeSize/makeSize.ts","../../src/utils/toTitleCase/toTitleCase.ts","../../src/utils/usePrevious/usePrevious.ts","../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { Appearance } from 'react-native';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\n\nexport const getColorScheme = (colorScheme: ColorSchemeNamesInput = 'light'): ColorSchemeNames => {\n  // @TODO: convert this to hook as Appearance API also adds an eventListener which subscribes to the colorscheme changes on the device\n  if (colorScheme === 'light' || colorScheme === 'dark') {\n    return colorScheme;\n  }\n\n  if (colorScheme === 'system') {\n    return Appearance.getColorScheme() ?? 'light';\n  }\n\n  return 'light';\n};\n","export const getMediaQuery = ({ min, max }: { min: number; max?: number }): string => {\n  return `screen and (min-width: ${min}px)${max ? ` and (max-width: ${max}px)` : ''}`;\n};\n","export type PlatformTypes = 'browser' | 'node' | 'react-native' | 'unknown';\n\nexport const getPlatformType = (): PlatformTypes => {\n  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n    return 'react-native';\n  }\n\n  if (typeof document !== 'undefined') {\n    return 'browser';\n  }\n\n  if (typeof process !== 'undefined') {\n    return 'node';\n  }\n\n  return 'unknown';\n};\n","import * as React from 'react';\nimport { getPlatformType } from './getPlatformType';\n\nconst isBrowser = getPlatformType() == 'browser';\n\n/**\n * useIsomorphicLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\nexport const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n","/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useState, useCallback, useMemo } from 'react';\nimport { getPlatformType } from '../getPlatformType';\nimport { getMediaQuery } from '../getMediaQuery';\nimport type { Breakpoints } from '~tokens/global';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst deviceType = {\n  desktop: 'desktop',\n  mobile: 'mobile',\n} as const;\n\ntype DeviceType = keyof typeof deviceType;\ntype Breakpoint = keyof Breakpoints | undefined;\n\ntype BreakpointAndDevice = {\n  matchedBreakpoint: Breakpoint;\n  matchedDeviceType: DeviceType;\n};\n\nexport const useBreakpoint = ({\n  breakpoints,\n}: {\n  breakpoints: Breakpoints;\n}): BreakpointAndDevice => {\n  const supportsMatchMedia =\n    typeof document !== 'undefined' &&\n    typeof window !== 'undefined' &&\n    typeof window?.matchMedia === 'function';\n\n  const breakpointsTokenAndQueryCollection = useMemo(\n    () =>\n      (supportsMatchMedia\n        ? Object.entries(breakpoints).map(([token, screenSize], index, breakpointsArray) => {\n            const min = screenSize;\n            const maxValue = breakpointsArray[index + 1]?.[1];\n            const mediaQuery = getMediaQuery({ min, max: maxValue ? maxValue - 1 : undefined });\n            return { token, screenSize, mediaQuery };\n          })\n        : []) as {\n        token: keyof Breakpoints;\n        screenSize: number;\n        mediaQuery: string;\n      }[],\n    [breakpoints, supportsMatchMedia],\n  );\n\n  const getMatchedDeviceType = useCallback((matchedBreakpoint: Breakpoint): DeviceType => {\n    let matchedDeviceType: DeviceType = deviceType.mobile;\n    const platform = getPlatformType();\n    if (platform === 'react-native') {\n      matchedDeviceType = deviceType.mobile;\n    } else if (platform === 'browser') {\n      if (matchedBreakpoint && ['base', 'xs', 's'].includes(matchedBreakpoint)) {\n        // tablet is also categorised as mobile\n        matchedDeviceType = deviceType.mobile;\n      } else {\n        matchedDeviceType = deviceType.desktop;\n      }\n    } else if (platform === 'node') {\n      //@TODO: Check for useragent for node\n      matchedDeviceType = deviceType.desktop;\n    }\n    return matchedDeviceType;\n  }, []);\n\n  const getMatchedBreakpoint = useCallback(\n    (event?: MediaQueryListEvent): Breakpoint => {\n      const matchedBreakpoint =\n        breakpointsTokenAndQueryCollection.find(({ mediaQuery = '' }) => {\n          // this will run whenever mediaQuery change event is triggered\n          if (event?.media === mediaQuery) {\n            return true;\n          }\n\n          // this will run when the state is initialised for the first time and hence the event object will be empty because the event listener wouldn't have triggered\n          if (window.matchMedia(mediaQuery).matches) {\n            return true;\n          }\n\n          return false;\n        })?.token ?? undefined;\n\n      return matchedBreakpoint;\n    },\n    [breakpointsTokenAndQueryCollection],\n  );\n\n  const [breakpointAndDevice, setBreakpointAndDevice] = useState<BreakpointAndDevice>({\n    matchedBreakpoint: undefined,\n    matchedDeviceType: deviceType.desktop,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    // set the breakpoint and devicetype for the first time because eventlisteners will only trigger after the screen is actually changed\n    setBreakpointAndDevice(() => {\n      const matchedBreakpoint = getMatchedBreakpoint();\n      const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n      return { matchedBreakpoint, matchedDeviceType };\n    });\n\n    // for react-native and SSR we don't need to register event listeners\n    if (!supportsMatchMedia) {\n      return undefined;\n    }\n\n    const handleMediaQueryChange = (event: MediaQueryListEvent): void => {\n      setBreakpointAndDevice(() => {\n        const matchedBreakpoint = getMatchedBreakpoint(event);\n        const matchedDeviceType = getMatchedDeviceType(matchedBreakpoint);\n        return { matchedBreakpoint, matchedDeviceType };\n      });\n    };\n\n    const mediaQueryInstances = breakpointsTokenAndQueryCollection.map(({ mediaQuery = '' }) => {\n      const mediaQueryInstance = window.matchMedia(mediaQuery);\n      /**\n       * the mediaquery event listener is available on mediaQuery instances and not `window`\n       * we iterate over all the breakpoints we have, register each instance and store them as `mediaQueryInstances` so we can later unregister all of them.\n       */\n      if (mediaQueryInstance.addEventListener) {\n        mediaQueryInstance.addEventListener('change', handleMediaQueryChange);\n      } else {\n        // In older browsers MediaQueryList do not yet inherit from EventTarget, So using addListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener\n        mediaQueryInstance.addListener(handleMediaQueryChange);\n      }\n      return mediaQueryInstance;\n    });\n\n    return (): void => {\n      mediaQueryInstances.forEach((mediaQueryInstance) => {\n        if (mediaQueryInstance.removeEventListener) {\n          mediaQueryInstance.removeEventListener('change', handleMediaQueryChange);\n        } else {\n          // In older browsers MediaQueryList do not yet inherit from EventTarget, So using removeListener as fallback - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/removeListener\n          mediaQueryInstance.removeListener(handleMediaQueryChange);\n        }\n      });\n    };\n  }, [\n    breakpointsTokenAndQueryCollection,\n    getMatchedBreakpoint,\n    getMatchedDeviceType,\n    supportsMatchMedia,\n  ]);\n  return breakpointAndDevice;\n};\n\nexport type { DeviceType };\n","import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type TextTypes = 'muted' | 'normal' | 'placeholder' | 'subdued' | 'subtle';\n\nexport type ColorContrastTypes = 'low' | 'high';\n\nexport type Feedback = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type ColorContrast = {\n  [K in ColorContrastTypes as `${Extract<K, string>}Contrast`]: string;\n};\n\n// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens\nexport type SurfaceLevels = 1 | 2 | 3;\n\nexport type ActionStates = {\n  default: string;\n  hover: string;\n  focus: string;\n  active: string;\n  disabled: string;\n};\n\nexport type LinkActionStates = ActionStates & {\n  visited: string;\n};\n\nexport type ActionStatesWithContrast = {\n  default: ColorContrast;\n  hover: ColorContrast;\n  focus: ColorContrast;\n  active: ColorContrast;\n  disabled: ColorContrast;\n};\n\nexport type ActionStatesWithLowContrast = {\n  default: Pick<ColorContrast, 'lowContrast'>;\n  hover: Pick<ColorContrast, 'lowContrast'>;\n  focus: Pick<ColorContrast, 'lowContrast'>;\n  active: Pick<ColorContrast, 'lowContrast'>;\n  disabled: Pick<ColorContrast, 'lowContrast'>;\n};\n\nexport type LinkActionStatesWithContrast = ActionStatesWithContrast & {\n  visited: ColorContrast;\n};\n\nexport type ActionVariants = {\n  primary: ActionStates;\n  secondary: ActionStates;\n  tertiary: ActionStates;\n  link: LinkActionStates;\n};\n\nexport type ActionVariantsWithContrast = {\n  primary: ActionStatesWithContrast;\n  secondary: ActionStatesWithContrast;\n  tertiary: ActionStatesWithContrast;\n  link: ActionStatesWithContrast;\n};\n\nexport type SecondaryFeedbackActionStatesWithContrast = {\n  secondary: {\n    default: Pick<ColorContrast, 'lowContrast'>;\n    hover: Pick<ColorContrast, 'lowContrast'>;\n    focus: Pick<ColorContrast, 'lowContrast'>;\n    active: Pick<ColorContrast, 'lowContrast'>;\n    disabled: Pick<ColorContrast, 'lowContrast'>;\n  };\n};\n\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  action: {\n    background: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    border: {\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    text: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n    icon: {\n      link: ActionStatesWithContrast;\n      primary: ActionStatesWithContrast;\n      secondary: ActionStatesWithLowContrast;\n    };\n  };\n};\n\nexport type WhiteColors = {\n  background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;\n  text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n  icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;\n};\n\nexport type Colors = {\n  brand: {\n    primary: Record<300 | 400 | 500 | 600 | 700 | 800, string>;\n    secondary: Record<500, string>;\n    gray: Record<200 | 300 | 400 | 500 | 600 | 700 | 'a50' | 'a100', ColorContrast>;\n  };\n  feedback: {\n    background: Record<Feedback, ColorContrast>;\n    border: Record<Feedback, ColorContrast>;\n    text: Record<Feedback, ColorContrast>;\n    icon: Record<Feedback, ColorContrast>;\n    positive: FeedbackActions;\n    negative: FeedbackActions;\n    information: FeedbackActions;\n    notice: FeedbackActions;\n    neutral: FeedbackActions;\n  };\n  surface: {\n    background: Record<'level1' | 'level2' | 'level3', ColorContrast>;\n    border: Record<'normal' | 'subtle', ColorContrast>;\n    text: Record<TextTypes, ColorContrast>;\n    action: {\n      icon: ActionStatesWithContrast;\n    };\n    overlay: Record<'background', Record<400 | 800, string>>;\n    popup: Record<'background', string>;\n  };\n  action: {\n    background: Omit<ActionVariants, 'link'>;\n    border: Omit<ActionVariants, 'link'>;\n    text: ActionVariants;\n    icon: ActionVariants;\n  };\n  badge: {\n    background: {\n      blue: ColorContrast;\n    };\n    border: {\n      blue: ColorContrast;\n    };\n    text: {\n      blue: ColorContrast;\n    };\n    icon: {\n      blue: ColorContrast;\n    };\n  };\n  static: {\n    white: string;\n  };\n  white: {\n    action: WhiteColors;\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'paymentTheme' | 'bankingTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n","type LogType = 'error' | 'warn' | 'log';\n\ntype LoggerOptions = {\n  message: string;\n  moduleName?: string;\n  type: LogType;\n};\n\ntype ThrowBladeErrorOptions = {\n  message: string;\n  moduleName?: string;\n};\n\nconst PREFIX = '[Blade]:';\n\nconst throwBladeError = ({ message, moduleName }: ThrowBladeErrorOptions): void | never => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    throw new Error(`${prefix} ${message}`);\n  }\n};\n\nconst getCommonLogger = (\n  type: LogType,\n): typeof console.log | typeof console.error | typeof console.warn => {\n  switch (type) {\n    case 'error':\n      return console.error;\n    case 'warn':\n      return console.warn;\n    case 'log':\n    default:\n      return console.log;\n  }\n};\n\nconst logger = ({ message, moduleName, type }: LoggerOptions): void => {\n  if (__DEV__) {\n    const prefix = moduleName ? `[Blade: ${moduleName}]:` : PREFIX;\n    getCommonLogger(type)(`${prefix} ${message}`);\n  }\n};\n\nexport { throwBladeError, logger };\n","import { useState, useCallback } from 'react';\nimport { getColorScheme } from '../getColorScheme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { ColorSchemeNames, ColorSchemeNamesInput } from '~tokens/theme';\nimport { throwBladeError } from '~utils/logger';\n\nexport type UseColorScheme = {\n  colorScheme: ColorSchemeNames;\n  setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n};\n\nexport const useColorScheme = (\n  initialColorScheme: ColorSchemeNamesInput = 'light',\n): UseColorScheme => {\n  // if colorScheme defined use that else fallback to 'light'\n  const [colorSchemeState, setColorSchemeState] = useState<ColorSchemeNames>(() =>\n    getColorScheme(initialColorScheme),\n  );\n\n  const setColorScheme = useCallback(function setThemeMode(colorScheme: ColorSchemeNamesInput) {\n    if (__DEV__) {\n      if (!colorSchemeNamesInput.includes(colorScheme)) {\n        throwBladeError({\n          message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${colorScheme}`,\n          moduleName: 'useColorScheme',\n        });\n      }\n    }\n    setColorSchemeState(getColorScheme(colorScheme));\n  }, []);\n\n  return {\n    colorScheme: colorSchemeState,\n    setColorScheme,\n  };\n};\n","/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nfunction useInterval(\n  callback: () => void,\n  { delay, enable }: { delay: number; enable?: boolean },\n): void {\n  const intervalRef = React.useRef<number | null>(null);\n  const savedCallback = React.useRef(callback);\n\n  // keep the callback updated\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    const tick = (): void => savedCallback.current();\n\n    if (enable) {\n      intervalRef.current = window.setInterval(tick, delay);\n      return () => window.clearInterval(intervalRef.current!);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [delay, enable]);\n}\n\nexport { useInterval };\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { getPlatformType } from '../getPlatformType';\n\nconst isReactNative = (): boolean => {\n  return getPlatformType() === 'react-native';\n};\n\nexport { isReactNative };\n","import { Platform } from 'react-native';\n\nexport const getOS = (): typeof Platform.OS => {\n  return Platform.OS;\n};\n\nexport const isAndroid = (): boolean => getOS() === 'android';\n","import type { Platform } from '.';\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to web type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedWebType = castWebType('' as Example);\n * //    ^ string\n * ```\n */\nconst castWebType = <T>(value: T): Platform.CastWeb<T> => {\n  return value as Platform.CastWeb<typeof value>;\n};\n\n/**\n * @description\n *\n * Casts a Platform.Select<> type to native type\n *\n * @example\n *\n * ```ts\n * type Example = Platform.Select<{ web: string; native: number }>;\n *\n * const extractedNativeType = castNativeType('' as Example);\n * //    ^ number\n * ```\n */\nconst castNativeType = <T>(value: T): Platform.CastNative<T> => {\n  return value as Platform.CastNative<typeof value>;\n};\n\nexport { castWebType, castNativeType };\n","export function makeBorderSize<T extends number>(size: T): `${T}px`;\nexport function makeBorderSize<T extends string>(size: T): T;\nexport function makeBorderSize<T extends number | string>(size: T): `${T}px` | T {\n  if (typeof size === 'number') {\n    return `${size}px`;\n  }\n  return size;\n}\n","import type { MakeMotionTime } from './types';\nimport type { Platform } from '~utils';\n\nexport const makeMotionTime = <T extends number>(\n  time: T,\n): Platform.CastNative<MakeMotionTime<T>> => {\n  return time;\n};\n","export const makeSpace = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export const makeTypographySize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","export type MakeSize<T extends number> = `${T}px`;\n\nexport const makeSize = <T extends number>(size: T): `${T}px` => {\n  return `${size}px`;\n};\n","/**\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport const toTitleCase = (inputString: string): string =>\n  inputString\n    .toLowerCase()\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n","import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * a type-safe version of the `usePrevious` hook described here:\n * @see {@link https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state}\n * @deprecated This utility will be deprecated in subsequent version.\n */\nexport function usePrevious<T>(value: T): MutableRefObject<T | undefined>['current'] {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n  theme: Theme;\n  platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n  // @ts-expect-error set null\n  theme: null,\n  colorScheme: 'light',\n  platform: 'onDesktop',\n  setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n  const themeContext = useContext<ThemeContext>(ThemeContext);\n  if (__DEV__) {\n    if (!themeContext.theme) {\n      throwBladeError({\n        message: 'BladeProvider is missing theme',\n        moduleName: 'BladeProvider',\n      });\n    }\n    if (themeContext === undefined) {\n      throwBladeError({\n        message: 'useTheme must be used within BladeProvider',\n        moduleName: 'BladeProvider',\n      });\n    }\n  }\n  return themeContext;\n};\n\nexport default useTheme;\n"],"names":["getColorScheme","colorScheme","arguments","length","undefined","_Appearance$getColorS","Appearance","getMediaQuery","_ref","min","max","getPlatformType","navigator","product","document","process","isBrowser","useIsomorphicLayoutEffect","React","useLayoutEffect","useEffect","deviceType","desktop","mobile","useBreakpoint","_window","breakpoints","supportsMatchMedia","window","matchMedia","breakpointsTokenAndQueryCollection","useMemo","Object","entries","map","_ref2","index","breakpointsArray","_breakpointsArray","_ref3","_slicedToArray","token","screenSize","maxValue","mediaQuery","getMatchedDeviceType","useCallback","matchedBreakpoint","matchedDeviceType","platform","includes","getMatchedBreakpoint","event","_breakpointsTokenAndQ","_breakpointsTokenAndQ2","find","_ref4","_ref4$mediaQuery","media","matches","_useState","useState","_useState2","breakpointAndDevice","setBreakpointAndDevice","handleMediaQueryChange","mediaQueryInstances","_ref5","_ref5$mediaQuery","mediaQueryInstance","addEventListener","addListener","forEach","removeEventListener","removeListener","colorSchemeNamesInput","PREFIX","throwBladeError","message","moduleName","__DEV__","prefix","Error","useColorScheme","initialColorScheme","colorSchemeState","setColorSchemeState","setColorScheme","setThemeMode","toString","useInterval","callback","delay","enable","intervalRef","useRef","savedCallback","current","tick","setInterval","clearInterval","isReactNative","getOS","Platform","OS","isAndroid","castWebType","value","castNativeType","makeBorderSize","size","makeMotionTime","time","makeSpace","makeTypographySize","makeSize","toTitleCase","inputString","toLowerCase","split","word","charAt","toUpperCase","slice","join","usePrevious","ref","ThemeContext","createContext","theme","useTheme","themeContext","useContext"],"mappings":"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"}