@wix/patterns 1.498.0 → 1.500.0

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines2491698911";
+var _namespace_ = "MaxLines2890962752";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines2491698911__root"};
+export var classes = {"root":"MaxLines2890962752__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar1247603396";
+var _namespace_ = "MultiBulkActionToolbar604565362";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar1247603396__root","leftGroupWrapper":"MultiBulkActionToolbar1247603396__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1247603396__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1247603396__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar604565362__root","leftGroupWrapper":"MultiBulkActionToolbar604565362__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar604565362__selectedCountItem","selectedCountText":"MultiBulkActionToolbar604565362__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow1229977122";
+var _namespace_ = "NestedTablePlaceholderStatesRow3992415944";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow1229977122__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3992415944__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow671921928";
+var _namespace_ = "NestedTableRow3556542872";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow671921928__root","firstLevel":"NestedTableRow671921928__firstLevel","placeholder":"NestedTableRow671921928__placeholder","parentHovered":"NestedTableRow671921928__parentHovered"};
+export var classes = {"root":"NestedTableRow3556542872__root","firstLevel":"NestedTableRow3556542872__firstLevel","placeholder":"NestedTableRow3556542872__placeholder","parentHovered":"NestedTableRow3556542872__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2745805431";
+var _namespace_ = "MultipleDragOverlayEffect606658728";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect2745805431__root"};
+export var classes = {"root":"MultipleDragOverlayEffect606658728__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow761124378";
+var _namespace_ = "NestedTableDragAndDropRow669570440";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow761124378__root"};
+export var classes = {"root":"NestedTableDragAndDropRow669570440__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3592524932";
+var _namespace_ = "PickerContent3900128836";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent3592524932__root"};
+export var classes = {"root":"PickerContent3900128836__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep19696875";
+var _namespace_ = "PickerContentAdditionalStep550974158";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep19696875__root","titles":"PickerContentAdditionalStep19696875__titles","suffix":"PickerContentAdditionalStep19696875__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep550974158__root","titles":"PickerContentAdditionalStep550974158__titles","suffix":"PickerContentAdditionalStep550974158__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem3863105122";
+var _namespace_ = "PickerTableListItem3471773313";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem3863105122__root"};
+export var classes = {"root":"PickerTableListItem3471773313__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PrimaryActions/PrimaryActions.tsx

@@ -64,7 +64,7 @@ export function PrimaryActions({ subItems, ...props }: ActionSubitem) {
             cairoPageCtaClicked({
               location: 'Collection Page Header',
               pageType: 'Collection',
-              ctaName: props.biName ?? '',
+              ctaName: props.biName || 'Create New',
               ctaType: 'primary page button',
               additionalInfo: props.biAdditionalInfo,
             }),

package/src/components/SchemaSource/ReferenceFieldCell.tsx

@@ -2,6 +2,7 @@ import React, { Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import type { Field } from '@wix/bex-core';
 import type { SchemaState } from './SchemaState';
+import { getImageFieldId } from '../../utils/referenceImage';
 
 // The reference views live in @wix/patterns-fields, which statically pulls the
 // rich-text editor and media SDKs — loaded lazily here for the same reason
@@ -50,9 +51,7 @@ function _ReferenceFieldCell({
   }
 
   const { displayField, fields } = refSchema;
-  const imageField = Object.entries(fields ?? {}).find(
-    ([, f]) => f?.type === 'IMAGE',
-  )?.[0];
+  const imageField = getImageFieldId(fields);
 
   const labelOf = (item: unknown) => {
     // A value that was never expanded (a bare id) has no label to show.
@@ -62,14 +61,12 @@ function _ReferenceFieldCell({
     const record = item as Record<string, unknown>;
     return {
       name: String(record[displayField] ?? ''),
-      image: imageField
-        ? (record[imageField] as string | undefined)
-        : undefined,
+      image: imageField ? record[imageField] : undefined,
     };
   };
 
   if (field.type === 'MULTI_REFERENCE') {
-    const items: { id: string; name: string; image?: string }[] = [];
+    const items: { id: string; name: string; image?: unknown }[] = [];
     (Array.isArray(value) ? value : []).forEach((item, i) => {
       const label = labelOf(item);
       if (label) {
@@ -89,7 +86,7 @@ function _ReferenceFieldCell({
   return label ? (
     <CellReferenceView
       name={label.name}
-      imageUrl={label.image}
+      image={label.image}
       dataHook="reference-view"
     />
   ) : null;

package/src/components/SchemaSource/referenceCells.ts

@@ -13,6 +13,7 @@ import type {
   ReferenceTypeConfig,
   RefSchema,
 } from '../EditableTable/cellTypes/reference/types';
+import { getImageFieldId, pickImageFields } from '../../utils/referenceImage';
 
 type RefRow = Record<string, unknown>;
 
@@ -21,19 +22,12 @@ const referencedCollectionIdOf = (field: Field): string | undefined =>
     ? field.referenceMetadata?.referencedCollectionId
     : undefined;
 
-const imageFieldOf = (fields: Schema['fields']): string | undefined =>
-  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];
-
 const toRefSchema = (schema: Schema, collectionId: string): RefSchema => ({
   id: schema.id ?? collectionId,
   collectionId,
   displayField: schema.displayField,
   idField: schema.idField,
-  fields: Object.fromEntries(
-    Object.entries(schema.fields ?? {})
-      .filter(([, f]) => f?.type === 'IMAGE')
-      .map(([id]) => [id, { type: 'IMAGE' as const }]),
-  ),
+  fields: pickImageFields(schema.fields),
 });
 
 /**
@@ -196,14 +190,14 @@ async function fetchReferenceItems(
   query: OffsetQuery,
 ): Promise<{ items: ReferenceItem[]; total: number }> {
   const { idField, displayField } = schema;
-  const imageField = imageFieldOf(schema.fields);
+  const imageField = getImageFieldId(schema.fields);
   const { items, total } = await sourceFetchData<RefRow>(refSource)(query);
 
   return {
     items: items.map((item) => ({
       id: String(item[idField] ?? ''),
       name: String(item[displayField] ?? ''),
-      image: imageField ? (item[imageField] as string | undefined) : undefined,
+      image: imageField ? item[imageField] : undefined,
     })),
     total: total ?? items.length,
   };

package/src/components/SchemaSource/schemaFieldActions.ts

@@ -107,7 +107,10 @@ export const schemaFieldActionHandlers =
       };
       disabledTooltips[action] ??= getReason();
       handlers[action] = (id) => {
-        if (disabledTooltips[action] === undefined && getReason() === undefined) {
+        if (
+          disabledTooltips[action] === undefined &&
+          getReason() === undefined
+        ) {
           handler(id);
         }
       };
@@ -138,7 +141,18 @@ export const createSchemaFieldActionsMenu =
         translate: t,
         tooltipContent: t('cairo.custom-columns.more-actions.tooltip'),
         bi: {
-          reportBi: s.sourceState.container.reportBi,
+          reportBi: (event) => {
+            const table = s.sourceState.source.schemaParams();
+            const withTable = {
+              ...event,
+              params: { ...event.params, ...table },
+            };
+            if (s.toolbar) {
+              s.toolbar.reportBi(withTable);
+              return;
+            }
+            s.sourceState.container.reportBi(withTable);
+          },
           location: args.location,
           listSize: s.sourceState.fields.length,
         },

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -109,7 +109,9 @@ export const schemaFieldManagement = (
           loadReferenceableCollectionOptions:
             fieldModal.loadReferenceableCollectionOptions,
         }),
-        getEditFieldType: (type: string): ResolvedFieldTypeOption | undefined => {
+        getEditFieldType: (
+          type: string,
+        ): ResolvedFieldTypeOption | undefined => {
           const definition = sourceState.source.fieldTypes.find(
             (candidate) => candidate.type === type,
           );

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent4148828866";
+var _namespace_ = "ScrollableContent2473263619";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent4148828866__root"};
+export var classes = {"root":"ScrollableContent2473263619__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget994892369";
+var _namespace_ = "SetupWidget1614172812";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SetupWidget994892369__root","row":"SetupWidget994892369__row","completedCta":"SetupWidget994892369__completedCta","secondaryCta":"SetupWidget994892369__secondaryCta","card":"SetupWidget994892369__card","stepIcon":"SetupWidget994892369__stepIcon","chevron":"SetupWidget994892369__chevron","chevronDisabled":"SetupWidget994892369__chevronDisabled","inProgressLabel":"SetupWidget994892369__inProgressLabel"};
+export var classes = {"root":"SetupWidget1614172812__root","row":"SetupWidget1614172812__row","completedCta":"SetupWidget1614172812__completedCta","secondaryCta":"SetupWidget1614172812__secondaryCta","card":"SetupWidget1614172812__card","stepIcon":"SetupWidget1614172812__stepIcon","chevron":"SetupWidget1614172812__chevron","chevronDisabled":"SetupWidget1614172812__chevronDisabled","inProgressLabel":"SetupWidget1614172812__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3316434517";
+var _namespace_ = "SkeletonCard982369363";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard3316434517__root","headerLoading":"SkeletonCard3316434517__headerLoading"};
+export var classes = {"root":"SkeletonCard982369363__root","headerLoading":"SkeletonCard982369363__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal1726289212";
+var _namespace_ = "SlidingModal1517647103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal1726289212__root"};
+export var classes = {"root":"SlidingModal1517647103__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader261273616";
+var _namespace_ = "AddFieldColumnHeader2817907323";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AddFieldColumnHeader261273616__root","anchorLayer":"AddFieldColumnHeader261273616__anchorLayer","popover":"AddFieldColumnHeader261273616__popover","title":"AddFieldColumnHeader261273616__title","hoverBridge":"AddFieldColumnHeader261273616__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2817907323__root","anchorLayer":"AddFieldColumnHeader2817907323__anchorLayer","popover":"AddFieldColumnHeader2817907323__popover","title":"AddFieldColumnHeader2817907323__title","hoverBridge":"AddFieldColumnHeader2817907323__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/NumberCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NumberCell2337029218";
+var _namespace_ = "NumberCell2143235062";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NumberCell2337029218__root"};
+export var classes = {"root":"NumberCell2143235062__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1483518244";
+var _namespace_ = "TabsFilter114130271";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1483518244__root","titleBox":"TabsFilter1483518244__titleBox"};
+export var classes = {"root":"TabsFilter114130271__root","titleBox":"TabsFilter114130271__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal1650527282";
+var _namespace_ = "ManageTagsModal2432037556";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal1650527282__root"};
+export var classes = {"root":"ManageTagsModal2432037556__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3191019945";
+var _namespace_ = "ToolbarItem221159529";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem3191019945__root"};
+export var classes = {"root":"ToolbarItem221159529__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox2331186614";
+var _namespace_ = "ToolbarItemBox3702948652";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox2331186614__root"};
+export var classes = {"root":"ToolbarItemBox3702948652__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2479329430";
+var _namespace_ = "common3781652268";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common2479329430__root","column":"common2479329430__column","fullHeight":"common2479329430__fullHeight"};
+export var classes = {"root":"common3781652268__root","column":"common3781652268__column","fullHeight":"common3781652268__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/exports/schema.ts

@@ -53,6 +53,8 @@ export type {
   FieldSettingsProps,
   FieldSettingsSection,
   FieldModalCollectionOption,
+  FieldModalCollectionGroup,
+  FieldModalCollectionEntry,
   FieldModalCollectionOptionsLoader,
   FieldModalCollectionInput,
   FieldModalCollectionAction,

package/src/index.ts

@@ -179,6 +179,8 @@ export {
   type FieldActionsConfig,
   type FieldModalConfig,
   type FieldModalCollectionOption,
+  type FieldModalCollectionGroup,
+  type FieldModalCollectionEntry,
   type FieldModalCollectionOptionsLoader,
   type FieldModalCollectionInput,
   type FieldModalCollectionAction,

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader1248869590";
+var _namespace_ = "CollectionPageHeader2199499396";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader1248869590__root","mobileMoreActions":"CollectionPageHeader1248869590__mobileMoreActions"};
+export var classes = {"root":"CollectionPageHeader2199499396__root","mobileMoreActions":"CollectionPageHeader2199499396__mobileMoreActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MobilePrimaryActionBar1162596589";
+var _namespace_ = "MobilePrimaryActionBar3884365680";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MobilePrimaryActionBar1162596589__root"};
+export var classes = {"root":"MobilePrimaryActionBar3884365680__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/TitleBadges.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges1421742939";
+var _namespace_ = "TitleBadges3144533068";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TitleBadges1421742939__root","tooltip":"TitleBadges1421742939__tooltip","tooltipTrigger":"TitleBadges1421742939__tooltipTrigger"};
+export var classes = {"root":"TitleBadges3144533068__root","tooltip":"TitleBadges3144533068__tooltip","tooltipTrigger":"TitleBadges3144533068__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};