@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js

@@ -8,189 +8,76 @@ const shouldForwardProp = prop => {
 };
 const AssetGalleryWrapper = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.disabled && css`
-      cursor: not-allowed;
-    `};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__AssetGalleryWrapper",
+  componentId: "sc-12t57x8-0"
+})(["", ";"], props => props.disabled && css(["cursor:not-allowed;"]));
 const Reference = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  width: 100%;
-  height: 100%;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Reference",
+  componentId: "sc-12t57x8-1"
+})(["width:100%;height:100%;"]);
 const AssetGalleryCompactCard = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: block;
-  height: 100%;
-  padding-left: ${props => props.selected ? 1 : 0}px;
-  padding-right: ${props => props.selected ? 1 : 0}px;
-  padding-top: ${props => props.selected ? 1 : 0}px;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'))};
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
-
-  ${props => props.disabled && css`
-      pointer-events: none;
-      opacity: 0.4;
-    `};
-
-  ${props => props.extendedSelectMode && css`
-      cursor: pointer;
-    `}
-  video {
-    width: 100%;
-    height: 100%;
-  }
-
-  .audio {
-    display: flex;
-    justify-content: center;
-    svg {
-      width: 25%;
-    }
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__AssetGalleryCompactCard",
+  componentId: "sc-12t57x8-2"
+})(["display:block;height:100%;padding-left:", "px;padding-right:", "px;padding-top:", "px;box-sizing:border-box;cursor:pointer;", ";", ";", ";", " video{width:100%;height:100%;}.audio{display:flex;justify-content:center;svg{width:25%;}}"], props => props.selected ? 1 : 0, props => props.selected ? 1 : 0, props => props.selected ? 1 : 0, props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')), props => props.disabled && css(["pointer-events:none;opacity:0.4;"]), props => props.extendedSelectMode && css(["cursor:pointer;"]));
 const Figure = styled.figure.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-
-  .lazy-load-image-background {
-    display: block !important;
-  }
-
-  img {
-    display: block;
-    height: 100%;
-    width: 100%;
-    ${props => props.$hasHeightAndWidth ? css`
-            object-fit: cover;
-          ` : css`
-            object-fit: contain;
-          `}
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Figure",
+  componentId: "sc-12t57x8-3"
+})(["display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;position:relative;margin:0;width:100%;height:100%;box-sizing:border-box;.lazy-load-image-background{display:block !important;}img{display:block;height:100%;width:100%;", "}"], props => props.$hasHeightAndWidth ? css(["object-fit:cover;"]) : css(["object-fit:contain;"]));
 const FigureOverlayBackdrop = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  inset: 0;
-  opacity: ${props => props.selected ? 0.6 : 0};
-  background-color: ${props => props.selected ? '#ACCEF7' : 'transparent'};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__FigureOverlayBackdrop",
+  componentId: "sc-12t57x8-4"
+})(["position:absolute;inset:0;opacity:", ";background-color:", ";"], props => props.selected ? 0.6 : 0, props => props.selected ? '#ACCEF7' : 'transparent');
 const Overlay = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Overlay",
+  componentId: "sc-12t57x8-5"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;"]);
 const OverlayBackdrop = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  opacity: 0;
-  transition: opacity 220ms;
-
-  ${props => !props.selected ? css`
-          background: radial-gradient(
-            ellipse at center,
-            rgba(0, 0, 0, 0.3) 27%,
-            rgba(0, 0, 0, 0.5) 60%,
-            rgba(0, 0, 0, 0.7) 90%
-          );
-        ` : null}
-  ${props => (props.selected || props.$softSelected) && css`
-      opacity: 1;
-    `}
-    ${Overlay}:hover & {
-    opacity: 1;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayBackdrop",
+  componentId: "sc-12t57x8-6"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 220ms;", " ", " ", ":hover &{opacity:1;}"], props => !props.selected ? css(["background:radial-gradient( ellipse at center,rgba(0,0,0,0.3) 27%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.7) 90% );"]) : null, props => (props.selected || props.$softSelected) && css(["opacity:1;"]), Overlay);
 const OverlayInfo = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 15px 50px 10px 12px;
-  color: ${props => props.theme.getColor('gray-100')};
-  & span {
-    overflow: hidden;
-    word-wrap: break-word;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfo",
+  componentId: "sc-12t57x8-7"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;padding:15px 50px 10px 12px;color:", ";& span{overflow:hidden;word-wrap:break-word;}"], props => props.theme.getColor('gray-100'));
 const OverlayCompleted = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border: 3px solid;
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayCompleted",
+  componentId: "sc-12t57x8-8"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border:3px solid;", ";"], props => {
   if (props.$softSelected) return null;
   return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), rgba(props.theme.getColor('emerald-500'), 0.7));
-}};
-`;
+});
 const OverlayHasError = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border: 3px solid;
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayHasError",
+  componentId: "sc-12t57x8-9"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border:3px solid;", ""], props => {
   if (props.$softSelected) return null;
   return props.theme.themeProp('border-color', props.theme.getColor('red-600'), rgba(props.theme.getColor('red-500'), 0.7));
-}}
-`;
+});
 const OverlaySelected = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border-style: solid;
-  border-width: 3px;
-
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlaySelected",
+  componentId: "sc-12t57x8-10"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border-style:solid;border-width:3px;", ";"], props => {
   if (props.$softSelected) {
     return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
   }
@@ -202,155 +89,81 @@ const OverlaySelected = styled.div.withConfig({
     }
   }
   return props.theme.themeProp('border-color', 'transparent', 'transparent');
-}};
-`;
+});
 const OverlayInfoTop = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  display: flex;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTop",
+  componentId: "sc-12t57x8-11"
+})(["position:absolute;left:0;right:0;top:0;padding:8px;display:flex;"]);
 const OverlayInfoTopActions = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 4px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  transition: opacity 220ms;
-  z-index: 99999;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
-
-  opacity: 1;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopActions",
+  componentId: "sc-12t57x8-12"
+})(["position:absolute;top:0;right:0;padding:4px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity 220ms;z-index:99999;", " opacity:1;"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')));
 const StatusIcon = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  margin: 4px auto 6px auto;
-  pointer-events: none;
-  border-radius: 50%;
-  width: 28px;
-  height: 28px;
-  box-shadow: 0px 3px 6px ${props => rgba(props.theme.getColor('black'), 0.16)};
-  svg {
-    width: 100%;
-    height: 100%;
-  }
-`;
-const VisibleOnHover = styled.div`
-  opacity: 0;
-  transition: opacity 220ms;
-  ${Overlay}:hover & {
-    opacity: 1;
-  }
-  visibility: ${props => props.$hidden ? 'hidden' : 'visible'};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__StatusIcon",
+  componentId: "sc-12t57x8-13"
+})(["display:inline-flex;justify-content:center;align-items:center;margin:4px auto 6px auto;pointer-events:none;border-radius:50%;width:28px;height:28px;box-shadow:0px 3px 6px ", ";svg{width:100%;height:100%;}"], props => rgba(props.theme.getColor('black'), 0.16));
+const VisibleOnHover = styled.div.withConfig({
+  displayName: "AssetGalleryCompactCardstyled__VisibleOnHover",
+  componentId: "sc-12t57x8-14"
+})(["opacity:0;transition:opacity 220ms;", ":hover &{opacity:1;}visibility:", ";"], Overlay, props => props.$hidden ? 'hidden' : 'visible');
 const OverlayInfoTopLeft = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 1;
-  display: ${props => props?.$collapseExtraInfo ? 'none' : 'block'};
-
-  ${Overlay}:hover & {
-    opacity: 0;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopLeft",
+  componentId: "sc-12t57x8-15"
+})(["opacity:1;display:", ";", ":hover &{opacity:0;}"], props => props?.$collapseExtraInfo ? 'none' : 'block', Overlay);
 const OverlayInfoTopWarning = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  margin-left: auto;
-  height: 24px;
-  width: 24px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  padding: ${props => props.type === 'error' ? 0 : '3px 4px'};
-  background-color: ${props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
-  opacity: 1;
-
-  svg {
-    width: 100%;
-    color: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
-  }
-
-  ${Overlay}:hover & {
-    opacity: 0;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopWarning",
+  componentId: "sc-12t57x8-16"
+})(["margin-left:auto;height:24px;width:24px;border-radius:50%;box-sizing:border-box;padding:", ";background-color:", ";opacity:1;svg{width:100%;color:", ";}", ":hover &{opacity:0;}"], props => props.type === 'error' ? 0 : '3px 4px', props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100'), props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700'), Overlay);
 const OverlayInfoBottom = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: 8px;
-  display: flex;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottom",
+  componentId: "sc-12t57x8-17"
+})(["position:absolute;left:0;right:0;bottom:0;padding:8px;display:flex;"]);
 const OverlayInfoBottomSelectButton = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: ${props => props.selected ? 1 : 0};
-  flex-shrink: 0;
-  cursor: pointer;
-  transition: opacity 220ms;
-  height: 24px;
-
-  > svg {
-    width: 24px;
-    height: 24px;
-    transition: opacity 120ms;
-    opacity: ${props => props.selected ? 1 : 0.5};
-  }
-
-  ${Overlay}:hover & {
-    opacity: 1;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottomSelectButton",
+  componentId: "sc-12t57x8-18"
+})(["opacity:", ";flex-shrink:0;cursor:pointer;transition:opacity 220ms;height:24px;> svg{width:24px;height:24px;transition:opacity 120ms;opacity:", ";}", ":hover &{opacity:1;}"], props => props.selected ? 1 : 0, props => props.selected ? 1 : 0.5, Overlay);
 const OverlayInfoBottomMediaIcon = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  margin-left: auto;
-  opacity: 1;
-
-  ${Overlay}:hover & {
-    opacity: 0;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottomMediaIcon",
+  componentId: "sc-12t57x8-19"
+})(["margin-left:auto;opacity:1;", ":hover &{opacity:0;}"], Overlay);
 const ConsumerDefinedOverlay = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-`;
-styled.div`
-  margin: 4px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__ConsumerDefinedOverlay",
+  componentId: "sc-12t57x8-20"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;"]);
+styled.div.withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Fragment",
+  componentId: "sc-12t57x8-21"
+})(["margin:4px;"]);
 styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
-  padding: 4px 8px;
-  border-radius: 4px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__ActionTitle",
+  componentId: "sc-12t57x8-22"
+})(["", " padding:4px 8px;border-radius:4px;"], props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')));
 const StyledFloatingArrow = styled(FloatingArrow).withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__StyledFloatingArrow",
+  componentId: "sc-12t57x8-23"
+})(["", ""], props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white')));
 
 export { AssetGalleryCompactCard, AssetGalleryWrapper, ConsumerDefinedOverlay, Figure, FigureOverlayBackdrop, Overlay, OverlayBackdrop, OverlayCompleted, OverlayHasError, OverlayInfo, OverlayInfoBottom, OverlayInfoBottomMediaIcon, OverlayInfoBottomSelectButton, OverlayInfoTop, OverlayInfoTopActions, OverlayInfoTopLeft, OverlayInfoTopWarning, OverlaySelected, Reference, StatusIcon, StyledFloatingArrow, VisibleOnHover };
 //# sourceMappingURL=AssetGalleryCompactCard.styled.js.map

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryCompactCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const Reference = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n`;\n\nexport const AssetGalleryCompactCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: block;\n  height: 100%;\n  padding-left: ${props => (props.selected ? 1 : 0)}px;\n  padding-right: ${props => (props.selected ? 1 : 0)}px;\n  padding-top: ${props => (props.selected ? 1 : 0)}px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    )};\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  .lazy-load-image-background {\n    display: block !important;\n  }\n\n  img {\n    display: block;\n    height: 100%;\n    width: 100%;\n    ${props =>\n      props.$hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n    ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 50px 10px 12px;\n  color: ${props => props.theme.getColor('gray-100')};\n  & span {\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n`;\n\nexport const OverlayCompleted = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('emerald-500'),\n      rgba(props.theme.getColor('emerald-500'), 0.7)\n    );\n  }};\n`;\n\nexport const OverlayHasError = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('red-600'),\n      rgba(props.theme.getColor('red-500'), 0.7)\n    );\n  }}\n`;\n\nexport const OverlaySelected = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border-style: solid;\n  border-width: 3px;\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.$customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.$customSelectedBorder[0],\n          props.$customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    return props.theme.themeProp('border-color', 'transparent', 'transparent');\n  }};\n`;\n\nexport const OverlayInfoTop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: 1;\n`;\n\nexport const StatusIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  margin: 4px auto 6px auto;\n  pointer-events: none;\n  border-radius: 50%;\n  width: 28px;\n  height: 28px;\n  box-shadow: 0px 3px 6px ${props => rgba(props.theme.getColor('black'), 0.16)};\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const VisibleOnHover = styled.div`\n  opacity: 0;\n  transition: opacity 220ms;\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n  visibility: ${props => (props.$hidden ? 'hidden' : 'visible')};\n`;\n\nexport const OverlayInfoTopLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  display: ${props => (props?.$collapseExtraInfo ? 'none' : 'block')};\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '3px 4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoBottom = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  height: 24px;\n\n  > svg {\n    width: 24px;\n    height: 24px;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n  padding: 4px 8px;\n  border-radius: 4px;\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","disabled","css","Reference","AssetGalleryCompactCard","selected","theme","themeProp","getColor","extendedSelectMode","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","$softSelected","OverlayInfo","OverlayCompleted","rgba","OverlayHasError","OverlaySelected","$customSelectedBorder","OverlayInfoTop","OverlayInfoTopActions","StatusIcon","VisibleOnHover","$hidden","OverlayInfoTopLeft","$collapseExtraInfo","OverlayInfoTopWarning","type","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StyledFloatingArrow","FloatingArrow"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryCompactCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.ts"],"sourcesContent":["/*\n * $-transient-prop pattern: rules in\n * `src/components/layout/SectionSeparator/SectionSeparator.styled.ts`, derivation and\n * measurements in `scripts/TS-MIGRATION-PLAYBOOK.md` §J.\n *\n * FOUR OF THIS FILE'S KEYS HAVE NO `$`, so `shouldForwardProp` hands all four to React:\n * `disabled`, `selected`, `extendedSelectMode` and `type`. They are DECLARED, not\n * renamed — §E.4 third case, C10 — and WHAT EACH ONE ACTUALLY DOES DIFFERS, measured\n * against `scripts/r19-harness/baseline.json` and against react-dom@19.2.4 directly:\n *\n *   `disabled`  reaches the DOM. `disabled=\"\"` is on the wrapper AND the card root in\n *               the recorded baseline (`widgets/AssetGalleryCompactCard#disabled`).\n *   `type`      reaches the DOM as `type=\"error\"` — a string on a `<div>` is rendered.\n *               No fixture exercises it (it needs `asset.note.title` and no\n *               `statusIcon`), so it is absent from the baseline today.\n *   `selected`  does NOT reach the DOM: React drops a boolean `selected` on any element\n *               that is not an `<option>`, silently. Verified by rendering one.\n *   `extendedSelectMode`  does NOT reach the DOM twice over: `ComputedRootComponent`\n *               `omit`s it before the inner render, and React drops an unrecognised\n *               camelCase prop whose value is `true` anyway (with a dev warning).\n *\n * So renaming `disabled` moves the baseline, renaming `type` changes real output that\n * no fixture covers, and renaming the other two changes nothing that is rendered. All\n * four are still behaviour changes and none of them belongs in a type-only commit.\n *\n * `VisibleOnHover` is the only BARE-ROOT chain here (`styled.div<P>` + template), which\n * is the third legal generic slot; the other twelve annotated components have `.attrs()`.\n */\nimport { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nimport type { AssetNoteType } from '../../asset.types';\n\n/**\n * `asset.disabled` — `PropTypes.bool` on the asset shape.\n *\n * NO `$`, AND THAT IS A DEFECT — AND THIS IS THE ONE OF THE FOUR THAT IS ALREADY IN\n * THE BASELINE. `shouldForwardProp` forwards every non-`$` prop; React does recognise\n * `disabled` and renders it as a bare boolean attribute even on a `<div>`, so\n * `disabled=\"\"` sits on both the wrapper and the card root in\n * `scripts/r19-harness/baseline.json` under `widgets/AssetGalleryCompactCard#disabled`.\n * Grep it: `disabled=` appears 35 times across that file.\n *\n * The fix is to rename it `$disabled` at both ends, which REMOVES that attribute and\n * therefore MOVES the render baseline — C10 work, §E.4.\n *\n * Hosts: `AssetGalleryWrapper` and `AssetGalleryCompactCard`.\n */\ninterface AssetGalleryDisabledStyleProps {\n  disabled?: boolean;\n}\n\n/**\n * The selection-state props, declared once because six components take overlapping\n * subsets of them; each one below `Pick`s exactly what its JSX site passes.\n * `AssetGalleryCompactCard.tsx` is the only caller.\n */\ninterface AssetGallerySelectionStyleProps {\n  /**\n   * `selected` — `PropTypes.bool`.\n   *\n   * NO `$`, AND THAT IS A DEFECT — BUT NOT A DOM LEAK, and the difference is worth\n   * stating because the obvious guess is wrong. `shouldForwardProp` does forward it to\n   * React, but React DROPS a boolean `selected` on anything that is not an `<option>`,\n   * silently and with no warning; measured by rendering `<div selected>` through\n   * react-dom@19.2.4, and confirmed by `selected=` appearing ZERO times in\n   * `scripts/r19-harness/baseline.json`.\n   *\n   * So the defect is that the prop is unfiltered and the render only stays clean because\n   * React cleans up after it. Prefixing it is still the right fix and still a behaviour\n   * change to review on its own (C10) — it just would not move the baseline.\n   */\n  selected?: boolean;\n  /** `softSelected` — `PropTypes.bool.isRequired` on the COMPONENT, but optional here: a\n   *  required declaration produces TS2769 at `<X />` and at `<X {...props} />`. §J.5. */\n  $softSelected?: boolean;\n  /** `customSelectedBorder` — `PropTypes.arrayOf(PropTypes.string)`, read as\n   *  `[darkModeColor, lightModeColor]`. `string[]` and not `[string, string]`, because\n   *  that is what the propTypes say. */\n  $customSelectedBorder?: string[];\n}\n\n/**\n * The card root's props. `as={ComputedRootComponent}` is passed alongside these and that\n * wrapper re-renders this same styled component with the leftover props, so both passes\n * see the same shape.\n */\ninterface AssetGalleryCompactCardStyleProps\n  extends AssetGalleryDisabledStyleProps,\n    Pick<AssetGallerySelectionStyleProps, 'selected'> {\n  /**\n   * `extendedSelectMode` — `PropTypes.bool`. Makes the whole card a selectable area.\n   *\n   * NO `$`, AND THAT IS A DEFECT — and it reaches the DOM even less than `selected`\n   * does, for two independent reasons. `ComputedRootComponent` explicitly `omit`s this\n   * key before re-rendering the card, so the inner pass never sees it; and React drops\n   * an unrecognised camelCase prop whose value is `true` anyway, warning \"React does\n   * not recognize the `extendedSelectMode` prop on a DOM element\". Both measured.\n   * `extendedselectmode` appears ZERO times in the recorded baseline, with the base\n   * fixture passing `extendedSelectMode: true`. Declared here, renamed in C10.\n   */\n  extendedSelectMode?: boolean;\n}\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`, and\n * the two majors disagree on the second parameter. §J.4. `prop` needs the annotation\n * because `withConfig` takes this by reference, so it gets no contextual typing.\n */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<AssetGalleryDisabledStyleProps>(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const Reference = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n`;\n\nexport const AssetGalleryCompactCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<AssetGalleryCompactCardStyleProps>(applyDefaultTheme)`\n  display: block;\n  height: 100%;\n  padding-left: ${props => (props.selected ? 1 : 0)}px;\n  padding-right: ${props => (props.selected ? 1 : 0)}px;\n  padding-top: ${props => (props.selected ? 1 : 0)}px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    )};\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\n/* `hasHeightAndWidth` — `PropTypes.bool`; picks `object-fit: cover` over `contain`. */\nexport const Figure = styled.figure\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $hasHeightAndWidth?: boolean }>(applyDefaultTheme)`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  .lazy-load-image-background {\n    display: block !important;\n  }\n\n  img {\n    display: block;\n    height: 100%;\n    width: 100%;\n    ${props =>\n      props.$hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGallerySelectionStyleProps, 'selected'>>(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<\n    AssetGallerySelectionStyleProps,\n    'selected' | '$softSelected'\n  >>(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n    ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 50px 10px 12px;\n  color: ${props => props.theme.getColor('gray-100')};\n  & span {\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n`;\n\nexport const OverlayCompleted = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGallerySelectionStyleProps, '$softSelected'>>(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('emerald-500'),\n      rgba(props.theme.getColor('emerald-500'), 0.7)\n    );\n  }};\n`;\n\nexport const OverlayHasError = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGallerySelectionStyleProps, '$softSelected'>>(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ${props => {\n    if (props.$softSelected) return null;\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('red-600'),\n      rgba(props.theme.getColor('red-500'), 0.7)\n    );\n  }}\n`;\n\nexport const OverlaySelected = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<AssetGallerySelectionStyleProps>(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border-style: solid;\n  border-width: 3px;\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.$customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.$customSelectedBorder[0],\n          props.$customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    return props.theme.themeProp('border-color', 'transparent', 'transparent');\n  }};\n`;\n\nexport const OverlayInfoTop = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: 1;\n`;\n\nexport const StatusIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  margin: 4px auto 6px auto;\n  pointer-events: none;\n  border-radius: 50%;\n  width: 28px;\n  height: 28px;\n  box-shadow: 0px 3px 6px ${props => rgba(props.theme.getColor('black'), 0.16)};\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\n/*\n * THE BARE-ROOT SLOT. No `.withConfig()` and no `.attrs()`, so neither of the other two\n * positions exists and the generic goes on the root itself — the third legal form in\n * §J.1. That is legal here precisely because no property access follows the\n * instantiation; `styled.div<P>.withConfig(…)` would be TS1477.\n *\n * `$hidden` is `extendedSelectMode` carried across as a transient prop. Without the\n * declaration the read is TS2551, \"did you mean 'hidden'?\" — `hidden` IS a real HTML\n * attribute and the two names differ by one character, which is exactly the class of\n * mistake an `any`-typed props bag hides.\n */\nexport const VisibleOnHover = styled.div<{ $hidden?: boolean }>`\n  opacity: 0;\n  transition: opacity 220ms;\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n  visibility: ${props => (props.$hidden ? 'hidden' : 'visible')};\n`;\n\n/* `collapseExtraInfo` — `PropTypes.bool`; hides the badge slot when the card is narrow. */\nexport const OverlayInfoTopLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $collapseExtraInfo?: boolean }>(applyDefaultTheme)`\n  opacity: 1;\n  display: ${props => (props?.$collapseExtraInfo ? 'none' : 'block')};\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\n/*\n * `type` HAS NO `$`, AND THAT IS A DEFECT — declared, not fixed.\n *\n * `AssetGalleryCompactCard.tsx` passes `type={asset?.note?.type}` and\n * `shouldForwardProp` forwards it. Unlike `selected` this one DOES reach the DOM — a\n * string-valued `type` renders on a `<div>` — so real consumers have `type=\"error\"` on\n * the note glyph. It is nevertheless absent from `scripts/r19-harness/baseline.json`,\n * because rendering the glyph needs `asset.note.title` AND no `asset.statusIcon` and no\n * fixture arranges that. So prefixing it changes rendered output WITHOUT moving the\n * baseline — still a behaviour change, still C10, and a fixture gap worth recording.\n *\n * The value type is `AssetNoteType` from `asset.types.ts` rather than `string`: it is a\n * closed 3-member union, so a comparison against a value outside it is TS2367 instead of\n * a branch that never fires (§J.6). Only 'error' has its own styling here.\n */\nexport const OverlayInfoTopWarning = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ type?: AssetNoteType }>(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '3px 4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoBottom = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGallerySelectionStyleProps, 'selected'>>(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  height: 24px;\n\n  > svg {\n    width: 24px;\n    height: 24px;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n\n  ${Overlay}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n  padding: 4px 8px;\n  border-radius: 4px;\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","disabled","css","Reference","AssetGalleryCompactCard","selected","theme","themeProp","getColor","extendedSelectMode","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","$softSelected","OverlayInfo","OverlayCompleted","rgba","OverlayHasError","OverlaySelected","$customSelectedBorder","OverlayInfoTop","OverlayInfoTopActions","StatusIcon","VisibleOnHover","$hidden","OverlayInfoTopLeft","$collapseExtraInfo","OverlayInfoTopWarning","type","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StyledFloatingArrow","FloatingArrow"],"mappings":"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"}