@procore/core-react 11.31.0 → 11.32.0

package/dist/Tabs/Tabs.styles.js

@@ -1,69 +1,71 @@
 import styled, { css } from 'styled-components';
 import { Card } from '../Card/Card';
-import { getUnstyledButton } from '../Semantic/Semantic.styles';
-import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
+import { StyledItem } from '../MenuImperative/MenuImperative.styles';
+import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
-import { focusable } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-var tabGap = spacing.md;
 var hiddenTab = /*#__PURE__*/css(["pointer-events:none;position:absolute;visibility:hidden;"]);
 var visible = /*#__PURE__*/css(["pointer-events:all;position:relative;visibility:visible;"]);
+var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacing.xs, spacing.xs);
 export var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-11_31_0__sc-17s58xs-0"
-})(["align-items:center;border-bottom-style:solid;border-bottom-color:transparent;border-bottom-width:2px;display:inline-flex;height:26px;justify-content:center;"]);
+  componentId: "core-11_32_0__sc-17s58xs-0"
+})(["align-items:center;display:flex;height:23px;", " box-sizing:border-box;"], borderRadius);
 export var StyledTab = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTab",
-  componentId: "core-11_31_0__sc-17s58xs-1"
-})(["align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0 ", "px;position:relative;white-space:nowrap;a&{text-decoration:none;}button&{background-color:transparent;border:none;font-family:inherit;}&:first-child{padding-left:0;}&:last-child{padding-right:0;}&:not(:last-child){&:focus{outline:none;", "{box-shadow:inset 0 0 0 1px ", ";}}}"], tabGap, StyledLink, colors.blue40);
+  componentId: "core-11_32_0__sc-17s58xs-1"
+})(["", " align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;height:26px;justify-content:center;position:relative;white-space:nowrap;a&{", " text-decoration:none;}button&{background-color:transparent;border:none;font-family:inherit;padding-inline-start:0;padding-inline-end:0;padding-block-start:0;padding-block-end:0;}&,a&,button&{", "}&:focus,&:focus-within,&:hover{background:", ";}&:focus,&:focus-within{box-shadow:inset 0 0 0 2px ", ";outline:none;a{outline:none;}}"], borderRadius, borderRadius, function (_ref) {
+  var $active = _ref.$active;
+  if ($active) {
+    return css(["border-bottom:3px solid ", ";"], colors.gray15);
+  }
+}, function (_ref2) {
+  var $dark = _ref2.$dark;
+  return $dark ? 'transparent' : colors.gray90;
+}, colors.blue40);
 export var StyledTabInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-11_31_0__sc-17s58xs-2"
-})(["", " > a{text-decoration:none;", "}", ""], getTypographyIntent('body'), focusable, function (_ref) {
-  var active = _ref.active,
-    dark = _ref.dark;
-  var textColors = dark ? {
-    active: colors.white,
-    "default": colors.gray70,
-    hover: colors.white
-  } : {
-    active: colors.gray15,
-    "default": colors.gray45,
-    hover: colors.gray15
-  };
-  if (active) {
-    return css(["&,> a{color:", ";cursor:default;}", "{border-bottom-color:", ";}"], textColors.active, StyledLink, colors.blue50);
+  componentId: "core-11_32_0__sc-17s58xs-2"
+})(["", " align-self:baseline;padding:0 ", "px;box-sizing:border-box;font-weight:", ";&,> a{", " color:", ";display:flex;height:23px;text-decoration:none;width:100%;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active ? 600 : 400;
+}, borderRadius, colors.gray15, function (_ref4) {
+  var $active = _ref4.$active,
+    $dark = _ref4.$dark;
+  if ($dark) {
+    return css(["&,> a,button&,a&{color:", ";&:hover{color:white;}}"], $active ? colors.white : colors.gray70);
   }
-  return css(["&,> a{color:", ";cursor:pointer;}&:hover,&.hover,> a:hover{color:", ";}"], textColors["default"], textColors.hover);
 });
+
+// This is still needed so that it can be hidden via CSS down below
 export var StyledDropdownTab = /*#__PURE__*/styled(StyledTab).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-11_31_0__sc-17s58xs-3"
-})(["cursor:pointer;", " ", " ", " margin-left:", "px;", "{margin-right:", "px;}"], getUnstyledButton, focusable, hiddenTab, tabGap, StyledLink, spacing.xs);
+  componentId: "core-11_32_0__sc-17s58xs-3"
+})(["", ""], hiddenTab);
 export var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-11_31_0__sc-17s58xs-4"
+  componentId: "core-11_32_0__sc-17s58xs-4"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-11_31_0__sc-17s58xs-5"
-})(["max-height:40vh;", "{color:", ";}", "{margin:-", "px -", "px;padding:", "px ", "px;}[data-selected='true']{", ",", " > a{color:", ";font-weight:", ";}}", "{border:0;height:auto;}"], StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
+  componentId: "core-11_32_0__sc-17s58xs-5"
+})(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInner, StyledLink, StyledTab, colors.gray15, StyledLink, StyledTab, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-11_31_0__sc-17s58xs-6"
+  componentId: "core-11_32_0__sc-17s58xs-6"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-11_31_0__sc-17s58xs-7"
-})(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref2) {
-  var dark = _ref2.dark;
+  componentId: "core-11_32_0__sc-17s58xs-7"
+})(["background-color:", ";display:flex;overflow:hidden;width:100%;", " + ", "{margin-left:", "px;}", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref5) {
+  var dark = _ref5.dark;
   return dark && colors.gray15;
-}, StyledTab, function (_ref3) {
-  var index = _ref3.index;
+}, StyledTab, StyledTab, spacing.xl, StyledTab, function (_ref6) {
+  var index = _ref6.index;
   return index;
-}, StyledDropdownTab, hiddenTab, function (_ref4) {
-  var _ref4$index = _ref4.index,
-    index = _ref4$index === void 0 ? -1 : _ref4$index;
+}, StyledDropdownTab, hiddenTab, function (_ref7) {
+  var _ref7$index = _ref7.index,
+    index = _ref7$index === void 0 ? -1 : _ref7$index;
   return index >= 0 && css(["", "{", "}"], StyledDropdownTab, visible);
 });
 //# sourceMappingURL=Tabs.styles.js.map

package/dist/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","names":["styled","css","Card","getUnstyledButton","getTypographyIntent","typographyWeights","colors","focusable","spacing","tabGap","md","hiddenTab","visible","StyledLink","span","withConfig","displayName","componentId","StyledTab","div","blue40","StyledTabInner","_ref","active","dark","textColors","white","gray70","hover","gray15","gray45","blue50","StyledDropdownTab","xs","StyledDropdownTabInner","StyledOverlay","sm","lg","semibold","StyledTabList","StyledTabs","nav","_ref2","_ref3","index","_ref4","_ref4$index"],"sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { getUnstyledButton } from '../Semantic/Semantic.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst tabGap = spacing.md\n\nconst hiddenTab = css`\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n`\n\nconst visible = css`\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n`\n\nexport const StyledLink = styled.span`\n  align-items: center;\n  border-bottom-style: solid;\n  border-bottom-color: transparent;\n  border-bottom-width: 2px;\n  display: inline-flex;\n  height: 26px; // TODO one-off\n  justify-content: center;\n`\n\nexport const StyledTab = styled.div`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 0 ${tabGap}px;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  &:not(:last-child) {\n    &:focus {\n      outline: none;\n\n      ${StyledLink} {\n        box-shadow: inset 0 0 0 1px ${colors.blue40};\n      }\n    }\n  }\n`\n\nexport const StyledTabInner = styled.div<{ active?: boolean; dark?: boolean }>`\n  ${getTypographyIntent('body')}\n\n  > a {\n    text-decoration: none;\n    ${focusable}\n  }\n\n  ${({ active, dark }) => {\n    const textColors = dark\n      ? {\n          active: colors.white,\n          default: colors.gray70,\n          hover: colors.white,\n        }\n      : {\n          active: colors.gray15,\n          default: colors.gray45,\n          hover: colors.gray15,\n        }\n\n    if (active) {\n      return css`\n        &,\n        > a {\n          color: ${textColors.active};\n          cursor: default;\n        }\n\n        ${StyledLink} {\n          border-bottom-color: ${colors.blue50};\n        }\n      `\n    }\n\n    return css`\n      &,\n      > a {\n        color: ${textColors.default};\n        cursor: pointer;\n      }\n      &:hover,\n      &.hover,\n      > a:hover {\n        color: ${textColors.hover};\n      }\n    `\n  }}\n`\n\nexport const StyledDropdownTab = styled(StyledTab)`\n  cursor: pointer;\n  ${getUnstyledButton}\n  ${focusable}\n\n  ${hiddenTab}\n\n  margin-left: ${tabGap}px;\n\n  ${StyledLink} {\n    margin-right: ${spacing.xs}px;\n  }\n`\n\nexport const StyledDropdownTabInner = styled(StyledTabInner)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nexport const StyledOverlay = styled(Card)`\n  max-height: 40vh;\n\n  ${StyledTabInner} {\n    color: ${colors.gray45};\n  }\n  ${StyledTab} {\n    // onClick events are attached to the Tab which are put inside of <Menu.Item>\n    // components with padding. Negative margin trick allows the cloned tab\n    // to cover the full area of the menu item\n    margin: -${spacing.sm}px -${spacing.lg}px;\n    padding: ${spacing.sm}px ${spacing.lg}px;\n  }\n\n  // hacky way to style items that were cloned into the menu\n  // can probably clean this up once we convert menu to jss\n  // by using the inverse ancestor selector\n  [data-selected='true'] {\n    ${StyledTabInner},\n    ${StyledTabInner} > a {\n      color: ${colors.blue50};\n      font-weight: ${typographyWeights.semibold};\n    }\n  }\n\n  ${StyledLink} {\n    border: 0;\n    height: auto;\n  }\n`\n\nexport const StyledTabList = styled.div`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTabs = styled.nav<{ dark?: boolean; index?: number }>`\n  background-color: ${({ dark }) => dark && colors.gray15};\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ${StyledTab} {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ${({ index }) => index}) {\n      // but not the \"More\" dropdown tab\n      &:not(${StyledDropdownTab}) {\n        ${hiddenTab}\n      }\n    }\n  }\n\n  ${({ index = -1 }) =>\n    index >= 0 &&\n    css`\n      ${StyledDropdownTab} {\n        ${visible}\n      }\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.styles.js","names":["styled","css","Card","StyledItem","getTypographyIntent","colors","spacing","hiddenTab","visible","borderRadius","xs","StyledLink","span","withConfig","displayName","componentId","StyledTab","div","_ref","$active","gray15","_ref2","$dark","gray90","blue40","StyledTabInner","_ref3","_ref4","white","gray70","StyledDropdownTab","StyledDropdownTabInner","StyledOverlay","blue50","StyledTabList","StyledTabs","nav","_ref5","dark","xl","_ref6","index","_ref7","_ref7$index"],"sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledItem } from '../MenuImperative/MenuImperative.styles'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst hiddenTab = css`\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n`\n\nconst visible = css`\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n`\n\nconst borderRadius = css`\n  border-radius: ${spacing.xs}px ${spacing.xs}px 0 0;\n`\n\nexport const StyledLink = styled.span`\n  align-items: center;\n  display: flex;\n  height: 23px; // TODO one-off\n  ${borderRadius}\n  box-sizing: border-box;\n`\n\nexport const StyledTab = styled.div<{ $active?: boolean; $dark?: boolean }>`\n  ${borderRadius}\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  height: 26px;\n  justify-content: center;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    ${borderRadius}\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n    padding-inline-start: 0;\n    padding-inline-end: 0;\n    padding-block-start: 0;\n    padding-block-end: 0;\n  }\n\n  &,\n  a&,\n  button& {\n    ${({ $active }) => {\n      if ($active) {\n        return css`\n          border-bottom: 3px solid ${colors.gray15};\n        `\n      }\n    }}\n  }\n\n  &:focus,\n  &:focus-within,\n  &:hover {\n    background: ${({ $dark }) => ($dark ? 'transparent' : colors.gray90)};\n  }\n\n  &:focus,\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    a {\n      outline: none;\n    }\n  }\n`\n\nexport const StyledTabInner = styled.div<{\n  $active?: boolean\n  $dark?: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  align-self: baseline;\n  padding: 0 ${spacing.xs}px;\n  box-sizing: border-box;\n  font-weight: ${({ $active }) => ($active ? 600 : 400)};\n\n  &,\n  > a {\n    ${borderRadius}\n    color: ${colors.gray15};\n    display: flex;\n    height: 23px;\n    text-decoration: none;\n    width: 100%;\n  }\n\n  /* TODO: Dark mode was not considered for helix updates,\n  *  matching previous UX patterns - April 2nd 2024\n  */\n  ${({ $active, $dark }) => {\n    if ($dark) {\n      return css`\n        &,\n        > a,\n        button&,\n        a& {\n          color: ${$active ? colors.white : colors.gray70};\n\n          &:hover {\n            color: white;\n          }\n        }\n      `\n    }\n  }}\n`\n\n// This is still needed so that it can be hidden via CSS down below\nexport const StyledDropdownTab = styled(StyledTab)`\n  ${hiddenTab}\n`\n\nexport const StyledDropdownTabInner = styled(StyledTabInner)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nexport const StyledOverlay = styled(Card)`\n  max-height: 40vh;\n\n  ${StyledItem} {\n    padding: 0;\n    display: flex;\n    justify-content: center;\n\n    a {\n      margin: unset;\n      padding: unset;\n    }\n  }\n\n  ${StyledLink} {\n    padding: 0;\n    display: flex;\n  }\n\n  ${StyledTabInner} {\n    padding: 2px 16px 4px 16px;\n  }\n\n  ${StyledLink}, ${StyledTab} {\n    color: ${colors.gray15};\n    border-radius: 0;\n    display: flex;\n    width: 100%;\n  }\n\n  [data-selected='true'] {\n    ${StyledLink}, ${StyledTab} {\n      border-bottom-color: transparent;\n      color: ${colors.blue50};\n    }\n  }\n`\n\nexport const StyledTabList = styled.div`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTabs = styled.nav<{ dark?: boolean; index?: number }>`\n  background-color: ${({ dark }) => dark && colors.gray15};\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ${StyledTab} + ${StyledTab} {\n    margin-left: ${spacing.xl}px;\n  }\n\n  ${StyledTab} {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ${({ index }) => index}) {\n      // but not the \"More\" dropdown tab\n      &:not(${StyledDropdownTab}) {\n        ${hiddenTab}\n      }\n    }\n  }\n\n  ${({ index = -1 }) =>\n    index >= 0 &&\n    css`\n      ${StyledDropdownTab} {\n        ${visible}\n      }\n    `}\n`\n"],"mappings":"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"}

package/dist/Tearsheet/Tearsheet.styles.js

@@ -47,7 +47,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-11_31_0__sc-ljrxoq-0"
+  componentId: "core-11_32_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -67,7 +67,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-11_31_0__sc-ljrxoq-1"
+  componentId: "core-11_32_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
   var $placement = _ref5.$placement,
     $stretch = _ref5.$stretch;
@@ -87,7 +87,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-11_31_0__sc-ljrxoq-2"
+  componentId: "core-11_32_0__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -95,7 +95,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-11_31_0__sc-ljrxoq-3"
+  componentId: "core-11_32_0__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -110,7 +110,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-11_31_0__sc-ljrxoq-4"
+  componentId: "core-11_32_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-11_31_0__sc-u5mow1-0"
+  componentId: "core-11_32_0__sc-u5mow1-0"
 })(["", " min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? 'both' : _ref$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-11_31_0__sc-1lje1b0-0"
+  componentId: "core-11_32_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.d.ts

@@ -2,6 +2,20 @@ import React from 'react';
 import type { BasePlaceholderProps, BaseThumbnailProps, PlaceholderProps, ThumbnailProps, ThumbnailRef, ThumbnailRoles, ThumbnailRoleType } from './Thumbnail.types';
 declare function PlaceholderInner(props: PlaceholderProps<ThumbnailRoleType>, ref: ThumbnailRef<ThumbnailRoleType>): React.JSX.Element;
 declare function ThumbnailInner(props: ThumbnailProps<ThumbnailRoleType>, ref: ThumbnailRef<ThumbnailRoleType>): React.JSX.Element;
+/**
+
+ We use thumbnails to display previews for images or files as either a smaller
+ version of an uploaded image, or an icon representing the file type. If an
+ image preview can be generated from the file (in the case of images) then
+ display that image.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-thumbnail--demo-thumbnail)
+
+ @see [Design Guidelines](https://design.procore.com/thumbnail)
+
+ */
 export declare const Thumbnail: (<Role extends ThumbnailRoles>(props: ThumbnailProps<Role> | (BaseThumbnailProps & {
     ref?: ThumbnailRef<Role> | undefined;
 })) => ReturnType<typeof ThumbnailInner>) & {

package/dist/Thumbnail/Thumbnail.js

@@ -408,6 +408,14 @@ function ThumbnailInner(props, ref) {
       }
   }
 }
+var Thumbnail_ = /*#__PURE__*/React.forwardRef(ThumbnailInner);
+var Placeholder = /*#__PURE__*/React.forwardRef(PlaceholderInner);
+
+// @ts-ignore
+Placeholder.displayName = 'Thumbnail.Placeholder';
+
+// @ts-ignore
+Thumbnail_.displayName = 'Thumbnail';
 
 /**
 
@@ -423,14 +431,6 @@ function ThumbnailInner(props, ref) {
  @see [Design Guidelines](https://design.procore.com/thumbnail)
 
  */
-var Thumbnail_ = /*#__PURE__*/React.forwardRef(ThumbnailInner);
-var Placeholder = /*#__PURE__*/React.forwardRef(PlaceholderInner);
-
-// @ts-ignore
-Placeholder.displayName = 'Thumbnail.Placeholder';
-
-// @ts-ignore
-Thumbnail_.displayName = 'Thumbnail';
 export var Thumbnail = addSubcomponents({
   Placeholder: Placeholder
 }, Thumbnail_);

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":"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"}
+{"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":";;;;;;;;;;;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAGnI,gBAAgB,CAAC;EAAEiI,WAAW,EAAXA;AAAY,CAAC,EAAED,UAAU,CAAC"}

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_31_0__sc-195f70c-0"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-1"
+  componentId: "core-11_32_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-11_31_0__sc-195f70c-2"
+  componentId: "core-11_32_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-11_31_0__sc-195f70c-3"
+  componentId: "core-11_32_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-11_31_0__sc-195f70c-4"
+  componentId: "core-11_32_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-11_31_0__sc-195f70c-5"
+  componentId: "core-11_32_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-11_31_0__sc-195f70c-6"
+  componentId: "core-11_32_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-11_31_0__sc-195f70c-7"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-8"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-9"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-10"
+  componentId: "core-11_32_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-11_31_0__sc-195f70c-11"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-12"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-13"
+  componentId: "core-11_32_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-11_31_0__sc-195f70c-14"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-15"
+  componentId: "core-11_32_0__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_31_0__sc-195f70c-16"
+  componentId: "core-11_32_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';