@100mslive/roomkit-react 0.3.23 → 0.3.24-alpha.0

package/dist/chunk-GLAJUP3O.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["<define:process.env>", "../src/Prebuilt/common/constants.ts", "../src/Theme/stitches.config.ts", "../src/Theme/base.config.ts"],
+  "sourcesContent": ["", "import { parsedUserAgent } from '@100mslive/react-sdk';\n\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_PREVIEW_AS_ROLE = 'preview_as_role';\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: 'peer',\n  ROLE: 'role',\n  EVERYONE: 'Everyone',\n};\n\nexport const APP_DATA = {\n  uiSettings: 'uiSettings',\n  chatOpen: 'chatOpen',\n  chatSelector: 'chatSelector',\n  chatDraft: 'chatDraft',\n  appConfig: 'appConfig',\n  sidePane: 'sidePane',\n  hlsStats: 'hlsStats',\n  subscribedNotifications: 'subscribedNotifications',\n  logo: 'logo',\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  minimiseInset: 'minimiseInset',\n  activeScreensharePeerId: 'activeScreensharePeerId',\n  disableNotifications: 'disableNotifications',\n  pollState: 'pollState',\n  background: 'background',\n  sheet: 'sheet',\n  caption: 'caption',\n  loadingEffects: 'loadingEffects',\n  noiseCancellation: 'noiseCancellation',\n};\n\nexport const UI_SETTINGS = {\n  isAudioOnly: 'isAudioOnly',\n  maxTileCount: 'maxTileCount',\n  uiViewMode: 'uiViewMode',\n  layoutMode: 'layoutMode',\n  showStatsOnTiles: 'showStatsOnTiles',\n  enableAmbientMusic: 'enableAmbientMusic',\n  mirrorLocalVideo: 'mirrorLocalVideo',\n};\n\nexport const SIDE_PANE_OPTIONS = {\n  PARTICIPANTS: 'Participants',\n  CHAT: 'Chat',\n  STREAMING: 'STREAMING',\n  POLLS: 'POLLS',\n  VB: 'VB',\n  ROOM_DETAILS: 'ROOM_DETAILS',\n};\n\nexport type SidePaneOption = (typeof SIDE_PANE_OPTIONS)[keyof typeof SIDE_PANE_OPTIONS];\n\nexport const SHEET_OPTIONS = {\n  ROOM_DETAILS: 'ROOM_DETAILS',\n};\n\nexport const POLL_STATE = {\n  pollInView: 'pollInView',\n  view: 'view',\n};\n\nexport const POLL_VIEWS = {\n  CREATE_POLL_QUIZ: 'CREATE_POLL_QUIZ',\n  CREATE_QUESTIONS: 'CREATE_QUESTIONS',\n  VOTE: 'VOTE',\n  RESULTS: 'RESULTS',\n};\n\nexport const CAPTION_TOAST = {\n  captionToast: 'captionToast',\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 enum SESSION_STORE_KEY {\n  TRANSCRIPTION_STATE = 'transcriptionState',\n  PINNED_MESSAGES = 'pinnedMessages',\n  SPOTLIGHT = 'spotlight',\n  CHAT_PEER_BLACKLIST = 'chatPeerBlacklist',\n  CHAT_MESSAGE_BLACKLIST = 'chatMessageBlacklist',\n  CHAT_STATE = 'chatState',\n}\n\nexport enum INTERACTION_TYPE {\n  POLL = 'Poll',\n  QUIZ = 'Quiz',\n}\n\nexport enum QUESTION_TYPE_TITLE {\n  'single-choice' = 'Single Choice',\n  'multiple-choice' = 'Multiple Choice',\n  // 'short-answer' = 'Short Answer',\n  // 'long-answer' = 'Long Answer',\n}\n\nexport enum QUESTION_TYPE {\n  SINGLE_CHOICE = 'single-choice',\n  MULTIPLE_CHOICE = 'multiple-choice',\n  // SHORT_ANSWER = 'short-answer',\n  // LONG_ANSWER = 'long-answer',\n}\n\nexport const ROLE_CHANGE_DECLINED = 'role_change_declined';\n\nexport const DEFAULT_PORTAL_CONTAINER = '.prebuilt-container';\n\nexport const TEST_AUDIO_URL = 'https://100ms.live/test-audio.wav';\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 { DEFAULT_PORTAL_CONTAINER } from '../Prebuilt/common/constants';\n\nconst HmsStitches = createStitches({\n  prefix: 'hms-ui',\n  theme: {\n    ...baseConfig.theme,\n    colors: {\n      ...baseConfig.theme.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  [`${DEFAULT_PORTAL_CONTAINER} *`]: {\n    fontFamily: '$sans',\n    boxSizing: 'border-box',\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 = 'default';\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: string;\n  className?: string;\n  theme?: Partial<Theme>;\n}) => {\n  if (!themeType) {\n    throw new Error('Theme type is required');\n  }\n  const mergedTheme = merge(baseConfig.theme, theme || {});\n  return createThemeBase(className || `${themeType}-theme`, mergedTheme);\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      primary_default: '#2572ED',\n      primary_bright: '#538DFF',\n      primary_dim: '#002D6D',\n      primary_disabled: '#004299',\n      on_primary_high: 'rgba(245, 249, 255, 0.95)',\n      on_primary_medium: 'rgba(224, 236, 255, 0.8)',\n      on_primary_low: 'rgba(194, 208, 229, 0.5)',\n      secondary_default: '#444954',\n      secondary_bright: '#70778B',\n      secondary_dim: '#293042',\n      secondary_disabled: '#404759',\n      on_secondary_high: '#FFFFFF',\n      on_secondary_medium: '#D3D9F0',\n      on_secondary_low: '#A4ABC0',\n      background_default: '#0B0E15',\n      background_dim: '#000000',\n      surface_default: '#191B23',\n      surface_bright: '#272A31',\n      surface_brighter: '#2E3038',\n      surface_dim: '#11131A',\n      on_surface_high: '#EFF0FA',\n      on_surface_medium: '#C5C6D0',\n      on_surface_low: '#8F9099',\n      border_default: '#1D1F27',\n      border_bright: '#272A31',\n      alert_success: '#36B37E',\n      alert_warning: '#FFAB00',\n      alert_error_default: '#C74E5B',\n      alert_error_bright: '#FFB2B6',\n      alert_error_brighter: '#FFEDEC',\n      alert_error_dim: '#270005',\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: '25rem',\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mCAAC,cAAe,iGAAgG,qCAAsC,WAAU,yCAA0C,aAAY,iCAAkC,oBAAmB,+BAAgC,uBAAsB,WAAY,QAAO,qBAAsB,eAAc,eAAgB,KAAI,qCAAsC,UAAS,0CAA2C,UAAS,iDAAkD,SAAQ,oDAAqD,kBAAiB,MAAO,UAAS,kCAAmC,UAAS,iCAAkC,QAAO,uBAAwB,8CAA6C,wBAAyB,IAAG,mBAAoB,uCAAsC,2BAA4B,gCAA+B,IAAK,QAAO,8CAA+C,UAAS,sBAAuB,QAAO,wBAAyB,IAAG,+CAAgD,SAAQ,+CAAgD,mBAAkB,oBAAqB,iBAAgB,YAAa,8FAA6F,WAAY,aAAY,mBAAoB,kDAAiD,yBAA0B,SAAQ,4CAA6C,UAAS,2CAA4C,UAAS,4DAA6D,mBAAkB,iBAAkB,oCAAmC,iBAAkB,2BAA0B,OAAQ,KAAI,kDAAmD,SAAQ,kDAAmD,SAAQ,oDAAqD,WAAU,oCAAqC,oBAAmB,oDAAqD,WAAU,qBAAsB,QAAO,MAAO,gBAAe,uDAAwD,UAAS,iDAAkD,SAAQ,iDAAkD,UAAS,qBAAsB,OAAM,kCAAmC,0BAAyB,aAAc,2BAA0B,mBAAoB,uDAAsD,gCAAiC,4CAA2C,0CAA2C,WAAU,kBAAmB,qCAAoC,cAAe,iBAAgB,yBAA0B,aAAY,0BAA2B,QAAO,qDAAsD,WAAU,yBAA0B,OAAM,aAAc,4BAA2B,yBAA0B,gDAA+C,kBAAmB,qCAAoC,YAAa,QAAO,uBAAwB,MAAK,kBAAmB,SAAQ,+BAAgC,KAAI,4BAA6B,YAAW,iCAAkC,2BAA0B,qBAAsB,2BAA0B,iBAAkB,IAAG,8BAA+B,mBAAkB,uBAAwB,kCAAiC,mDAAoD,WAAU,kBAAmB,OAAM,iCAAkC,oCAAmC,mCAAoC,UAAS,oCAAqC,UAAS,wCAAyC,UAAS,gDAAiD,SAAQ,wDAAyD,SAAQ,wBAAyB,aAAY,oBAAqB,kCAAiC,yBAA0B,qIAAoI,wCAAyC,UAAS,qCAAsC,WAAU,0CAA2C,UAAS,wBAAyB,SAAQ,iBAAkB,uCAAsC,SAAU,qBAAoB,4BAA6B,aAAY,mCAAoC,WAAU,+CAAgD,WAAU,wBAAyB,YAAW,mCAAoC,KAAI,iBAAkB,uCAAsC,kBAAmB,qCAAoC,cAAe,gBAAe,sCAAuC,UAAS,wCAAyC,WAAU,yBAA0B,0BAAyB,wBAAyB,WAAU,WAAY,SAAQ,gBAAiB,0BAAyB,iBAAkB,sCAAqC,YAAa,4BAA2B,aAAc,QAAO,gDAAiD,SAAQ,sDAAuD,SAAQ,4DAA6D,SAAQ,sDAAuD,WAAU,+BAAgC,mBAAkB,aAAc,UAAS,YAAa,QAAO,iBAAkB,yCAAwC,gBAAiB,WAAU,iBAAkB,oBAAmB,GAAI,uBAAsB,qCAAsC,UAAS,mCAAoC,UAAS,yCAA0C,WAAU,6DAA8D,WAAU,qBAAsB,QAAO,oDAAqD,SAAQ,iDAAkD,WAAU,oBAAqB,iBAAgB,0BAA2B,qGAAoG,8DAA+D,UAAS,qBAAsB,gCAA+B,uCAAwC,UAAS,gDAAiD,kBAAiB,iDAAkD,UAAS,4CAA6C,WAAU,qCAAsC,2BAA0B,SAAU,SAAQ,eAAgB,eAAc,YAAa,QAAO,0BAA2B,cAAa,2BAA4B,6CAA4C,yCAA0C,WAAU,qCAAsC,SAAQ,2DAA4D,WAAU,sDAAuD,WAAU,iBAAkB,UAAS,kCAAmC,KAAI,qBAAsB,4CAA2C,iBAAkB,IAAG,SAAU,YAAW,0BAA2B,cAAa,2BAA4B,wCAA2C,2BAA4B,IAAG,cAAe,oEAAmE,8BAA+B,mBAAkB,WAAY,QAAO,qBAAsB,6EAA4E,0BAA2B,kBAAiB,0BAA2B,IAAG,8BAA+B,2CAA0C,4CAA6C,UAAS,4CAA6C,UAAS,MAAO,ojEAAmjE,MAAO,kDAAiD,UAAW,kBAAiB,0BAA2B,KAAI,oBAAqB,+CAA8C,eAAgB,oCAAmC,uBAAwB,kCAAiC,mBAAoB,wBAAuB,0BAA2B,cAAa,wCAAyC,UAAS,kBAAmB,4BAA2B,uDAAwD,WAAU,6BAA8B,OAAM,eAAgB,WAAU,mBAAoB,OAAM,yBAA0B,uBAAsB,aAAc,OAAM,iBAAkB,kBAAiB,sBAAuB,wBAAuB,2CAA4C,UAAS,mDAAoD,UAAS,oBAAqB,4BAA2B,iDAAkD,SAAQ,gCAAiC,SAAQ,6CAA8C,WAAU,MAAO,WAAU,yBAA0B,0BAAyB,gCAAiC,SAAQ,8DAA+D,UAAS,oCAAqC,UAAS,sDAAuD,UAAS,oCAAqC,WAAU,wCAAyC,SAAQ,OAAQ,wBAAuB,aAAc,sBAAqB,iBAAkB,wBAAuB,WAAY,QAAO,iBAAkB,iBAAgB,mBAAoB,sBAAqB,WAAY,SAAQ,sBAAuB,kDAAiD,gCAAiC,UAAS,sCAAuC,UAAS,oCAAqC,WAAU,iDAAkD,SAAQ,iCAAkC,wBAAuB,kBAAmB,qBAAoB,UAAW,QAAO,kBAAmB,gDAA+C,mBAAoB,IAAG,iBAAkB,kBAAiB,gCAAiC,SAAQ,+BAAgC,8CAA6C,kCAAmC,gBAAe,mCAAoC,gFAA+E,0BAA2B,6CAA4C,0CAA2C,UAAS,gCAAiC,OAAM,mDAAoD,SAAQ,iDAAkD,mBAAkB,2BAA4B,UAAS,sBAAuB,aAAY,gBAAiB,QAAO,qBAAsB,cAAa,qBAAsB,kBAAiB,gCAAiC,SAAQ,+BAAgC,0CAAyC,+BAAgC,UAAS,gCAAiC,kDAAiD,0CAA2C,WAAU,yBAA0B,SAAQ,4BAA6B,6CAA4C,oBAAqB,gBAAe,sBAAuB,QAAO,iBAAkB,6DAAwE,gCAAiC,SAAQ,+BAAgC,4CAA2C,2BAA4B,uCAAsC,mCAAoC,UAAS,gCAAiC,WAAU,yCAA0C,WAAU,YAAa,QAAO,+BAAgC,UAAS,uDAAwD,UAAS,uCAAwC,UAAS,qCAAsC,UAAS,kBAAmB,uCAAsC,aAAc,KAAI,YAAa,oBAAmB,gBAAiB,wBAAuB,gCAAiC,UAAS,+BAAgC,wCAAuC,qCAAsC,UAAS,YAAa,4CAA2C,oBAAqB,KAAI,gCAAiC,UAAS,+BAAgC,qDAAoD,4BAA6B,QAAO,6BAA8B,IAAG,uCAAwC,UAAS,YAAa,4BAA2B,cAAe,uBAAsB,kBAAmB,8BAA6B,qBAAsB,OAAM,+BAAgC,iDAAgD,uBAAwB,QAAO,WAAY,uBAAsB,+BAAgC,0CAAyC,4BAA6B,sBAAqB,oDAAqD,UAAS,qDAAsD,UAAS,wBAAyB,4BAA2B,aAAc,+FAA8F,WAAY,qCAAoC,KAAM,8DAA6D,iBAAkB,YAAW,kBAAmB,8BAA6B,cAAe,gDAA+C,+BAAgC,sCAAqC,0BAA2B,qDAAoD,mDAAoD,SAAQ,qCAAsC,QAAO,WAAY,UAAS,mBAAoB,qBAAoB,yBAA0B,KAAI,cAAe,8BAA6B,mBAAoB,sBAAqB,gBAAiB,iCAAgC,UAAW,qEAAoE,2BAA4B,cAAa,eAAgB,iGAAgG,8BAA+B,mCAAkC,yBAA0B,SAAQ,eAAgB,gCAA+B,WAAY,QAAO,qCAAsC,YAAW,qCAAsC,UAAS,qCAAsC,YAAW,wBAAyB,KAAI,4BAA6B,IAAG,wCAAyC,WAAU,qBAAsB,mBAAkB,aAAc,gDAA+C,eAAgB,KAAI,YAAa,0BAAyB,+BAAgC,kBAAiB,qDAAsD,SAAQ,0CAA2C,UAAS,wDAAyD,SAAQ,wDAAyD,UAAS,yDAA0D,WAAU,mBAAoB,uCAAsC,YAAa,oGAAmG,8BAA+B,uCAAsC,oCAAqC,WAAU,sDAAuD,SAAQ,iDAAkD,UAAS,kCAAmC,WAAU,8CAA+C,WAAU,UAAW,uCAAsC,kBAAmB,gDAA+C,qBAAsB,kGAAiG;AAAA;AAAA;;;ACA1+iB;AAAA,SAAS,uBAAuB;AAMzB,IAAM,8BAA8B;AACpC,IAAM,eAAe;AACrB,IAAM,aAAa;AACnB,IAAM,6BAA6B;AACnC,IAAM,6BAA6B;AACnC,IAAM,iCAAiC;AAAA,EAC5C,OAAO;AAAA,EACP,QAAQ;AACV;AACO,IAAM,sBAAsB;AAE5B,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ;AAEO,IAAM,WAAW;AAAA,EACtB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,yBAAyB;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;AAEO,IAAM,cAAc;AAAA,EACzB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,kBAAkB;AACpB;AAEO,IAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,EACd,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,cAAc;AAChB;AAIO,IAAM,gBAAgB;AAAA,EAC3B,cAAc;AAChB;AAEO,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ,MAAM;AACR;AAEO,IAAM,aAAa;AAAA,EACxB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,SAAS;AACX;AAEO,IAAM,gBAAgB;AAAA,EAC3B,cAAc;AAChB;AACO,IAAM,2BAA2B;AAAA,EACtC,aAAa;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,OAAO;AACT;AAMO,IAAM,+BAA+B;AAxG5C;AA0GO,IAAM,aAAW,2BAAgB,WAAW,MAA3B,mBAA8B,SAA9B,mBAAoC,mBAAkB;AA1G9E,IAAAA,KAAAC;AA2GO,IAAM,cAAYA,OAAAD,MAAA,gBAAgB,WAAW,MAA3B,gBAAAA,IAA8B,SAA9B,gBAAAC,IAAoC,mBAAkB;AA3G/E,IAAAD,KAAAC;AA4GO,IAAM,aAAWA,OAAAD,MAAA,gBAAgB,WAAW,MAA3B,gBAAAA,IAA8B,SAA9B,gBAAAC,IAAoC,mBAAkB;AA5G9E,IAAAD,KAAAC;AA6GO,IAAM,UAAQA,OAAAD,MAAA,gBAAgB,MAAM,MAAtB,gBAAAA,IAAyB,SAAzB,gBAAAC,IAA+B,mBAAkB;AA7GtE,IAAAD,KAAAC;AA8GO,IAAM,YAAUA,OAAAD,MAAA,gBAAgB,MAAM,MAAtB,gBAAAA,IAAyB,SAAzB,gBAAAC,IAA+B,mBAAkB;AA9GxE,IAAAD,KAAAC;AA+GO,IAAM,cAAYA,OAAAD,MAAA,gBAAgB,MAAM,MAAtB,gBAAAA,IAAyB,SAAzB,gBAAAC,IAA+B,mBAAkB;AACnE,IAAM,WAAW;AAoBjB,IAAK,sBAAL,kBAAKC,yBAAL;AACL,EAAAA,qBAAA,mBAAkB;AAClB,EAAAA,qBAAA,qBAAoB;AAFV,SAAAA;AAAA,GAAA;AAcL,IAAM,uBAAuB;AAE7B,IAAM,2BAA2B;AAEjC,IAAM,iBAAiB;;;ACtJ9B;AACA,SAAS,sBAAsB;AAC/B,OAAO,WAAW;;;ACFlB;AACA,SAAS,mBAAmB,+BAA+B;AAEpD,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,oBAAoB;AAAA,MACpB,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,MACrB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,eAAe;AAAA,MACf,eAAe;AAAA,MACf,qBAAqB;AAAA,MACrB,oBAAoB;AAAA,MACpB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IACP;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B,IAAI,CAAC,WAAsD;AAAA,IACzD,iBAAiB;AAAA,EACnB;AAAA,EACA,GAAG,CAAC,WAA4C;AAAA,IAC9C,OAAO;AAAA,EACT;AAAA,EACA,GAAG,CAAC,WAAyC;AAAA,IAC3C,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAAiE;AAAA,IACpE,UAAU;AAAA,EACZ;AAAA,EACA,MAAM,CAAC,WAA2D;AAAA,IAChE,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,GAAG,CAAC,WAA2D;AAAA,IAC7D,OAAO;AAAA,EACT;AAAA,EACA,GAAG,CAAC,WAA2D;AAAA,IAC7D,QAAQ;AAAA,EACV;AAAA,EACA,GAAG,CAAC,WAA2D;AAAA,IAC7D,SAAS;AAAA,EACX;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,YAAY;AAAA,EACd;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,eAAe;AAAA,EACjB;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,aAAa;AAAA,EACf;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,GAAG,CAAC,WAA2D;AAAA,IAC7D,QAAQ;AAAA,EACV;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,WAAW;AAAA,EACb;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,aAAa;AAAA,EACf;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,YAAY;AAAA,EACd;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,IAAI,CAAC,WAA2D;AAAA,IAC9D,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,IAAI;AACN;AAEO,IAAM,kBAAkB,iCAC1B,0BAD0B;AAAA,EAE7B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AACjB;;;ADrOA,IAAM,cAAc,eAAe;AAAA,EACjC,QAAQ;AAAA,EACR,OAAO,iCACF,WAAW,QADT;AAAA,IAEL,QAAQ,mBACH,WAAW,MAAM;AAAA,EAExB;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;AAEM,IAAM;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,IAAI;AAEG,IAAM,eAAe,UAAU;AAAA,EACpC,CAAC,GAAG,wBAAwB,IAAI,GAAG;AAAA,IACjC,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,6BAA6B;AAAA,IAC3B,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,EACnB;AAAA,EACA,6BAA6B;AAAA,IAC3B,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,+BAA+B;AAAA,IAC7B,iBAAiB;AAAA,EACnB;AAAA,EAEA,gCAAgC;AAAA,IAC9B,iBAAiB;AAAA,EACnB;AACF,CAAC;AAUM,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA,OAAAC;AAAA,EACA;AACF,MAIM;AACJ,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC1C;AACA,QAAM,cAAc,MAAM,WAAW,OAAOA,UAAS,CAAC,CAAC;AACvD,SAAO,gBAAgB,aAAa,GAAG,SAAS,UAAU,WAAW;AACvE;",
+  "names": ["_a", "_b", "QUESTION_TYPE_TITLE", "theme"]
+}

package/dist/chunk-GOXRTCTY.js

@@ -0,0 +1,90 @@
+import {
+  init_define_process_env,
+  styled
+} from "./chunk-GLAJUP3O.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();
+
+export {
+  Flex,
+  Box
+};
+//# sourceMappingURL=chunk-GOXRTCTY.js.map

package/dist/chunk-GOXRTCTY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Layout/Flex.tsx", "../src/Layout/Box.tsx", "../src/Layout/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"],
+  "mappings": ";;;;;;AAAA;AAKA,IAAM,YAAY,CAAC,UAAkB;AACnC,SAAO;AAAA,IACL,aAAa;AAAA,MACX,aAAa;AAAA,MACb,YAAY,GAAG,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,IAAM,OAAO,OAAO,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,MACA,KAAK;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,MACA,KAAK;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,KAAK;AAAA,QACH,eAAe;AAAA,MACjB;AAAA,MACA,QAAQ;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,MACjB;AAAA,MACA,eAAe;AAAA,QACb,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,MACd,GAAG,UAAU,CAAC;AAAA,IAChB;AAAA,EACF;AACF,CAAC;;;AC3ED;AAEO,IAAM,MAAM,OAAO,OAAO,CAAC,CAAC;;;ACFnC;",
+  "names": []
+}

package/dist/chunk-HMCBZI3A.js

@@ -0,0 +1,59 @@
+import {
+  useVideoTileContext
+} from "./chunk-P6NV2XO4.js";
+import {
+  VideoTile_default
+} from "./chunk-MG3UGW66.js";
+import {
+  Box
+} from "./chunk-GOXRTCTY.js";
+import {
+  __spreadValues,
+  init_define_process_env
+} from "./chunk-GLAJUP3O.js";
+
+// src/Prebuilt/components/VideoLayouts/Grid.tsx
+init_define_process_env();
+import React from "react";
+var Grid = React.forwardRef(
+  ({ tiles, edgeToEdge }, ref) => {
+    const videoTileProps = useVideoTileContext();
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        ref,
+        css: {
+          flex: "1 1 0",
+          gap: "$4",
+          display: "flex",
+          placeContent: "center",
+          alignItems: "center",
+          justifyContent: "center",
+          flexFlow: "row wrap",
+          minHeight: 0,
+          "@md": { gap: edgeToEdge ? 0 : "$4" }
+        }
+      },
+      tiles == null ? void 0 : tiles.map((tile) => {
+        var _a, _b, _c, _d;
+        return /* @__PURE__ */ React.createElement(
+          VideoTile_default,
+          __spreadValues({
+            key: ((_a = tile.track) == null ? void 0 : _a.id) || ((_b = tile.peer) == null ? void 0 : _b.id),
+            width: tile.width,
+            height: tile.height,
+            peerId: (_c = tile.peer) == null ? void 0 : _c.id,
+            trackId: (_d = tile.track) == null ? void 0 : _d.id,
+            rootCSS: { padding: 0 },
+            objectFit: "contain"
+          }, videoTileProps)
+        );
+      })
+    );
+  }
+);
+
+export {
+  Grid
+};
+//# sourceMappingURL=chunk-HMCBZI3A.js.map

package/dist/chunk-HMCBZI3A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Prebuilt/components/VideoLayouts/Grid.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';\nimport { Box } from '../../../Layout';\n// @ts-ignore: No implicit Any\nimport VideoTile from '../VideoTile';\nimport { useVideoTileContext } from '../hooks/useVideoTileLayout';\n\nexport const Grid = React.forwardRef<HTMLDivElement, { tiles: TrackWithPeerAndDimensions[]; edgeToEdge?: boolean }>(\n  ({ tiles, edgeToEdge }, ref) => {\n    const videoTileProps = useVideoTileContext();\n    return (\n      <Box\n        ref={ref}\n        css={{\n          flex: '1 1 0',\n          gap: '$4',\n          display: 'flex',\n          placeContent: 'center',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexFlow: 'row wrap',\n          minHeight: 0,\n          '@md': { gap: edgeToEdge ? 0 : '$4' },\n        }}\n      >\n        {tiles?.map(tile => {\n          return (\n            <VideoTile\n              key={tile.track?.id || tile.peer?.id}\n              width={tile.width}\n              height={tile.height}\n              peerId={tile.peer?.id}\n              trackId={tile.track?.id}\n              rootCSS={{ padding: 0 }}\n              objectFit=\"contain\"\n              {...videoTileProps}\n            />\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA,OAAO,WAAW;AAOX,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,OAAO,WAAW,GAAG,QAAQ;AAC9B,UAAM,iBAAiB,oBAAoB;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,UACH,MAAM;AAAA,UACN,KAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO,EAAE,KAAK,aAAa,IAAI,KAAK;AAAA,QACtC;AAAA;AAAA,MAEC,+BAAO,IAAI,UAAQ;AAzB5B;AA0BU,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAK,UAAK,UAAL,mBAAY,SAAM,UAAK,SAAL,mBAAW;AAAA,YAClC,OAAO,KAAK;AAAA,YACZ,QAAQ,KAAK;AAAA,YACb,SAAQ,UAAK,SAAL,mBAAW;AAAA,YACnB,UAAS,UAAK,UAAL,mBAAY;AAAA,YACrB,SAAS,EAAE,SAAS,EAAE;AAAA,YACtB,WAAU;AAAA,aACN;AAAA,QACN;AAAA,MAEJ;AAAA,IACF;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/chunk-HVYTC3PX.js

@@ -0,0 +1,171 @@
+import {
+  Pagination,
+  usePagesWithTiles,
+  useVideoTileContext
+} from "./chunk-P6NV2XO4.js";
+import {
+  VideoTile_default
+} from "./chunk-MG3UGW66.js";
+import {
+  Box,
+  Flex
+} from "./chunk-GOXRTCTY.js";
+import {
+  APP_DATA,
+  __spreadProps,
+  __spreadValues,
+  config,
+  init_define_process_env
+} from "./chunk-GLAJUP3O.js";
+
+// src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
+init_define_process_env();
+import React from "react";
+var Root = ({
+  children,
+  edgeToEdge,
+  hasSidebar
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    Flex,
+    {
+      direction: hasSidebar ? "row" : "column",
+      css: { h: "100%", flex: "1 1 0", minWidth: 0, gap: "$6", "@md": { gap: edgeToEdge ? 0 : "$6" } }
+    },
+    children
+  );
+};
+var ProminentSection = ({ children, css = {} }) => {
+  return /* @__PURE__ */ React.createElement(Flex, { direction: "column", css: __spreadValues({ flex: "1 1 0", gap: "$2", minHeight: 0 }, css) }, children);
+};
+var SecondarySection = ({
+  tiles,
+  children,
+  edgeToEdge,
+  hasSidebar
+}) => {
+  const tileLayoutProps = useVideoTileContext();
+  if (!(tiles == null ? void 0 : tiles.length)) {
+    return null;
+  }
+  const gridStyles = hasSidebar ? {
+    gridTemplateColumns: "1fr",
+    gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
+    maxHeight: "100%",
+    width: 240
+  } : {
+    gridTemplateRows: React.Children.count(children) > 0 ? "136px auto" : "154px",
+    gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
+  };
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      css: __spreadProps(__spreadValues({
+        display: "grid",
+        margin: "auto",
+        gap: hasSidebar ? "$8" : "$2 $4",
+        placeItems: "center"
+      }, gridStyles), {
+        "@md": { gap: edgeToEdge ? 0 : "$4" }
+      })
+    },
+    tiles.map((tile) => {
+      var _a, _b, _c, _d;
+      return /* @__PURE__ */ React.createElement(
+        VideoTile_default,
+        __spreadValues({
+          key: ((_a = tile.track) == null ? void 0 : _a.id) || ((_b = tile.peer) == null ? void 0 : _b.id),
+          peerId: (_c = tile.peer) == null ? void 0 : _c.id,
+          trackId: (_d = tile.track) == null ? void 0 : _d.id,
+          rootCSS: __spreadProps(__spreadValues({
+            padding: 0,
+            maxWidth: 240,
+            aspectRatio: "16 / 9"
+          }, hasSidebar ? { w: "100%" } : { h: "100%" }), {
+            "@md": { aspectRatio: "1" }
+          }),
+          objectFit: "contain"
+        }, tileLayoutProps)
+      );
+    }),
+    children && /* @__PURE__ */ React.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
+  );
+};
+var ProminenceLayout = {
+  Root,
+  ProminentSection,
+  SecondarySection
+};
+
+// src/Prebuilt/components/SecondaryTiles.tsx
+init_define_process_env();
+import React2, { useEffect, useRef, useState } from "react";
+import { useMedia } from "react-use";
+import { selectAppData, selectSessionStore, selectTrackByID, useHMSStore } from "@100mslive/react-sdk";
+var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
+  var _a, _b;
+  const isMobile = useMedia(config.media.md);
+  const maxTileCount = isMobile ? 2 : 4;
+  const [page, setPage] = useState(0);
+  const pinnedTrackId = useHMSStore(selectAppData(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore(selectSessionStore("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore(selectAppData(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a = useHMSStore(selectTrackByID(pinnedTrackId))) == null ? void 0 : _a.peerId;
+  const pageChangedAfterPinning = useRef(false);
+  const pagesWithTiles = usePagesWithTiles({
+    peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
+      if (activeScreensharePeerId === p1.id) {
+        return -1;
+      }
+      if (activeScreensharePeerId === p2.id) {
+        return 1;
+      }
+      const peerIdList = [pinnedPeer, spotlightPeerId];
+      if (peerIdList.includes(p1.id)) {
+        return -1;
+      }
+      if (peerIdList.includes(p2.id)) {
+        return 1;
+      }
+      return 0;
+    }) : peers,
+    maxTileCount
+  });
+  const pageSize = ((_b = pagesWithTiles[0]) == null ? void 0 : _b.length) || 0;
+  useEffect(() => {
+    var _a2;
+    if (peers.length > 0 && !((_a2 = pagesWithTiles[page]) == null ? void 0 : _a2.length)) {
+      setPage(Math.max(0, page - 1));
+    }
+  }, [peers, page, pagesWithTiles]);
+  useEffect(() => {
+    if (pageSize > 0) {
+      onPageSize == null ? void 0 : onPageSize(pageSize);
+    }
+  }, [pageSize, onPageSize]);
+  useEffect(() => {
+    if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
+      setPage(0);
+      pageChangedAfterPinning.current = true;
+    } else if (!pinnedPeer && !spotlightPeerId) {
+      pageChangedAfterPinning.current = false;
+    }
+  }, [pinnedPeer, spotlightPeerId, page]);
+  return /* @__PURE__ */ React2.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge, hasSidebar }, !edgeToEdge && /* @__PURE__ */ React2.createElement(
+    Pagination,
+    {
+      page,
+      onPageChange: (page2) => {
+        setPage(page2);
+        onPageChange == null ? void 0 : onPageChange(page2);
+      },
+      numPages: pagesWithTiles.length
+    }
+  ));
+};
+
+export {
+  ProminenceLayout,
+  SecondaryTiles
+};
+//# sourceMappingURL=chunk-HVYTC3PX.js.map

package/dist/chunk-HVYTC3PX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx", "../src/Prebuilt/components/SecondaryTiles.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';\nimport { Box, Flex } from '../../../Layout';\nimport { CSS } from '../../../Theme';\n// @ts-ignore: No implicit Any\nimport VideoTile from '../VideoTile';\nimport { useVideoTileContext } from '../hooks/useVideoTileLayout';\n\nconst Root = ({\n  children,\n  edgeToEdge,\n  hasSidebar,\n}: React.PropsWithChildren<{ edgeToEdge?: boolean; hasSidebar?: boolean }>) => {\n  return (\n    <Flex\n      direction={hasSidebar ? 'row' : 'column'}\n      css={{ h: '100%', flex: '1 1 0', minWidth: 0, gap: '$6', '@md': { gap: edgeToEdge ? 0 : '$6' } }}\n    >\n      {children}\n    </Flex>\n  );\n};\n\nconst ProminentSection = ({ children, css = {} }: React.PropsWithChildren<{ css?: CSS }>) => {\n  return (\n    <Flex direction=\"column\" css={{ flex: '1 1 0', gap: '$2', minHeight: 0, ...css }}>\n      {children}\n    </Flex>\n  );\n};\n\nconst SecondarySection = ({\n  tiles,\n  children,\n  edgeToEdge,\n  hasSidebar,\n}: React.PropsWithChildren<{ tiles: TrackWithPeerAndDimensions[]; edgeToEdge?: boolean; hasSidebar?: boolean }>) => {\n  const tileLayoutProps = useVideoTileContext();\n  if (!tiles?.length) {\n    return null;\n  }\n  const gridStyles = hasSidebar\n    ? {\n        gridTemplateColumns: '1fr',\n        gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,\n        maxHeight: '100%',\n        width: 240,\n      }\n    : {\n        gridTemplateRows: React.Children.count(children) > 0 ? '136px auto' : '154px',\n        gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`,\n      };\n  return (\n    <Box\n      css={{\n        display: 'grid',\n        margin: 'auto',\n        gap: hasSidebar ? '$8' : '$2 $4',\n        placeItems: 'center',\n        ...gridStyles,\n        '@md': { gap: edgeToEdge ? 0 : '$4' },\n      }}\n    >\n      {tiles.map(tile => {\n        return (\n          <VideoTile\n            key={tile.track?.id || tile.peer?.id}\n            peerId={tile.peer?.id}\n            trackId={tile.track?.id}\n            rootCSS={{\n              padding: 0,\n              maxWidth: 240,\n              aspectRatio: '16 / 9',\n              ...(hasSidebar ? { w: '100%' } : { h: '100%' }),\n              '@md': { aspectRatio: '1' },\n            }}\n            objectFit=\"contain\"\n            {...tileLayoutProps}\n          />\n        );\n      })}\n      {children && <Box css={{ gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` }}>{children}</Box>}\n    </Box>\n  );\n};\n\nexport const ProminenceLayout = {\n  Root,\n  ProminentSection,\n  SecondarySection,\n};\n", "import React, { useEffect, useRef, useState } from 'react';\nimport { useMedia } from 'react-use';\nimport { selectAppData, selectSessionStore, selectTrackByID, useHMSStore } from '@100mslive/react-sdk';\nimport { LayoutProps } from './VideoLayouts/interface';\nimport { ProminenceLayout } from './VideoLayouts/ProminenceLayout';\nimport { config as cssConfig } from '../../Theme';\nimport { Pagination } from './Pagination';\nimport { usePagesWithTiles } from './hooks/useTileLayout';\nimport { APP_DATA, SESSION_STORE_KEY } from '../common/constants';\n\nexport const SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }: LayoutProps) => {\n  const isMobile = useMedia(cssConfig.media.md);\n  const maxTileCount = isMobile ? 2 : 4;\n  const [page, setPage] = useState(0);\n  const pinnedTrackId = useHMSStore(selectAppData(APP_DATA.pinnedTrackId));\n  const spotlightPeerId = useHMSStore(selectSessionStore(SESSION_STORE_KEY.SPOTLIGHT));\n  const activeScreensharePeerId = useHMSStore(selectAppData(APP_DATA.activeScreensharePeerId));\n  const pinnedPeer = useHMSStore(selectTrackByID(pinnedTrackId))?.peerId;\n  const pageChangedAfterPinning = useRef(false);\n  const pagesWithTiles = usePagesWithTiles({\n    peers:\n      spotlightPeerId || pinnedPeer\n        ? [...peers].sort((p1, p2) => {\n            if (activeScreensharePeerId === p1.id) {\n              return -1;\n            }\n            if (activeScreensharePeerId === p2.id) {\n              return 1;\n            }\n            const peerIdList = [pinnedPeer, spotlightPeerId];\n            // put active screenshare peer, pinned peer, spotlight peer at first\n            if (peerIdList.includes(p1.id)) {\n              return -1;\n            }\n            if (peerIdList.includes(p2.id)) {\n              return 1;\n            }\n            return 0;\n          })\n        : peers,\n    maxTileCount,\n  });\n  const pageSize = pagesWithTiles[0]?.length || 0;\n\n  // Handles final peer leaving from the last page\n  useEffect(() => {\n    if (peers.length > 0 && !pagesWithTiles[page]?.length) {\n      setPage(Math.max(0, page - 1));\n    }\n  }, [peers, page, pagesWithTiles]);\n\n  useEffect(() => {\n    if (pageSize > 0) {\n      onPageSize?.(pageSize);\n    }\n  }, [pageSize, onPageSize]);\n\n  useEffect(() => {\n    if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {\n      setPage(0);\n      pageChangedAfterPinning.current = true;\n    } else if (!pinnedPeer && !spotlightPeerId) {\n      pageChangedAfterPinning.current = false;\n    }\n  }, [pinnedPeer, spotlightPeerId, page]);\n\n  return (\n    <ProminenceLayout.SecondarySection tiles={pagesWithTiles[page]} edgeToEdge={edgeToEdge} hasSidebar={hasSidebar}>\n      {!edgeToEdge && (\n        <Pagination\n          page={page}\n          onPageChange={page => {\n            setPage(page);\n            onPageChange?.(page);\n          }}\n          numPages={pagesWithTiles.length}\n        />\n      )}\n    </ProminenceLayout.SecondarySection>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "_a", "React", "page"]
+}