@payloadcms/ui 4.0.0-internal.293e026 → 4.0.0-internal.2f0d313

package/dist/elements/WhereBuilder/index.js

@@ -6,29 +6,29 @@ import { isFieldDisabled, transformWhereQuery, validateWhereQuery } from 'payloa
 import React, { useMemo } from 'react';
 import { CirclePlusIcon } from '../../icons/CirclePlus/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useListQuery } from '../../providers/ListQuery/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js';
 import { Button } from '../Button/index.js';
 import { Condition } from './Condition/index.js';
+import { getDisplayedConditionValue, isEmptyConditionValue, isNoOpConditionValueUpdate } from './conditionValue.js';
 import './index.css';
 import { fieldTypeConditions, getValidFieldOperators } from './field-types.js';
 const baseClass = 'where-builder';
 /**
- * The WhereBuilder component is used to render the filter controls for a collection's list view
- * or in a form (e.g. Query Presets). When `value` and `onChange` are provided, it is controlled
- * by the form; otherwise it uses list query state from {@link useListQuery}.
+ * Presentational filter builder. It renders the conditions described by `value` and
+ * reports edits through `onChange`. It is unaware of where its value is stored — the
+ * list view wires it to list query state via {@link ListWhereBuilder}, and the Query
+ * Presets drawer wires it to form state.
  */
 export const WhereBuilder = props => {
   const {
     collectionSlug,
-    fields: fieldsProp,
-    onChange,
-    onClose,
+    fields,
+    onChange: handleWhereChange,
+    onEmptyRemove,
     renderedFilters = undefined,
     resolvedFilterOptions = undefined,
-    value: valueProp
+    value
   } = props;
   const {
     i18n,
@@ -37,15 +37,6 @@ export const WhereBuilder = props => {
   const {
     permissions
   } = useAuth();
-  const {
-    getEntityConfig
-  } = useConfig();
-  const listQuery = useListQuery();
-  const isFormMode = typeof onChange === 'function';
-  const collectionConfig = useMemo(() => isFormMode ? getEntityConfig({
-    collectionSlug
-  }) : null, [isFormMode, collectionSlug, getEntityConfig]);
-  const fields = isFormMode ? collectionConfig?.fields : fieldsProp;
   const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
   const reducedFields = useMemo(() => reduceFieldsToOptions({
     fieldPermissions,
@@ -54,31 +45,24 @@ export const WhereBuilder = props => {
   }), [fieldPermissions, fields, i18n]);
   const firstField = useMemo(() => reducedFields.find(f => !isFieldDisabled(f.field, 'filter')), [reducedFields]);
   const conditions = useMemo(() => {
-    const whereFromSearch = isFormMode ? valueProp : listQuery.query?.where;
-    if (whereFromSearch) {
-      if (validateWhereQuery(whereFromSearch)) {
-        return whereFromSearch.or ?? [];
+    if (value) {
+      if (validateWhereQuery(value)) {
+        return value.or ?? [];
       }
-      const transformedWhere = transformWhereQuery(whereFromSearch);
+      const transformedWhere = transformWhereQuery(value);
       if (validateWhereQuery(transformedWhere)) {
         return transformedWhere.or ?? [];
       }
-      if (!isFormMode) {
-        console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`); // eslint-disable-line no-console
-      }
     }
     return [];
-  }, [isFormMode, valueProp, listQuery.query?.where]);
-  const handleWhereChange = useMemo(() => isFormMode ? where => {
-    onChange?.(where);
-  } : listQuery.handleWhereChange, [isFormMode, onChange, listQuery.handleWhereChange]);
-  const addCondition = React.useCallback(async ({
+  }, [value]);
+  const addCondition = React.useCallback(({
     andIndex,
     field,
     orIndex,
     relation
   }) => {
-    const newConditions = [...conditions];
+    const newConditions = structuredClone(conditions);
     const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value;
     if (relation === 'and') {
       newConditions[orIndex].and.splice(andIndex, 0, {
@@ -95,30 +79,37 @@ export const WhereBuilder = props => {
         }]
       });
     }
-    await handleWhereChange({
+    void handleWhereChange({
       or: newConditions
     });
   }, [conditions, handleWhereChange]);
-  const updateCondition = React.useCallback(async ({
+  const updateCondition = React.useCallback(({
+    type,
     andIndex: andIndex_0,
     field: field_0,
     operator: incomingOperator,
     orIndex: orIndex_0,
-    value
+    value: value_0
   }) => {
     // Virtual first row: conditions not yet committed, build from scratch
     if (conditions.length === 0) {
+      // Field and operator picks carry empty values too, but must fall through to build the row.
+      if (type === 'value' && isEmptyConditionValue({
+        value: value_0
+      })) {
+        return;
+      }
       const {
         validOperator
       } = getValidFieldOperators({
         field: field_0.field,
         operator: incomingOperator
       });
-      await handleWhereChange({
+      void handleWhereChange({
         or: [{
           and: [{
             [String(field_0.fieldPath)]: {
-              [validOperator]: value
+              [validOperator]: value_0
             }
           }]
         }]
@@ -135,47 +126,54 @@ export const WhereBuilder = props => {
       });
       // Skip if nothing changed
       const existingValue = existingCondition[String(field_0.fieldPath)]?.[validOperator_0];
-      if (typeof existingValue !== 'undefined' && existingValue === value) {
+      if (typeof existingValue !== 'undefined' && existingValue === value_0) {
+        return;
+      }
+      if (isNoOpConditionValueUpdate({
+        type,
+        incomingValue: value_0,
+        storedValue: existingValue
+      })) {
         return;
       }
       const newRowCondition = {
         [String(field_0.fieldPath)]: {
-          [validOperator_0]: value
+          [validOperator_0]: value_0
         }
       };
       if (dequal(existingCondition, newRowCondition)) {
         return;
       }
-      const newConditions_0 = [...conditions];
+      const newConditions_0 = structuredClone(conditions);
       newConditions_0[orIndex_0].and[andIndex_0] = newRowCondition;
-      await handleWhereChange({
+      void handleWhereChange({
         or: newConditions_0
       });
     }
   }, [conditions, handleWhereChange]);
-  const removeCondition = React.useCallback(async ({
+  const removeCondition = React.useCallback(({
     andIndex: andIndex_1,
     orIndex: orIndex_1
   }) => {
     // Virtual first row: removing it just closes the panel
     if (conditions.length === 0) {
-      onClose?.();
+      onEmptyRemove?.();
       return;
     }
-    const newConditions_1 = [...conditions];
+    const newConditions_1 = structuredClone(conditions);
     newConditions_1[orIndex_1].and.splice(andIndex_1, 1);
     if (newConditions_1[orIndex_1].and.length === 0) {
       newConditions_1.splice(orIndex_1, 1);
     }
-    await handleWhereChange({
+    void handleWhereChange({
       or: newConditions_1
     });
     // Removing the last remaining condition closes the filters panel.
     if (newConditions_1.length === 0) {
-      onClose?.();
+      onEmptyRemove?.();
     }
-  }, [conditions, handleWhereChange, onClose]);
-  const updateJoin = React.useCallback(async ({
+  }, [conditions, handleWhereChange, onEmptyRemove]);
+  const updateJoin = React.useCallback(({
     andIndex: andIndex_2,
     join,
     orIndex: orIndex_2
@@ -207,29 +205,48 @@ export const WhereBuilder = props => {
         newConditions_2[newConditions_2.length - 1].and.push(cond_0);
       }
     });
-    await handleWhereChange({
+    void handleWhereChange({
       or: newConditions_2
     });
   }, [conditions, handleWhereChange]);
-  const addFirstFilter = React.useCallback(async () => {
-    if (firstField) {
-      await addCondition({
-        andIndex: 0,
-        field: firstField,
-        orIndex: conditions.length,
-        relation: 'or'
+  const addFirstFilter = React.useCallback(() => {
+    if (!firstField) {
+      return;
+    }
+    // With no committed conditions, only the virtual placeholder row is shown. Commit it
+    // and append a new row so a second row appears on the first click.
+    if (conditions.length === 0) {
+      const defaultOperator_0 = firstField.operators[0].value;
+      const makeRow = () => ({
+        and: [{
+          [String(firstField.fieldPath)]: {
+            [defaultOperator_0]: undefined
+          }
+        }]
+      });
+      void handleWhereChange({
+        or: [makeRow(), makeRow()]
       });
+      return;
     }
-  }, [addCondition, conditions.length, firstField]);
-  // When conditions is empty in list mode, show a virtual first row immediately
-  // (derived from the first available field) so the panel never opens blank.
-  const displayConditions = !isFormMode && conditions.length === 0 && firstField ? [{
+    void addCondition({
+      andIndex: 0,
+      field: firstField,
+      orIndex: conditions.length,
+      relation: 'or'
+    });
+  }, [addCondition, conditions.length, firstField, handleWhereChange]);
+  // When conditions is empty, show a virtual first row so the panel never opens blank.
+  const displayConditions = conditions.length === 0 && firstField ? [{
     and: [{
       [firstField.fieldPath]: {
         [firstField.operators[0].value]: undefined
       }
     }]
   }] : conditions;
+  // Disable the remove button only when there are no committed conditions and this host
+  // doesn't provide an empty-state removal handler.
+  const disableRemoveButton = conditions.length === 0 && !onEmptyRemove;
   return /*#__PURE__*/_jsx("div", {
     className: baseClass,
     children: /*#__PURE__*/_jsxs("div", {
@@ -242,12 +259,15 @@ export const WhereBuilder = props => {
             const condition = displayConditions[orIndex_3].and[andIndex_3];
             const fieldPath = Object.keys(condition)[0];
             const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
-            const value_0 = condition?.[fieldPath]?.[operator] || undefined;
+            const value_1 = getDisplayedConditionValue({
+              value: condition?.[fieldPath]?.[operator]
+            });
             const isFirstCondition = orIndex_3 === 0 && andIndex_3 === 0;
             const join_0 = andIndex_3 === 0 ? 'or' : 'and';
             return /*#__PURE__*/_jsx(Condition, {
               addCondition: addCondition,
               andIndex: andIndex_3,
+              disableRemoveButton: disableRemoveButton,
               fieldPath: fieldPath,
               filterOptions: resolvedFilterOptions?.get(fieldPath),
               isFirstCondition: isFirstCondition,
@@ -259,7 +279,7 @@ export const WhereBuilder = props => {
               RenderedFilter: renderedFilters?.get(fieldPath),
               updateCondition: updateCondition,
               updateJoin: updateJoin,
-              value: value_0
+              value: value_1
             }, andIndex_3);
           })
         }, compoundOrKey);

package/dist/elements/WhereBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","isFieldDisabled","transformWhereQuery","validateWhereQuery","React","useMemo","CirclePlusIcon","useAuth","useConfig","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionSlug","fields","fieldsProp","onChange","onClose","renderedFilters","undefined","resolvedFilterOptions","value","valueProp","i18n","t","permissions","getEntityConfig","listQuery","isFormMode","collectionConfig","fieldPermissions","collections","reducedFields","firstField","find","f","field","conditions","whereFromSearch","query","where","or","transformedWhere","console","warn","JSON","stringify","handleWhereChange","addCondition","useCallback","andIndex","orIndex","relation","newConditions","defaultOperator","type","operators","and","splice","String","fieldPath","push","updateCondition","operator","incomingOperator","length","validOperator","existingCondition","existingValue","newRowCondition","removeCondition","updateJoin","join","flattened","forEach","orGroup","oIdx","cond","aIdx","isTarget","currentJoin","itemJoin","index","addFirstFilter","displayConditions","_jsx","className","_jsxs","map","compoundOrKey","Array","isArray","_","condition","Object","keys","isFirstCondition","filterOptions","get","RenderedFilter","buttonStyle","icon","size","iconPosition","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { isFieldDisabled, transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type {\n  AddCondition,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  WhereBuilderProps,\n} from './types.js'\n\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.css'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view\n * or in a form (e.g. Query Presets). When `value` and `onChange` are provided, it is controlled\n * by the form; otherwise it uses list query state from {@link useListQuery}.\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const {\n    collectionSlug,\n    fields: fieldsProp,\n    onChange,\n    onClose,\n    renderedFilters = undefined,\n    resolvedFilterOptions = undefined,\n    value: valueProp,\n  } = props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { getEntityConfig } = useConfig()\n  const listQuery = useListQuery()\n\n  const isFormMode = typeof onChange === 'function'\n\n  const collectionConfig = useMemo(\n    () => (isFormMode ? getEntityConfig({ collectionSlug }) : null),\n    [isFormMode, collectionSlug, getEntityConfig],\n  )\n  const fields = isFormMode ? collectionConfig?.fields : fieldsProp\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields: fields ?? [],\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const firstField = useMemo(\n    () => reducedFields.find((f) => !isFieldDisabled(f.field, 'filter')),\n    [reducedFields],\n  )\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = isFormMode ? valueProp : listQuery.query?.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or ?? []\n      }\n\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or ?? []\n      }\n\n      if (!isFormMode) {\n        console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n      }\n    }\n\n    return []\n  }, [isFormMode, valueProp, listQuery.query?.where])\n\n  const handleWhereChange = useMemo(\n    () =>\n      isFormMode\n        ? (where: { or: typeof conditions }) => {\n            onChange?.(where)\n          }\n        : listQuery.handleWhereChange,\n    [isFormMode, onChange, listQuery.handleWhereChange],\n  )\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.fieldPath)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.fieldPath)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      // Virtual first row: conditions not yet committed, build from scratch\n      if (conditions.length === 0) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        await handleWhereChange({\n          or: [{ and: [{ [String(field.fieldPath)]: { [validOperator]: value } }] }],\n        })\n        return\n      }\n\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field?.fieldPath) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n\n        // Skip if nothing changed\n        const existingValue = existingCondition[String(field.fieldPath)]?.[validOperator]\n        if (typeof existingValue !== 'undefined' && existingValue === value) {\n          return\n        }\n\n        const newRowCondition = {\n          [String(field.fieldPath)]: { [validOperator]: value },\n        }\n\n        if (dequal(existingCondition, newRowCondition)) {\n          return\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      // Virtual first row: removing it just closes the panel\n      if (conditions.length === 0) {\n        onClose?.()\n        return\n      }\n\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n\n      // Removing the last remaining condition closes the filters panel.\n      if (newConditions.length === 0) {\n        onClose?.()\n      }\n    },\n    [conditions, handleWhereChange, onClose],\n  )\n\n  const updateJoin: UpdateJoin = React.useCallback(\n    async ({ andIndex, join, orIndex }) => {\n      // Flatten the nested or/and structure into a single ordered list, tracking\n      // the join relation that connects each condition to the previous one.\n      const flattened: { cond: (typeof conditions)[number]['and'][number]; join: 'and' | 'or' }[] =\n        []\n\n      conditions.forEach((orGroup, oIdx) => {\n        orGroup.and.forEach((cond, aIdx) => {\n          const isTarget = oIdx === orIndex && aIdx === andIndex\n          const currentJoin = flattened.length === 0 ? null : aIdx === 0 ? 'or' : 'and'\n\n          flattened.push({ cond, join: isTarget ? join : currentJoin })\n        })\n      })\n\n      // Rebuild the or/and structure from the flattened list using the join relations.\n      const newConditions: typeof conditions = []\n\n      flattened.forEach(({ cond, join: itemJoin }, index) => {\n        if (index === 0 || itemJoin === 'or') {\n          newConditions.push({ and: [cond] })\n        } else {\n          newConditions[newConditions.length - 1].and.push(cond)\n        }\n      })\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const addFirstFilter = React.useCallback(async () => {\n    if (firstField) {\n      await addCondition({\n        andIndex: 0,\n        field: firstField,\n        orIndex: conditions.length,\n        relation: 'or',\n      })\n    }\n  }, [addCondition, conditions.length, firstField])\n\n  // When conditions is empty in list mode, show a virtual first row immediately\n  // (derived from the first available field) so the panel never opens blank.\n  const displayConditions =\n    !isFormMode && conditions.length === 0 && firstField\n      ? ([\n          { and: [{ [firstField.fieldPath]: { [firstField.operators[0].value]: undefined } }] },\n        ] as typeof conditions)\n      : conditions\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__or-filters`}>\n        {displayConditions.map((or, orIndex) => {\n          const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n          return (\n            <div className={`${baseClass}__and-filters`} key={compoundOrKey}>\n              {Array.isArray(or?.and) &&\n                or.and.map((_, andIndex) => {\n                  const condition = displayConditions[orIndex].and[andIndex]\n                  const fieldPath = Object.keys(condition)[0]\n\n                  const operator =\n                    (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                  const value = condition?.[fieldPath]?.[operator] || undefined\n\n                  const isFirstCondition = orIndex === 0 && andIndex === 0\n                  const join: 'and' | 'or' = andIndex === 0 ? 'or' : 'and'\n\n                  return (\n                    <Condition\n                      addCondition={addCondition}\n                      andIndex={andIndex}\n                      fieldPath={fieldPath}\n                      filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                      isFirstCondition={isFirstCondition}\n                      join={join}\n                      key={andIndex}\n                      operator={operator}\n                      orIndex={orIndex}\n                      reducedFields={reducedFields}\n                      removeCondition={removeCondition}\n                      RenderedFilter={renderedFilters?.get(fieldPath)}\n                      updateCondition={updateCondition}\n                      updateJoin={updateJoin}\n                      value={value}\n                    />\n                  )\n                })}\n            </div>\n          )\n        })}\n        <div className={`${baseClass}__add-or-row`}>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-or`}\n            icon={<CirclePlusIcon size={24} />}\n            iconPosition=\"left\"\n            onClick={addFirstFilter}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","isFieldDisabled","transformWhereQuery","validateWhereQuery","React","useMemo","CirclePlusIcon","useAuth","useTranslation","reduceFieldsToOptions","Button","Condition","getDisplayedConditionValue","isEmptyConditionValue","isNoOpConditionValueUpdate","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionSlug","fields","onChange","handleWhereChange","onEmptyRemove","renderedFilters","undefined","resolvedFilterOptions","value","i18n","t","permissions","fieldPermissions","collections","reducedFields","firstField","find","f","field","conditions","or","transformedWhere","addCondition","useCallback","andIndex","orIndex","relation","newConditions","structuredClone","defaultOperator","type","operators","and","splice","String","fieldPath","push","updateCondition","operator","incomingOperator","length","validOperator","existingCondition","existingValue","incomingValue","storedValue","newRowCondition","removeCondition","updateJoin","join","flattened","forEach","orGroup","oIdx","cond","aIdx","isTarget","currentJoin","itemJoin","index","addFirstFilter","makeRow","displayConditions","disableRemoveButton","_jsx","className","_jsxs","map","compoundOrKey","Array","isArray","_","condition","Object","keys","isFirstCondition","filterOptions","get","RenderedFilter","buttonStyle","icon","size","iconPosition","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { isFieldDisabled, transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type {\n  AddCondition,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  WhereBuilderProps,\n} from './types.js'\n\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport {\n  getDisplayedConditionValue,\n  isEmptyConditionValue,\n  isNoOpConditionValueUpdate,\n} from './conditionValue.js'\nimport './index.css'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * Presentational filter builder. It renders the conditions described by `value` and\n * reports edits through `onChange`. It is unaware of where its value is stored — the\n * list view wires it to list query state via {@link ListWhereBuilder}, and the Query\n * Presets drawer wires it to form state.\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const {\n    collectionSlug,\n    fields,\n    onChange: handleWhereChange,\n    onEmptyRemove,\n    renderedFilters = undefined,\n    resolvedFilterOptions = undefined,\n    value,\n  } = props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields: fields ?? [],\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const firstField = useMemo(\n    () => reducedFields.find((f) => !isFieldDisabled(f.field, 'filter')),\n    [reducedFields],\n  )\n\n  const conditions = useMemo(() => {\n    if (value) {\n      if (validateWhereQuery(value)) {\n        return value.or ?? []\n      }\n\n      const transformedWhere = transformWhereQuery(value)\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or ?? []\n      }\n    }\n\n    return []\n  }, [value])\n\n  const addCondition: AddCondition = React.useCallback(\n    ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = structuredClone(conditions)\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.fieldPath)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.fieldPath)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      void handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    ({ type, andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      // Virtual first row: conditions not yet committed, build from scratch\n      if (conditions.length === 0) {\n        // Field and operator picks carry empty values too, but must fall through to build the row.\n        if (type === 'value' && isEmptyConditionValue({ value })) {\n          return\n        }\n\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        void handleWhereChange({\n          or: [{ and: [{ [String(field.fieldPath)]: { [validOperator]: value } }] }],\n        })\n        return\n      }\n\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field?.fieldPath) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n\n        // Skip if nothing changed\n        const existingValue = existingCondition[String(field.fieldPath)]?.[validOperator]\n        if (typeof existingValue !== 'undefined' && existingValue === value) {\n          return\n        }\n\n        if (\n          isNoOpConditionValueUpdate({ type, incomingValue: value, storedValue: existingValue })\n        ) {\n          return\n        }\n\n        const newRowCondition = {\n          [String(field.fieldPath)]: { [validOperator]: value },\n        }\n\n        if (dequal(existingCondition, newRowCondition)) {\n          return\n        }\n\n        const newConditions = structuredClone(conditions)\n        newConditions[orIndex].and[andIndex] = newRowCondition\n\n        void handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      // Virtual first row: removing it just closes the panel\n      if (conditions.length === 0) {\n        onEmptyRemove?.()\n        return\n      }\n\n      const newConditions = structuredClone(conditions)\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      void handleWhereChange({ or: newConditions })\n\n      // Removing the last remaining condition closes the filters panel.\n      if (newConditions.length === 0) {\n        onEmptyRemove?.()\n      }\n    },\n    [conditions, handleWhereChange, onEmptyRemove],\n  )\n\n  const updateJoin: UpdateJoin = React.useCallback(\n    ({ andIndex, join, orIndex }) => {\n      // Flatten the nested or/and structure into a single ordered list, tracking\n      // the join relation that connects each condition to the previous one.\n      const flattened: { cond: (typeof conditions)[number]['and'][number]; join: 'and' | 'or' }[] =\n        []\n\n      conditions.forEach((orGroup, oIdx) => {\n        orGroup.and.forEach((cond, aIdx) => {\n          const isTarget = oIdx === orIndex && aIdx === andIndex\n          const currentJoin = flattened.length === 0 ? null : aIdx === 0 ? 'or' : 'and'\n\n          flattened.push({ cond, join: isTarget ? join : currentJoin })\n        })\n      })\n\n      // Rebuild the or/and structure from the flattened list using the join relations.\n      const newConditions: typeof conditions = []\n\n      flattened.forEach(({ cond, join: itemJoin }, index) => {\n        if (index === 0 || itemJoin === 'or') {\n          newConditions.push({ and: [cond] })\n        } else {\n          newConditions[newConditions.length - 1].and.push(cond)\n        }\n      })\n\n      void handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const addFirstFilter = React.useCallback(() => {\n    if (!firstField) {\n      return\n    }\n\n    // With no committed conditions, only the virtual placeholder row is shown. Commit it\n    // and append a new row so a second row appears on the first click.\n    if (conditions.length === 0) {\n      const defaultOperator = firstField.operators[0].value\n      const makeRow = () => ({\n        and: [{ [String(firstField.fieldPath)]: { [defaultOperator]: undefined } }],\n      })\n\n      void handleWhereChange({ or: [makeRow(), makeRow()] })\n      return\n    }\n\n    void addCondition({\n      andIndex: 0,\n      field: firstField,\n      orIndex: conditions.length,\n      relation: 'or',\n    })\n  }, [addCondition, conditions.length, firstField, handleWhereChange])\n\n  // When conditions is empty, show a virtual first row so the panel never opens blank.\n  const displayConditions =\n    conditions.length === 0 && firstField\n      ? ([\n          { and: [{ [firstField.fieldPath]: { [firstField.operators[0].value]: undefined } }] },\n        ] as typeof conditions)\n      : conditions\n\n  // Disable the remove button only when there are no committed conditions and this host\n  // doesn't provide an empty-state removal handler.\n  const disableRemoveButton = conditions.length === 0 && !onEmptyRemove\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__or-filters`}>\n        {displayConditions.map((or, orIndex) => {\n          const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n          return (\n            <div className={`${baseClass}__and-filters`} key={compoundOrKey}>\n              {Array.isArray(or?.and) &&\n                or.and.map((_, andIndex) => {\n                  const condition = displayConditions[orIndex].and[andIndex]\n                  const fieldPath = Object.keys(condition)[0]\n\n                  const operator =\n                    (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                  const value = getDisplayedConditionValue({\n                    value: condition?.[fieldPath]?.[operator],\n                  })\n\n                  const isFirstCondition = orIndex === 0 && andIndex === 0\n                  const join: 'and' | 'or' = andIndex === 0 ? 'or' : 'and'\n\n                  return (\n                    <Condition\n                      addCondition={addCondition}\n                      andIndex={andIndex}\n                      disableRemoveButton={disableRemoveButton}\n                      fieldPath={fieldPath}\n                      filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                      isFirstCondition={isFirstCondition}\n                      join={join}\n                      key={andIndex}\n                      operator={operator}\n                      orIndex={orIndex}\n                      reducedFields={reducedFields}\n                      removeCondition={removeCondition}\n                      RenderedFilter={renderedFilters?.get(fieldPath)}\n                      updateCondition={updateCondition}\n                      updateJoin={updateJoin}\n                      value={value}\n                    />\n                  )\n                })}\n            </div>\n          )\n        })}\n        <div className={`${baseClass}__add-or-row`}>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-or`}\n            icon={<CirclePlusIcon size={24} />}\n            iconPosition=\"left\"\n            onClick={addFirstFilter}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/types.d.ts

@@ -2,13 +2,14 @@ import type { ClientField, Operator, ResolvedFilterOptions, SanitizedCollectionC
 export type WhereBuilderProps = {
     readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural'];
     readonly collectionSlug: SanitizedCollectionConfig['slug'];
-    readonly fields?: ClientField[];
-    /** When set, WhereBuilder is controlled by the form (value + onChange) instead of list query. */
-    readonly onChange?: (where: Where) => void;
-    /** Called when the last condition is removed, so the parent can close the filters panel. */
-    readonly onClose?: () => void;
+    readonly fields: ClientField[];
+    /** Called with the next `where` value whenever a condition is added, edited, or removed. */
+    readonly onChange: (where: Where) => Promise<void> | void;
+    /** Called when the last condition is removed, so the parent has empty state control. */
+    readonly onEmptyRemove?: () => void;
     readonly renderedFilters?: Map<string, React.ReactNode>;
     readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>;
+    /** The current `where` value to render conditions from. */
     readonly value?: Where;
 };
 export type Value = Date | number | number[] | string | string[];

package/dist/elements/WhereBuilder/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/WhereBuilder/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n  /** When set, WhereBuilder is controlled by the form (value + onChange) instead of list query. */\n  readonly onChange?: (where: Where) => void\n  /** Called when the last condition is removed, so the parent can close the filters panel. */\n  readonly onClose?: () => void\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  readonly value?: Where\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  /** The field path (e.g. \"title\" or \"author.name\") */\n  fieldPath: string\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n\nexport type UpdateJoin = ({\n  andIndex,\n  join,\n  orIndex,\n}: {\n  andIndex: number\n  join: Relation\n  orIndex: number\n}) => Promise<void> | void\n"],"mappings":"AAsGA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** Called with the next `where` value whenever a condition is added, edited, or removed. */\n  readonly onChange: (where: Where) => Promise<void> | void\n  /** Called when the last condition is removed, so the parent has empty state control. */\n  readonly onEmptyRemove?: () => void\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  /** The current `where` value to render conditions from. */\n  readonly value?: Where\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  /** The field path (e.g. \"title\" or \"author.name\") */\n  fieldPath: string\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n\nexport type UpdateJoin = ({\n  andIndex,\n  join,\n  orIndex,\n}: {\n  andIndex: number\n  join: Relation\n  orIndex: number\n}) => Promise<void> | void\n"],"mappings":"AAuGA","ignoreList":[]}

package/dist/exports/client/index.d.ts

@@ -25,6 +25,9 @@ export { QueryPresetsGroupByCell } from '../../elements/QueryPresets/cells/Group
 export { QueryPresetsColumnField } from '../../elements/QueryPresets/fields/ColumnsField/index.js';
 export { QueryPresetsWhereField } from '../../elements/QueryPresets/fields/WhereField/index.js';
 export { QueryPresetsGroupByField } from '../../elements/QueryPresets/fields/GroupByField/index.js';
+export { CollectionQuerySortField } from '../../widgets/CollectionQuery/SortField/index.js';
+export { RecentlyViewedCollectionsField } from '../../widgets/RecentlyViewed/CollectionsField/index.js';
+export { QueryPresetsHeading } from '../../elements/QueryPresets/fields/Heading/index.js';
 export { ConfirmationModal } from '../../elements/ConfirmationModal/index.js';
 export type { OnCancel } from '../../elements/ConfirmationModal/index.js';
 export { DialogBody, DialogCancel, DialogConfirm, DialogFooter, DialogHeader, DialogModal, } from '../../elements/Dialog/index.js';
@@ -43,12 +46,17 @@ export { Translation } from '../../elements/Translation/index.js';
 export { default as DatePicker } from '../../elements/DatePicker/DatePicker.js';
 export { ViewDescription } from '../../elements/ViewDescription/index.js';
 export { AppHeader } from '../../elements/AppHeader/index.js';
+export { MenuSeparator } from '../../elements/MenuSeparator/index.js';
 export { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
-export { BulkUploadDrawer, BulkUploadProvider, useBulkUpload, useBulkUploadDrawerSlug, } from '../../elements/BulkUpload/index.js';
+export { BulkUploadModal, BulkUploadProvider, useBulkUpload, useBulkUploadModalSlug, } from '../../elements/BulkUpload/index.js';
 export { DrawerContentContainer } from '../../elements/DrawerContentContainer/index.js';
 export type { BulkUploadProps } from '../../elements/BulkUpload/index.js';
+export { APIKeyInput } from '../../elements/APIKeyInput/index.js';
+export type { APIKeyInputProps } from '../../elements/APIKeyInput/index.js';
 export { Banner } from '../../elements/Banner/index.js';
 export { Button } from '../../elements/Button/index.js';
+export { TabButton, Tabs, TabsList } from '../../elements/Tabs/index.js';
+export type { TabsProps, TabsTab } from '../../elements/Tabs/index.js';
 export { AnimateHeight } from '../../elements/AnimateHeight/index.js';
 export { PillSelector, type SelectablePill } from '../../elements/PillSelector/index.js';
 export { Card } from '../../elements/Card/index.js';
@@ -62,6 +70,7 @@ export { CopyLocaleData } from '../../elements/CopyLocaleData/index.js';
 export { CopyToClipboard } from '../../elements/CopyToClipboard/index.js';
 export { DeleteMany } from '../../elements/DeleteMany/index.js';
 export { DocumentControls } from '../../elements/DocumentControls/index.js';
+export { DocumentHeaderRoot } from '../../elements/DocumentHeader/DocumentHeaderRoot/index.js';
 export { Dropzone } from '../../elements/Dropzone/index.js';
 export { documentDrawerBaseClass, useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
 export { escapeDiffHTML, getHTMLDiffComponents, unescapeDiffHTML, } from '../../elements/HTMLDiff/index.js';
@@ -97,8 +106,8 @@ export { HierarchyButtonClient } from '../../elements/Hierarchy/DocHeaderButton/
 export type { HierarchyButtonClientProps } from '../../elements/Hierarchy/DocHeaderButton/index.js';
 export { HierarchyFieldClient } from '../../elements/Hierarchy/Field/index.client.js';
 export type { HierarchyFieldClientProps } from '../../elements/Hierarchy/Field/index.client.js';
-export { formatHierarchyDrawerSlug, HierarchyDrawerToggler, useHierarchyDrawer, } from '../../elements/Hierarchy/Drawer/useHierarchyDrawer.js';
-export type { HierarchyDrawerProps, HierarchyDrawerTogglerProps, SelectionWithPath, UseHierarchyDrawer, UseHierarchyDrawerArgs, } from '../../elements/Hierarchy/Drawer/types.js';
+export { formatHierarchyModalSlug, HierarchyModalToggler, useHierarchyModal, } from '../../elements/Hierarchy/Modal/useHierarchyModal.js';
+export type { HierarchyDrawerProps, HierarchyDrawerTogglerProps, HierarchyModalProps, HierarchyModalTogglerProps, SelectionWithPath, UseHierarchyModal, UseHierarchyModalArgs, } from '../../elements/Hierarchy/Modal/types.js';
 export { ListSelection } from '../../views/List/ListSelection/index.js';
 export { CollectionListHeader as ListHeader } from '../../views/List/ListHeader/index.js';
 export { GroupByHeader } from '../../views/List/GroupByHeader/index.js';
@@ -114,7 +123,6 @@ export type { SwitchProps } from '../../elements/Switch/index.js';
 export { DelayedSpinner } from '../../elements/DelayedSpinner/index.js';
 export type { DelayedSpinnerProps } from '../../elements/DelayedSpinner/index.js';
 export { Logout } from '../../elements/Logout/index.js';
-export { NavToggler } from '../../elements/Nav/NavToggler/index.js';
 export { NavSidebarToggle } from '../../elements/Nav/NavSidebarToggle/index.js';
 export { NavWrapper } from '../../elements/Nav/NavWrapper/index.js';
 export { SettingsMenuButton } from '../../elements/Nav/SettingsMenuButton/index.js';
@@ -167,8 +175,10 @@ export type { ThumbnailCardProps } from '../../elements/ThumbnailCard/index.js';
 export { Tooltip } from '../../elements/Tooltip/index.js';
 import { toast } from 'sonner';
 export { toast };
+export { FieldErrorsToast } from '../../elements/Toasts/fieldErrors.js';
 export { UnpublishMany } from '../../elements/UnpublishMany/index.js';
 export { Upload } from '../../elements/Upload/index.js';
+export { UserMenu } from '../../elements/UserMenu/index.js';
 export { ListSearchFilter } from '../../elements/Search/ListSearchFilter/index.js';
 export { SearchInput } from '../../elements/Search/SearchInput/index.js';
 export { FilterTrigger } from '../../elements/FilterTrigger/index.js';
@@ -247,12 +257,12 @@ export { CodeBlockIcon } from '../../icons/CodeBlock/index.js';
 export { CopyIcon } from '../../icons/Copy/index.js';
 export { AlignJustifiedIcon, AlignJustifiedIcon as DragHandleIcon, } from '../../icons/AlignJustified/index.js';
 export { EditIcon } from '../../icons/Edit/index.js';
-export { ExternalLinkIcon } from '../../icons/ExternalLink/index.js';
 export { LineIcon } from '../../icons/Line/index.js';
 export { LinkIcon } from '../../icons/Link/index.js';
 export { LogOutIcon } from '../../icons/LogOut/index.js';
 export { MinimizeMaximizeIcon } from '../../icons/MinimizeMaximize/index.js';
 export { MoreIcon } from '../../icons/More/index.js';
+export { NewTabIcon } from '../../icons/NewTab/index.js';
 export { PlusIcon } from '../../icons/Plus/index.js';
 export { SearchIcon } from '../../icons/Search/index.js';
 export { SwapIcon } from '../../icons/Swap/index.js';
@@ -272,22 +282,29 @@ export { ClipboardIcon } from '../../icons/Clipboard/index.js';
 export { Dots } from '../../icons/Dots/index.js';
 export { DuplicateIcon } from '../../icons/Duplicate/index.js';
 export { EyeIcon } from '../../icons/Eye/index.js';
+export { KeyIcon } from '../../icons/Key/index.js';
 export { LockIcon } from '../../icons/Lock/index.js';
 export { LockOpenIcon } from '../../icons/LockOpen/index.js';
 export { PeopleIcon } from '../../icons/People/index.js';
 export { RefreshIcon } from '../../icons/Refresh/index.js';
+export { ReplaceIcon } from '../../icons/Replace/index.js';
 export { SortDownIcon } from '../../icons/Sort/index.js';
 export { ThreeDotsIcon } from '../../icons/ThreeDots/index.js';
 export { TrashIcon } from '../../icons/Trash/index.js';
 export { ErrorIcon } from '../../icons/Error/index.js';
 export { InfoIcon } from '../../icons/Info/index.js';
+export { InteractionEnterIcon } from '../../icons/InteractionEnter/index.js';
+export { LanguageIcon } from '../../icons/Language/index.js';
 export { SuccessIcon } from '../../icons/Success/index.js';
+export { VariableColorIcon } from '../../icons/VariableColor/index.js';
 export { WarningIcon } from '../../icons/Warning/index.js';
+export { WarningTriangleIcon } from '../../icons/WarningTriangle/index.js';
 export { TagIcon } from '../../icons/Tag/index.js';
 export { type RenderDocumentResult, type RenderDocumentServerFunction, ServerFunctionsContext, type ServerFunctionsContextType, ServerFunctionsProvider, useServerFunctions, } from '../../providers/ServerFunctions/index.js';
 export { ActionsProvider, useActions } from '../../providers/Actions/index.js';
+export { AuthSessionDebug } from '../../providers/Auth/AuthSessionDebug/index.js';
 export { AuthProvider, useAuth } from '../../providers/Auth/index.js';
-export type { UserWithToken } from '../../providers/Auth/index.js';
+export type { AuthSession, UserWithToken } from '../../providers/Auth/index.js';
 export { ClientFunctionProvider, useClientFunctions } from '../../providers/ClientFunction/index.js';
 export { useAddClientFunction } from '../../providers/ClientFunction/index.js';
 export { LivePreviewProvider } from '../../providers/LivePreview/index.js';
@@ -295,6 +312,7 @@ export { ProgressBar } from '../../providers/RouteTransition/ProgressBar/index.j
 export { RouteTransitionProvider, useRouteTransition, } from '../../providers/RouteTransition/index.js';
 export { ConfigProvider, PageConfigProvider, useConfig } from '../../providers/Config/index.js';
 export { DocumentEventsProvider, useDocumentEvents } from '../../providers/DocumentEvents/index.js';
+export { FormErrorHandlerContext, useFormErrorHandler, } from '../../providers/FormErrorHandler/index.js';
 export { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 export { useDocumentTitle } from '../../providers/DocumentTitle/index.js';
 export type { DocumentTitleContext } from '../../providers/DocumentTitle/index.js';
@@ -321,6 +339,8 @@ export type { AllowedCollection } from '../../providers/Hierarchy/types.js';
 export { UploadHandlersProvider, useUploadHandlers } from '../../providers/UploadHandlers/index.js';
 export type { UploadHandlersContext } from '../../providers/UploadHandlers/index.js';
 export { defaultTheme, type Theme, type ThemeContext, ThemeProvider, useTheme, } from '../../providers/Theme/index.js';
+export { EmbedProvider, useEmbed } from '../../providers/Embed/index.js';
+export type { EmbedContext } from '../../providers/Embed/index.js';
 export { TranslationProvider, useTranslation } from '../../providers/Translation/index.js';
 export { useWindowInfo, WindowInfoProvider } from '../../providers/WindowInfo/index.js';
 export { useControllableState } from '../../hooks/useControllableState.js';