@razorpay/blade 10.13.1 → 10.14.0

package/build/utils/index.d.ts

@@ -498,23 +498,46 @@ declare type ActionStatesWithContrast = {
     active: ColorContrast;
     disabled: ColorContrast;
 };
+declare type ActionStatesWithLowContrast = {
+    default: Pick<ColorContrast, 'lowContrast'>;
+    hover: Pick<ColorContrast, 'lowContrast'>;
+    focus: Pick<ColorContrast, 'lowContrast'>;
+    active: Pick<ColorContrast, 'lowContrast'>;
+    disabled: Pick<ColorContrast, 'lowContrast'>;
+};
 declare type ActionVariants = {
     primary: ActionStates;
     secondary: ActionStates;
     tertiary: ActionStates;
     link: LinkActionStates;
 };
-declare type ActionVariantsWithContrast = {
-    primary: ActionStatesWithContrast;
-    secondary: ActionStatesWithContrast;
-    tertiary: ActionStatesWithContrast;
-    link: ActionStatesWithContrast;
-};
 declare type FeedbackActions = {
-    background: Pick<ActionVariantsWithContrast, 'primary'>;
-    border: Pick<ActionVariantsWithContrast, 'primary'>;
-    text: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;
-    icon: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;
+    action: {
+        background: {
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        border: {
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        text: {
+            link: ActionStatesWithContrast;
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        icon: {
+            link: ActionStatesWithContrast;
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+    };
+};
+declare type WhiteColors = {
+    background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
+    border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
+    text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
+    icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
 };
 declare type Colors = {
     brand: {
@@ -527,21 +550,11 @@ declare type Colors = {
         border: Record<Feedback, ColorContrast>;
         text: Record<Feedback, ColorContrast>;
         icon: Record<Feedback, ColorContrast>;
-        positive: {
-            action: FeedbackActions;
-        };
-        negative: {
-            action: FeedbackActions;
-        };
-        information: {
-            action: FeedbackActions;
-        };
-        notice: {
-            action: FeedbackActions;
-        };
-        neutral: {
-            action: FeedbackActions;
-        };
+        positive: FeedbackActions;
+        negative: FeedbackActions;
+        information: FeedbackActions;
+        notice: FeedbackActions;
+        neutral: FeedbackActions;
     };
     surface: {
         background: Record<'level1' | 'level2' | 'level3', ColorContrast>;
@@ -550,6 +563,8 @@ declare type Colors = {
         action: {
             icon: ActionStatesWithContrast;
         };
+        overlay: Record<'background', Record<400 | 800, string>>;
+        popup: Record<'background', string>;
     };
     overlay: Record<'background', string>;
     action: {
@@ -572,6 +587,12 @@ declare type Colors = {
             blue: ColorContrast;
         };
     };
+    static: {
+        white: string;
+    };
+    white: {
+        action: WhiteColors;
+    };
 };
 declare type ColorsWithModes = Record<ColorSchemeModes, Colors>;
 declare type ThemeTokens = {

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","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 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\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  background: Pick<ActionVariantsWithContrast, 'primary'>;\n  border: Pick<ActionVariantsWithContrast, 'primary'>;\n  text: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;\n  icon: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;\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: {\n      action: FeedbackActions;\n    };\n    negative: {\n      action: FeedbackActions;\n    };\n    information: {\n      action: FeedbackActions;\n    };\n    notice: {\n      action: FeedbackActions;\n    };\n    neutral: {\n      action: FeedbackActions;\n    };\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  };\n  overlay: Record<'background', string>;\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};\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":"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"}
+{"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","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  overlay: Record<'background', string>;\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":"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"}

package/build/utils/index.native.d.ts

@@ -498,23 +498,46 @@ declare type ActionStatesWithContrast = {
     active: ColorContrast;
     disabled: ColorContrast;
 };
+declare type ActionStatesWithLowContrast = {
+    default: Pick<ColorContrast, 'lowContrast'>;
+    hover: Pick<ColorContrast, 'lowContrast'>;
+    focus: Pick<ColorContrast, 'lowContrast'>;
+    active: Pick<ColorContrast, 'lowContrast'>;
+    disabled: Pick<ColorContrast, 'lowContrast'>;
+};
 declare type ActionVariants = {
     primary: ActionStates;
     secondary: ActionStates;
     tertiary: ActionStates;
     link: LinkActionStates;
 };
-declare type ActionVariantsWithContrast = {
-    primary: ActionStatesWithContrast;
-    secondary: ActionStatesWithContrast;
-    tertiary: ActionStatesWithContrast;
-    link: ActionStatesWithContrast;
-};
 declare type FeedbackActions = {
-    background: Pick<ActionVariantsWithContrast, 'primary'>;
-    border: Pick<ActionVariantsWithContrast, 'primary'>;
-    text: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;
-    icon: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;
+    action: {
+        background: {
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        border: {
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        text: {
+            link: ActionStatesWithContrast;
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+        icon: {
+            link: ActionStatesWithContrast;
+            primary: ActionStatesWithContrast;
+            secondary: ActionStatesWithLowContrast;
+        };
+    };
+};
+declare type WhiteColors = {
+    background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
+    border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
+    text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
+    icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
 };
 declare type Colors = {
     brand: {
@@ -527,21 +550,11 @@ declare type Colors = {
         border: Record<Feedback, ColorContrast>;
         text: Record<Feedback, ColorContrast>;
         icon: Record<Feedback, ColorContrast>;
-        positive: {
-            action: FeedbackActions;
-        };
-        negative: {
-            action: FeedbackActions;
-        };
-        information: {
-            action: FeedbackActions;
-        };
-        notice: {
-            action: FeedbackActions;
-        };
-        neutral: {
-            action: FeedbackActions;
-        };
+        positive: FeedbackActions;
+        negative: FeedbackActions;
+        information: FeedbackActions;
+        notice: FeedbackActions;
+        neutral: FeedbackActions;
     };
     surface: {
         background: Record<'level1' | 'level2' | 'level3', ColorContrast>;
@@ -550,6 +563,8 @@ declare type Colors = {
         action: {
             icon: ActionStatesWithContrast;
         };
+        overlay: Record<'background', Record<400 | 800, string>>;
+        popup: Record<'background', string>;
     };
     overlay: Record<'background', string>;
     action: {
@@ -572,6 +587,12 @@ declare type Colors = {
             blue: ColorContrast;
         };
     };
+    static: {
+        white: string;
+    };
+    white: {
+        action: WhiteColors;
+    };
 };
 declare type ColorsWithModes = Record<ColorSchemeModes, Colors>;
 declare type ThemeTokens = {

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","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 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\n// export type ActionProperties = {\n//   background: ActionVariants;\n//   border: ActionVariants;\n//   text: ActionVariants;\n//   icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n  background: Pick<ActionVariantsWithContrast, 'primary'>;\n  border: Pick<ActionVariantsWithContrast, 'primary'>;\n  text: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;\n  icon: Pick<ActionVariantsWithContrast, 'link' | 'primary'>;\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: {\n      action: FeedbackActions;\n    };\n    negative: {\n      action: FeedbackActions;\n    };\n    information: {\n      action: FeedbackActions;\n    };\n    notice: {\n      action: FeedbackActions;\n    };\n    neutral: {\n      action: FeedbackActions;\n    };\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  };\n  overlay: Record<'background', string>;\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};\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/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","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  overlay: Record<'background', string>;\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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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "10.13.1",
+  "version": "10.14.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"