@100mslive/roomkit-react 0.1.0

package/dist/chunk-KYYP6ZVK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["<define:process.env>", "../src/Theme/themes.ts", "../src/Theme/stitches.config.ts", "../src/Theme/base.config.ts", "../src/utils/styles.ts", "../src/IconButton/IconButton.tsx", "../src/IconButton/index.tsx", "../src/utils/animations.ts", "../src/Tooltip/Tooltip.tsx", "../src/Tooltip/index.ts", "../src/Prebuilt/common/constants.js", "../src/Prebuilt/IconButton.jsx"],
+  "sourcesContent": ["", "export const darkTheme = {\n  colors: {\n    bgPrimary: '#0B0F15',\n    bgSecondary: '#1D232B',\n    bgTertiary: '#303740',\n    surfaceLight: '#1E232A',\n    surfaceLighter: '#282F39',\n    textPrimary: '#FFFFFFE6',\n    textSecondary: '#FFFFFFB8',\n    textDisabled: '#FFFFFF61',\n    textInvert: 'rgba(0,0,0,0.9)',\n    textHighEmp: '#F5F9FFF2',\n    textMedEmp: 'rgba(224, 236, 255, 0.8)',\n    iconBtn: '$white',\n    iconHoverBg: 'rgba(255, 255, 255, 0.25)',\n    transparentBg: 'rgba(0, 0, 0, 0.22)',\n    mainBg: '$black',\n    tileBg: '#0F1115',\n    secondaryDisabled: '#242A33',\n    previewBg: '#111111',\n    statsBg: 'rgba(0,0,0,0.75)',\n    menuBg: '$grayDark',\n    inputBg: '$bgSecondary',\n    toastBg: '$menuBg',\n    borderDefault: '#1B1F26',\n    backgroundDefault: '#0B0D0F',\n    borderLighter: '#2D3440',\n  },\n};\n\n// TODO: Update light theme colors from design\nexport const lightTheme = {\n  colors: {\n    bgPrimary: '$white',\n    bgSecondary: '#F5F5F5',\n    bgTertiary: '#FFFFFF61',\n    twinYellow: '#ECC502',\n    textPrimary: 'rgba(0,0,0, 0.9)',\n    textSecondary: 'rgba(0,0,0, 0.72)',\n    textInvert: '#FFFFFFE6',\n    iconBtn: '#3b3b3b',\n    iconHoverBg: 'rgba(0, 0, 0, 0.22)',\n    transparentBg: '#FFFFFF38',\n    mainBg: '$white',\n    tileBg: '#F2F2F2',\n    previewBg: '#FAFAFA',\n    statsBg: '#FFFFFFBF',\n    menuBg: '#d9d9d9',\n    inputBg: '$tileBg',\n    toastBg: '$menuBg',\n    secondaryDisabled: '#F6F7F9',\n    // text variants\n    textHighEmp: '#000000F2',\n    textMedEmp: '#000000CC',\n    textDisabled: '#00000066',\n\n    borderDefault: '#DDE2E9',\n    borderLight: '#BCC4D2',\n    borderLighter: '#DFE4EC',\n    surfaceDefault: '#EDEFF3',\n    surfaceLight: '#F6F7F9',\n    surfaceLighter: '#FCFCFD',\n    surfaceDark: '$surfaceLight',\n    backgroundDefault: '#E0E4EB',\n    backgroundDark: '#DADFE7',\n    backgroundDarker: '#D4DAE2',\n  },\n};\n\n// Modals -> surface light/er\n", "import type * as Stitches from '@stitches/react';\nimport { createStitches } from '@stitches/react';\nimport merge from 'lodash.merge';\nimport { baseConfig, defaultMedia, defaultThemeMap, defaultUtils } from './base.config';\nimport { darkTheme, lightTheme } from './themes';\n\nconst HmsStitches = createStitches({\n  prefix: 'hms-ui',\n  theme: {\n    ...baseConfig.theme,\n    colors: {\n      ...baseConfig.theme.colors,\n      ...darkTheme.colors,\n    },\n  },\n  media: defaultMedia,\n  utils: defaultUtils,\n  themeMap: defaultThemeMap,\n});\n\nexport const {\n  theme,\n  createTheme: createThemeBase,\n  styled,\n  globalCss,\n  keyframes,\n  css,\n  getCssText,\n  config,\n} = HmsStitches;\n\nexport const globalStyles = globalCss({\n  '*': {\n    fontFamily: '$sans',\n    boxSizing: 'border-box',\n    borderWidth: 0,\n    borderStyle: 'solid',\n  },\n  body: {\n    margin: 0,\n  },\n  '#root': {\n    height: '100%',\n    overscrollBehaviorY: 'none',\n  },\n  '::-webkit-scrollbar-track': {\n    WebkitBoxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',\n    boxShadow: 'inset 0 0 6px rgba(0, 0, 0, 0.3)',\n    backgroundColor: 'transparent',\n  },\n  '::-webkit-scrollbar': {\n    width: '6px',\n    height: '6px',\n    backgroundColor: 'transparent',\n  },\n  '::-webkit-scrollbar-thumb': {\n    backgroundColor: '#657080',\n    borderRadius: '5px',\n  },\n  /**\n   * needed for safari. Safari\n   * adds background color on its own\n   * on hls-viewer on fullscreen\n   */\n  '#hls-viewer-dark:fullscreen': {\n    backgroundColor: 'black !important',\n  },\n\n  '#hls-viewer-light:fullscreen': {\n    backgroundColor: 'white !important',\n  },\n});\n\nexport type ThemeType = 'light' | 'dark';\nexport type Theme = typeof HmsStitches.theme;\n\n/**\n * This method will be used to create custom themes or update any theme values\n * @param { type: ThemeType; className: string; theme: Theme }\n * @returns\n */\nexport const createTheme = ({\n  themeType,\n  theme,\n  className,\n}: {\n  themeType: ThemeType;\n  className?: string;\n  theme?: Partial<Theme>;\n}) => {\n  if (!themeType) {\n    throw new Error('Theme type is required');\n  }\n  return createThemeBase(\n    className || `${themeType}-theme`,\n    merge(baseConfig.theme, themeType === 'dark' ? darkTheme : lightTheme, theme || {}),\n  );\n};\n\nexport type CSS = Stitches.CSS<typeof HmsStitches>;\n", "import type * as Stitches from '@stitches/react';\nimport { defaultThemeMap as defaultStitchesThemeMap } from '@stitches/react';\n\nexport const baseConfig = {\n  theme: {\n    colors: {\n      white: '#FFFFFF',\n      black: '#000000',\n      transparent: '#00000000',\n      orange: '#F69133',\n      cyan: '#8FF5FB',\n      tamarind: '#F79133',\n      yellow: '#FAC919',\n      twinYellow: '#ECC502',\n      green: '#00AE63',\n      darkgreen: '37F28D',\n      purple: '#6554C0',\n      borderDefault: '#1B1F26',\n      borderLight: '#2D3440',\n      borderAccent: '#2471ED',\n      success: '#36B37E',\n      error: '#CC525F',\n      errorTint: '#ED4C5AE6',\n      warning: '#FFAB00',\n      brandLight: '#74AAFF',\n      brandDefault: '#2F80FF',\n      brandDark: '#0B326F',\n      brandDisabled: '#D8E7FF',\n      grayLight: '#B0C3DB',\n      grayDefault: '#657080',\n      grayDark: '#303740',\n      secondaryGray: '#242A33',\n      grayDisabled: '#DCE4EF',\n      menuBg: '$grayDark',\n      textHighEmp: '#F5F9FFF2',\n      textMedEmp: '#E0ECFFCC',\n      textDisabled: '#C3D0E580',\n\n      // text variants when bg is accent (blue)\n      // same for both themes\n      textAccentHigh: '#FFFFFFFA',\n      textAccentMedium: '#FFFFFFB8',\n      textAccentDisabled: '#FFFFFF7A',\n\n      surfaceDefault: '#14171C',\n      surfaceLight: '#1D2229',\n      surfaceLighter: '#272E38',\n      surfaceDark: '#0F1115',\n\n      backgroundDefault: '#0B0D0F',\n      backgroundDark: '#090B0D',\n      backgroundDarker: '#040405',\n\n      primaryLight: '#66A1FF',\n      primaryDefault: '#2471ED',\n      primaryDark: '#143466',\n      primaryDisabled: '#3666B2',\n      secondaryLight: '#6B7D99',\n      secondaryDefault: '#475366',\n      secondaryDark: '#2D3440',\n      secondaryDisabled: '#242A33',\n      errorDefault: '#CC525F',\n      errorLight: '#D87983',\n      errorDark: '#9D2F3B',\n      errorDisabled: '#621D24',\n    },\n    shadows: {\n      sm: '0 0 4px 0 #0000004D',\n      md: '0 0 8px 0 #0000004D',\n    },\n    fonts: {\n      sans: 'Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif',\n    },\n    fontSizes: {\n      h1: '6rem',\n      h2: '3.75rem',\n      h3: '3rem',\n      h4: '2.125rem',\n      h5: '1.5rem',\n      h6: '1.25rem',\n      tiny: '0.625rem',\n      xs: '0.75rem',\n      sm: '0.875rem',\n      md: '1rem',\n      lg: '1.125rem',\n    },\n    fontWeights: {\n      semiBold: 600,\n      medium: 500,\n      regular: 400,\n    },\n    lineHeights: {\n      h1: '5.75rem',\n      h2: '3.5rem',\n      h3: '3.25rem',\n      h4: '2.5rem',\n      h5: '2rem',\n      h6: '1.5rem',\n      tiny: '1rem',\n      xs: '1rem',\n      sm: '1.25rem',\n      md: '1.5rem',\n    },\n    radii: {\n      '0': '0.25rem',\n      '1': '0.5rem',\n      '2': '0.75rem',\n      '3': '1rem',\n      '4': '1.5rem',\n      round: '100rem',\n    },\n    space: {\n      0: '0rem',\n      xs: '0.5rem',\n      sm: '0.75rem',\n      md: '1rem',\n      lg: '1.25rem',\n      xl: '2.25rem',\n      px: '1px',\n      1: '0.125rem',\n      2: '0.25rem',\n      3: '0.375rem',\n      4: '0.5rem',\n      5: '0.625rem',\n      6: '0.75rem',\n      7: '0.875rem',\n      8: '1rem',\n      9: '1.25rem',\n      10: '1.5rem',\n      11: '1.75rem',\n      12: '2rem',\n      13: '2.25rem',\n      14: '2.5rem',\n      15: '2.75rem',\n      16: '3rem',\n      17: '3.5rem',\n      18: '4rem',\n      19: '4.25rem',\n      20: '5rem',\n      24: '6rem',\n      28: '7rem',\n      32: '8rem',\n      36: '9rem',\n      40: '10rem',\n      44: '11rem',\n      48: '12rem',\n      52: '13rem',\n      56: '14rem',\n      60: '15rem',\n      64: '16rem',\n      72: '18rem',\n      80: '20rem',\n      96: '24rem',\n      100: '27rem',\n    },\n    borderWidths: {\n      light: '1px',\n      normal: '2px',\n      bold: '3px',\n      extrabold: '4px',\n      black: '5px',\n    },\n  },\n};\n\nexport const defaultUtils = {\n  bg: (value: Stitches.PropertyValue<'backgroundColor'>) => ({\n    backgroundColor: value,\n  }),\n  c: (value: Stitches.PropertyValue<'color'>) => ({\n    color: value,\n  }),\n  r: (value: Stitches.ScaleValue<'radii'>) => ({\n    borderRadius: value,\n  }),\n  fs: (value: Stitches.PropertyValue<'fontSize'> | number | string) => ({\n    fontSize: value,\n  }),\n  size: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    height: value,\n    width: value,\n  }),\n  w: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    width: value,\n  }),\n  h: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    height: value,\n  }),\n  p: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    padding: value,\n  }),\n  pt: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n  }),\n  pr: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingRight: value,\n  }),\n  pb: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingBottom: value,\n  }),\n  pl: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n  }),\n  px: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n  m: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    margin: value,\n  }),\n  mt: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n  }),\n  mr: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginRight: value,\n  }),\n  mb: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: Stitches.ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n};\n\nexport const defaultMedia = {\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  sm: '(max-width: 640px)',\n  md: '(max-width: 768px)',\n  lg: '(max-width: 1024px)',\n  xl: '(max-width: 1280px)',\n  '2xl': '(max-width: 1536px)',\n  ls: '(max-width: 1024px) and (orientation: landscape)',\n};\n\nexport const defaultThemeMap = {\n  ...defaultStitchesThemeMap,\n  width: 'space',\n  height: 'space',\n  minWidth: 'space',\n  maxWidth: 'space',\n  minHeight: 'space',\n  maxHeight: 'space',\n  flexBasis: 'space',\n  gridTemplateColumns: 'space',\n  gridTemplateRows: 'space',\n  blockSize: 'space',\n  minBlockSize: 'space',\n  maxBlockSize: 'space',\n  inlineSize: 'space',\n  minInlineSize: 'space',\n  maxInlineSize: 'space',\n};\n", "/**\n * Flex based centering helper styles\n */\nexport const flexCenter = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n};\n\n/**\n * Gives styles for text ellipsis, with given width as maxWidth.\n * A number in pixels or css width string value can be passed\n * @param {number|string} width\n * @returns\n */\nexport const textEllipsis = (width: number | string) => ({\n  maxWidth: width,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  minWidth: 0,\n});\n", "import { styled } from '../Theme';\nimport { flexCenter } from '../utils/styles';\n\nexport const IconButton = styled('button', {\n  ...flexCenter,\n  outline: 'none',\n  border: 'none',\n  padding: '$2',\n  r: '$0',\n  cursor: 'pointer',\n  backgroundColor: 'transparent',\n  color: '$textPrimary',\n  '&:not([disabled]):focus-visible': {\n    boxShadow: '0 0 0 3px $colors$brandDefault',\n  },\n  '&:not([disabled]):focus': {\n    outline: 'none',\n  },\n  '&:not([disabled]):hover': {\n    backgroundColor: '$iconHoverBg',\n  },\n  '&[disabled]': {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n  '&:focus': {\n    outline: 'none',\n  },\n  variants: {\n    active: {\n      false: {\n        backgroundColor: '$secondaryDark',\n        color: '$textPrimary',\n        '&:not([disabled]):hover': {\n          backgroundColor: '$secondaryDefault',\n        },\n      },\n      true: {\n        '&:not([disabled]):hover': {\n          backgroundColor: '$iconHoverBg',\n        },\n      },\n    },\n  },\n});\n", "export { IconButton } from './IconButton';\n", "import { keyframes } from '../Theme';\n\nexport const slideDown = (controller: string) =>\n  keyframes({\n    from: { height: 0 },\n    to: { height: `var(${controller})` },\n  });\n\nexport const slideUp = (controller: string) =>\n  keyframes({\n    from: { height: `var(${controller})` },\n    to: { height: 0 },\n  });\n\nexport const dialogOpen = keyframes({\n  '0%': { opacity: 0, transform: 'translate(-50%, -48%) scale(.90)' },\n  '100%': { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },\n});\n\nexport const dialogClose = keyframes({\n  '0%': { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },\n  '100%': { opacity: 0, transform: 'translate(-50%, -48%) scale(.90)' },\n});\n\nexport const slideUpAndFade = (start = '2px') =>\n  keyframes({\n    '0%': { opacity: 0, transform: `translateY(${start})` },\n    '100%': { opacity: 1, transform: 'translateY(0)' },\n  });\n\nexport const slideRightAndFade = (start = '-2px') =>\n  keyframes({\n    '0%': { opacity: 0, transform: `translateX(${start})` },\n    '100%': { opacity: 1, transform: 'translateX(0)' },\n  });\n\nexport const slideDownAndFade = (start = '-2px') =>\n  keyframes({\n    '0%': { opacity: 0, transform: `translateY(${start})` },\n    '100%': { opacity: 1, transform: 'translateY(0)' },\n  });\n\nexport const slideLeftAndFade = (start = '2px') =>\n  keyframes({\n    '0%': { opacity: 0, transform: `translateX(${start})` },\n    '100%': { opacity: 1, transform: 'translateX(0)' },\n  });\n\nconst slideLeftAndFadeOut = (end = '-100%') =>\n  keyframes({\n    '0%': { opacity: 1, transform: `translateX(0)` },\n    '100%': { opacity: 0, transform: `translateX(${end})` },\n  });\n\nexport const popoverAnimation = {\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '400ms',\n    animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"open\"]': {\n      '&[data-side=\"top\"]': { animationName: slideDownAndFade() },\n      '&[data-side=\"right\"]': { animationName: slideLeftAndFade() },\n      '&[data-side=\"bottom\"]': { animationName: slideUpAndFade() },\n      '&[data-side=\"left\"]': { animationName: slideRightAndFade() },\n    },\n  },\n};\n\nexport const toastAnimation = {\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '500ms',\n    animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    willChange: 'transform, opacity',\n    animationName: slideLeftAndFadeOut(),\n\n    '&[data-state=\"open\"]': {\n      animationName: slideRightAndFade('-100%'),\n    },\n    '&[data-swipe=\"move\"]': {\n      transform: 'translateX(var(--radix-toast-swipe-move-x))',\n    },\n    '&[data-swipe=\"cancel\"]': {\n      transform: 'translateX(0)',\n      transition: 'transform 200ms ease-out',\n    },\n    '&[data-swipe=\"end\"]': {\n      animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`,\n    },\n  },\n};\n", "import React, { PropsWithChildren, useState } from 'react';\nimport * as BaseTooltip from '@radix-ui/react-tooltip';\nimport { CSS, styled } from '../Theme';\nimport { slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade } from '../utils';\n\nconst TooltipBox = styled(BaseTooltip.Content, {\n  fontFamily: '$sans',\n  borderRadius: '$2',\n  padding: '$2 $4',\n  fontSize: '$xs',\n\n  color: '$textHighEmp',\n  backgroundColor: '$surfaceLight',\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '400ms',\n    animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"delayed-open\"]': {\n      '&[data-side=\"top\"]': { animationName: slideDownAndFade() },\n      '&[data-side=\"right\"]': { animationName: slideLeftAndFade() },\n      '&[data-side=\"bottom\"]': { animationName: slideUpAndFade() },\n      '&[data-side=\"left\"]': { animationName: slideRightAndFade() },\n    },\n  },\n  variants: {\n    outlined: {\n      true: {\n        backgroundColor: '$backgroundDark',\n        border: 'solid $space$px $borderLight',\n      },\n    },\n  },\n});\n\nconst TooltipTrigger = styled(BaseTooltip.Trigger, {\n  fontFamily: '$sans',\n});\n\nconst TooltipRoot = BaseTooltip.Root;\nexport type alignTooltip = 'end' | 'center' | 'start' | undefined;\nexport type sideTooltip = 'bottom' | 'left' | 'right' | 'top' | undefined;\n\nexport const Tooltip: React.FC<\n  PropsWithChildren<{\n    title: React.ReactNode | string;\n    outlined?: boolean;\n    side?: sideTooltip;\n    align?: alignTooltip;\n    disabled?: boolean;\n    triggerCss?: CSS;\n    boxCss?: CSS;\n    delayDuration?: number;\n  }>\n> = ({\n  children,\n  title,\n  triggerCss,\n  boxCss,\n  outlined = true,\n  side = 'bottom',\n  align = 'center',\n  disabled = false,\n  delayDuration = 200,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <BaseTooltip.Provider>\n      <TooltipRoot delayDuration={delayDuration} open={open && !disabled} onOpenChange={setOpen}>\n        <TooltipTrigger css={{ ...triggerCss }} asChild>\n          {children}\n        </TooltipTrigger>\n        <TooltipBox sideOffset={10} side={side} align={align} outlined={outlined} css={{ ...boxCss }}>\n          {title}\n        </TooltipBox>\n      </TooltipRoot>\n    </BaseTooltip.Provider>\n  );\n};\n", "export { Tooltip } from './Tooltip';\n", "import { parsedUserAgent } from '@100mslive/react-sdk';\n\nexport const defaultAudioList = [\n  {\n    name: 'Audio1',\n    id: 'audio1',\n    metadata: {\n      description: 'Artist1',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio1.mp3',\n    type: 'audio',\n  },\n  {\n    name: 'Audio2',\n    id: 'audio2',\n    metadata: {\n      description: 'Artist2',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio2.mp3',\n    type: 'audio',\n  },\n  {\n    name: 'Audio3',\n    id: 'audio3',\n    metadata: {\n      description: 'Artist3',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio3.mp3',\n    type: 'audio',\n  },\n  {\n    name: 'Audio4',\n    id: 'audio4',\n    metadata: {\n      description: 'Artist4',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio4.mp3',\n    type: 'audio',\n  },\n  {\n    name: 'Audio5',\n    id: 'audio5',\n    metadata: {\n      description: 'Artist5',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio5.mp3',\n    type: 'audio',\n  },\n  {\n    name: 'Audio6',\n    id: 'audio6',\n    metadata: {\n      description: 'Artist6',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/audio6.mp3',\n    type: 'audio',\n  },\n];\n\nexport const defaultVideoList = [\n  {\n    name: 'Video1',\n    id: 'video1',\n    metadata: {\n      description: 'Artist1',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/video1.mp4',\n    type: 'video',\n  },\n  {\n    name: 'Video2',\n    id: 'video2',\n    metadata: {\n      description: 'Artist2',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/video2.mp4',\n    type: 'video',\n  },\n  {\n    name: 'Video3',\n    id: 'video3',\n    metadata: {\n      description: 'Artist2',\n    },\n    url: 'https://bc-public-static-assets.s3.ap-south-1.amazonaws.com/webapp/playlist/video3.mp4',\n    type: 'video',\n  },\n];\n\nexport const DEFAULT_HLS_ROLE_KEY = 'HLS_VIEWER_ROLE';\nexport const DEFAULT_HLS_VIEWER_ROLE = 'hls-viewer';\nexport const DEFAULT_WAITING_VIEWER_ROLE = 'waiting-room';\nexport const QUERY_PARAM_SKIP_PREVIEW = 'skip_preview';\nexport const QUERY_PARAM_SKIP_PREVIEW_HEADFUL = 'skip_preview_headful';\nexport const QUERY_PARAM_NAME = 'name';\nexport const QUERY_PARAM_VIEW_MODE = 'ui_mode';\nexport const QUERY_PARAM_AUTH_TOKEN = 'auth_token';\nexport const QUERY_PARAM_PREVIEW_AS_ROLE = 'preview_as_role';\nexport const UI_MODE_ACTIVE_SPEAKER = 'activespeaker';\nexport const UI_MODE_GRID = 'grid';\nexport const MAX_TOASTS = 5;\nexport const RTMP_RECORD_RESOLUTION_MIN = 480;\nexport const RTMP_RECORD_RESOLUTION_MAX = 1280;\nexport const RTMP_RECORD_DEFAULT_RESOLUTION = {\n  width: 1280,\n  height: 720,\n};\nexport const EMOJI_REACTION_TYPE = 'EMOJI_REACTION';\n\nexport const CHAT_SELECTOR = {\n  PEER_ID: 'peer_id',\n  ROLE: 'role',\n};\n\nexport const APP_DATA = {\n  uiSettings: 'uiSettings',\n  chatOpen: 'chatOpen',\n  chatSelector: 'chatSelector',\n  chatDraft: 'chatDraft',\n  appConfig: 'appConfig',\n  recordingUrl: 'recordingUrl',\n  sidePane: 'sidePane',\n  hlsStats: 'hlsStats',\n  hlsViewerRole: 'hlsViewerRole',\n  waitingViewerRole: 'waitingViewerRole',\n  subscribedNotifications: 'subscribedNotifications',\n  logo: 'logo',\n  tokenEndpoint: 'tokenEndpoint',\n  appLayout: 'appLayout',\n  hlsStarted: 'hlsStarted',\n  rtmpStarted: 'rtmpStarted',\n  recordingStarted: 'recordingStarted',\n  embedConfig: 'embedConfig',\n  pinnedTrackId: 'pinnedTrackId',\n  dropdownList: 'dropdownList',\n  authToken: 'authToken',\n  pdfConfig: 'pdfConfig',\n};\nexport const UI_SETTINGS = {\n  isAudioOnly: 'isAudioOnly',\n  isHeadless: 'isHeadless',\n  maxTileCount: 'maxTileCount',\n  uiViewMode: 'uiViewMode',\n  showStatsOnTiles: 'showStatsOnTiles',\n  enableAmbientMusic: 'enableAmbientMusic',\n  mirrorLocalVideo: 'mirrorLocalVideo',\n  activeSpeakerSorting: 'activeSpeakerSorting',\n  hideLocalVideo: 'hideLocalVideo',\n};\n\nexport const SIDE_PANE_OPTIONS = {\n  PARTICIPANTS: 'Participants',\n  CHAT: 'Chat',\n  STREAMING: 'STREAMING',\n  TILES: 'TILES',\n  SCREEN_TILES: 'SCREEN_TILES',\n};\n\nexport const SUBSCRIBED_NOTIFICATIONS = {\n  PEER_JOINED: 'PEER_JOINED',\n  PEER_LEFT: 'PEER_LEFT',\n  METADATA_UPDATED: 'METADATA_UPDATED',\n  NEW_MESSAGE: 'NEW_MESSAGE',\n  ERROR: 'ERROR',\n};\n\nexport const CREATE_ROOM_DOC_URL = 'https://github.com/100mslive/100ms-web/wiki/Creating-and-joining-a-room';\nexport const HLS_TIMED_METADATA_DOC_URL =\n  'https://www.100ms.live/docs/javascript/v2/how--to-guides/record-and-live-stream/hls/hls-timed-metadata';\n\nexport const REMOTE_STOP_SCREENSHARE_TYPE = 'REMOTE_STOP_SCREENSHARE';\n\nexport const isChrome = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'chrome';\nexport const isFirefox = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'firefox';\nexport const isSafari = parsedUserAgent.getBrowser()?.name?.toLowerCase() === 'safari';\nexport const isIOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'ios';\nexport const isMacOS = parsedUserAgent.getOS()?.name?.toLowerCase() === 'mac os';\nexport const isAndroid = parsedUserAgent.getOS()?.name?.toLowerCase() === 'android';\nexport const isIPadOS = false;\n// typeof navigator !== \"undefined\" &&\n// navigator?.maxTouchPoints &&\n// navigator?.maxTouchPoints > 2 &&\n// navigator?.userAgent?.match(/Mac/);\n\nexport const FEATURE_LIST = {\n  AUDIO_ONLY_SCREENSHARE: 'audioscreenshare',\n  AUDIO_PLAYLIST: 'audioplaylist',\n  VIDEO_PLAYLIST: 'videoplaylist',\n  EMOJI_REACTION: 'emojireaction',\n  AUDIO_PLUGINS: 'audioplugins',\n  VIDEO_PLUGINS: 'videoplugins',\n  WHITEBOARD: 'whiteboard',\n  CHANGE_NAME: 'changename',\n  FULLSCREEN: 'fullscreen',\n  PICTURE_IN_PICTURE: 'pip',\n  STARTS_FOR_NERDS: 'statsfornerds',\n  EMBED_URL: 'embedurl',\n  BRB: 'brb',\n  HAND_RAISE: 'handraise',\n  CHAT: 'chat',\n  PIN_TILE: 'pintile',\n};\n\nexport const SESSION_STORE_KEY = {\n  TRANSCRIPTION_STATE: 'transcriptionState',\n  PINNED_MESSAGE: 'pinnedMessage',\n  SPOTLIGHT: 'spotlight',\n};\n", "import { IconButton as BaseIconButton } from '../IconButton';\nimport { styled } from '../Theme';\n\nconst IconButton = styled(BaseIconButton, {\n  width: '$14',\n  height: '$14',\n  border: '1px solid $borderLight',\n  r: '$1',\n  variants: {\n    active: {\n      false: {\n        border: '1px solid transparent',\n        color: '$white',\n      },\n    },\n  },\n});\n\nexport default IconButton;\n"],
+  "mappings": "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",
+  "names": ["theme", "_a", "_b", "IconButton"]
+}

package/dist/chunk-ULXGBUSC.js

@@ -0,0 +1,65 @@
+import {
+  __objRest,
+  __spreadValues,
+  init_define_process_env
+} from "./chunk-KYYP6ZVK.js";
+
+// src/Loading/Loading.tsx
+init_define_process_env();
+import React from "react";
+var Loading = (_a) => {
+  var _b = _a, { size = 24, color = "white" } = _b, props = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ React.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M19.8852 12C20.5009 12 21.0071 12.501 20.9311 13.1119C20.7585 14.498 20.2649 15.8303 19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271C8.49836 20.4798 6.89471 19.6226 5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17293 13.7558C2.82567 12.01 3.0039 10.2004 3.68508 8.55585C4.36627 6.91131 5.51983 5.50571 6.99987 4.51677C8.16971 3.73511 9.50199 3.24152 10.8881 3.06895C11.499 2.99288 12 3.4991 12 4.11476C12 4.73042 11.4976 5.22017 10.8903 5.32108C9.94601 5.47798 9.04141 5.83408 8.23852 6.37055C7.12512 7.1145 6.25733 8.17191 5.74489 9.40905C5.23245 10.6462 5.09837 12.0075 5.35961 13.3209C5.62085 14.6342 6.26568 15.8406 7.21255 16.7875C8.15942 17.7343 9.3658 18.3791 10.6791 18.6404C11.9925 18.9016 13.3538 18.7675 14.591 18.2551C15.8281 17.7427 16.8855 16.8749 17.6294 15.7615C18.1659 14.9586 18.522 14.054 18.6789 13.1097C18.7798 12.5024 19.2696 12 19.8852 12Z",
+      fill: color
+    },
+    /* @__PURE__ */ React.createElement(
+      "animateTransform",
+      {
+        attributeType: "XML",
+        attributeName: "transform",
+        type: "rotate",
+        from: "0 12 12",
+        to: "360 12 12",
+        dur: "0.75s",
+        repeatCount: "indefinite"
+      }
+    )
+  ));
+};
+
+// src/Loading/index.ts
+init_define_process_env();
+
+// src/Prebuilt/components/hooks/useFeatures.js
+init_define_process_env();
+import { selectTemplateAppData, useHMSStore } from "@100mslive/react-sdk";
+var useFeatures = () => {
+  var _a;
+  let features = (_a = useHMSStore(selectTemplateAppData)) == null ? void 0 : _a.features;
+  return features && typeof features === "string" ? features.split(",") : void 0;
+};
+var useIsFeatureEnabled = (key) => {
+  let features = useFeatures();
+  return features ? features.includes(key) : true;
+};
+var useRolePreference = () => {
+  var _a;
+  let preference = (_a = useHMSStore(selectTemplateAppData)) == null ? void 0 : _a.rolePreference;
+  try {
+    preference = JSON.parse(preference || "{}");
+    return preference;
+  } catch (e) {
+    console.log("role preference parse error", e);
+    return void 0;
+  }
+};
+
+export {
+  Loading,
+  useIsFeatureEnabled,
+  useRolePreference
+};
+//# sourceMappingURL=chunk-ULXGBUSC.js.map

package/dist/chunk-ULXGBUSC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Loading/Loading.tsx", "../src/Loading/index.ts", "../src/Prebuilt/components/hooks/useFeatures.js"],
+  "sourcesContent": ["import React from 'react';\n\ntype Props = {\n  /**\n   * Adjusts width and height\n   */\n  size?: number | string;\n  /**\n   * Color of Loader\n   */\n  color?: string;\n};\n\ntype LoadingProps = Props & React.SVGProps<SVGSVGElement>;\n\nexport const Loading = ({ size = 24, color = 'white', ...props }: LoadingProps) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M19.8852 12C20.5009 12 21.0071 12.501 20.9311 13.1119C20.7585 14.498 20.2649 15.8303 19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271C8.49836 20.4798 6.89471 19.6226 5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17293 13.7558C2.82567 12.01 3.0039 10.2004 3.68508 8.55585C4.36627 6.91131 5.51983 5.50571 6.99987 4.51677C8.16971 3.73511 9.50199 3.24152 10.8881 3.06895C11.499 2.99288 12 3.4991 12 4.11476C12 4.73042 11.4976 5.22017 10.8903 5.32108C9.94601 5.47798 9.04141 5.83408 8.23852 6.37055C7.12512 7.1145 6.25733 8.17191 5.74489 9.40905C5.23245 10.6462 5.09837 12.0075 5.35961 13.3209C5.62085 14.6342 6.26568 15.8406 7.21255 16.7875C8.15942 17.7343 9.3658 18.3791 10.6791 18.6404C11.9925 18.9016 13.3538 18.7675 14.591 18.2551C15.8281 17.7427 16.8855 16.8749 17.6294 15.7615C18.1659 14.9586 18.522 14.054 18.6789 13.1097C18.7798 12.5024 19.2696 12 19.8852 12Z\"\n      fill={color}\n    >\n      <animateTransform\n        attributeType=\"XML\"\n        attributeName=\"transform\"\n        type=\"rotate\"\n        from=\"0 12 12\"\n        to=\"360 12 12\"\n        dur=\"0.75s\"\n        repeatCount=\"indefinite\"\n      />\n    </path>\n  </svg>\n);\n", "export { Loading } from './Loading';\n", "import { selectTemplateAppData, useHMSStore } from '@100mslive/react-sdk';\n\nexport const useFeatures = () => {\n  let features = useHMSStore(selectTemplateAppData)?.features;\n  return features && typeof features === 'string' ? features.split(',') : undefined;\n};\n\nexport const useIsFeatureEnabled = key => {\n  let features = useFeatures();\n  return features ? features.includes(key) : true;\n};\n\nexport const useRolePreference = () => {\n  let preference = useHMSStore(selectTemplateAppData)?.rolePreference;\n  try {\n    preference = JSON.parse(preference || '{}');\n    return preference;\n  } catch (e) {\n    console.log('role preference parse error', e);\n    return undefined;\n  }\n};\n"],
+  "mappings": ";;;;;;;AAAA;AAAA,OAAO,WAAW;AAeX,IAAM,UAAU,CAAC,OAAwD;AAAxD,eAAE,SAAO,IAAI,QAAQ,QAf7C,IAewB,IAAiC,kBAAjC,IAAiC,CAA/B,QAAW;AACnC,6CAAC,wBAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAK,QAAO,OAAM,gCAAiC,QACrG;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,eAAc;AAAA,QACd,MAAK;AAAA,QACL,MAAK;AAAA,QACL,IAAG;AAAA,QACH,KAAI;AAAA,QACJ,aAAY;AAAA;AAAA,IACd;AAAA,EACF,CACF;AAAA;;;AC/BF;;;ACAA;AAAA,SAAS,uBAAuB,mBAAmB;AAE5C,IAAM,cAAc,MAAM;AAFjC;AAGE,MAAI,YAAW,iBAAY,qBAAqB,MAAjC,mBAAoC;AACnD,SAAO,YAAY,OAAO,aAAa,WAAW,SAAS,MAAM,GAAG,IAAI;AAC1E;AAEO,IAAM,sBAAsB,SAAO;AACxC,MAAI,WAAW,YAAY;AAC3B,SAAO,WAAW,SAAS,SAAS,GAAG,IAAI;AAC7C;AAEO,IAAM,oBAAoB,MAAM;AAZvC;AAaE,MAAI,cAAa,iBAAY,qBAAqB,MAAjC,mBAAoC;AACrD,MAAI;AACF,iBAAa,KAAK,MAAM,cAAc,IAAI;AAC1C,WAAO;AAAA,EACT,SAAS,GAAG;AACV,YAAQ,IAAI,+BAA+B,CAAC;AAC5C,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/chunk-XRJXE6UO.js

@@ -0,0 +1,243 @@
+import {
+  init_define_process_env,
+  styled
+} from "./chunk-KYYP6ZVK.js";
+
+// src/Layout/Flex.tsx
+init_define_process_env();
+var gapStyles = (value) => {
+  return {
+    "& > * + *": {
+      marginRight: "0",
+      marginLeft: `${0.25 * value}rem`
+    }
+  };
+};
+var Flex = styled("div", {
+  display: "flex",
+  variants: {
+    justify: {
+      start: {
+        justifyContent: "flex-start"
+      },
+      end: {
+        justifyContent: "flex-end"
+      },
+      center: {
+        justifyContent: "center"
+      },
+      between: {
+        justifyContent: "space-between"
+      },
+      around: {
+        justifyContent: "space-around"
+      },
+      evenly: {
+        justifyContent: "space-evenly"
+      }
+    },
+    align: {
+      start: {
+        alignItems: "flex-start"
+      },
+      end: {
+        alignItems: "flex-end"
+      },
+      center: {
+        alignItems: "center"
+      },
+      baseline: {
+        alignItems: "baseline"
+      },
+      strech: {
+        alignItems: "stretch"
+      }
+    },
+    direction: {
+      row: {
+        flexDirection: "row"
+      },
+      column: {
+        flexDirection: "column"
+      },
+      rowReverse: {
+        flexDirection: "row-reverse"
+      },
+      columnReverse: {
+        flexDirection: "column-reverse"
+      }
+    },
+    gap: {
+      1: gapStyles(1),
+      2: gapStyles(2),
+      3: gapStyles(3),
+      4: gapStyles(4)
+    }
+  }
+});
+
+// src/Layout/Box.tsx
+init_define_process_env();
+var Box = styled("div", {});
+
+// src/Layout/index.tsx
+init_define_process_env();
+
+// src/Text/Text.tsx
+init_define_process_env();
+var textVariants = {
+  h1: {
+    fontWeight: "$semiBold",
+    letterSpacing: "-1.5px",
+    fontSize: "$h1",
+    lineHeight: "$h1",
+    "@md": {
+      fontSize: "4.5rem",
+      lineHeight: "4.75rem"
+    }
+  },
+  h2: {
+    fontSize: "$h2",
+    lineHeight: "$h2",
+    fontWeight: "$semiBold",
+    letterSpacing: "-0.5px",
+    "@md": {
+      fontSize: "3rem",
+      lineHeight: "3.25rem"
+    }
+  },
+  h3: {
+    fontSize: "$h3",
+    lineHeight: "$h3",
+    fontWeight: "$semiBold",
+    "@md": {
+      fontSize: "2.5rem",
+      lineHeight: "2.75rem"
+    }
+  },
+  h4: {
+    fontSize: "$h4",
+    lineHeight: "$h4",
+    fontWeight: "$semiBold",
+    letterSpacing: "0.25px",
+    "@md": {
+      fontSize: "1.75rem",
+      lineHeight: "2rem"
+    }
+  },
+  h5: {
+    fontSize: "$h5",
+    lineHeight: "$h5",
+    fontWeight: "$semiBold",
+    "@md": {
+      fontSize: "1.5rem",
+      lineHeight: "1.75rem"
+    }
+  },
+  h6: {
+    fontSize: "$h6",
+    lineHeight: "$h6",
+    fontWeight: "$semiBold",
+    letterSpacing: "0.15px",
+    "@md": {
+      fontSize: "1.25rem",
+      lineHeight: "1.5rem"
+    }
+  },
+  sub1: {
+    fontSize: "$md",
+    lineHeight: "$h5",
+    fontWeight: "$medium",
+    letterSpacing: "0.15px"
+  },
+  sub2: {
+    fontSize: "$sm",
+    lineHeight: "$sm",
+    fontWeight: "$medium",
+    letterSpacing: "0.1px"
+  },
+  body1: {
+    fontSize: "$md",
+    lineHeight: "$h6",
+    fontWeight: "$medium",
+    letterSpacing: "0.1px"
+  },
+  body2: {
+    fontSize: "0.875rem",
+    lineHeight: "1.25rem",
+    fontWeight: "$medium",
+    letterSpacing: "0.25px"
+  },
+  button: {
+    fontSize: "1rem",
+    lineHeight: "1.5rem",
+    fontWeight: "$semiBold",
+    letterSpacing: "0.5px"
+  },
+  caption: {
+    fontSize: "0.75rem",
+    lineHeight: "1rem",
+    letterSpacing: "0.4px",
+    fontWeight: "$regular"
+  },
+  overline: {
+    fontSize: "0.625rem",
+    lineHeight: "1rem",
+    letterSpacing: "1.5px",
+    fontWeight: "$medium"
+  },
+  tiny: {
+    fontSize: "$tiny",
+    lineHeight: "$tiny"
+  },
+  xs: {
+    fontSize: "$xs",
+    lineHeight: "$xs"
+  },
+  sm: {
+    fontSize: "$sm",
+    lineHeight: "$sm"
+  },
+  md: {
+    fontSize: "$md",
+    lineHeight: "$md"
+  },
+  lg: {
+    fontSize: "$lg",
+    lineHeight: "$md",
+    fontWeight: "$semiBold",
+    letterSpacing: "0.15px"
+  }
+};
+var Text = styled("p", {
+  fontFamily: "$sans",
+  fontWeight: "$regular",
+  margin: 0,
+  color: "$textPrimary",
+  variants: {
+    variant: textVariants,
+    color: {
+      white: {
+        color: "$white"
+      }
+    },
+    inline: {
+      true: {
+        display: "inline"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "md"
+  }
+});
+
+// src/Text/index.tsx
+init_define_process_env();
+
+export {
+  Flex,
+  Box,
+  Text
+};
+//# sourceMappingURL=chunk-XRJXE6UO.js.map

package/dist/chunk-XRJXE6UO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Layout/Flex.tsx", "../src/Layout/Box.tsx", "../src/Layout/index.tsx", "../src/Text/Text.tsx", "../src/Text/index.tsx"],
+  "sourcesContent": ["import { styled } from '../Theme';\n\n/**\n * @see https://tailwindcss.com/docs/space\n */\nconst gapStyles = (value: number) => {\n  return {\n    '& > * + *': {\n      marginRight: '0',\n      marginLeft: `${0.25 * value}rem`,\n    },\n  };\n};\n\nexport const Flex = styled('div', {\n  display: 'flex',\n  variants: {\n    justify: {\n      start: {\n        justifyContent: 'flex-start',\n      },\n      end: {\n        justifyContent: 'flex-end',\n      },\n      center: {\n        justifyContent: 'center',\n      },\n      between: {\n        justifyContent: 'space-between',\n      },\n      around: {\n        justifyContent: 'space-around',\n      },\n      evenly: {\n        justifyContent: 'space-evenly',\n      },\n    },\n    align: {\n      start: {\n        alignItems: 'flex-start',\n      },\n      end: {\n        alignItems: 'flex-end',\n      },\n      center: {\n        alignItems: 'center',\n      },\n      baseline: {\n        alignItems: 'baseline',\n      },\n      strech: {\n        alignItems: 'stretch',\n      },\n    },\n    direction: {\n      row: {\n        flexDirection: 'row',\n      },\n      column: {\n        flexDirection: 'column',\n      },\n      rowReverse: {\n        flexDirection: 'row-reverse',\n      },\n      columnReverse: {\n        flexDirection: 'column-reverse',\n      },\n    },\n    gap: {\n      1: gapStyles(1),\n      2: gapStyles(2),\n      3: gapStyles(3),\n      4: gapStyles(4),\n    },\n  },\n});\n", "import { styled } from '../Theme';\n\nexport const Box = styled('div', {});\n", "export { Flex } from './Flex';\nexport { Box } from './Box';\n", "import { styled } from '../Theme';\n\nexport const textVariants = {\n  h1: {\n    fontWeight: '$semiBold',\n    letterSpacing: '-1.5px',\n    fontSize: '$h1',\n    lineHeight: '$h1',\n    '@md': {\n      fontSize: '4.5rem',\n      lineHeight: '4.75rem',\n    },\n  },\n  h2: {\n    fontSize: '$h2',\n    lineHeight: '$h2',\n    fontWeight: '$semiBold',\n    letterSpacing: '-0.5px',\n    '@md': {\n      fontSize: '3rem',\n      lineHeight: '3.25rem',\n    },\n  },\n  h3: {\n    fontSize: '$h3',\n    lineHeight: '$h3',\n    fontWeight: '$semiBold',\n    '@md': {\n      fontSize: '2.5rem',\n      lineHeight: '2.75rem',\n    },\n  },\n  h4: {\n    fontSize: '$h4',\n    lineHeight: '$h4',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.25px',\n    '@md': {\n      fontSize: '1.75rem',\n      lineHeight: '2rem',\n    },\n  },\n  h5: {\n    fontSize: '$h5',\n    lineHeight: '$h5',\n    fontWeight: '$semiBold',\n    '@md': {\n      fontSize: '1.5rem',\n      lineHeight: '1.75rem',\n    },\n  },\n  h6: {\n    fontSize: '$h6',\n    lineHeight: '$h6',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.15px',\n    '@md': {\n      fontSize: '1.25rem',\n      lineHeight: '1.5rem',\n    },\n  },\n  sub1: {\n    fontSize: '$md',\n    lineHeight: '$h5',\n    fontWeight: '$medium',\n    letterSpacing: '0.15px',\n  },\n  sub2: {\n    fontSize: '$sm',\n    lineHeight: '$sm',\n    fontWeight: '$medium',\n    letterSpacing: '0.1px',\n  },\n  body1: {\n    fontSize: '$md',\n    lineHeight: '$h6',\n    fontWeight: '$medium',\n    letterSpacing: '0.1px',\n  },\n  body2: {\n    fontSize: '0.875rem',\n    lineHeight: '1.25rem',\n    fontWeight: '$medium',\n    letterSpacing: '0.25px',\n  },\n  button: {\n    fontSize: '1rem',\n    lineHeight: '1.5rem',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.5px',\n  },\n  caption: {\n    fontSize: '0.75rem',\n    lineHeight: '1rem',\n    letterSpacing: '0.4px',\n    fontWeight: '$regular',\n  },\n  overline: {\n    fontSize: '0.625rem',\n    lineHeight: '1rem',\n    letterSpacing: '1.5px',\n    fontWeight: '$medium',\n  },\n  tiny: {\n    fontSize: '$tiny',\n    lineHeight: '$tiny',\n  },\n  xs: {\n    fontSize: '$xs',\n    lineHeight: '$xs',\n  },\n  sm: {\n    fontSize: '$sm',\n    lineHeight: '$sm',\n  },\n  md: {\n    fontSize: '$md',\n    lineHeight: '$md',\n  },\n  lg: {\n    fontSize: '$lg',\n    lineHeight: '$md',\n    fontWeight: '$semiBold',\n    letterSpacing: '0.15px',\n  },\n};\n\nexport const Text = styled('p', {\n  fontFamily: '$sans',\n  fontWeight: '$regular',\n  margin: 0,\n  color: '$textPrimary',\n  variants: {\n    variant: textVariants,\n    color: {\n      white: {\n        color: '$white',\n      },\n    },\n    inline: {\n      true: {\n        display: 'inline',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'md',\n  },\n});\n", "export { Text } from './Text';\n"],
+  "mappings": "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",
+  "names": []
+}