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

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

@@ -2,17 +2,19 @@ import { rgba } from 'polished';
 import styled, { css } from 'styled-components';
 import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
 
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
 const darkBorderColor = '#52525B';
 const darkBgColor = '#27272A';
 const darkHoverBgColor = '#3F3F46';
 const lightHoverBgColor = '#E4E4E7';
-const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`
-  width: 100%;
-  height: 100%;
-  ${props => props.disabled && css`
-      cursor: not-allowed;
-    `};
-`;
+const AssetGalleryWrapper = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__AssetGalleryWrapper",
+  componentId: "sc-1le1w02-0"
+})(["width:100%;height:100%;", ";"], props => props.disabled && css(["cursor:not-allowed;"]));
 const ringState = props => {
   if (props.selected) return props.$customSelectedBorder ? 'custom' : 'selected';
   if (props.$softSelected) return 'soft';
@@ -30,369 +32,138 @@ const AssetGalleryGridCard = styled.div.attrs(props => ({
       '--ring-light': props.$customSelectedBorder[1]
     } : {})
   }
-}))`
-  display: block;
-  position: relative;
-  height: 100%;
-  margin: 0;
-  box-sizing: border-box;
-  text-decoration: none;
-  cursor: pointer;
-  transition: box-shadow 220ms;
-  overflow: hidden;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
-
-  ${props => props.disabled && css`
-      pointer-events: none;
-      opacity: 0.4;
-    `};
-
-  ${props => props.extendedSelectMode && css`
-      cursor: pointer;
-    `}
-
-  &:hover {
-    box-shadow: 0px 3px 6px #00000029;
-  }
-
-  &::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    box-sizing: border-box;
-    z-index: 10;
-    border-style: solid;
-    border-width: 1px;
-  }
-  &[data-ring='soft']::after,
-  &[data-ring='selected']::after,
-  &[data-ring='custom']::after,
-  &[data-ring='completed']::after,
-  &[data-ring='error']::after {
-    border-width: 3px;
-  }
-
-  ${props => {
+})).withConfig({
+  displayName: "AssetGalleryGridCardstyled__AssetGalleryGridCard",
+  componentId: "sc-1le1w02-1"
+})(["display:block;position:relative;height:100%;margin:0;box-sizing:border-box;text-decoration:none;cursor:pointer;transition:box-shadow 220ms;overflow:hidden;", " ", ";", " &:hover{box-shadow:0px 3px 6px #00000029;}&::after{content:'';position:absolute;inset:0;pointer-events:none;box-sizing:border-box;z-index:10;border-style:solid;border-width:1px;}&[data-ring='soft']::after,&[data-ring='selected']::after,&[data-ring='custom']::after,&[data-ring='completed']::after,&[data-ring='error']::after{border-width:3px;}", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.disabled && css(["pointer-events:none;opacity:0.4;"]), props => props.extendedSelectMode && css(["cursor:pointer;"]), props => {
   const gray100 = props.theme.getColor('gray-100');
   const gray300 = props.theme.getColor('gray-300');
   const gray700 = props.theme.getColor('gray-700');
   const emerald = props.theme.getColor('emerald-500');
   const red500 = props.theme.getColor('red-500');
   const red600 = props.theme.getColor('red-600');
-  return css`
-      &[data-ring='idle']::after {
-        border-color: ${gray300};
-      }
-      &[data-ring='soft']::after {
-        border-color: ${rgba(gray700, 0.5)};
-      }
-      &[data-ring='selected']::after {
-        border-color: ${darkBorderColor};
-      }
-      &[data-ring='custom']::after {
-        border-color: var(--ring-light);
-      }
-      &[data-ring='completed']::after {
-        border-color: ${rgba(emerald, 0.7)};
-      }
-      &[data-ring='error']::after {
-        border-color: ${rgba(red500, 0.7)};
-      }
-
-      @media (prefers-color-scheme: dark) {
-        &[data-ring='idle']::after {
-          border-color: ${darkBorderColor};
-        }
-        &[data-ring='soft']::after {
-          border-color: ${rgba(gray100, 0.5)};
-        }
-        &[data-ring='selected']::after {
-          border-color: ${gray100};
-        }
-        &[data-ring='custom']::after {
-          border-color: var(--ring-dark);
-        }
-        &[data-ring='completed']::after {
-          border-color: ${emerald};
-        }
-        &[data-ring='error']::after {
-          border-color: ${red600};
-        }
-      }
-      body.light-theme &[data-ring='idle']::after {
-        border-color: ${gray300};
-      }
-      body.light-theme &[data-ring='soft']::after {
-        border-color: ${rgba(gray700, 0.5)};
-      }
-      body.light-theme &[data-ring='selected']::after {
-        border-color: ${darkBorderColor};
-      }
-      body.light-theme &[data-ring='custom']::after {
-        border-color: var(--ring-light);
-      }
-      body.light-theme &[data-ring='completed']::after {
-        border-color: ${rgba(emerald, 0.7)};
-      }
-      body.light-theme &[data-ring='error']::after {
-        border-color: ${rgba(red500, 0.7)};
-      }
-      body.dark-theme &[data-ring='idle']::after {
-        border-color: ${darkBorderColor};
-      }
-      body.dark-theme &[data-ring='soft']::after {
-        border-color: ${rgba(gray100, 0.5)};
-      }
-      body.dark-theme &[data-ring='selected']::after {
-        border-color: ${gray100};
-      }
-      body.dark-theme &[data-ring='custom']::after {
-        border-color: var(--ring-dark);
-      }
-      body.dark-theme &[data-ring='completed']::after {
-        border-color: ${emerald};
-      }
-      body.dark-theme &[data-ring='error']::after {
-        border-color: ${red600};
-      }
-    `;
-}};
-`;
-const ThumbnailSection = styled.div.attrs(applyDefaultTheme)`
-  position: relative;
-  overflow: hidden;
-  transition: background 220ms;
-  ${props => props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}
-  ${AssetGalleryGridCard}:hover & {
-    ${props => props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}
-  }
-`;
-const HorizontalBar = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px;
-  height: 40px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  position: relative;
-  z-index: 2;
-`;
-const HorizontalBarLeft = styled.div`
-  display: flex;
-  align-items: center;
-`;
-const HorizontalBarRight = styled.div`
-  display: flex;
-  align-items: center;
-`;
-const StatusIconCircle = styled.span.attrs(applyDefaultTheme)`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  pointer-events: none;
-  svg {
-    width: 100%;
-    height: 100%;
-  }
-`;
-const ThumbnailRow = styled.div`
-  position: relative;
-  display: flex;
-  width: 100%;
-`;
-const ThumbnailSpacer = styled.div`
-  flex: 1;
-`;
-const ThumbnailWrapper = styled.div`
-  width: max(66%, 268px);
-  flex-shrink: 0;
-`;
-const ThumbnailBox = styled.div.attrs(applyDefaultTheme)`
-  position: relative;
-  height: 168px;
-
-  flex-shrink: 0;
-  overflow: hidden;
-
-  img,
-  video {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-    display: block;
-  }
-
-  .audio {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    svg {
-      width: 35%;
-      ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-400'))}
-    }
-  }
-`;
-const ThumbnailSelectedOverlay = styled.div.attrs(applyDefaultTheme)`
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  opacity: ${props => props.selected ? 0.6 : 0};
-  background-color: #accef7;
-  transition: opacity 220ms;
-  z-index: 1;
-`;
-const ThumbnailActions = styled.div`
-  flex: 1;
-`;
-const ActionsContainer = styled.div.attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: end;
-  flex-direction: column;
-  gap: 8px;
-  opacity: 0;
-  transition: opacity 220ms;
-  z-index: 1;
-  position: absolute;
-  right: 8px;
-  ${AssetGalleryGridCard}:hover & {
-    opacity: 1;
-  }
-
-  ${AssetGalleryGridCard}:focus-within & {
-    opacity: 1;
-  }
-`;
-const Action = styled.div`
-  margin: 0;
-
-  button {
-    box-shadow: 0px 3px 6px #00000033;
-  }
-  svg {
-    width: 16px;
-    height: 16px;
-    max-height: unset;
-    max-width: unset;
-  }
-`;
-const ConsumerOverlay = styled.div`
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  z-index: 1;
-`;
-const CardBody = styled.div.attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  padding: 16px 0px 0px 0px;
-`;
-const CardTitle = styled.span.attrs(applyDefaultTheme)`
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: 0px 16px;
-  font: normal normal 500 14px/19px Roboto;
-  letter-spacing: 0.28px;
-  height: 19px;
-  box-sizing: border-box;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}
-`;
-const CardDescription = styled.span.attrs(applyDefaultTheme)`
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: 6px 16px;
-  font: normal normal normal 12px/1.286em Roboto;
-  letter-spacing: 0.24px;
-  height: 52px;
-  box-sizing: border-box;
-  overflow-wrap: break-word;
-  word-break: break-word;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}
-`;
-const InstructionsWrapper = styled.div.attrs(applyDefaultTheme)`
-  min-height: 96px;
-  margin-top: 16px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  transition: background 220ms;
-  opacity: 0;
-  ${props => props.$hasContent && css`
-      opacity: 1;
-      border-top: 0.56px solid;
-      border-bottom: 0.56px solid;
-      ${props.theme.themeProp('border-color', darkBorderColor, props.theme.getColor('gray-300'))}
-    `}
-
-  ${props => props.$hasContent && css`
-      opacity: 1;
-      ${props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}
-      ${AssetGalleryGridCard}:hover & {
-        ${props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}
-      }
-    `}
-`;
-const CardFooter = styled.div.attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0px 16px;
-  min-height: 52px;
-  box-sizing: border-box;
-`;
-const CardFooterLeft = styled.div`
-  display: flex;
-  align-items: center;
-  > * {
-    margin-right: 4px;
-  }
-`;
-const CardFooterRight = styled.div`
-  display: flex;
-  align-items: center;
-  > * {
-    margin-left: 4px;
-  }
-`;
-const CardDivider = styled.div.attrs(applyDefaultTheme)`
-  height: 1px;
-  flex-shrink: 0;
-  opacity: ${props => props.invisible ? 0 : 1};
-  ${props => props.theme.themeProp('background', darkBorderColor, props.theme.getColor('gray-300'))}
-`;
-const CheckboxRow = styled.div`
-  display: flex;
-  padding: 0px 16px;
-  align-items: center;
-  height: 56px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-`;
-styled.div.attrs(applyDefaultTheme)`
-  opacity: 1;
-  flex-shrink: 0;
-  cursor: pointer;
-  transition: opacity 220ms;
-  ${props => props.theme.themeProp('color', 'white', 'black')}
-  > svg {
-    width: 23px;
-    height: 100%;
-  }
-`;
+  return css(["&[data-ring='idle']::after{border-color:", ";}&[data-ring='soft']::after{border-color:", ";}&[data-ring='selected']::after{border-color:", ";}&[data-ring='custom']::after{border-color:var(--ring-light);}&[data-ring='completed']::after{border-color:", ";}&[data-ring='error']::after{border-color:", ";}@media (prefers-color-scheme:dark){&[data-ring='idle']::after{border-color:", ";}&[data-ring='soft']::after{border-color:", ";}&[data-ring='selected']::after{border-color:", ";}&[data-ring='custom']::after{border-color:var(--ring-dark);}&[data-ring='completed']::after{border-color:", ";}&[data-ring='error']::after{border-color:", ";}}body.light-theme &[data-ring='idle']::after{border-color:", ";}body.light-theme &[data-ring='soft']::after{border-color:", ";}body.light-theme &[data-ring='selected']::after{border-color:", ";}body.light-theme &[data-ring='custom']::after{border-color:var(--ring-light);}body.light-theme &[data-ring='completed']::after{border-color:", ";}body.light-theme &[data-ring='error']::after{border-color:", ";}body.dark-theme &[data-ring='idle']::after{border-color:", ";}body.dark-theme &[data-ring='soft']::after{border-color:", ";}body.dark-theme &[data-ring='selected']::after{border-color:", ";}body.dark-theme &[data-ring='custom']::after{border-color:var(--ring-dark);}body.dark-theme &[data-ring='completed']::after{border-color:", ";}body.dark-theme &[data-ring='error']::after{border-color:", ";}"], gray300, rgba(gray700, 0.5), darkBorderColor, rgba(emerald, 0.7), rgba(red500, 0.7), darkBorderColor, rgba(gray100, 0.5), gray100, emerald, red600, gray300, rgba(gray700, 0.5), darkBorderColor, rgba(emerald, 0.7), rgba(red500, 0.7), darkBorderColor, rgba(gray100, 0.5), gray100, emerald, red600);
+});
+const ThumbnailSection = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailSection",
+  componentId: "sc-1le1w02-2"
+})(["position:relative;overflow:hidden;transition:background 220ms;", " ", ":hover &{", "}"], props => props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50')), AssetGalleryGridCard, props => props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1));
+const HorizontalBar = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__HorizontalBar",
+  componentId: "sc-1le1w02-3"
+})(["display:flex;align-items:center;justify-content:space-between;padding:8px;height:40px;box-sizing:border-box;flex-shrink:0;position:relative;z-index:2;"]);
+const HorizontalBarLeft = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__HorizontalBarLeft",
+  componentId: "sc-1le1w02-4"
+})(["display:flex;align-items:center;"]);
+const HorizontalBarRight = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__HorizontalBarRight",
+  componentId: "sc-1le1w02-5"
+})(["display:flex;align-items:center;"]);
+const StatusIconCircle = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__StatusIconCircle",
+  componentId: "sc-1le1w02-6"
+})(["display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;pointer-events:none;svg{width:100%;height:100%;}"]);
+const ThumbnailRow = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailRow",
+  componentId: "sc-1le1w02-7"
+})(["position:relative;display:flex;width:100%;"]);
+const ThumbnailSpacer = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailSpacer",
+  componentId: "sc-1le1w02-8"
+})(["flex:1;"]);
+const ThumbnailWrapper = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailWrapper",
+  componentId: "sc-1le1w02-9"
+})(["width:max(66%,268px);flex-shrink:0;"]);
+const ThumbnailBox = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailBox",
+  componentId: "sc-1le1w02-10"
+})(["position:relative;height:168px;flex-shrink:0;overflow:hidden;img,video{width:100%;height:100%;object-fit:contain;display:block;}.audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;svg{width:35%;", "}}"], props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-400')));
+const ThumbnailSelectedOverlay = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailSelectedOverlay",
+  componentId: "sc-1le1w02-11"
+})(["position:absolute;inset:0;pointer-events:none;opacity:", ";background-color:#accef7;transition:opacity 220ms;z-index:1;"], props => props.selected ? 0.6 : 0);
+const ThumbnailActions = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__ThumbnailActions",
+  componentId: "sc-1le1w02-12"
+})(["flex:1;"]);
+const ActionsContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ActionsContainer",
+  componentId: "sc-1le1w02-13"
+})(["display:flex;align-items:end;flex-direction:column;gap:8px;opacity:0;transition:opacity 220ms;z-index:1;position:absolute;right:8px;", ":hover &{opacity:1;}", ":focus-within &{opacity:1;}"], AssetGalleryGridCard, AssetGalleryGridCard);
+const Action = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__Action",
+  componentId: "sc-1le1w02-14"
+})(["margin:0;button{box-shadow:0px 3px 6px #00000033;}svg{width:16px;height:16px;max-height:unset;max-width:unset;}"]);
+const ConsumerOverlay = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__ConsumerOverlay",
+  componentId: "sc-1le1w02-15"
+})(["position:absolute;inset:0;pointer-events:none;z-index:1;"]);
+const CardBody = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardBody",
+  componentId: "sc-1le1w02-16"
+})(["display:flex;flex-direction:column;flex:1;padding:16px 0px 0px 0px;"]);
+const CardTitle = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardTitle",
+  componentId: "sc-1le1w02-17"
+})(["display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0px 16px;font:normal normal 500 14px/19px Roboto;letter-spacing:0.28px;height:19px;box-sizing:border-box;", ""], props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')));
+const CardDescription = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardDescription",
+  componentId: "sc-1le1w02-18"
+})(["display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:6px 16px;font:normal normal normal 12px/1.286em Roboto;letter-spacing:0.24px;height:52px;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;", ""], props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')));
+const InstructionsWrapper = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__InstructionsWrapper",
+  componentId: "sc-1le1w02-19"
+})(["min-height:96px;margin-top:16px;box-sizing:border-box;flex-shrink:0;transition:background 220ms;opacity:0;", " ", ""], props => props.$hasContent && css(["opacity:1;border-top:0.56px solid;border-bottom:0.56px solid;", ""], props.theme.themeProp('border-color', darkBorderColor, props.theme.getColor('gray-300'))), props => props.$hasContent && css(["opacity:1;", " ", ":hover &{", "}"], props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50')), AssetGalleryGridCard, props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)));
+const CardFooter = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardFooter",
+  componentId: "sc-1le1w02-20"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0px 16px;min-height:52px;box-sizing:border-box;"]);
+const CardFooterLeft = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardFooterLeft",
+  componentId: "sc-1le1w02-21"
+})(["display:flex;align-items:center;> *{margin-right:4px;}"]);
+const CardFooterRight = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardFooterRight",
+  componentId: "sc-1le1w02-22"
+})(["display:flex;align-items:center;> *{margin-left:4px;}"]);
+const CardDivider = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CardDivider",
+  componentId: "sc-1le1w02-23"
+})(["height:1px;flex-shrink:0;opacity:", ";", ""], props => props.invisible ? 0 : 1, props => props.theme.themeProp('background', darkBorderColor, props.theme.getColor('gray-300')));
+const CheckboxRow = styled.div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__CheckboxRow",
+  componentId: "sc-1le1w02-24"
+})(["display:flex;padding:0px 16px;align-items:center;height:56px;box-sizing:border-box;flex-shrink:0;"]);
+styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__CheckboxButton",
+  componentId: "sc-1le1w02-25"
+})(["opacity:1;flex-shrink:0;cursor:pointer;transition:opacity 220ms;", " > svg{width:23px;height:100%;}"], props => props.theme.themeProp('color', 'white', 'black'));
 
 export { Action, ActionsContainer, AssetGalleryGridCard, AssetGalleryWrapper, CardBody, CardDescription, CardDivider, CardFooter, CardFooterLeft, CardFooterRight, CardTitle, CheckboxRow, ConsumerOverlay, HorizontalBar, HorizontalBarLeft, HorizontalBarRight, InstructionsWrapper, StatusIconCircle, ThumbnailActions, ThumbnailBox, ThumbnailRow, ThumbnailSection, ThumbnailSelectedOverlay, ThumbnailSpacer, ThumbnailWrapper };
 //# sourceMappingURL=AssetGalleryGridCard.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nconst darkBorderColor = '#52525B';\nconst darkBgColor = '#27272A';\nconst darkHoverBgColor = '#3F3F46';\nconst lightHoverBgColor = '#E4E4E7';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nconst ringState = props => {\n  if (props.selected) return props.$customSelectedBorder ? 'custom' : 'selected';\n  if (props.$softSelected) return 'soft';\n  if (props.completed) return 'completed';\n  if (props.$hasError) return 'error';\n  return 'idle';\n};\n\nexport const AssetGalleryGridCard = styled.div.attrs(props => ({\n  ...applyDefaultTheme(props),\n  'data-ring': ringState(props),\n  style: {\n    ...(props.style || {}),\n    ...(props.$customSelectedBorder && props.selected\n      ? {\n          '--ring-dark': props.$customSelectedBorder[0],\n          '--ring-light': props.$customSelectedBorder[1]\n        }\n      : {})\n  }\n}))`\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  text-decoration: none;\n  cursor: pointer;\n  transition: box-shadow 220ms;\n  overflow: hidden;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\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\n  &:hover {\n    box-shadow: 0px 3px 6px #00000029;\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    box-sizing: border-box;\n    z-index: 10;\n    border-style: solid;\n    border-width: 1px;\n  }\n  &[data-ring='soft']::after,\n  &[data-ring='selected']::after,\n  &[data-ring='custom']::after,\n  &[data-ring='completed']::after,\n  &[data-ring='error']::after {\n    border-width: 3px;\n  }\n\n  ${props => {\n    const gray100 = props.theme.getColor('gray-100');\n    const gray300 = props.theme.getColor('gray-300');\n    const gray700 = props.theme.getColor('gray-700');\n    const emerald = props.theme.getColor('emerald-500');\n    const red500 = props.theme.getColor('red-500');\n    const red600 = props.theme.getColor('red-600');\n    return css`\n      &[data-ring='idle']::after {\n        border-color: ${gray300};\n      }\n      &[data-ring='soft']::after {\n        border-color: ${rgba(gray700, 0.5)};\n      }\n      &[data-ring='selected']::after {\n        border-color: ${darkBorderColor};\n      }\n      &[data-ring='custom']::after {\n        border-color: var(--ring-light);\n      }\n      &[data-ring='completed']::after {\n        border-color: ${rgba(emerald, 0.7)};\n      }\n      &[data-ring='error']::after {\n        border-color: ${rgba(red500, 0.7)};\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &[data-ring='idle']::after {\n          border-color: ${darkBorderColor};\n        }\n        &[data-ring='soft']::after {\n          border-color: ${rgba(gray100, 0.5)};\n        }\n        &[data-ring='selected']::after {\n          border-color: ${gray100};\n        }\n        &[data-ring='custom']::after {\n          border-color: var(--ring-dark);\n        }\n        &[data-ring='completed']::after {\n          border-color: ${emerald};\n        }\n        &[data-ring='error']::after {\n          border-color: ${red600};\n        }\n      }\n      body.light-theme &[data-ring='idle']::after {\n        border-color: ${gray300};\n      }\n      body.light-theme &[data-ring='soft']::after {\n        border-color: ${rgba(gray700, 0.5)};\n      }\n      body.light-theme &[data-ring='selected']::after {\n        border-color: ${darkBorderColor};\n      }\n      body.light-theme &[data-ring='custom']::after {\n        border-color: var(--ring-light);\n      }\n      body.light-theme &[data-ring='completed']::after {\n        border-color: ${rgba(emerald, 0.7)};\n      }\n      body.light-theme &[data-ring='error']::after {\n        border-color: ${rgba(red500, 0.7)};\n      }\n      body.dark-theme &[data-ring='idle']::after {\n        border-color: ${darkBorderColor};\n      }\n      body.dark-theme &[data-ring='soft']::after {\n        border-color: ${rgba(gray100, 0.5)};\n      }\n      body.dark-theme &[data-ring='selected']::after {\n        border-color: ${gray100};\n      }\n      body.dark-theme &[data-ring='custom']::after {\n        border-color: var(--ring-dark);\n      }\n      body.dark-theme &[data-ring='completed']::after {\n        border-color: ${emerald};\n      }\n      body.dark-theme &[data-ring='error']::after {\n        border-color: ${red600};\n      }\n    `;\n  }};\n`;\n\nexport const ThumbnailSection = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  overflow: hidden;\n  transition: background 220ms;\n  ${props => props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}\n  ${AssetGalleryGridCard}:hover & {\n    ${props => props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}\n  }\n`;\n\n// ── Top bar ──────────────────────────────────────────────────────────────────\n\nexport const HorizontalBar = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  height: 40px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 2;\n`;\n\nexport const HorizontalBarLeft = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const HorizontalBarRight = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StatusIconCircle = styled.span.attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  pointer-events: none;\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\n// ── Thumbnail ─────────────────────────────────────────────────────────────────\n\nexport const ThumbnailRow = styled.div`\n  position: relative;\n  display: flex;\n  width: 100%;\n`;\n\nexport const ThumbnailSpacer = styled.div`\n  flex: 1;\n`;\n\nexport const ThumbnailWrapper = styled.div`\n  width: max(66%, 268px);\n  flex-shrink: 0;\n`;\n\nexport const ThumbnailBox = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  height: 168px;\n\n  flex-shrink: 0;\n  overflow: hidden;\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  .audio {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    svg {\n      width: 35%;\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-400')\n        )}\n    }\n  }\n`;\n\nexport const ThumbnailSelectedOverlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: #accef7;\n  transition: opacity 220ms;\n  z-index: 1;\n`;\n\nexport const ThumbnailActions = styled.div`\n  flex: 1;\n`;\n\nexport const ActionsContainer = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: end;\n  flex-direction: column;\n  gap: 8px;\n  opacity: 0;\n  transition: opacity 220ms;\n  z-index: 1;\n  position: absolute;\n  right: 8px;\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:focus-within & {\n    opacity: 1;\n  }\n`;\n\nexport const Action = styled.div`\n  margin: 0;\n\n  button {\n    box-shadow: 0px 3px 6px #00000033;\n  }\n  svg {\n    width: 16px;\n    height: 16px;\n    max-height: unset;\n    max-width: unset;\n  }\n`;\n\nexport const ConsumerOverlay = styled.div`\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n`;\n\n// ── Card body ─────────────────────────────────────────────────────────────────\n\nexport const CardBody = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 16px 0px 0px 0px;\n`;\n\nexport const CardTitle = styled.span.attrs(applyDefaultTheme)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 0px 16px;\n  font: normal normal 500 14px/19px Roboto;\n  letter-spacing: 0.28px;\n  height: 19px;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}\n`;\n\nexport const CardDescription = styled.span.attrs(applyDefaultTheme)`\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 6px 16px;\n  font: normal normal normal 12px/1.286em Roboto;\n  letter-spacing: 0.24px;\n  height: 52px;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-break: break-word;\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}\n`;\n\nexport const InstructionsWrapper = styled.div.attrs(applyDefaultTheme)`\n  min-height: 96px;\n  margin-top: 16px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  transition: background 220ms;\n  opacity: 0;\n  ${props =>\n    props.$hasContent &&\n    css`\n      opacity: 1;\n      border-top: 0.56px solid;\n      border-bottom: 0.56px solid;\n      ${props.theme.themeProp('border-color', darkBorderColor, props.theme.getColor('gray-300'))}\n    `}\n\n  ${props =>\n    props.$hasContent &&\n    css`\n      opacity: 1;\n      ${props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}\n      ${AssetGalleryGridCard}:hover & {\n        ${props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}\n      }\n    `}\n`;\n\nexport const CardFooter = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0px 16px;\n  min-height: 52px;\n  box-sizing: border-box;\n`;\n\nexport const CardFooterLeft = styled.div`\n  display: flex;\n  align-items: center;\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const CardFooterRight = styled.div`\n  display: flex;\n  align-items: center;\n  > * {\n    margin-left: 4px;\n  }\n`;\n\nexport const CardDivider = styled.div.attrs(applyDefaultTheme)`\n  height: 1px;\n  flex-shrink: 0;\n  opacity: ${props => (props.invisible ? 0 : 1)};\n  ${props => props.theme.themeProp('background', darkBorderColor, props.theme.getColor('gray-300'))}\n`;\n\nexport const CheckboxRow = styled.div`\n  display: flex;\n  padding: 0px 16px;\n  align-items: center;\n  height: 56px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n`;\n\nexport const CheckboxButton = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  ${props => props.theme.themeProp('color', 'white', 'black')}\n  > svg {\n    width: 23px;\n    height: 100%;\n  }\n`;\n"],"names":["darkBorderColor","darkBgColor","darkHoverBgColor","lightHoverBgColor","AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","ringState","selected","$customSelectedBorder","$softSelected","completed","$hasError","AssetGalleryGridCard","style","theme","themeProp","getColor","extendedSelectMode","gray100","gray300","gray700","emerald","red500","red600","rgba","ThumbnailSection","HorizontalBar","HorizontalBarLeft","HorizontalBarRight","StatusIconCircle","span","ThumbnailRow","ThumbnailSpacer","ThumbnailWrapper","ThumbnailBox","ThumbnailSelectedOverlay","ThumbnailActions","ActionsContainer","Action","ConsumerOverlay","CardBody","CardTitle","CardDescription","InstructionsWrapper","$hasContent","CardFooter","CardFooterLeft","CardFooterRight","CardDivider","invisible","CheckboxRow"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.ts"],"sourcesContent":["/* Generic must go on .attrs<P>(), not template, because no .withConfig(). ringState is a module-scope function needing explicit type. */\nimport { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\n/* `prop` needs annotation because withConfig takes it by reference (no contextual typing). Note: GridCard doesn't use this predicate. */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst darkBorderColor = '#52525B';\nconst darkBgColor = '#27272A';\nconst darkHoverBgColor = '#3F3F46';\nconst lightHoverBgColor = '#E4E4E7';\n\nexport const AssetGalleryWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGalleryGridCardStyleProps, 'disabled'>>(applyDefaultTheme)`\n  width: 100%;\n  height: 100%;\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\n/** Six possible `data-ring` attribute values. Closed to keep code and selectors honest. */\ntype AssetGalleryGridCardRingState = 'custom' | 'selected' | 'soft' | 'completed' | 'error' | 'idle';\n\n/** Props that ringState reads. Reason card root needs a generic at all. */\ninterface AssetGalleryGridCardRingProps {\n  /** NO `$` is a defect but not a DOM leak: React drops boolean `selected` on non-`<option>` elements. Deferred to C10. */\n  selected?: boolean;\n  /** NO `$` is a defect but not a DOM leak: ComputedRootComponent explicitly omits it. Deferred to C10. */\n  completed?: boolean;\n  $softSelected?: boolean;\n  $hasError?: boolean;\n  /** Read as `[darkModeColor, lightModeColor]` and written to `--ring-dark` / `--ring-light` custom properties. */\n  $customSelectedBorder?: string[];\n}\n\n/** Card root props: everything ringState reads, plus what the template reads. */\ninterface AssetGalleryGridCardStyleProps extends AssetGalleryGridCardRingProps {\n  /** NO `$` reaches the DOM; defect deferred to C10. Baseline shows `disabled=\"\"` on wrapper and card root. */\n  disabled?: boolean;\n  /** NO `$` is a defect but not a DOM leak: ComputedRootComponent omits it and React drops unrecognised camelCase props. */\n  extendedSelectMode?: boolean;\n}\n\nconst ringState = (props: AssetGalleryGridCardRingProps): AssetGalleryGridCardRingState => {\n  if (props.selected) return props.$customSelectedBorder ? 'custom' : 'selected';\n  if (props.$softSelected) return 'soft';\n  if (props.completed) return 'completed';\n  if (props.$hasError) return 'error';\n  return 'idle';\n};\n\nexport const AssetGalleryGridCard = styled.div.attrs<AssetGalleryGridCardStyleProps>(props => ({\n  ...applyDefaultTheme(props),\n  'data-ring': ringState(props),\n  style: {\n    ...(props.style || {}),\n    ...(props.$customSelectedBorder && props.selected\n      ? {\n          '--ring-dark': props.$customSelectedBorder[0],\n          '--ring-light': props.$customSelectedBorder[1]\n        }\n      : {})\n  }\n}))`\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  text-decoration: none;\n  cursor: pointer;\n  transition: box-shadow 220ms;\n  overflow: hidden;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\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\n  &:hover {\n    box-shadow: 0px 3px 6px #00000029;\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    box-sizing: border-box;\n    z-index: 10;\n    border-style: solid;\n    border-width: 1px;\n  }\n  &[data-ring='soft']::after,\n  &[data-ring='selected']::after,\n  &[data-ring='custom']::after,\n  &[data-ring='completed']::after,\n  &[data-ring='error']::after {\n    border-width: 3px;\n  }\n\n  ${props => {\n    const gray100 = props.theme.getColor('gray-100');\n    const gray300 = props.theme.getColor('gray-300');\n    const gray700 = props.theme.getColor('gray-700');\n    const emerald = props.theme.getColor('emerald-500');\n    const red500 = props.theme.getColor('red-500');\n    const red600 = props.theme.getColor('red-600');\n    return css`\n      &[data-ring='idle']::after {\n        border-color: ${gray300};\n      }\n      &[data-ring='soft']::after {\n        border-color: ${rgba(gray700, 0.5)};\n      }\n      &[data-ring='selected']::after {\n        border-color: ${darkBorderColor};\n      }\n      &[data-ring='custom']::after {\n        border-color: var(--ring-light);\n      }\n      &[data-ring='completed']::after {\n        border-color: ${rgba(emerald, 0.7)};\n      }\n      &[data-ring='error']::after {\n        border-color: ${rgba(red500, 0.7)};\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &[data-ring='idle']::after {\n          border-color: ${darkBorderColor};\n        }\n        &[data-ring='soft']::after {\n          border-color: ${rgba(gray100, 0.5)};\n        }\n        &[data-ring='selected']::after {\n          border-color: ${gray100};\n        }\n        &[data-ring='custom']::after {\n          border-color: var(--ring-dark);\n        }\n        &[data-ring='completed']::after {\n          border-color: ${emerald};\n        }\n        &[data-ring='error']::after {\n          border-color: ${red600};\n        }\n      }\n      body.light-theme &[data-ring='idle']::after {\n        border-color: ${gray300};\n      }\n      body.light-theme &[data-ring='soft']::after {\n        border-color: ${rgba(gray700, 0.5)};\n      }\n      body.light-theme &[data-ring='selected']::after {\n        border-color: ${darkBorderColor};\n      }\n      body.light-theme &[data-ring='custom']::after {\n        border-color: var(--ring-light);\n      }\n      body.light-theme &[data-ring='completed']::after {\n        border-color: ${rgba(emerald, 0.7)};\n      }\n      body.light-theme &[data-ring='error']::after {\n        border-color: ${rgba(red500, 0.7)};\n      }\n      body.dark-theme &[data-ring='idle']::after {\n        border-color: ${darkBorderColor};\n      }\n      body.dark-theme &[data-ring='soft']::after {\n        border-color: ${rgba(gray100, 0.5)};\n      }\n      body.dark-theme &[data-ring='selected']::after {\n        border-color: ${gray100};\n      }\n      body.dark-theme &[data-ring='custom']::after {\n        border-color: var(--ring-dark);\n      }\n      body.dark-theme &[data-ring='completed']::after {\n        border-color: ${emerald};\n      }\n      body.dark-theme &[data-ring='error']::after {\n        border-color: ${red600};\n      }\n    `;\n  }};\n`;\n\nexport const ThumbnailSection = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  overflow: hidden;\n  transition: background 220ms;\n  ${props => props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}\n  ${AssetGalleryGridCard}:hover & {\n    ${props => props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}\n  }\n`;\n\n// ── Top bar ──────────────────────────────────────────────────────────────────\n\nexport const HorizontalBar = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px;\n  height: 40px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 2;\n`;\n\nexport const HorizontalBarLeft = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const HorizontalBarRight = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StatusIconCircle = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  pointer-events: none;\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\n// ── Thumbnail ─────────────────────────────────────────────────────────────────\n\nexport const ThumbnailRow = styled.div`\n  position: relative;\n  display: flex;\n  width: 100%;\n`;\n\nexport const ThumbnailSpacer = styled.div`\n  flex: 1;\n`;\n\nexport const ThumbnailWrapper = styled.div`\n  width: max(66%, 268px);\n  flex-shrink: 0;\n`;\n\nexport const ThumbnailBox = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  height: 168px;\n\n  flex-shrink: 0;\n  overflow: hidden;\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  .audio {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    svg {\n      width: 35%;\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-400')\n        )}\n    }\n  }\n`;\n\nexport const ThumbnailSelectedOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<Pick<AssetGalleryGridCardStyleProps, 'selected'>>(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: #accef7;\n  transition: opacity 220ms;\n  z-index: 1;\n`;\n\nexport const ThumbnailActions = styled.div`\n  flex: 1;\n`;\n\nexport const ActionsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: end;\n  flex-direction: column;\n  gap: 8px;\n  opacity: 0;\n  transition: opacity 220ms;\n  z-index: 1;\n  position: absolute;\n  right: 8px;\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:focus-within & {\n    opacity: 1;\n  }\n`;\n\nexport const Action = styled.div`\n  margin: 0;\n\n  button {\n    box-shadow: 0px 3px 6px #00000033;\n  }\n  svg {\n    width: 16px;\n    height: 16px;\n    max-height: unset;\n    max-width: unset;\n  }\n`;\n\nexport const ConsumerOverlay = styled.div`\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n`;\n\n// ── Card body ─────────────────────────────────────────────────────────────────\n\nexport const CardBody = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 16px 0px 0px 0px;\n`;\n\nexport const CardTitle = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 0px 16px;\n  font: normal normal 500 14px/19px Roboto;\n  letter-spacing: 0.28px;\n  height: 19px;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}\n`;\n\nexport const CardDescription = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 6px 16px;\n  font: normal normal normal 12px/1.286em Roboto;\n  letter-spacing: 0.24px;\n  height: 52px;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-break: break-word;\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))}\n`;\n\n/* `$hasContent` — `Boolean(asset.imageRights?.toString().trim())`, so genuinely boolean\n * and not `imageRights`'s `string`. */\nexport const InstructionsWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $hasContent?: boolean }>(applyDefaultTheme)`\n  min-height: 96px;\n  margin-top: 16px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  transition: background 220ms;\n  opacity: 0;\n  ${props =>\n    props.$hasContent &&\n    css`\n      opacity: 1;\n      border-top: 0.56px solid;\n      border-bottom: 0.56px solid;\n      ${props.theme.themeProp('border-color', darkBorderColor, props.theme.getColor('gray-300'))}\n    `}\n\n  ${props =>\n    props.$hasContent &&\n    css`\n      opacity: 1;\n      ${props.theme.themeProp('background', darkBgColor, props.theme.getColor('gray-50'))}\n      ${AssetGalleryGridCard}:hover & {\n        ${props.theme.themeProp('background', darkHoverBgColor, lightHoverBgColor, 1)}\n      }\n    `}\n`;\n\nexport const CardFooter = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0px 16px;\n  min-height: 52px;\n  box-sizing: border-box;\n`;\n\nexport const CardFooterLeft = styled.div`\n  display: flex;\n  align-items: center;\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const CardFooterRight = styled.div`\n  display: flex;\n  align-items: center;\n  > * {\n    margin-left: 4px;\n  }\n`;\n\n/*\n * `invisible` is read but never passed, so opacity is always 1 — an unimplemented state,\n * left declared rather than fixed because wiring it up is a feature. It also lacks the `$`\n * prefix, so passing it would leak the attribute to React.\n */\nexport const CardDivider = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ invisible?: boolean }>(applyDefaultTheme)`\n  height: 1px;\n  flex-shrink: 0;\n  opacity: ${props => (props.invisible ? 0 : 1)};\n  ${props => props.theme.themeProp('background', darkBorderColor, props.theme.getColor('gray-300'))}\n`;\n\nexport const CheckboxRow = styled.div`\n  display: flex;\n  padding: 0px 16px;\n  align-items: center;\n  height: 56px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n`;\n\nexport const CheckboxButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  ${props => props.theme.themeProp('color', 'white', 'black')}\n  > svg {\n    width: 23px;\n    height: 100%;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","darkBorderColor","darkBgColor","darkHoverBgColor","lightHoverBgColor","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","disabled","css","ringState","selected","$customSelectedBorder","$softSelected","completed","$hasError","AssetGalleryGridCard","style","theme","themeProp","getColor","extendedSelectMode","gray100","gray300","gray700","emerald","red500","red600","rgba","ThumbnailSection","HorizontalBar","HorizontalBarLeft","HorizontalBarRight","StatusIconCircle","span","ThumbnailRow","ThumbnailSpacer","ThumbnailWrapper","ThumbnailBox","ThumbnailSelectedOverlay","ThumbnailActions","ActionsContainer","Action","ConsumerOverlay","CardBody","CardTitle","CardDescription","InstructionsWrapper","$hasContent","CardFooter","CardFooterLeft","CardFooterRight","CardDivider","invisible","CheckboxRow"],"mappings":"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"}