@photonix/basic 2.0.4 → 2.0.5

package/dist/index.css

@@ -12506,14 +12506,196 @@
     transform: rotate(360deg);
   }
 }
-._fileUploadRoot_9l48n_2 {
+._attachmentRoot_zdxto_7 {
+  --attachment-radius: var(--radius-2xs);
+  align-items: center;
+  border: var(--border-sm) solid var(--border-neutral-tertiary);
+  border-radius: var(--attachment-radius);
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--space-sm);
+  overflow: hidden;
+  padding: var(--space-xs);
+  position: relative;
+  transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
+  padding-block: var(--space-4xs);
+  padding-inline: var(--space-4xs) var(--space-xs);
+}
+._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
+  padding-inline: var(--space-4xs) var(--space-xl);
+}
+._attachmentDisabled_zdxto_32 {
+  cursor: not-allowed;
+  opacity: var(--opacity-disabled);
+  pointer-events: none;
+}
+._attachmentSm_zdxto_43 {
+  max-inline-size: var(--dimensions-200);
+}
+._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52 {
+  max-inline-size: var(--dimensions-240);
+}
+._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61 {
+  max-inline-size: var(--dimensions-280);
+}
+._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-120);
+}
+._attachmentMedia_zdxto_23 {
+  gap: 0;
+  padding: 0;
+}
+._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-40);
+  border: none;
+  inline-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-80);
+  border: none;
+  inline-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-120);
+  border: none;
+  inline-size: var(--dimensions-120);
+}
+._attachmentPreview_zdxto_105 {
+  align-items: center;
+  background-color: var(--surface-neutral-secondary);
+  border-radius: var(--attachment-radius);
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  display: block;
+  inline-size: 100%;
+  object-fit: cover;
+}
+._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
+._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  border-radius: var(--attachment-radius);
+  inline-size: 100%;
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
+  aspect-ratio: 1;
+  block-size: 100%;
+  border-radius: calc(var(--attachment-radius) - var(--space-4xs));
+  inline-size: auto;
+}
+._attachmentVideoOverlay_zdxto_139 {
+  background-color: var(--color-overlay);
+  inset: 0;
+  position: absolute;
+}
+._attachmentPlayOverlay_zdxto_146 {
+  align-items: center;
+  color: var(--foreground-neutral-primary-inverse);
+  display: flex;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  justify-content: center;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+._attachmentFileIcon_zdxto_159 {
+  align-items: center;
+  color: var(--foreground-neutral-secondary);
+  display: flex;
+  justify-content: center;
+}
+._attachmentInfo_zdxto_170 {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-5xs);
+  min-inline-size: 0;
+}
+._attachmentRemove_zdxto_182 {
+  block-size: var(--dimensions-20) !important;
+  inline-size: var(--dimensions-20) !important;
+  inset-block-start: var(--space-5xs);
+  inset-inline-end: var(--space-5xs);
+  min-block-size: 0 !important;
+  min-inline-size: 0 !important;
+  padding: 0 !important;
+  position: absolute;
+  z-index: 1;
+}
+._attachmentRemoveMedia_zdxto_194 {
+  background-color: var(--surface-neutral-primary) !important;
+}
+._attachmentRemove_zdxto_182 svg {
+  block-size: var(--dimensions-16);
+  inline-size: var(--dimensions-16);
+}
+._fileUploadRoot_16fp2_2 {
+  --file-upload-drop-zone-min-height: var(--dimensions-160);
+  --file-upload-drop-zone-padding: var(--space-lg);
+  --file-upload-drop-zone-gap: var(--space-sm);
+  --file-upload-text-gap: var(--space-5xs);
+  --file-upload-title-size: var(--title-md-size);
+  --file-upload-title-line-height: var(--title-md-line-height);
+  --file-upload-subtitle-size: var(--body-sm-size);
+  --file-upload-subtitle-line-height: var(--body-sm-line-height);
+  --file-upload-square-size: var(--dimensions-160);
   display: flex;
   flex-direction: column;
   font-family: var(--body-md-family);
   gap: var(--space-2xs);
   inline-size: 100%;
 }
-._fileUploadDropZone_9l48n_11 {
+._fileUploadRootSizeSM_16fp2_19 {
+  --file-upload-drop-zone-min-height: var(--dimensions-112);
+  --file-upload-drop-zone-padding: var(--space-md);
+  --file-upload-drop-zone-gap: var(--space-xs);
+  --file-upload-text-gap: var(--space-6xs);
+  --file-upload-title-size: var(--title-sm-size);
+  --file-upload-title-line-height: var(--title-sm-line-height);
+  --file-upload-subtitle-size: 11px;
+  --file-upload-subtitle-line-height: 14px;
+  --file-upload-square-size: var(--dimensions-112);
+}
+._fileUploadRootSizeMD_16fp2_31 {
+  --file-upload-drop-zone-min-height: var(--dimensions-136);
+  --file-upload-drop-zone-padding: var(--space-md);
+  --file-upload-drop-zone-gap: var(--space-xs);
+  --file-upload-text-gap: var(--space-5xs);
+  --file-upload-title-size: var(--title-sm-size);
+  --file-upload-title-line-height: var(--title-sm-line-height);
+  --file-upload-subtitle-size: var(--body-sm-size);
+  --file-upload-subtitle-line-height: var(--body-sm-line-height);
+  --file-upload-square-size: var(--dimensions-136);
+}
+._fileUploadRootSizeLG_16fp2_43 {
+  --file-upload-drop-zone-min-height: var(--dimensions-160);
+  --file-upload-drop-zone-padding: var(--space-lg);
+  --file-upload-drop-zone-gap: var(--space-sm);
+  --file-upload-text-gap: var(--space-5xs);
+  --file-upload-title-size: var(--title-md-size);
+  --file-upload-title-line-height: var(--title-md-line-height);
+  --file-upload-subtitle-size: var(--body-sm-size);
+  --file-upload-subtitle-line-height: var(--body-sm-line-height);
+  --file-upload-square-size: var(--dimensions-160);
+}
+._fileUploadRootVariantSquare_16fp2_55 {
+  inline-size: auto;
+}
+._fileUploadDropZone_16fp2_60 {
   align-items: center;
   background-color: var(--surface-neutral-secondary);
   border: var(--border-sm) dashed var(--border-neutral-secondary);
@@ -12522,67 +12704,80 @@
   cursor: pointer;
   display: flex;
   flex-direction: column;
-  gap: var(--space-sm);
+  gap: var(--file-upload-drop-zone-gap);
   justify-content: center;
-  min-block-size: var(--dimensions-160);
-  padding: var(--space-lg);
+  min-block-size: var(--file-upload-drop-zone-min-height);
+  padding: var(--file-upload-drop-zone-padding);
   stroke-dasharray: 4 4;
   text-align: center;
   transition: all var(--motion-duration-normal) ease-in-out;
 }
-._fileUploadDropZone_9l48n_11:hover:not(._fileUploadDropZoneDisabled_9l48n_30) {
+._fileUploadDropZoneSquare_16fp2_79 {
+  aspect-ratio: 1;
+  inline-size: min(100%, var(--file-upload-square-size));
+  min-block-size: 0;
+}
+._fileUploadDropZone_16fp2_60:hover:not(._fileUploadDropZoneDisabled_16fp2_85) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._fileUploadDropZone_9l48n_11._fileUploadDropZoneActive_9l48n_35 {
+._fileUploadDropZone_16fp2_60._fileUploadDropZoneActive_16fp2_90 {
   background-color: var(--surface-accent-blue-subtle) !important;
   border-color: var(--border-state-hover) !important;
 }
-._fileUploadDropZone_9l48n_11._fileUploadDropZoneDisabled_9l48n_30 {
+._fileUploadDropZone_16fp2_60._fileUploadDropZoneDisabled_16fp2_85 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._fileUploadDropZone_9l48n_11._fileUploadDropZoneError_9l48n_46 {
+._fileUploadDropZone_16fp2_60._fileUploadDropZoneError_16fp2_101 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._fileUploadTextContainer_9l48n_52 {
+._fileUploadTextContainer_16fp2_107 {
   display: flex;
   flex-direction: column;
-  gap: var(--space-5xs);
+  gap: var(--file-upload-text-gap);
 }
-._fileUploadIcon_9l48n_58 {
+._fileUploadIcon_16fp2_113 {
   color: var(--foreground-neutral-primary);
 }
-._fileUploadTitle_9l48n_62 {
+._fileUploadTitle_16fp2_117 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
-  font-size: var(--title-md-size);
+  font-size: var(--file-upload-title-size);
   font-weight: var(--title-md-weight-emphasize);
-  line-height: var(--title-md-line-height);
+  line-height: var(--file-upload-title-line-height);
 }
-._fileUploadSubtitle_9l48n_70 {
+._fileUploadSubtitle_16fp2_125 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
-  font-size: var(--body-sm-size);
+  font-size: var(--file-upload-subtitle-size);
   font-weight: var(--body-sm-weight);
-  line-height: var(--body-sm-line-height);
+  line-height: var(--file-upload-subtitle-line-height);
 }
-._fileUploadBrowseLink_9l48n_78 {
+._fileUploadBrowseLink_16fp2_133 {
   color: var(--foreground-brand-primary);
   font-weight: var(--typeface-weight-medium);
   text-decoration: underline;
 }
-._fileUploadHiddenInput_9l48n_86 {
+._fileUploadHiddenInput_16fp2_141 {
   display: none;
 }
-._fileUploadList_9l48n_91 {
+._fileUploadList_16fp2_146 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
 }
-._fileUploadItem_9l48n_98 {
+._fileUploadAttachmentGrid_16fp2_152 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-sm);
+}
+._fileUploadAttachmentItem_16fp2_158 {
+  flex: 0 0 auto;
+}
+._fileUploadItem_16fp2_163 {
   background-color: var(--surface-neutral-secondary);
   border-radius: var(--radius-2xs);
 }
@@ -12814,7 +13009,7 @@
 ._galleryCardTimeAgo_koup6_75 {
   color: var(--color-white-60a);
 }
-._ganttChartRoot_pjqkq_2 {
+._ganttChartRoot_1vcm5_2 {
   block-size: auto;
   color: var(--text-neutral-primary);
   display: flex;
@@ -12823,30 +13018,30 @@
   isolation: isolate;
   position: relative;
 }
-._ganttChartHeader_pjqkq_14 {
+._ganttChartHeader_1vcm5_14 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   display: flex;
   justify-content: space-between;
   padding: var(--space-sm);
 }
-._ganttChartHeaderLeft_pjqkq_22 {
+._ganttChartHeaderLeft_1vcm5_22 {
   align-items: center;
   display: flex;
   flex: 1;
   gap: var(--space-sm);
 }
-._ganttChartNavigation_pjqkq_31 {
+._ganttChartNavigation_1vcm5_31 {
   align-items: center;
   display: flex;
   gap: var(--space-2xs);
 }
-._ganttChartHeaderRight_pjqkq_39 {
+._ganttChartHeaderRight_1vcm5_39 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._ganttChartHeaderTitle_pjqkq_45 {
+._ganttChartHeaderTitle_1vcm5_45 {
   color: var(--text-neutral-primary);
   font-family: var(--headline-lg-family);
   font-size: var(--headline-lg-size);
@@ -12856,7 +13051,7 @@
   line-height: var(--headline-lg-line-height);
   white-space: nowrap;
 }
-._ganttChartBody_pjqkq_61 {
+._ganttChartBody_1vcm5_61 {
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-xs);
   display: flex;
@@ -12866,21 +13061,22 @@
   position: relative;
   scroll-behavior: smooth;
 }
-._ganttChartBodyBorderless_pjqkq_73 {
+._ganttChartBodyBorderless_1vcm5_73 {
   border-block-end: none;
   border-inline: none;
   border-radius: 0;
 }
-._ganttChartBodyScrollContent_pjqkq_79 {
-  overflow-y: visible !important;
+._ganttChartBodyScrollContent_1vcm5_79 {
+  block-size: auto !important;
+  overflow-y: hidden !important;
 }
-._ganttChartTimelineContainer_pjqkq_84 {
+._ganttChartTimelineContainer_1vcm5_84 {
   display: flex;
   flex-direction: column;
   inline-size: fit-content;
   position: relative;
 }
-._ganttChartHeaderRow_pjqkq_97 {
+._ganttChartHeaderRow_1vcm5_97 {
   block-size: 60px;
   border-block-end: none;
   display: flex;
@@ -12889,7 +13085,7 @@
   position: sticky;
   z-index: var(--z-local-above);
 }
-._ganttChartHeaderCell_pjqkq_116 {
+._ganttChartHeaderCell_1vcm5_116 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -12904,14 +13100,14 @@
   padding: var(--space-4xs);
   z-index: var(--z-local-above);
 }
-._ganttChartHeaderCell_pjqkq_116:last-child {
+._ganttChartHeaderCell_1vcm5_116:last-child {
   border-inline-end: none;
 }
-._ganttChartHeaderCellToday_pjqkq_146 {
+._ganttChartHeaderCellToday_1vcm5_146 {
   position: relative;
   z-index: var(--z-local-above);
 }
-._ganttChartHeaderContent_pjqkq_153 {
+._ganttChartHeaderContent_1vcm5_153 {
   align-items: center;
   block-size: 100%;
   border-radius: var(--radius-sm);
@@ -12921,13 +13117,13 @@
   justify-content: center;
   transition: background-color var(--motion-duration-normal);
 }
-._ganttChartHeaderCellToday_pjqkq_146 ._ganttChartHeaderContent_pjqkq_153 {
+._ganttChartHeaderCellToday_1vcm5_146 ._ganttChartHeaderContent_1vcm5_153 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-md) solid var(--border-neutral-primary);
   border-radius: var(--radius-2xs);
   box-shadow: none;
 }
-._ganttChartHeaderDate_pjqkq_177 {
+._ganttChartHeaderDate_1vcm5_177 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -12936,7 +13132,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._ganttChartHeaderDateDay_pjqkq_187 {
+._ganttChartHeaderDateDay_1vcm5_187 {
   box-sizing: border-box;
   color: var(--text-neutral-secondary);
   font-family: var(--body-md-family);
@@ -12948,7 +13144,7 @@
   padding-inline-start: var(--space-5xs);
   text-align: start;
 }
-._ganttChartHeaderDay_pjqkq_210 {
+._ganttChartHeaderDay_1vcm5_210 {
   color: var(--text-neutral-secondary);
   font-family: var(--label-lg-family);
   font-size: var(--label-lg-size);
@@ -12959,7 +13155,7 @@
   text-align: center;
   text-transform: capitalize;
 }
-._ganttChartRow_pjqkq_223 {
+._ganttChartRow_1vcm5_223 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   block-size: 60px;
@@ -12971,13 +13167,13 @@
   min-inline-size: fit-content;
   position: relative;
 }
-._ganttChartRow_pjqkq_223:last-child {
+._ganttChartRow_1vcm5_223:last-child {
   border-block-end: none;
 }
-._ganttChartRow_pjqkq_223:hover {
+._ganttChartRow_1vcm5_223:hover {
   background-color: var(--surface-state-hover);
 }
-._ganttChartSidebar_pjqkq_245 {
+._ganttChartSidebar_1vcm5_245 {
   align-items: center;
   background-color: var(--surface-neutral-elevator);
   block-size: 100%;
@@ -12994,7 +13190,7 @@
   will-change: transform;
   z-index: var(--z-local-above);
 }
-._ganttChartHeaderRow_pjqkq_97 ._ganttChartSidebar_pjqkq_245 {
+._ganttChartHeaderRow_1vcm5_97 ._ganttChartSidebar_1vcm5_245 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   block-size: 60px;
@@ -13007,10 +13203,10 @@
   padding-block-start: 0;
   z-index: var(--z-local-above);
 }
-._ganttChartRow_pjqkq_223:hover ._ganttChartSidebar_pjqkq_245 {
+._ganttChartRow_1vcm5_223:hover ._ganttChartSidebar_1vcm5_245 {
   background-color: var(--surface-neutral-secondary);
 }
-._ganttChartSidebarText_pjqkq_296 {
+._ganttChartSidebarText_1vcm5_296 {
   -webkit-box-orient: block-axis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
@@ -13020,7 +13216,7 @@
   overflow: hidden;
   overflow-wrap: anywhere;
 }
-._ganttChartGroupBlock_pjqkq_310 {
+._ganttChartGroupBlock_1vcm5_310 {
   align-items: stretch;
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   display: flex;
@@ -13029,10 +13225,10 @@
   min-inline-size: 100%;
   position: relative;
 }
-._ganttChartGroupBlock_pjqkq_310:last-child {
+._ganttChartGroupBlock_1vcm5_310:last-child {
   border-block-end: none;
 }
-._ganttChartGroupSidebarColumn_pjqkq_328 {
+._ganttChartGroupSidebarColumn_1vcm5_328 {
   align-self: stretch;
   background-color: var(--surface-neutral-elevator);
   border-inline-end: 1px solid var(--border-neutral-tertiary);
@@ -13046,7 +13242,7 @@
   position: sticky;
   z-index: var(--z-local-above);
 }
-._ganttChartGroupSidebarContent_pjqkq_352 {
+._ganttChartGroupSidebarContent_1vcm5_352 {
   align-items: center;
   box-sizing: border-box;
   color: var(--text-neutral-primary);
@@ -13058,41 +13254,41 @@
   padding: var(--space-sm);
   text-align: start;
 }
-._ganttChartGroupRowsContainer_pjqkq_368 {
+._ganttChartGroupRowsContainer_1vcm5_368 {
   display: flex;
   flex: 1;
   flex-direction: column;
   min-inline-size: 0;
 }
-._ganttChartGroupSidebarHeader_pjqkq_377 {
+._ganttChartGroupSidebarHeader_1vcm5_377 {
   background-color: var(--surface-neutral-primary);
   color: var(--text-neutral-secondary);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
   z-index: var(--z-local-above);
 }
-._ganttChartGroupSidebarText_pjqkq_388 {
+._ganttChartGroupSidebarText_1vcm5_388 {
   line-height: var(--body-md-line-height);
   overflow-wrap: anywhere;
 }
-._ganttChartGridRowBg_pjqkq_394 {
+._ganttChartGridRowBg_1vcm5_394 {
   block-size: 100%;
   display: flex;
   inset-block: 0;
   position: absolute;
   z-index: var(--z-local-below);
 }
-._ganttChartGridCell_pjqkq_406 {
+._ganttChartGridCell_1vcm5_406 {
   block-size: 100%;
   border-inline-end: 1px solid var(--border-neutral-tertiary);
   box-sizing: border-box;
   flex-shrink: 0;
   position: relative;
 }
-._ganttChartGridCell_pjqkq_406:last-child {
+._ganttChartGridCell_1vcm5_406:last-child {
   border-inline-end: none;
 }
-._ganttChartCurrentTimeLine_pjqkq_423 {
+._ganttChartCurrentTimeLine_1vcm5_423 {
   inline-size: 2px;
   inset-block: 0;
   pointer-events: none;
@@ -13100,7 +13296,7 @@
   transform: translate(-50%);
   z-index: var(--z-local-top);
 }
-._ganttChartCurrentTimeLine_pjqkq_423:before {
+._ganttChartCurrentTimeLine_1vcm5_423:before {
   background-color: var(--surface-neutral-primary-inverse);
   content: "";
   inset: 0;
@@ -13108,7 +13304,7 @@
   position: absolute;
   z-index: var(--z-local-top);
 }
-._ganttChartCurrentTimeLabel_pjqkq_453 {
+._ganttChartCurrentTimeLabel_1vcm5_453 {
   background-color: var(--surface-neutral-primary-inverse);
   border-radius: var(--radius-full);
   color: var(--text-neutral-primary-inverse);
@@ -13126,7 +13322,7 @@
   white-space: nowrap;
   z-index: var(--z-local-top);
 }
-._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]) {
+._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]) {
   background-color: transparent;
   block-size: 0;
   color: transparent;
@@ -13134,7 +13330,7 @@
   overflow: visible;
   padding: 0;
 }
-._ganttChartCurrentTimeLabel_pjqkq_453:after {
+._ganttChartCurrentTimeLabel_1vcm5_453:after {
   background-color: var(--surface-neutral-primary-inverse);
   block-size: 6px;
   border-radius: 50%;
@@ -13146,16 +13342,16 @@
   transform: translate(-50%, -50%);
   z-index: var(--z-local-top);
 }
-._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]):after {
+._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]):after {
   inset-block-start: 16px;
 }
-._ganttChartCurrentTimeLabel_pjqkq_453[data-view=Day]:after {
+._ganttChartCurrentTimeLabel_1vcm5_453[data-view=Day]:after {
   inset-block-start: 28px;
 }
-._ganttChartCurrentTimeLine_pjqkq_423:after {
+._ganttChartCurrentTimeLine_1vcm5_423:after {
   content: none;
 }
-._ganttChartTaskBar_pjqkq_554 {
+._ganttChartTaskBar_1vcm5_554 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -13167,7 +13363,7 @@
   position: absolute;
   z-index: var(--z-local-content);
 }
-._ganttChartTaskBarPill_pjqkq_578 {
+._ganttChartTaskBarPill_1vcm5_578 {
   align-items: flex-start;
   border-radius: var(--radius-2xs);
   box-shadow: none;
@@ -13182,14 +13378,14 @@
   padding: 0 var(--space-xs);
   transition: all var(--motion-duration-fast) var(--motion-ease-standard);
 }
-._ganttChartTaskBarContent_pjqkq_602 {
+._ganttChartTaskBarContent_1vcm5_602 {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
   justify-content: center;
   overflow: hidden;
 }
-._ganttChartTaskBarName_pjqkq_610 {
+._ganttChartTaskBarName_1vcm5_610 {
   color: var(--text-neutral-primary);
   font-family: var(--label-lg-family);
   font-size: var(--label-lg-size);
@@ -13199,7 +13395,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ganttChartTaskBarMeta_pjqkq_621 {
+._ganttChartTaskBarMeta_1vcm5_621 {
   color: var(--text-neutral-primary);
   display: flex;
   font-family: var(--body-md-family);
@@ -13212,88 +13408,88 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ganttChartTaskBar_pjqkq_554:hover ._ganttChartTaskBarPill_pjqkq_578 {
+._ganttChartTaskBar_1vcm5_554:hover ._ganttChartTaskBarPill_1vcm5_578 {
   box-shadow: var(--shadow-md);
   filter: brightness(.95);
 }
-._ganttChartTaskBar_pjqkq_554:hover {
+._ganttChartTaskBar_1vcm5_554:hover {
   z-index: var(--z-local-content);
 }
-._ganttChartStatusCompleted_pjqkq_647 {
+._ganttChartStatusCompleted_1vcm5_647 {
   background-color: var(--surface-accent-green);
   color: var(--text-neutral-primary-inverse);
 }
-._ganttChartStatusActive_pjqkq_652 {
+._ganttChartStatusActive_1vcm5_652 {
   background-color: var(--surface-brand-primary);
   color: var(--text-neutral-primary-inverse);
 }
-._ganttChartStatusWarning_pjqkq_657 {
+._ganttChartStatusWarning_1vcm5_657 {
   background-color: var(--surface-accent-yellow);
   color: var(--text-neutral-primary-inverse);
 }
-._ganttChartStatusError_pjqkq_662 {
+._ganttChartStatusError_1vcm5_662 {
   background-color: var(--surface-accent-red);
   color: var(--text-neutral-primary-inverse);
 }
-._ganttChartStatusPastelRed_pjqkq_668 {
+._ganttChartStatusPastelRed_1vcm5_668 {
   background-color: var(--surface-accent-red-subtle);
   color: var(--text-accent-red);
 }
-._ganttChartStatusPastelOrange_pjqkq_673 {
+._ganttChartStatusPastelOrange_1vcm5_673 {
   background-color: var(--surface-accent-orange-subtle);
   color: var(--text-accent-orange);
 }
-._ganttChartStatusPastelYellow_pjqkq_678 {
+._ganttChartStatusPastelYellow_1vcm5_678 {
   background-color: var(--surface-accent-yellow-subtle);
   color: var(--text-accent-yellow);
 }
-._ganttChartStatusPastelGreen_pjqkq_683 {
+._ganttChartStatusPastelGreen_1vcm5_683 {
   background-color: var(--surface-accent-green-subtle);
   color: var(--text-accent-green);
 }
-._ganttChartStatusPastelCyan_pjqkq_688 {
+._ganttChartStatusPastelCyan_1vcm5_688 {
   background-color: var(--surface-accent-cyan-subtle);
   color: var(--text-accent-cyan);
 }
-._ganttChartStatusPastelBlue_pjqkq_693 {
+._ganttChartStatusPastelBlue_1vcm5_693 {
   background-color: var(--surface-accent-blue-subtle);
   color: var(--text-accent-blue);
 }
-._ganttChartStatusPastelPurple_pjqkq_698 {
+._ganttChartStatusPastelPurple_1vcm5_698 {
   background-color: var(--surface-accent-purple-subtle);
   color: var(--text-accent-purple);
 }
-._ganttChartStatusPastelPink_pjqkq_703 {
+._ganttChartStatusPastelPink_1vcm5_703 {
   background-color: var(--surface-accent-pink-subtle);
   color: var(--text-accent-pink);
 }
 @media (max-width: 768px) {
-  ._ganttChartRoot_pjqkq_2 {
+  ._ganttChartRoot_1vcm5_2 {
     block-size: auto;
     display: flex;
     flex-direction: column;
     min-block-size: 500px;
   }
-  ._ganttChartHeader_pjqkq_14 {
+  ._ganttChartHeader_1vcm5_14 {
     align-items: stretch;
     flex-direction: column;
     gap: var(--space-sm);
     padding: var(--space-sm) 0;
   }
-  ._ganttChartHeaderLeft_pjqkq_22 {
+  ._ganttChartHeaderLeft_1vcm5_22 {
     flex-wrap: wrap;
     justify-content: space-between;
   }
-  ._ganttChartHeaderTitle_pjqkq_45 {
+  ._ganttChartHeaderTitle_1vcm5_45 {
     inline-size: 100%;
     margin-block-end: var(--space-xs);
     order: -1;
     text-align: center;
   }
-  ._ganttChartNavigation_pjqkq_31 {
+  ._ganttChartNavigation_1vcm5_31 {
     margin-inline-start: auto;
   }
-  ._ganttChartSidebar_pjqkq_245 {
+  ._ganttChartSidebar_1vcm5_245 {
     font-size: var(--label-sm-size);
     inline-size: 140px;
     min-inline-size: 140px;
@@ -13301,7 +13497,7 @@
   }
 }
 @media (max-width: 480px) {
-  ._headerTitle_pjqkq_752 {
+  ._headerTitle_1vcm5_752 {
     font-size: var(--title-sm-size);
   }
 }
@@ -14234,143 +14430,6 @@
   padding: 4px 6px;
   text-transform: uppercase;
 }
-._attachmentRoot_zdxto_7 {
-  --attachment-radius: var(--radius-2xs);
-  align-items: center;
-  border: var(--border-sm) solid var(--border-neutral-tertiary);
-  border-radius: var(--attachment-radius);
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--space-sm);
-  overflow: hidden;
-  padding: var(--space-xs);
-  position: relative;
-  transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
-}
-._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
-  padding-block: var(--space-4xs);
-  padding-inline: var(--space-4xs) var(--space-xs);
-}
-._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
-  padding-inline: var(--space-4xs) var(--space-xl);
-}
-._attachmentDisabled_zdxto_32 {
-  cursor: not-allowed;
-  opacity: var(--opacity-disabled);
-  pointer-events: none;
-}
-._attachmentSm_zdxto_43 {
-  max-inline-size: var(--dimensions-200);
-}
-._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
-  block-size: var(--dimensions-40);
-}
-._attachmentMd_zdxto_52 {
-  max-inline-size: var(--dimensions-240);
-}
-._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
-  block-size: var(--dimensions-80);
-}
-._attachmentLg_zdxto_61 {
-  max-inline-size: var(--dimensions-280);
-}
-._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
-  block-size: var(--dimensions-120);
-}
-._attachmentMedia_zdxto_23 {
-  gap: 0;
-  padding: 0;
-}
-._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
-  block-size: var(--dimensions-40);
-  border: none;
-  inline-size: var(--dimensions-40);
-}
-._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
-  block-size: var(--dimensions-80);
-  border: none;
-  inline-size: var(--dimensions-80);
-}
-._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
-  block-size: var(--dimensions-120);
-  border: none;
-  inline-size: var(--dimensions-120);
-}
-._attachmentPreview_zdxto_105 {
-  align-items: center;
-  background-color: var(--surface-neutral-secondary);
-  border-radius: var(--attachment-radius);
-  display: flex;
-  flex-shrink: 0;
-  justify-content: center;
-  overflow: hidden;
-  position: relative;
-}
-._attachmentThumbnail_zdxto_116 {
-  block-size: 100%;
-  display: block;
-  inline-size: 100%;
-  object-fit: cover;
-}
-._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
-._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
-  block-size: 100%;
-  border-radius: var(--attachment-radius);
-  inline-size: 100%;
-}
-._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
-  aspect-ratio: 1;
-  block-size: 100%;
-  border-radius: calc(var(--attachment-radius) - var(--space-4xs));
-  inline-size: auto;
-}
-._attachmentVideoOverlay_zdxto_139 {
-  background-color: var(--color-overlay);
-  inset: 0;
-  position: absolute;
-}
-._attachmentPlayOverlay_zdxto_146 {
-  align-items: center;
-  color: var(--foreground-neutral-primary-inverse);
-  display: flex;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  justify-content: center;
-  position: absolute;
-  transform: translate(-50%, -50%);
-}
-._attachmentFileIcon_zdxto_159 {
-  align-items: center;
-  color: var(--foreground-neutral-secondary);
-  display: flex;
-  justify-content: center;
-}
-._attachmentInfo_zdxto_170 {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--space-5xs);
-  min-inline-size: 0;
-}
-._attachmentRemove_zdxto_182 {
-  block-size: var(--dimensions-20) !important;
-  inline-size: var(--dimensions-20) !important;
-  inset-block-start: var(--space-5xs);
-  inset-inline-end: var(--space-5xs);
-  min-block-size: 0 !important;
-  min-inline-size: 0 !important;
-  padding: 0 !important;
-  position: absolute;
-  z-index: 1;
-}
-._attachmentRemoveMedia_zdxto_194 {
-  background-color: var(--surface-neutral-primary) !important;
-}
-._attachmentRemove_zdxto_182 svg {
-  block-size: var(--dimensions-16);
-  inline-size: var(--dimensions-16);
-}
 ._promptFieldRoot_1vtfb_6 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);