@wix/patterns 1.467.0 → 1.468.0

package/dist/docs/PatternsReactRoute.md

@@ -13,7 +13,13 @@ The `PatternsReactRoute` component defines a route for a Patterns element.
 This component extends [`Route`](https://reactrouter.com/en/main/route/route)  from `react-router-dom`.
 
 ### Usage
-Wrap `PatternsReactRoute` components with [`PatternsReactRouter`](/?path=/story/base-components-pages-routing--patternsreactrouter).
+Wrap `PatternsReactRoute` components with [`PatternsReactRouter`](/?path=/story/base-components-pages-router--patternsreactrouter),
+as **direct** children of it. A route nested any deeper — inside a page
+component, a wrapper component, or a fragment — is never converted to a
+`Route`, and React Router throws "[MyPage] is not a `<Route>` component. All
+component children of `<Routes>` must be a `<Route>` or `<React.Fragment>`" at
+render time. See [Patterns Router Overview → Every `PatternsReactRoute` must be
+a direct child](/?path=/story/base-components-pages-router--overview).
 
 ```tsx
 import { PatternsReactRoute } from '@wix/patterns/router';

package/dist/docs/PatternsReactRouter.md

@@ -15,14 +15,24 @@ This component extends [`BrowserRouter`](https://reactrouter.com/en/main/router-
 ### Usage
 
 1. Import `PatternsReactRouter` and `PatternsReactRoute`.
-1. For each page you want to route to, add a [`PatternsReactRoute`](./?path=%2Fstory%2Fbase-components-pages-routing--patternsreactroute) component inside the `PatternsReactRouter` component.
+1. For each page you want to route to, add a [`PatternsReactRoute`](./?path=%2Fstory%2Fbase-components-pages-router--patternsreactroute) component inside the `PatternsReactRouter` component.
+
+> **Every `PatternsReactRoute` must be a *direct* child of this component.** The
+> conversion from `PatternsReactRoute` to React Router's `Route` runs one level
+> deep over this component's children, so a route nested inside a page component,
+> a wrapper, or a fragment never gets converted, and React Router throws
+> "[MyPage] is not a `<Route>` component. All component children of `<Routes>`
+> must be a `<Route>` or `<React.Fragment>`" while rendering. Declaring the entity
+> routes inside the collection page component is the common way into this. See
+> [Patterns Router Overview → Every `PatternsReactRoute` must be a direct
+> child](./?path=/story/base-components-pages-router--overview).
 
 > **Route `path`s are relative to this router's own mount point**, not to
 > whatever host page, panel, or outer route you reached it through. Never
 > re-prefix a route's `path` with that outer name (e.g. a router mounted on a
 > page named "shifts" still roots its own routes at `path="/"`, not
 > `path="/shifts"`). See [Patterns Router Overview → Paths are relative to
-> where the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
+> where the router is mounted](./?path=/story/base-components-pages-router--overview).
 > The same rule applies to `parentPath` on `useEntityPage()` and to the `path`
 > passed to `navigateToEntityPage()` / `navigateToCollectionPage()`.
 

package/dist/docs/index.json

@@ -1,4 +1,8 @@
 {
+  "ActionSubItem": {
+    "file": "ActionSubItem.md",
+    "category": "Common/Types"
+  },
   "AI Assistant": {
     "file": "AI Assistant.md",
     "category": "Integrations/AI Assistant",
@@ -11,10 +15,6 @@
     "category": "Features/Filter/Components",
     "bundle": "components/AutoCompleteFilter.d.ts"
   },
-  "ActionSubItem": {
-    "file": "ActionSubItem.md",
-    "category": "Common/Types"
-  },
   "CollectionEmptyState": {
     "file": "CollectionEmptyState.md",
     "category": "Features/Display/Empty States",
@@ -49,15 +49,15 @@
       "CollectionOptimisticActions/delete-all.tsx"
     ]
   },
-  "CollectionPage.Content": {
-    "file": "CollectionPage.Content.md",
-    "category": "Base Components/Pages/Collection Page"
-  },
   "CollectionPage": {
     "file": "CollectionPage.md",
     "category": "Base Components/Pages/Collection Page",
     "bundle": "components/CollectionPage.d.ts"
   },
+  "CollectionPage.Content": {
+    "file": "CollectionPage.Content.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPage.Header": {
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page",
@@ -161,10 +161,6 @@
     "category": "Features/Filter/Components",
     "bundle": "components/DateRangeFilter.d.ts"
   },
-  "EntityPage.AdditionalContent": {
-    "file": "EntityPage.AdditionalContent.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "EntityPage": {
     "file": "EntityPage.md",
     "category": "Base Components/Pages/Entity Page",
@@ -183,6 +179,14 @@
       "EntityPage/input-initialization-with-controller.tsx"
     ]
   },
+  "EntityPage.AdditionalContent": {
+    "file": "EntityPage.AdditionalContent.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
+  "EntityPage.Card": {
+    "file": "EntityPage.Card.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.Content": {
     "file": "EntityPage.Content.md",
     "category": "Base Components/Pages/Entity Page"
@@ -191,18 +195,14 @@
     "file": "EntityPage.Header.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Card": {
-    "file": "EntityPage.Card.md",
+  "EntityPage.MainContent": {
+    "file": "EntityPage.MainContent.md",
     "category": "Base Components/Pages/Entity Page"
   },
   "EntityPage.Slots": {
     "file": "EntityPage.Slots.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.MainContent": {
-    "file": "EntityPage.MainContent.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "Grid": {
     "file": "Grid.md",
     "category": "Base Components/Collections/Grid/Grid",
@@ -736,11 +736,6 @@
     "category": "Features/Filter/Factories",
     "bundle": "functions/customFilter.d.ts"
   },
-  "DataResultRaw": {
-    "file": "DataResultRaw.md",
-    "category": "Common/Types",
-    "bundle": "types/DataResultRaw.d.ts"
-  },
   "Data Extension Overview": {
     "file": "Data Extension Overview.md",
     "category": "Features/Enrich/Data Extension"
@@ -757,6 +752,11 @@
     "file": "Allow Users to Add Extended Fields.md",
     "category": "Features/Enrich/Data Extension"
   },
+  "DataResultRaw": {
+    "file": "DataResultRaw.md",
+    "category": "Common/Types",
+    "bundle": "types/DataResultRaw.d.ts"
+  },
   "EntityPageState": {
     "file": "EntityPageState.md",
     "category": "Base Components/Pages/Entity Page/State",
@@ -971,16 +971,16 @@
     "file": "usePickerContent.md",
     "category": "Base Components/Collections/Picker/Hooks"
   },
-  "useStaticListFilterCollection": {
-    "file": "useStaticListFilterCollection.md",
-    "category": "Features/Filter/Hooks",
-    "bundle": "hooks/useStaticListFilterCollection.d.ts"
-  },
   "useTableCollection": {
     "file": "useTableCollection.md",
     "category": "Base Components/Collections/Table/useTableCollection",
     "bundle": "hooks/useTableCollection.d.ts"
   },
+  "useStaticListFilterCollection": {
+    "file": "useStaticListFilterCollection.md",
+    "category": "Features/Filter/Hooks",
+    "bundle": "hooks/useStaticListFilterCollection.d.ts"
+  },
   "useTableFolders": {
     "file": "useTableFolders.md",
     "category": "Base Components/Collections/TableFolders/useTableFolders",

package/dist/docs/useEntityPage.md

@@ -109,7 +109,7 @@ page, panel, or outer route you reached it through — a router mounted on a pag
 named "shifts" still roots itself at `path="/"`. Repeating "shifts" in the path
 below is the single most common way this example gets copied wrong. See [Patterns
 Router Overview → Paths are relative to where the router is
-mounted](./?path=/story/base-components-pages-routing--routingoverview).
+mounted](./?path=/story/base-components-pages-router--overview).
 
 
 ```tsx

package/dist/docs/usePatternsNavigate.md

@@ -13,7 +13,7 @@ The `usePatternsNavigate` hook provides functions to navigate between pages in a
 > **`path` is relative to the router's own mount point**, not to whatever host
 > page, panel, or outer route you reached it through. Never re-prefix it with
 > that outer name; see [Patterns Router Overview → Paths are relative to where
-> the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
+> the router is mounted](./?path=/story/base-components-pages-router--overview).
 
 ### Usage
 

package/dist/dts-bundle/hooks/useEntityPage.d.ts

@@ -498,12 +498,20 @@ interface FilterTypeConfig {
  * type renders in the table, and the column's layout. Independent of
  * `editableTable` — neither slot falls back to the other.
  */
+/** What a read-only table cell is told about itself. */
+interface TableCellProps<V> {
+    value: V;
+    /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+    columnId: string;
+    /** The row this cell belongs to, so a cell can act on its item and not just
+     *  display it. Typed loosely for the same reason as `FieldsSource.getCellValue`:
+     *  the row shape belongs to the source, not to Cairo. */
+    row: unknown;
+}
 interface TableCellConfig<V> {
     /** Render the cell. Method syntax keeps the definition assignable to
      *  `FieldTypeDefinition<unknown>` (see FieldTypeDefinition). */
-    CellComponent(props: {
-        value: V;
-    }): ReactElement | null;
+    CellComponent(props: TableCellProps<V>): ReactElement | null;
     /** Column width. Required — custom types get no built-in layout default. */
     width: string;
     /** Default: 'start'. */

package/dist/dts-bundle/index.json

@@ -508,7 +508,7 @@
     "category": "Base Components/Pages/Entity Page/Hooks/useEntityPage",
     "importPath": "@wix/patterns",
     "file": "hooks/useEntityPage.d.ts",
-    "bytes": 37421,
+    "bytes": 37874,
     "status": null,
     "statusMessage": null
   },
@@ -697,7 +697,7 @@
     "category": null,
     "importPath": "@wix/patterns/core",
     "file": "types/OnSaveParams.d.ts",
-    "bytes": 36993,
+    "bytes": 37446,
     "status": null,
     "statusMessage": null
   },
@@ -706,7 +706,7 @@
     "category": null,
     "importPath": "@wix/patterns",
     "file": "types/UseEntityPageParams.d.ts",
-    "bytes": 37293,
+    "bytes": 37746,
     "status": null,
     "statusMessage": null
   },
@@ -715,7 +715,7 @@
     "category": null,
     "importPath": "@wix/patterns",
     "file": "types/EntityPageStateParams.d.ts",
-    "bytes": 36959,
+    "bytes": 37412,
     "status": null,
     "statusMessage": null
   },
@@ -724,7 +724,7 @@
     "category": "Base Components/Pages/Entity Page/State",
     "importPath": "@wix/patterns",
     "file": "types/EntityPageState.d.ts",
-    "bytes": 43043,
+    "bytes": 43496,
     "status": null,
     "statusMessage": null
   },

package/dist/dts-bundle/types/EntityPageState.d.ts

@@ -524,12 +524,20 @@ interface FilterTypeConfig {
  * type renders in the table, and the column's layout. Independent of
  * `editableTable` — neither slot falls back to the other.
  */
+/** What a read-only table cell is told about itself. */
+interface TableCellProps<V> {
+    value: V;
+    /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+    columnId: string;
+    /** The row this cell belongs to, so a cell can act on its item and not just
+     *  display it. Typed loosely for the same reason as `FieldsSource.getCellValue`:
+     *  the row shape belongs to the source, not to Cairo. */
+    row: unknown;
+}
 interface TableCellConfig<V> {
     /** Render the cell. Method syntax keeps the definition assignable to
      *  `FieldTypeDefinition<unknown>` (see FieldTypeDefinition). */
-    CellComponent(props: {
-        value: V;
-    }): ReactElement | null;
+    CellComponent(props: TableCellProps<V>): ReactElement | null;
     /** Column width. Required — custom types get no built-in layout default. */
     width: string;
     /** Default: 'start'. */

package/dist/dts-bundle/types/EntityPageStateParams.d.ts

@@ -498,12 +498,20 @@ interface FilterTypeConfig {
  * type renders in the table, and the column's layout. Independent of
  * `editableTable` — neither slot falls back to the other.
  */
+/** What a read-only table cell is told about itself. */
+interface TableCellProps<V> {
+    value: V;
+    /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+    columnId: string;
+    /** The row this cell belongs to, so a cell can act on its item and not just
+     *  display it. Typed loosely for the same reason as `FieldsSource.getCellValue`:
+     *  the row shape belongs to the source, not to Cairo. */
+    row: unknown;
+}
 interface TableCellConfig<V> {
     /** Render the cell. Method syntax keeps the definition assignable to
      *  `FieldTypeDefinition<unknown>` (see FieldTypeDefinition). */
-    CellComponent(props: {
-        value: V;
-    }): ReactElement | null;
+    CellComponent(props: TableCellProps<V>): ReactElement | null;
     /** Column width. Required — custom types get no built-in layout default. */
     width: string;
     /** Default: 'start'. */

package/dist/dts-bundle/types/OnSaveParams.d.ts

@@ -498,12 +498,20 @@ interface FilterTypeConfig {
  * type renders in the table, and the column's layout. Independent of
  * `editableTable` — neither slot falls back to the other.
  */
+/** What a read-only table cell is told about itself. */
+interface TableCellProps<V> {
+    value: V;
+    /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+    columnId: string;
+    /** The row this cell belongs to, so a cell can act on its item and not just
+     *  display it. Typed loosely for the same reason as `FieldsSource.getCellValue`:
+     *  the row shape belongs to the source, not to Cairo. */
+    row: unknown;
+}
 interface TableCellConfig<V> {
     /** Render the cell. Method syntax keeps the definition assignable to
      *  `FieldTypeDefinition<unknown>` (see FieldTypeDefinition). */
-    CellComponent(props: {
-        value: V;
-    }): ReactElement | null;
+    CellComponent(props: TableCellProps<V>): ReactElement | null;
     /** Column width. Required — custom types get no built-in layout default. */
     width: string;
     /** Default: 'start'. */

package/dist/dts-bundle/types/UseEntityPageParams.d.ts

@@ -498,12 +498,20 @@ interface FilterTypeConfig {
  * type renders in the table, and the column's layout. Independent of
  * `editableTable` — neither slot falls back to the other.
  */
+/** What a read-only table cell is told about itself. */
+interface TableCellProps<V> {
+    value: V;
+    /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+    columnId: string;
+    /** The row this cell belongs to, so a cell can act on its item and not just
+     *  display it. Typed loosely for the same reason as `FieldsSource.getCellValue`:
+     *  the row shape belongs to the source, not to Cairo. */
+    row: unknown;
+}
 interface TableCellConfig<V> {
     /** Render the cell. Method syntax keeps the definition assignable to
      *  `FieldTypeDefinition<unknown>` (see FieldTypeDefinition). */
-    CellComponent(props: {
-        value: V;
-    }): ReactElement | null;
+    CellComponent(props: TableCellProps<V>): ReactElement | null;
     /** Column width. Required — custom types get no built-in layout default. */
     width: string;
     /** Default: 'start'. */

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2539128531";
+var _namespace_ = "CardContainer179446655";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer2539128531__root" };
+export var classes = { "root": "CardContainer179446655__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CardContainer/CardContainer.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldForm2003411689";
+var _namespace_ = "CmsFieldForm2296801681";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CmsFieldForm2003411689__root", "fullBleedDivider": "CmsFieldForm2003411689__fullBleedDivider" };
+export var classes = { "root": "CmsFieldForm2296801681__root", "fullBleedDivider": "CmsFieldForm2296801681__fullBleedDivider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldModal4223188063";
+var _namespace_ = "CmsFieldModal2787546348";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CmsFieldModal4223188063__root", "modal": "CmsFieldModal4223188063__modal" };
+export var classes = { "root": "CmsFieldModal2787546348__root", "modal": "CmsFieldModal2787546348__modal" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "ValidationAndDefaultsSection2577113738";
+var _namespace_ = "ValidationAndDefaultsSection2053269587";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ValidationAndDefaultsSection2577113738__root", "accordionWrapper": "ValidationAndDefaultsSection2577113738__accordionWrapper" };
+export var classes = { "root": "ValidationAndDefaultsSection2053269587__root", "accordionWrapper": "ValidationAndDefaultsSection2053269587__accordionWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3008343395";
+var _namespace_ = "Collapse560640468";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3008343395__root", "exit": "Collapse3008343395__exit" };
+export var classes = { "root": "Collapse560640468__root", "exit": "Collapse560640468__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage2837641219";
+var _namespace_ = "CollectionPage801811228";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage2837641219__root" };
+export var classes = { "root": "CollectionPage801811228__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,0CAA0C,EAAC,4CAA4C,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,0CAA0C,EAAC,4CAA4C,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionSectionHeader2230645809";
+var _namespace_ = "CollectionSectionHeader3985538636";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionSectionHeader2230645809__root", "summaryIcon": "CollectionSectionHeader2230645809__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader3985538636__root", "summaryIcon": "CollectionSectionHeader3985538636__summaryIcon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable728764043";
+var _namespace_ = "CollectionTable2794573160";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTable728764043__root" };
+export var classes = { "root": "CollectionTable2794573160__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAC,CAAC;AAChE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTableWSRTable2573995063";
+var _namespace_ = "CollectionTableWSRTable1039809708";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTableWSRTable2573995063__root" };
+export var classes = { "root": "CollectionTableWSRTable1039809708__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar3700509415";
+var _namespace_ = "CollectionToolbar2384329588";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar3700509415__root", "right": "CollectionToolbar3700509415__right", "left": "CollectionToolbar3700509415__left", "fullWidth": "CollectionToolbar3700509415__fullWidth" };
+export var classes = { "root": "CollectionToolbar2384329588__root", "right": "CollectionToolbar2384329588__right", "left": "CollectionToolbar2384329588__left", "fullWidth": "CollectionToolbar2384329588__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter1025203591";
+var _namespace_ = "SearchOrCustomFilter3401884258";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter1025203591__root", "search": "SearchOrCustomFilter1025203591__search", "searchMobile": "SearchOrCustomFilter1025203591__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter3401884258__root", "search": "SearchOrCustomFilter3401884258__search", "searchMobile": "SearchOrCustomFilter3401884258__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly217741116";
+var _namespace_ = "AutoCompleteReadonly2555179000";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly217741116__root" };
+export var classes = { "root": "AutoCompleteReadonly2555179000__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1700299128";
+var _namespace_ = "ViewsDropdown520767598";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown1700299128__root" };
+export var classes = { "root": "ViewsDropdown520767598__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}