@procore/core-react 11.30.0 → 11.31.1

package/dist/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","_extends","layout","focused","clickable","toggleState","isSelected","variant","filename","error","qa","caption","multiline","hasCaptionPlaceholder","FigurePlaceholder","_props$filename2","_thumbnail$qa2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","role","value","props_","_objectWithoutProperties","_excluded","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","concat","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","isImageURL","shouldUsePlaceholder","src","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_props$qa","_excluded2","_thumbnail$onClick2","type","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport { getThumbnailVariantForFilename } from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      selected={selected}\n      size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  ) : null\n}\n\nfunction Label({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  ) : null\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={`${thumbnail.label} ${thumbnail.caption}` || 'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const thumbnail = useThumbnail(props)\n    return (\n      <StyledThumbnailWrapper layout={thumbnail.layout} size={thumbnail.size}>\n        <StyledImageThumbnail\n          ref={ref}\n          focused={thumbnail.focused}\n          disabled={thumbnail.disabled}\n          selected={thumbnail.selected}\n          clickable={thumbnail.clickable}\n          size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n        />\n      </StyledThumbnailWrapper>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={props.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":";;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SACEC,cAAc,EACdC,oBAAoB,EACpBC,yBAAyB,EACzBC,2BAA2B,EAC3BC,WAAW,EACXC,eAAe,EACfC,0BAA0B,EAC1BC,yBAAyB,EACzBC,sBAAsB,EACtBC,cAAc,QACT,oBAAoB;AAY3B,SAASC,8BAA8B,QAAQ,mBAAmB;AAClE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,IAAMC,WAAW,GAAG,IAAI;AAExB,SAASC,QAAQA,CAAAC,IAAA,EAAkD;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA/CE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGH,WAAW,GAAAG,SAAA;IAAEE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAC9C,IAAMC,IAAI,GAAGvB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAyB,aAAA,CAACX,cAAc;IACb,eAAaS,QAAQ,GAAG,KAAK,GAAG,IAAK;IACrC,cAAYA,QAAQ,GAAGC,IAAI,CAACE,CAAC,CAAC,wBAAwB,CAAC,GAAGC;IAC1D;IAAA;IACAC,SAAS,EAAE,KAAM;IACjBL,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXO,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElCjC,KAAA,CAAAyB,aAAA;IACES,CAAC,EAAC,kHAAkH;IACpHF,IAAI,EAAC;EAAO,CACb,CAAC,eACFhC,KAAA,CAAAyB,aAAA;IACEU,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC,8LAA8L;IAChMF,IAAI,EAAC;EAAkB,CACxB,CAAC,eACFhC,KAAA,CAAAyB,aAAA;IACES,CAAC,EAAC,gQAAgQ;IAClQF,IAAI,EAAC;EAAO,CACb,CACa,CAAC;AAErB;AAEA,SAASK,UAAUA,CAAAC,KAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EACnC,OAAOD,KAAK,gBACVvC,KAAA,CAAAyB,aAAA,CAACb,yBAAyB;IAAC6B,MAAM,EAAED,QAAQ,GAAG,QAAQ,GAAG;EAAS,GAC/DD,KACwB,CAAC,GAC1B,IAAI;AACV;AAEA,SAASG,KAAKA,CAAAC,KAAA,EAAkC;EAAA,IAA/BJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;IAAEC,QAAQ,GAAAG,KAAA,CAARH,QAAQ;EAC9B,OAAOD,KAAK,gBACVvC,KAAA,CAAAyB,aAAA,CAAChB,WAAW,qBACVT,KAAA,CAAAyB,aAAA,CAACf,eAAe;IAACkC,MAAM,EAAC,OAAO;IAACC,MAAM,EAAC;EAAM,GAC1CN,KACc,CACN,CAAC,GACZ,IAAI;AACV;AAEA,IAAMO,eAAe,gBAAG9C,KAAK,CAAC+C,UAAU,CAGtC,SAASD,eAAeA,CACxBE,KAAkC,EAClCC,GAA4B,EAC5B;EAAA,IAAAC,eAAA,EAAAC,aAAA;EACA,IAAMC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBAErBtB,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAmC,eAAA,GAACF,KAAK,CAACY,QAAQ,cAAAV,eAAA,cAAAA,eAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAX,aAAA,GAAEC,SAAS,CAACU,EAAE,cAAAX,aAAA,uBAAZA,aAAA,CAAcY,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAM0B,iBAAiB,gBAAGlE,KAAK,CAAC+C,UAAU,CAGxC,SAASmB,iBAAiBA,CAC1BlB,KAAiC,EACjCC,GAA2B,EAC3B;EAAA,IAAAkB,gBAAA,EAAAC,cAAA;EACA,IAAMhB,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrB+C,EAAE,EAAEjB,SAAS,CAACiB;EAAG,gBAEjBrE,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAoD,gBAAA,GAACnB,KAAK,CAACY,QAAQ,cAAAO,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDf,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACY,UAAU;IAACE,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CACpE,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAM,cAAA,GAAEhB,SAAS,CAACU,EAAE,cAAAM,cAAA,uBAAZA,cAAA,CAAcL,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAM8B,mBAAmB,gBAAGtE,KAAK,CAAC+C,UAAU,CAG1C,SAASuB,mBAAmBA,CAAAC,KAAA,EAE5BtB,GAAG,EACH;EAAA,IAAAuB,gBAAA,EAAAC,cAAA;EAAA,IAFEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEL,EAAE,GAAAE,KAAA,CAAFF,EAAE;IAAE9B,KAAK,GAAAgC,KAAA,CAALhC,KAAK;IAAEoC,IAAI,GAAAJ,KAAA,CAAJI,IAAI;IAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;IAAEC,IAAI,GAAAN,KAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,KAAA,CAALO,KAAK;IAAKC,MAAM,GAAAC,wBAAA,CAAAT,KAAA,EAAAU,SAAA;EAG7D,IAAMjC,KAAK,GAAAkC,aAAA,CAAAA,aAAA,KACNH,MAAM;IACTV,EAAE,EAAFA,EAAE;IACF9B,KAAK,EAALA,KAAK;IACLqC,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJC,KAAK,EAALA,KAAK;IACLK,UAAU,EAAEJ,MAAM,CAACvC,QAAQ;IAC3BkB,UAAU,EAAEqB,MAAM,CAACK,OAAO;IAC1BC,eAAe,EAAEN,MAAM,CAACO;EAAc,EACvC;EACD,IAAMlC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,IAAMuC,cAAc,GAAGC,QAAQ,CAACC,aAAa,KAAKrC,SAAS,CAACsC,QAAQ,CAACC,OAAO;EAE5E,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAIC,CAAsB,EAAK;IAClE,IAAIA,CAAC,CAACC,GAAG,KAAK,GAAG,IAAI1C,SAAS,CAACZ,QAAQ,EAAE;MACvCqD,CAAC,CAACE,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED/F,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIhD,KAAK,CAACO,OAAO,IAAIH,SAAS,CAACsC,QAAQ,CAACC,OAAO,EAAE;MAC/CvC,SAAS,CAACsC,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACjD,KAAK,CAACO,OAAO,EAAEH,SAAS,CAACsC,QAAQ,CAAC,CAAC;EAEvC,oBACE1F,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjByD,MAAM;IACVmB,OAAO,EAAE,SAAAA,QAACL,CAAC,EAAK;MACd,IAAI,CAACzC,SAAS,CAACZ,QAAQ,EAAE;QAAA,IAAA2D,kBAAA;QACvB/C,SAAS,CAACK,WAAW,CAAC2C,MAAM,CAAC,CAAC;QAC9B,CAAAD,kBAAA,GAAA/C,SAAS,CAAC8C,OAAO,cAAAC,kBAAA,uBAAjBA,kBAAA,CAAAE,IAAA,CAAAjD,SAAS,EAAWyC,CAAC,CAAC;MACxB;IACF;EAAE,iBAEF7F,KAAA,CAAAyB,aAAA,CAACd,0BAA0B;IACzB4C,OAAO,EAAEH,SAAS,CAACG,OAAO,IAAIgC,cAAe;IAC7C/C,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBAErBtB,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,eACF1D,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLX,KAAK,CAACW,OAAO,IACb5C,8BAA8B,EAAAyD,gBAAA,GAACxB,KAAK,CAACY,QAAQ,cAAAY,gBAAA,cAAAA,gBAAA,GAAI,EAAE;EACpD,CACF,CAAC,EACDpB,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACJ,CAAC,eAC7BR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf6C,KAAK,EAAET,SAAS,CAACS,KAAM;IACvBC,EAAE,GAAAW,cAAA,GAAErB,SAAS,CAACU,EAAE,cAAAW,cAAA,uBAAZA,cAAA,CAAcV,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAC9B,CAAC,eACFxC,KAAA,CAAAyB,aAAA,CAAC1B,cAAc,qBACbC,KAAA,CAAAyB,aAAA,UAAA4B,QAAA;IACEJ,GAAG,EAAE9C,SAAS,CAACiD,SAAS,CAACsC,QAAQ,EAAEzC,GAAG,CAAE;IACxC,cAAY,GAAAqD,MAAA,CAAGlD,SAAS,CAACb,KAAK,OAAA+D,MAAA,CAAIlD,SAAS,CAACW,OAAO,KAAM,UAAW;IACpEvB,QAAQ,EAAEY,SAAS,CAACZ;EAAS,GACzB1C,UAAU,CAACsD,SAAS,CAACmD,UAAU,EAAEnD,SAAS,CAACoD,UAAU,CAAC;IAC1DC,SAAS,EAAEb;EAAgC,EAC5C,CACa,CACM,CAAC;AAE7B,CAAC,CAAC;AAEF,SAASc,gBAAgBA,CACvB1D,KAA0C,EAC1CC,GAAoC,EACpC;EACA,QAAQD,KAAK,CAAC6B,IAAI;IAChB,KAAK,UAAU;MAAE;QACf,oBACE7E,KAAA,CAAAyB,aAAA,CAAC6C,mBAAmB,EAAAjB,QAAA;UAClBJ,GAAG,EAAEA;QAAmC,GACnCD,KAAK,CACX,CAAC;MAEN;IACA,KAAK,QAAQ;MAAE;QACb,oBACEhD,KAAA,CAAAyB,aAAA,CAACyC,iBAAiB,EAAAb,QAAA;UAChBJ,GAAG,EAAEA;QAA8B,GAC9BD,KAAK,CACX,CAAC;MAEN;IACA;MAAS;QACP,oBACEhD,KAAA,CAAAyB,aAAA,CAACqB,eAAe,EAAAO,QAAA;UACdJ,GAAG,EAAEA;QAAiC,GACjCD,KAAK,CACX,CAAC;MAEN;EACF;AACF;AAEA,IAAM2D,aAAa,gBAAG3G,KAAK,CAAC+C,UAAU,CAGpC,SAAS4D,aAAaA,CACtB3D,KAAgC,EAChCC,GAA4B,EAC5B;EAAA,IAAA2D,mBAAA,EAAAC,cAAA;EACA,IAAMzD,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBJ,GAAG,EAAEA,GAAI;IACTK,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjB0B,KAAK,gBAEThD,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnBiD,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GAEpB8B,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAA6F,mBAAA,GAACxD,SAAS,CAACQ,QAAQ,cAAAgD,mBAAA,cAAAA,mBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACAxD,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAA+C,cAAA,GAAEzD,SAAS,CAACU,EAAE,cAAA+C,cAAA,uBAAZA,cAAA,CAAc9C,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAET,SAAS,CAACS;EAAM,CACxB,CACqB,CAAC;AAE7B,CAAC,CAAC;AAEF,IAAMsD,eAAe,gBAAGnH,KAAK,CAAC+C,UAAU,CACtC,SAASoE,eAAeA,CACtBnE,KAA+B,EAC/BC,GAA2B,EAC3B;EAAA,IAAAmE,oBAAA,EAAAC,cAAA;EACA,IAAMjE,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,oBACEhD,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB;IAACyC,MAAM,EAAEF,SAAS,CAACE,MAAO;IAAChC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,gBACrEtB,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnB2C,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAEH,SAAS,CAACG,OAAQ;IAC3Bf,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrB+C,EAAE,EAAEjB,SAAS,CAACiB;EAAG,GAEhBjB,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAAqG,oBAAA,GAAChE,SAAS,CAACQ,QAAQ,cAAAwD,oBAAA,cAAAA,oBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACAhE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACY,UAAU;IAACE,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CACpE,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAAuD,cAAA,GAAEjE,SAAS,CAACU,EAAE,cAAAuD,cAAA,uBAAZA,cAAA,CAActD,OAAQ;IAC1BC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAET,SAAS,CAACS;EAAM,CACxB,CACqB,CAAC;AAE7B,CACF,CAAC;AAED,IAAMyD,iBAAiB,gBAAGtH,KAAK,CAAC+C,UAAU,CAGxC,SAASuE,iBAAiBA,CAAAC,KAAA,EAE1BtE,GAAG,EACH;EAAA,IAAAuE,oBAAA,EAAAC,SAAA;EAAA,IAFE/C,QAAQ,GAAA6C,KAAA,CAAR7C,QAAQ;IAAEL,EAAE,GAAAkD,KAAA,CAAFlD,EAAE;IAAE9B,KAAK,GAAAgF,KAAA,CAALhF,KAAK;IAAEoC,IAAI,GAAA4C,KAAA,CAAJ5C,IAAI;IAAEC,QAAQ,GAAA2C,KAAA,CAAR3C,QAAQ;IAAEC,IAAI,GAAA0C,KAAA,CAAJ1C,IAAI;IAAEC,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IAAKC,MAAM,GAAAC,wBAAA,CAAAuC,KAAA,EAAAG,UAAA;EAG7D,IAAM1E,KAAK,GAAAkC,aAAA,CAAAA,aAAA,KACNH,MAAM;IACTV,EAAE,EAAFA,EAAE;IACF9B,KAAK,EAALA,KAAK;IACLoC,IAAI,EAAJA,IAAI;IACJC,QAAQ,EAARA,QAAQ;IACRC,IAAI,EAAJA,IAAI;IACJC,KAAK,EAALA,KAAK;IACLK,UAAU,EAAEJ,MAAM,CAACvC,QAAQ;IAC3BkB,UAAU,EAAEqB,MAAM,CAACK,OAAO;IAC1BC,eAAe,EAAEN,MAAM,CAACO;EAAc,EACvC;EACD,IAAMlC,SAAS,GAAGhD,YAAY,CAAC4C,KAAK,CAAC;EACrC,IAAMuC,cAAc,GAAGC,QAAQ,CAACC,aAAa,KAAKrC,SAAS,CAACsC,QAAQ,CAACC,OAAO;EAE5E,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CACnCC,CAAwC,EACrC;IACH,IAAIA,CAAC,CAACC,GAAG,KAAK,GAAG,IAAI1C,SAAS,CAACZ,QAAQ,EAAE;MACvCqD,CAAC,CAACE,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED/F,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIhD,KAAK,CAACO,OAAO,IAAIH,SAAS,CAACsC,QAAQ,CAACC,OAAO,EAAE;MAC/CvC,SAAS,CAACsC,QAAQ,CAACC,OAAO,CAACM,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACjD,KAAK,CAACO,OAAO,EAAEH,SAAS,CAACsC,QAAQ,CAAC,CAAC;EAEvC,oBACE1F,KAAA,CAAAyB,aAAA,CAACZ,sBAAsB,EAAAwC,QAAA;IACrBC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBhC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GACjByD,MAAM;IACVmB,OAAO,EAAE,SAAAA,QAACL,CAAC,EAAK;MACd,IAAI,CAACzC,SAAS,CAACZ,QAAQ,EAAE;QAAA,IAAAmF,mBAAA;QACvBvE,SAAS,CAACK,WAAW,CAAC2C,MAAM,CAAC,CAAC;QAC9B,CAAAuB,mBAAA,GAAAvE,SAAS,CAAC8C,OAAO,cAAAyB,mBAAA,uBAAjBA,mBAAA,CAAAtB,IAAA,CAAAjD,SAAS,EAAWyC,CAAC,CAAC;MACxB;IACF;EAAE,iBAEF7F,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;IACnBiD,OAAO,EAAEH,SAAS,CAACG,OAAO,IAAIgC,cAAe;IAC7C/C,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BjB,QAAQ,EAAE6B,SAAS,CAAC7B,QAAS;IAC7BiC,SAAS,EAAEJ,SAAS,CAACI,SAAU;IAC/BlC,IAAI,EAAE8B,SAAS,CAAC9B;EAAK,GAEpB8B,SAAS,CAAC0D,UAAU,IAAI,CAAC1D,SAAS,CAAC2D,oBAAoB,gBACtD/G,KAAA,CAAAyB,aAAA,CAAClB,yBAAyB;IACxByG,GAAG,EAAE5D,SAAS,CAAC4D,GAAc;IAC7BC,GAAG,EAAE7D,SAAS,CAAC6D;EAAI,CACpB,CAAC,gBAEFjH,KAAA,CAAAyB,aAAA,CAACR,gBAAgB;IACfiG,IAAI,EAAE9D,SAAS,CAAC4D,GAAY;IAC5B,cAAY5D,SAAS,CAAC6D;EAAI,CAC3B,CACF,eACDjH,KAAA,CAAAyB,aAAA,CAACN,QAAQ;IACPG,IAAI,EAAE8B,SAAS,CAAC9B,IAAK;IACrBC,QAAQ,EAAE6B,SAAS,CAACK,WAAW,CAACC;EAAW,CAC5C,CAAC,EACDN,SAAS,CAAC2D,oBAAoB,iBAC7B/G,KAAA,CAAAyB,aAAA,CAACpB,cAAc;IACbsD,OAAO,EACLP,SAAS,CAACO,OAAO,IACjB5C,8BAA8B,EAAAyG,oBAAA,GAACpE,SAAS,CAACQ,QAAQ,cAAA4D,oBAAA,cAAAA,oBAAA,GAAI,EAAE;EACxD,CACF,CACF,EACApE,SAAS,CAAC9B,IAAI,KAAK,IAAI,iBACtBtB,KAAA,CAAAyB,aAAA,CAACiB,KAAK;IAACH,KAAK,EAAEa,SAAS,CAACb,KAAM;IAACC,QAAQ,EAAEY,SAAS,CAACZ;EAAS,CAAE,CAC/D,eACDxC,KAAA,CAAAyB,aAAA,CAACjB,2BAA2B,MAAE,CACV,CAAC,eACvBR,KAAA,CAAAyB,aAAA,CAACT,gBAAgB;IACf8C,EAAE,GAAA2D,SAAA,GAAEzE,KAAK,CAACc,EAAE,cAAA2D,SAAA,uBAARA,SAAA,CAAU1D,OAAQ;IACtBC,SAAS,EAAEZ,SAAS,CAAC9B,IAAI,KAAK,IAAK;IACnCgC,MAAM,EAAEF,SAAS,CAACE,MAAO;IACzBS,OAAO,EAAEX,SAAS,CAACW,OAAQ;IAC3BE,qBAAqB,EAAEb,SAAS,CAACa,qBAAsB;IACvDzB,QAAQ,EAAEY,SAAS,CAACZ,QAAS;IAC7BqB,KAAK,EAAEb,KAAK,CAACa;EAAM,CACpB,CAAC,eACF7D,KAAA,CAAAyB,aAAA,CAAC1B,cAAc,qBACbC,KAAA,CAAAyB,aAAA,UAAA4B,QAAA;IACEJ,GAAG,EAAE9C,SAAS,CAACiD,SAAS,CAACsC,QAAQ,EAAEzC,GAAG,CAAE;IACxC2E,IAAI,EAAE,UAAW;IACjBpF,QAAQ,EAAEY,SAAS,CAACZ;EAAS,GACzB1C,UAAU,CAACsD,SAAS,CAACmD,UAAU,EAAEnD,SAAS,CAACoD,UAAU,CAAC;IAC1DC,SAAS,EAAEb;EAAgC,EAC5C,CACa,CACM,CAAC;AAE7B,CAAC,CAAC;AAEF,SAASiC,cAAcA,CACrB7E,KAAwC,EACxCC,GAAoC,EACpC;EACA,IAAM6E,MAAM,GAAG9E,KAAK,CAACgE,GAAG,YAAYe,IAAI;EACxC,IAAMjB,UAAU,GAAG,OAAO9D,KAAK,CAACgE,GAAG,KAAK,QAAQ;EAEhD,IAAI,CAACc,MAAM,IAAI,CAAChB,UAAU,EAAE;IAC1BkB,OAAO,CAACC,IAAI,CAAC,2BAA2B,EAAEjF,KAAK,CAACgE,GAAG,CAAC;EACtD;EAEA,QAAQhE,KAAK,CAAC6B,IAAI;IAChB,KAAK,UAAU;MAAE;QACf,oBACE7E,KAAA,CAAAyB,aAAA,CAAC6F,iBAAiB,EAAAjE,QAAA;UAChBJ,GAAG,EAAEA;QAAmC,GACnCD,KAAK,CACX,CAAC;MAEN;IACA,KAAK,QAAQ;MAAE;QACb,oBACEhD,KAAA,CAAAyB,aAAA,CAAC0F,eAAe,EAAA9D,QAAA;UACdJ,GAAG,EAAEA;QAA8B,GAC9BD,KAAK,CACX,CAAC;MAEN;IACA;MAAS;QACP,oBACEhD,KAAA,CAAAyB,aAAA,CAACkF,aAAa,EAAAtD,QAAA;UACZJ,GAAG,EAAEA;QAAiC,GACjCD,KAAK,CACX,CAAC;MAEN;EACF;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMkF,UAAU,gBAAGlI,KAAK,CAAC+C,UAAU,CAAC8E,cAAc,CAMZ;AAEtC,IAAMM,WAAW,gBAAGnI,KAAK,CAAC+C,UAAU,CAAC2D,gBAAgB,CAMb;;AAExC;AACAyB,WAAW,CAACC,WAAW,GAAG,uBAAuB;;AAEjD;AACAF,UAAU,CAACE,WAAW,GAAG,WAAW;AAEpC,OAAO,IAAMC,SAAS,GAAGnI,gBAAgB,CAAC;EAAEiI,WAAW,EAAXA;AAAY,CAAC,EAAED,UAAU,CAAC"}
+{"version":3,"file":"Thumbnail.js","names":["mergeProps","VisuallyHidden","React","useI18nContext","addSubcomponents","mergeRefs","useThumbnail","StyledFileIcon","StyledImageThumbnail","StyledImageThumbnailImage","StyledImageThumbnailOverlay","StyledLabel","StyledLabelText","StyledPlaceholderThumbnail","StyledThumbnailFigCaption","StyledThumbnailWrapper","StyledTickIcon","getThumbnailVariantForFilename","ThumbnailCaption","ThumbnailPreview","defaultSize","TickIcon","_ref","_ref$size","size","selected","i18n","createElement","t","undefined","focusable","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","FigCaption","_ref2","label","disabled","$color","Label","_ref3","intent","weight","BasePlaceholder","forwardRef","props","ref","_props$filename","_thumbnail$qa","thumbnail","_extends","layout","focused","clickable","toggleState","isSelected","variant","filename","error","qa","caption","multiline","hasCaptionPlaceholder","FigurePlaceholder","_props$filename2","_thumbnail$qa2","as","CheckboxPlaceholder","_ref4","_props$filename3","_thumbnail$qa3","children","name","onChange","role","value","props_","_objectWithoutProperties","_excluded","_objectSpread","isDisabled","checked","defaultSelected","defaultChecked","isInputFocused","document","activeElement","inputRef","current","preventSpaceOnDisabledThumbnail","e","key","preventDefault","useEffect","focus","onClick","_thumbnail$onClick","toggle","call","concat","inputProps","focusProps","onKeyDown","PlaceholderInner","BaseThumbnail","_thumbnail$filename","_thumbnail$qa4","isImageURL","shouldUsePlaceholder","src","alt","file","FigureThumbnail","_thumbnail$filename2","_thumbnail$qa5","CheckboxThumbnail","_ref5","_thumbnail$filename3","_props$qa","_excluded2","_thumbnail$onClick2","type","ThumbnailInner","isFile","File","console","warn","Thumbnail_","Placeholder","displayName","Thumbnail"],"sources":["../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useThumbnail } from './Thumbnail.hooks'\nimport {\n  StyledFileIcon,\n  StyledImageThumbnail,\n  StyledImageThumbnailImage,\n  StyledImageThumbnailOverlay,\n  StyledLabel,\n  StyledLabelText,\n  StyledPlaceholderThumbnail,\n  StyledThumbnailFigCaption,\n  StyledThumbnailWrapper,\n  StyledTickIcon,\n} from './Thumbnail.styles'\nimport type {\n  BasePlaceholderProps,\n  BaseThumbnailProps,\n  LabelProps,\n  PlaceholderProps,\n  ThumbnailProps,\n  ThumbnailRef,\n  ThumbnailRoles,\n  ThumbnailRoleType,\n  TickIconProps,\n} from './Thumbnail.types'\nimport { getThumbnailVariantForFilename } from './Thumbnail.utils'\nimport { ThumbnailCaption } from './ThumbnailCaption'\nimport { ThumbnailPreview } from './ThumbnailPreview'\n\nconst defaultSize = 'lg'\n\nfunction TickIcon({ size = defaultSize, selected }: TickIconProps) {\n  const i18n = useI18nContext()\n  return (\n    <StyledTickIcon\n      aria-hidden={selected ? false : true}\n      aria-label={selected ? i18n.t('core.thumbnail.checked') : undefined}\n      // in IE11, all svg element are focusable by default\n      focusable={false}\n      selected={selected}\n      size={size}\n      width=\"26\"\n      height=\"26\"\n      viewBox=\"0 0 26 26\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.167 17.5L7 13.459L8.6155 12.0535L11.167 14.5285L17.3845 8.5L19 9.9055L11.167 17.5ZM13 1C6.3715 1 1 6.373 1 13C1 19.627 6.3715 25 13 25C19.627 25 25 19.627 25 13C25 6.373 19.627 1 13 1Z\"\n        fill=\"hsl(218,75%,50%)\"\n      />\n      <path\n        d=\"M13 24C6.92487 24 2 19.0751 2 13H0C0 20.1797 5.8203 26 13 26V24ZM24 13C24 19.0751 19.0751 24 13 24V26C20.1797 26 26 20.1797 26 13H24ZM13 2C19.0751 2 24 6.92487 24 13H26C26 5.8203 20.1797 0 13 0V2ZM13 0C5.8203 0 0 5.8203 0 13H2C2 6.92487 6.92487 2 13 2V0Z\"\n        fill=\"white\"\n      />\n    </StyledTickIcon>\n  )\n}\n\nfunction FigCaption({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledThumbnailFigCaption $color={disabled ? 'gray70' : 'gray15'}>\n      {label}\n    </StyledThumbnailFigCaption>\n  ) : null\n}\n\nfunction Label({ label, disabled }: LabelProps) {\n  return label ? (\n    <StyledLabel>\n      <StyledLabelText intent=\"small\" weight=\"bold\">\n        {label}\n      </StyledLabelText>\n    </StyledLabel>\n  ) : null\n}\n\nconst BasePlaceholder = React.forwardRef<\n  HTMLDivElement,\n  PlaceholderProps<undefined>\n>(function BasePlaceholder(\n  props: PlaceholderProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigurePlaceholder = React.forwardRef<\n  HTMLElement,\n  PlaceholderProps<'figure'>\n>(function FigurePlaceholder(\n  props: PlaceholderProps<'figure'>,\n  ref: ThumbnailRef<'figure'>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n        as={thumbnail.as}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst CheckboxPlaceholder = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxPlaceholder(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledPlaceholderThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        <StyledFileIcon\n          variant={\n            props.variant ||\n            getThumbnailVariantForFilename(props.filename ?? '')\n          }\n        />\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledPlaceholderThumbnail>\n      <ThumbnailCaption\n        error={thumbnail.error}\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          aria-label={`${thumbnail.label} ${thumbnail.caption}` || 'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction PlaceholderInner(\n  props: PlaceholderProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxPlaceholder\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as PlaceholderProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigurePlaceholder\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as PlaceholderProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BasePlaceholder\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst BaseThumbnail = React.forwardRef<\n  HTMLDivElement,\n  ThumbnailProps<undefined>\n>(function BaseThumbnail(\n  props: ThumbnailProps<undefined>,\n  ref: ThumbnailRef<undefined>\n) {\n  const thumbnail = useThumbnail(props)\n  return (\n    <StyledThumbnailWrapper\n      ref={ref}\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={thumbnail.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={thumbnail.error}\n      />\n    </StyledThumbnailWrapper>\n  )\n})\n\nconst FigureThumbnail = React.forwardRef<HTMLElement, ThumbnailProps<'figure'>>(\n  function FigureThumbnail(\n    props: ThumbnailProps<'figure'>,\n    ref: ThumbnailRef<'figure'>\n  ) {\n    const thumbnail = useThumbnail(props)\n    return (\n      <StyledThumbnailWrapper layout={thumbnail.layout} size={thumbnail.size}>\n        <StyledImageThumbnail\n          ref={ref}\n          focused={thumbnail.focused}\n          disabled={thumbnail.disabled}\n          selected={thumbnail.selected}\n          clickable={thumbnail.clickable}\n          size={thumbnail.size}\n          as={thumbnail.as}\n        >\n          {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n            <StyledImageThumbnailImage\n              src={thumbnail.src as string}\n              alt={thumbnail.alt}\n            />\n          ) : (\n            <ThumbnailPreview\n              file={thumbnail.src as File}\n              aria-label={thumbnail.alt}\n            />\n          )}\n          <TickIcon\n            size={thumbnail.size}\n            selected={thumbnail.toggleState.isSelected}\n          />\n          {thumbnail.shouldUsePlaceholder && (\n            <StyledFileIcon\n              variant={\n                thumbnail.variant ||\n                getThumbnailVariantForFilename(thumbnail.filename ?? '')\n              }\n            />\n          )}\n          {thumbnail.size === 'lg' && (\n            <FigCaption label={thumbnail.label} disabled={thumbnail.disabled} />\n          )}\n          <StyledImageThumbnailOverlay />\n        </StyledImageThumbnail>\n        <ThumbnailCaption\n          qa={thumbnail.qa?.caption}\n          multiline={thumbnail.size === 'lg'}\n          layout={thumbnail.layout}\n          caption={thumbnail.caption}\n          hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n          disabled={thumbnail.disabled}\n          error={thumbnail.error}\n        />\n      </StyledThumbnailWrapper>\n    )\n  }\n)\n\nconst CheckboxThumbnail = React.forwardRef<\n  HTMLInputElement,\n  ThumbnailProps<'checkbox'>\n>(function CheckboxThumbnail(\n  { children, as, label, name, onChange, role, value, ...props_ },\n  ref\n) {\n  const props = {\n    ...props_,\n    as,\n    label,\n    name,\n    onChange,\n    role,\n    value,\n    isDisabled: props_.disabled,\n    isSelected: props_.checked,\n    defaultSelected: props_.defaultChecked,\n  }\n  const thumbnail = useThumbnail(props)\n  const isInputFocused = document.activeElement === thumbnail.inputRef.current\n\n  const preventSpaceOnDisabledThumbnail = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    if (e.key === ' ' && thumbnail.disabled) {\n      e.preventDefault()\n    }\n  }\n\n  React.useEffect(() => {\n    if (props.focused && thumbnail.inputRef.current) {\n      thumbnail.inputRef.current.focus()\n    }\n  }, [props.focused, thumbnail.inputRef])\n\n  return (\n    <StyledThumbnailWrapper\n      layout={thumbnail.layout}\n      size={thumbnail.size}\n      {...props_}\n      onClick={(e) => {\n        if (!thumbnail.disabled) {\n          thumbnail.toggleState.toggle()\n          thumbnail.onClick?.(e)\n        }\n      }}\n    >\n      <StyledImageThumbnail\n        focused={thumbnail.focused || isInputFocused}\n        disabled={thumbnail.disabled}\n        selected={thumbnail.selected}\n        clickable={thumbnail.clickable}\n        size={thumbnail.size}\n      >\n        {thumbnail.isImageURL && !thumbnail.shouldUsePlaceholder ? (\n          <StyledImageThumbnailImage\n            src={thumbnail.src as string}\n            alt={thumbnail.alt}\n          />\n        ) : (\n          <ThumbnailPreview\n            file={thumbnail.src as File}\n            aria-label={thumbnail.alt}\n          />\n        )}\n        <TickIcon\n          size={thumbnail.size}\n          selected={thumbnail.toggleState.isSelected}\n        />\n        {thumbnail.shouldUsePlaceholder && (\n          <StyledFileIcon\n            variant={\n              thumbnail.variant ||\n              getThumbnailVariantForFilename(thumbnail.filename ?? '')\n            }\n          />\n        )}\n        {thumbnail.size === 'lg' && (\n          <Label label={thumbnail.label} disabled={thumbnail.disabled} />\n        )}\n        <StyledImageThumbnailOverlay />\n      </StyledImageThumbnail>\n      <ThumbnailCaption\n        qa={props.qa?.caption}\n        multiline={thumbnail.size === 'lg'}\n        layout={thumbnail.layout}\n        caption={thumbnail.caption}\n        hasCaptionPlaceholder={thumbnail.hasCaptionPlaceholder}\n        disabled={thumbnail.disabled}\n        error={props.error}\n      />\n      <VisuallyHidden>\n        <input\n          ref={mergeRefs(thumbnail.inputRef, ref)}\n          type={'checkbox'}\n          disabled={thumbnail.disabled}\n          {...mergeProps(thumbnail.inputProps, thumbnail.focusProps)}\n          onKeyDown={preventSpaceOnDisabledThumbnail}\n        />\n      </VisuallyHidden>\n    </StyledThumbnailWrapper>\n  )\n})\n\nfunction ThumbnailInner(\n  props: ThumbnailProps<ThumbnailRoleType>,\n  ref: ThumbnailRef<ThumbnailRoleType>\n) {\n  const isFile = props.src instanceof File\n  const isImageURL = typeof props.src === 'string'\n\n  if (!isFile && !isImageURL) {\n    console.warn('Unknown Thumbnail source:', props.src)\n  }\n\n  switch (props.role) {\n    case 'checkbox': {\n      return (\n        <CheckboxThumbnail\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as ThumbnailProps<'checkbox'>)}\n        />\n      )\n    }\n    case 'figure': {\n      return (\n        <FigureThumbnail\n          ref={ref as React.Ref<HTMLElement>}\n          {...(props as ThumbnailProps<'figure'>)}\n        />\n      )\n    }\n    default: {\n      return (\n        <BaseThumbnail\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as PlaceholderProps<undefined>)}\n        />\n      )\n    }\n  }\n}\n\nconst Thumbnail_ = React.forwardRef(ThumbnailInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | ThumbnailProps<Role>\n    | (BaseThumbnailProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof ThumbnailInner>\n\nconst Placeholder = React.forwardRef(PlaceholderInner) as <\n  Role extends ThumbnailRoles\n>(\n  props:\n    | PlaceholderProps<Role>\n    | (BasePlaceholderProps & { ref?: ThumbnailRef<Role> })\n) => ReturnType<typeof PlaceholderInner>\n\n// @ts-ignore\nPlaceholder.displayName = 'Thumbnail.Placeholder'\n\n// @ts-ignore\nThumbnail_.displayName = 'Thumbnail'\n\n/**\n\n We use thumbnails to display previews for images or files as either a smaller\n version of an uploaded image, or an icon representing the file type. If an\n image preview can be generated from the file (in the case of images) then\n display that image.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)\n\n @see [Design Guidelines](https://design.procore.com/thumbnail)\n\n */\nexport const Thumbnail = addSubcomponents({ Placeholder }, Thumbnail_)\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.styles.js

@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-11_30_0__sc-195f70c-0"
+  componentId: "core-11_31_1__sc-195f70c-0"
 })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-11_30_0__sc-195f70c-1"
+  componentId: "core-11_31_1__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-11_30_0__sc-195f70c-2"
+  componentId: "core-11_31_1__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-11_30_0__sc-195f70c-3"
+  componentId: "core-11_31_1__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-11_30_0__sc-195f70c-4"
+  componentId: "core-11_31_1__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-11_30_0__sc-195f70c-5"
+  componentId: "core-11_31_1__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-11_30_0__sc-195f70c-6"
+  componentId: "core-11_31_1__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-11_30_0__sc-195f70c-7"
+  componentId: "core-11_31_1__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_30_0__sc-195f70c-8"
+  componentId: "core-11_31_1__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-11_30_0__sc-195f70c-9"
+  componentId: "core-11_31_1__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref11) {
   var selected = _ref11.selected;
   return selected ? "\n        opacity: 1;\n        transform: scale(1);\n      " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-11_30_0__sc-195f70c-10"
+  componentId: "core-11_31_1__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-11_30_0__sc-195f70c-11"
+  componentId: "core-11_31_1__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref13) {
   var $bgImage = _ref13.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-11_30_0__sc-195f70c-12"
+  componentId: "core-11_31_1__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-11_30_0__sc-195f70c-13"
+  componentId: "core-11_31_1__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-11_30_0__sc-195f70c-14"
+  componentId: "core-11_31_1__sc-195f70c-14"
 })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref14) {
   var disabled = _ref14.disabled;
   return disabled ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n        ").concat(StyledFileIcon, " {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-11_30_0__sc-195f70c-15"
+  componentId: "core-11_31_1__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref20) {
   var size = _ref20.size;
   return size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-11_30_0__sc-195f70c-16"
+  componentId: "core-11_31_1__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-11_30_0__sc-1inrbm9-0"
+  componentId: "core-11_31_1__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-11_30_0__sc-1inrbm9-1"
+  componentId: "core-11_31_1__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-11_30_0__sc-1inrbm9-2"
+  componentId: "core-11_31_1__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-11_30_0__sc-1inrbm9-3"
+  componentId: "core-11_31_1__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-11_30_0__sc-1inrbm9-4"
+  componentId: "core-11_31_1__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-11_30_0__sc-1inrbm9-5"
+  componentId: "core-11_31_1__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-11_30_0__sc-1inrbm9-6"
+  componentId: "core-11_31_1__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-11_30_0__sc-e1ql06-0"
+  componentId: "core-11_31_1__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-11_30_0__sc-e1ql06-1"
+  componentId: "core-11_31_1__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-11_30_0__sc-e1ql06-2"
+  componentId: "core-11_31_1__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-11_30_0__sc-e1ql06-3"
+  componentId: "core-11_31_1__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-11_30_0__sc-e1ql06-4"
+  componentId: "core-11_31_1__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-11_30_0__sc-e1ql06-5"
+  componentId: "core-11_31_1__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-11_30_0__sc-e1ql06-6"
+  componentId: "core-11_31_1__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-11_30_0__sc-e1ql06-7"
+  componentId: "core-11_31_1__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-11_30_0__sc-e1ql06-8"
+  componentId: "core-11_31_1__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-11_30_0__sc-8q9p0n-0"
+  componentId: "core-11_31_1__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-11_30_0__sc-8q9p0n-1"
+  componentId: "core-11_31_1__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-11_30_0__sc-8q9p0n-2"
+  componentId: "core-11_31_1__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_30_0__sc-8q9p0n-3"
+  componentId: "core-11_31_1__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-11_30_0__sc-8q9p0n-4"
+  componentId: "core-11_31_1__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", " > ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-11_30_0__sc-8q9p0n-5"
+  componentId: "core-11_31_1__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-11_30_0__sc-8q9p0n-6"
+  componentId: "core-11_31_1__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-11_30_0__sc-8q9p0n-7"
+  componentId: "core-11_31_1__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_30_0__sc-1t2ye1d-0"
+  componentId: "core-11_31_1__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-11_30_0__sc-1t2ye1d-1"
+  componentId: "core-11_31_1__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-11_30_0__sc-1t2ye1d-2"
+  componentId: "core-11_31_1__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-11_30_0__sc-1t2ye1d-3"
+  componentId: "core-11_31_1__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-11_30_0__sc-1t2ye1d-4"
+  componentId: "core-11_31_1__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-11_30_0__sc-1t2ye1d-5"
+  componentId: "core-11_31_1__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-11_30_0__sc-1t2ye1d-6"
+  componentId: "core-11_31_1__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../_utils/types';
 import type { ToastProps } from './Toast.types';
+export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;
 /**
 
  We use toasts to temporarily display information to a user. For example,
@@ -18,7 +19,6 @@ import type { ToastProps } from './Toast.types';
  @see [Design Guidelines](https://design.procore.com/toast)
 
  */
-export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Toast: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>> & {
     Dismiss: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
     Text: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;

package/dist/Toast/Toast.js

@@ -44,24 +44,6 @@ var Dismiss = /*#__PURE__*/React.forwardRef(function ToastDismiss(_ref2, ref) {
     "aria-label": I18n.t('core.toast.a11y.dismiss')
   }, props), /*#__PURE__*/React.createElement(Clear, null));
 });
-
-/**
-
- We use toasts to temporarily display information to a user. For example,
- as a confirmation that an action was successfully or unsuccessfully completed.
-
- Toasts do not present the user with an action. If an action needs to be
- performed because of the particular message, use a banner. However, for
- accessible 'enough time' patterns, Toasts can be extended and can have
- an action to dismiss the Toast.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
-
- @see [Design Guidelines](https://design.procore.com/toast)
-
- */
 export var Toast_ = /*#__PURE__*/React.forwardRef(function Toast(_ref3, ref) {
   var children = _ref3.children,
     variant = _ref3.variant,
@@ -83,6 +65,24 @@ export var Toast_ = /*#__PURE__*/React.forwardRef(function Toast(_ref3, ref) {
 Toast_.displayName = 'Toast';
 Dismiss.displayName = 'Toast.Dismiss';
 Text.displayName = 'Toast.Text';
+
+/**
+
+ We use toasts to temporarily display information to a user. For example,
+ as a confirmation that an action was successfully or unsuccessfully completed.
+
+ Toasts do not present the user with an action. If an action needs to be
+ performed because of the particular message, use a banner. However, for
+ accessible 'enough time' patterns, Toasts can be extended and can have
+ an action to dismiss the Toast.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
+
+ @see [Design Guidelines](https://design.procore.com/toast)
+
+ */
 export var Toast = addSubcomponents({
   Dismiss: Dismiss,
   Text: Text

package/dist/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\n  }\n)\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function ToastDismiss({ ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledToastButton\n        ref={ref}\n        variant=\"tertiary\"\n        aria-hidden=\"false\"\n        aria-label={I18n.t('core.toast.a11y.dismiss')}\n        {...props}\n      >\n        <Clear />\n      </StyledToastButton>\n    )\n  }\n)\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;AAE/B,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\n  }\n)\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function ToastDismiss({ ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledToastButton\n        ref={ref}\n        variant=\"tertiary\"\n        aria-hidden=\"false\"\n        aria-label={I18n.t('core.toast.a11y.dismiss')}\n        {...props}\n      >\n        <Clear />\n      </StyledToastButton>\n    )\n  }\n)\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;AAED,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}