@streamoid/ui 0.6.14 → 0.6.15

package/dist/index.css

@@ -1305,6 +1305,7 @@
   position: relative;
   overflow: hidden;
   cursor: pointer;
+  transition: transform 0.2s ease, background 0.2s ease;
 }
 .ScButton_container {
   display: flex;
@@ -5986,6 +5987,12 @@
   flex-direction: column;
   overflow: hidden;
 }
+.ScDrawer_backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9;
+}
 
 /* src/SC-Tabs/ScTabs.module.css */
 .ScTabs_tabs,
@@ -6350,6 +6357,511 @@
   width: 10rem;
 }
 
+/* src/SC-DefaultCard/ScDefaultCard.module.css */
+.ScDefaultCard_scDefaultCard,
+.ScDefaultCard_scDefaultCard * {
+  box-sizing: border-box;
+}
+.ScDefaultCard_scDefaultCard {
+  background: var(--alias-surface-base, #101010);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-4xl, 1.125rem);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.ScDefaultCard_scDefaultCard:hover,
+.ScDefaultCard_scDefaultCard.ScDefaultCard_state-hover {
+  background: var(--alias-surface-basesubtle, #151515);
+  border-color: var(--alias-border-default, #3e3e3e);
+}
+.ScDefaultCard_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-md, 0.5rem);
+  padding: var(--spacing-5xl, 1.25rem);
+  width: 100%;
+  text-align: center;
+}
+.ScDefaultCard_title {
+  margin: 0;
+  width: 100%;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-md-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-md-regular-font-size, 1rem);
+  line-height: var(--text-text-md-regular-line-height, 1.5rem);
+  font-weight: var(--text-text-md-regular-font-weight, 400);
+  word-break: break-word;
+}
+.ScDefaultCard_description {
+  margin: 0;
+  width: 100%;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--text-text-xs-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-xs-regular-font-size, 0.75rem);
+  line-height: var(--text-text-xs-regular-line-height, 1.125rem);
+  font-weight: var(--text-text-xs-regular-font-weight, 400);
+  word-break: break-word;
+}
+
+/* src/SC-ValueMappingL1/ScValueMappingL1.module.css */
+.ScValueMappingL1_scValueMappingL1,
+.ScValueMappingL1_scValueMappingL1 * {
+  box-sizing: border-box;
+}
+.ScValueMappingL1_scValueMappingL1 {
+  background: var(--alias-surface-base, #101010);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-3xl, 1rem);
+  display: flex;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.ScValueMappingL1_scValueMappingL1:hover,
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_state-hover {
+  background: var(--alias-surface-basesubtle, #151515);
+  border-color: var(--alias-border-default, #3e3e3e);
+}
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_state-active {
+  background: var(--alias-surface-raisedoverlay, #313131);
+  border-color: var(--alias-border-default, #3e3e3e);
+}
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_updated {
+  padding-right: var(--spacing-md, 0.5rem);
+}
+.ScValueMappingL1_labelWrap {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  padding: var(--spacing-xl, 0.75rem);
+}
+.ScValueMappingL1_label {
+  width: 100%;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScValueMappingL1_dot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+}
+.ScValueMappingL1_dotInner {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: var(--radius-full, 999px);
+  background: var(--alias-text-and-icons-infocont, #6da5ff);
+}
+
+/* src/SC-TaxonomyPill/ScTaxonomyPill.module.css */
+.ScTaxonomyPill_scTaxonomyPill,
+.ScTaxonomyPill_scTaxonomyPill * {
+  box-sizing: border-box;
+}
+.ScTaxonomyPill_scTaxonomyPill {
+  background: var(--alias-fill-neutral-neutralactive, #313131);
+  border: 0.03125rem solid var(--alias-border-default, #3e3e3e);
+  border-radius: var(--radius-xl, 0.75rem);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease;
+}
+.ScTaxonomyPill_scTaxonomyPill:hover,
+.ScTaxonomyPill_scTaxonomyPill.ScTaxonomyPill_state-hover {
+  background: var(--alias-fill-neutral-neutralhovertoactive, #2a2a2a);
+}
+.ScTaxonomyPill_inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.ScTaxonomyPill_type-pill .ScTaxonomyPill_inner {
+  padding: var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+}
+.ScTaxonomyPill_type-expand .ScTaxonomyPill_inner {
+  gap: 0;
+  padding: var(--spacing-xxs, 0.125rem) var(--spacing-xs, 0.25rem) var(--spacing-xxs, 0.125rem) var(--spacing-md, 0.5rem);
+}
+.ScTaxonomyPill_type-collapse .ScTaxonomyPill_inner {
+  padding: var(--spacing-xs, 0.25rem);
+}
+.ScTaxonomyPill_label {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  text-align: center;
+}
+.ScTaxonomyPill_icon {
+  width: 0.75rem !important;
+  height: 0.75rem !important;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+/* src/SC-SelectionPill/ScSelectionPill.module.css */
+.ScSelectionPill_scSelectionPill,
+.ScSelectionPill_scSelectionPill * {
+  box-sizing: border-box;
+}
+.ScSelectionPill_scSelectionPill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+  border-radius: var(--radius-3xl, 1rem);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  background: var(--alias-fill-neutral-neutralplus, #151515);
+  cursor: pointer;
+  position: relative;
+  font: inherit;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.ScSelectionPill_scSelectionPill:hover,
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-hover {
+  background: var(--alias-fill-neutral-neutralhovertoactive, #2a2a2a);
+}
+.ScSelectionPill_scSelectionPill:focus {
+  outline: none;
+}
+.ScSelectionPill_scSelectionPill:focus-visible {
+  outline: 0.125rem solid var(--alias-border-focus, #1a6fff);
+  outline-offset: 0.125rem;
+}
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-selected {
+  background: var(--alias-fill-base-basehover, #bfbfbf);
+  border-color: transparent;
+}
+.ScSelectionPill_label {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  text-align: center;
+}
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-selected .ScSelectionPill_label {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+
+/* src/SC-SelectionPillGroup/ScSelectionPillGroup.module.css */
+.ScSelectionPillGroup_scSelectionPillGroup,
+.ScSelectionPillGroup_scSelectionPillGroup * {
+  box-sizing: border-box;
+}
+.ScSelectionPillGroup_scSelectionPillGroup {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-md, 0.5rem);
+  position: relative;
+  width: 100%;
+}
+
+/* src/SC-MappingCard/ScMappingCard.module.css */
+.ScMappingCard_scMappingCard,
+.ScMappingCard_scMappingCard * {
+  box-sizing: border-box;
+}
+.ScMappingCard_scMappingCard {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  flex-shrink: 0;
+  position: relative;
+  background: var(--alias-surface-base, #101010);
+  border: 0.5px solid var(--alias-border-default, #3e3e3e);
+  border-radius: var(--radius-3xl, 16px);
+  overflow: hidden;
+}
+.ScMappingCard_scMappingCard.ScMappingCard_status-confirmed {
+  border: 1px solid var(--alias-border-success, #007d48);
+}
+.ScMappingCard_scMappingCard.ScMappingCard_status-ignored {
+  border: 1px solid var(--alias-border-error, #8f1414);
+}
+.ScMappingCard_badge {
+  flex: 0 0 3rem;
+  width: 3rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: stretch;
+  background: var(--alias-surface-subtle, #1a1a1a);
+}
+.ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-md-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-md-medium-font-size, 1rem);
+  line-height: var(--text-text-md-medium-line-height, 1.5rem);
+  font-weight: var(--text-text-md-medium-font-weight, 500);
+  text-transform: uppercase;
+}
+.ScMappingCard_status-confirmed .ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-success, #00b96b);
+}
+.ScMappingCard_status-ignored .ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_content {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: flex-start;
+  gap: var(--spacing-6xl, 24px);
+  padding: var(--spacing-6xl, 24px);
+  min-width: 0;
+}
+.ScMappingCard_source {
+  flex: 1 1 0;
+  min-width: 0;
+}
+.ScMappingCard_sourceCard {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+  border-radius: var(--radius-3xl, 16px);
+  overflow: hidden;
+  box-shadow: var(--alias-shadow-sm);
+}
+.ScMappingCard_sourceCard .ScMappingCard_sourceHeader {
+  min-height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+}
+.ScMappingCard_sourceCard .ScMappingCard_sampleRows {
+  padding: var(--spacing-3xl, 16px);
+}
+.ScMappingCard_sourceHeader {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  width: 100%;
+  min-width: 0;
+}
+.ScMappingCard_columnName {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_addBtn {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScMappingCard_sampleRows {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3xl, 16px);
+  min-width: 0;
+}
+.ScMappingCard_sampleRow {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_sourceCollapsed {
+  display: flex;
+  align-items: center;
+  min-height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+  box-shadow: var(--alias-shadow-sm);
+}
+.ScMappingCard_status-ignored .ScMappingCard_sourceCollapsed .ScMappingCard_columnName {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_targetRegion {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 8px);
+  flex: 1 1 0;
+  min-width: 0;
+  align-self: flex-start;
+}
+.ScMappingCard_targetRow {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  min-width: 0;
+}
+.ScMappingCard_connector {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_targetBox {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 3rem;
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+  box-shadow: var(--alias-shadow-sm);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_targetBoxDash {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_warning {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm, 6px);
+  min-width: 0;
+  padding-left: 40px;
+}
+.ScMappingCard_warningIcon {
+  flex: 0 0 auto;
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_warningText {
+  min-width: 0;
+  color: var(--alias-text-and-icons-errorcont, #eb6b6b);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+}
+.ScMappingCard_actions {
+  flex: 0 0 336px;
+  width: 336px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-3xl, 16px);
+  align-self: flex-start;
+}
+.ScMappingCard_actionRow {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  width: 100%;
+}
+.ScMappingCard_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm, 6px);
+  height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  border-radius: var(--radius-xl, 12px);
+  font-family: var(--text-text-md-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-md-medium-font-size, 1rem);
+  line-height: var(--text-text-md-medium-line-height, 1.5rem);
+  font-weight: var(--text-text-md-medium-font-weight, 500);
+  white-space: nowrap;
+  cursor: pointer;
+  border: 1px solid transparent;
+}
+.ScMappingCard_ignoreBtn {
+  background: transparent;
+  border: 1.25px solid var(--alias-border-default, #3e3e3e);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScMappingCard_whiteBtn {
+  background: var(--alias-fill-base-base, #f5f5f5);
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScMappingCard_confirmBtn {
+  flex: 1 1 auto;
+}
+.ScMappingCard_statusLabel {
+  flex: 1 1 auto;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  white-space: nowrap;
+  font-family: var(--text-text-sm-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-sm-medium-font-size, 0.875rem);
+  line-height: var(--text-text-sm-medium-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-medium-font-weight, 500);
+}
+.ScMappingCard_statusIcon {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+}
+.ScMappingCard_statusSuccess {
+  color: var(--alias-text-and-icons-success, #00b96b);
+}
+.ScMappingCard_statusError {
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_validityText {
+  width: 100%;
+  text-align: left;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+}
+
 /* src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css */
 .ScThinkingStepIcon_scThinkingStepIcon,
 .ScThinkingStepIcon_scThinkingStepIcon * {

package/dist/index.d.mts

@@ -1121,8 +1121,14 @@ interface IScDrawerProps {
     contentStyle?: React.CSSProperties;
     closeOnOutside?: boolean;
     closeOnEsc?: boolean;
+    /** Render a dim scrim behind the panel (default off, preserving the
+     *  backdrop-less SideDrawer behaviour). Clicking it closes via onClose. */
+    backdrop?: boolean;
+    /** Override the stacking order (panel = zIndex, backdrop = zIndex - 1).
+     *  Needed when the drawer opens over another body-level overlay/modal. */
+    zIndex?: number;
 }
-declare const ScDrawer: ({ children, onClose, open, side, className, style, contentClassName, contentStyle, closeOnOutside, closeOnEsc, }: IScDrawerProps) => JSX.Element | null;
+declare const ScDrawer: ({ children, onClose, open, side, className, style, contentClassName, contentStyle, closeOnOutside, closeOnEsc, backdrop, zIndex, }: IScDrawerProps) => JSX.Element | null;
 
 type ScTab = string | {
     label?: string;
@@ -1214,6 +1220,92 @@ interface IScCatalogixStoreTableListProps extends React.HTMLAttributes<HTMLDivEl
 }
 declare const ScCatalogixStoreTableList: ({ storeName, status, statusTone, products, assets, createdOn, createdBy, showAssets, showCreatedBy, className, ...props }: IScCatalogixStoreTableListProps) => JSX.Element;
 
+interface IScDefaultCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    /** Show the description line. When false the card renders title-only. */
+    showDescription?: boolean;
+    /** Force the visual state (also applied on real :hover). */
+    state?: "default" | "hover";
+    className?: string;
+}
+declare const ScDefaultCard: ({ title, description, showDescription, state, className, ...props }: IScDefaultCardProps) => JSX.Element;
+
+interface IScValueMappingL1Props extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    /** Force the visual state ("active" = currently-selected row; :hover also fires). */
+    state?: "default" | "hover" | "active";
+    /** Render the trailing "updated" dot. */
+    updated?: boolean;
+    className?: string;
+}
+declare const ScValueMappingL1: ({ label, state, updated, className, ...props }: IScValueMappingL1Props) => JSX.Element;
+
+interface IScTaxonomyPillProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** "pill" = node label; "expand" = count + down chevron; "collapse" = up chevron. */
+    type?: "pill" | "expand" | "collapse";
+    /** Force the visual state (also applied on real :hover). */
+    state?: "default" | "hover";
+    /** Node label for type="pill". */
+    label?: string;
+    /** Child count for type="expand". */
+    count?: number | string;
+    className?: string;
+}
+declare const ScTaxonomyPill: ({ type, state, label, count, className, ...props }: IScTaxonomyPillProps) => JSX.Element;
+
+interface IScSelectionPillProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
+    label?: string;
+    /** Selected pill = dark fill + inverse text. */
+    selected?: boolean;
+    value?: string;
+    onSelect?: (value?: string) => void;
+    className?: string;
+}
+declare const ScSelectionPill: ({ label, selected, value, onSelect, onClick, className, ...props }: IScSelectionPillProps) => JSX.Element;
+
+interface IScSelectionPillOption {
+    label: string;
+    value: string;
+}
+interface IScSelectionPillGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    options?: IScSelectionPillOption[];
+    /** Value of the currently-selected pill. */
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+declare const ScSelectionPillGroup: ({ options, value, onChange, className, ...props }: IScSelectionPillGroupProps) => JSX.Element;
+
+interface IScMappingCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Narrow left-gutter badge letter, e.g. "A". */
+    badge?: string;
+    /** Source feed-column name, e.g. "STYLE ID". */
+    columnName: string;
+    /** Sample-value preview lines shown under the name (default state only). */
+    sampleRows?: string[];
+    /** "+" add-another-target handler (default state). */
+    onAddColumn?: () => void;
+    /** Visual + behavioural state. */
+    status?: "default" | "confirmed" | "ignored";
+    /** SLOT: target dropdown rows (default state) — the host renders its selects here. */
+    targets?: React.ReactNode;
+    /** Confirmed state: mapped target names, rendered as read-only field boxes. */
+    confirmedTargets?: string[];
+    /** Validity line, e.g. "50% of rows in this column have valid data (200 out of 400)". */
+    validityText?: string;
+    /** Link-warning message (default state). */
+    warning?: React.ReactNode;
+    /** Show "Confirm Mapping" (default state). */
+    canConfirm?: boolean;
+    onIgnore?: () => void;
+    onConfirm?: () => void;
+    /** Edit handler for confirmed/ignored states. */
+    onEdit?: () => void;
+    className?: string;
+}
+declare const ScMappingCard: ({ badge, columnName, sampleRows, onAddColumn, status, targets, confirmedTargets, validityText, warning, canConfirm, onIgnore, onConfirm, onEdit, className, ...props }: IScMappingCardProps) => JSX.Element;
+
 interface IScThinkingStepIconProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children"> {
     state?: "default" | "working" | "completed" | "error";
     size?: number;
@@ -1632,4 +1724,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
 }
 declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, badgeSubText, currentPlanLabel, upgradeButtonText, isLoading, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
 
-export { type AppcardProduct, type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type DescriptionVisibility, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardForCopilotProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScAppSwitchPanelProps, type IScAppcardLogosProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBeaconProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCatalogixStoreHeaderProps, type IScCatalogixStoreTableListProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCounterProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScCxoCopilotLogoProps, type IScDrawerProps, type IScFieldButtonProps, type IScFileFieldProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScInChatListProps, type IScInChatMessageProps, type IScInfoPopupProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMediaApprovalProps, type IScMediaSelectProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScModalProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPaginationProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanComparisonProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSelectOption, type IScSelectProps, type IScSelectionListProps, type IScSelectionProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStoreCardProps, type IScStrLogoProps, type IScStreamoidMascotProps, type IScStreamoidWordmarkProps, type IScSubAgentProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTabsProps, type IScTextAreaProps, type IScTextFieldProps, type IScThinkingStepIconProps, type IScTodoItem, type IScTodoListProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, type IcListIconState, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardForCopilot, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, ScAppcardLogos, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBeacon, type ScBeaconTone, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCatalogixStoreHeader, ScCatalogixStoreTableList, ScCheckField, ScCheckbox, ScCounter, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScCxoCopilotLogo, ScDp, type ScDpProps, ScDrawer, ScFieldButton, ScFileField, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScInChatList, ScInChatMessage, ScInfoPopup, ScIntialProfileCover, ScLogoUnit, ScMediaApproval, ScMediaSelect, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScModal, ScOnlyField, ScOnlyIcon, ScPagination, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanComparison, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSelect, ScSelection, ScSelectionList, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStoreCard, ScStrLogo, ScStreamoidMascot, ScStreamoidWordmark, ScSubAgent, type ScTab, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTabs, ScTextArea, ScTextField, ScThinkingStepIcon, ScTodoList, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SelectionListState, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProduct, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem, formatSubAgentLabel, hasCollapsedMark };
+export { type AppcardProduct, type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type DescriptionVisibility, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardForCopilotProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScAppSwitchPanelProps, type IScAppcardLogosProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBeaconProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCatalogixStoreHeaderProps, type IScCatalogixStoreTableListProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCounterProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScCxoCopilotLogoProps, type IScDefaultCardProps, type IScDrawerProps, type IScFieldButtonProps, type IScFileFieldProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScInChatListProps, type IScInChatMessageProps, type IScInfoPopupProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMappingCardProps, type IScMediaApprovalProps, type IScMediaSelectProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScModalProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPaginationProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanComparisonProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSelectOption, type IScSelectProps, type IScSelectionListProps, type IScSelectionPillGroupProps, type IScSelectionPillOption, type IScSelectionPillProps, type IScSelectionProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStoreCardProps, type IScStrLogoProps, type IScStreamoidMascotProps, type IScStreamoidWordmarkProps, type IScSubAgentProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTabsProps, type IScTaxonomyPillProps, type IScTextAreaProps, type IScTextFieldProps, type IScThinkingStepIconProps, type IScTodoItem, type IScTodoListProps, type IScToggleSwitchProps, type IScVDividerProps, type IScValueMappingL1Props, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, type IcListIconState, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardForCopilot, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, ScAppcardLogos, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBeacon, type ScBeaconTone, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCatalogixStoreHeader, ScCatalogixStoreTableList, ScCheckField, ScCheckbox, ScCounter, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScCxoCopilotLogo, ScDefaultCard, ScDp, type ScDpProps, ScDrawer, ScFieldButton, ScFileField, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScInChatList, ScInChatMessage, ScInfoPopup, ScIntialProfileCover, ScLogoUnit, ScMappingCard, ScMediaApproval, ScMediaSelect, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScModal, ScOnlyField, ScOnlyIcon, ScPagination, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanComparison, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSelect, ScSelection, ScSelectionList, ScSelectionPill, ScSelectionPillGroup, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStoreCard, ScStrLogo, ScStreamoidMascot, ScStreamoidWordmark, ScSubAgent, type ScTab, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTabs, ScTaxonomyPill, ScTextArea, ScTextField, ScThinkingStepIcon, ScTodoList, ScToggleSwitch, ScVDivider, ScValueMappingL1, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SelectionListState, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProduct, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem, formatSubAgentLabel, hasCollapsedMark };