@payloadcms/ui 4.0.0-canary.0 → 4.0.0-canary.2

package/dist/forms/fieldSchemasToFormState/calculateDefaultValues/promise.js

@@ -72,7 +72,7 @@ export const defaultValuePromise = async ({
           const promises = [];
           rows.forEach(row => {
             const blockTypeToMatch = row.blockType;
-            const block = req.payload.blocks[blockTypeToMatch] ?? (field.blockReferences ?? field.blocks).find(blockType => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch);
+            const block = req.payload.blocks[blockTypeToMatch] ?? field.blocks.find(blockType => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch);
             const {
               blockSelect,
               blockSelectMode

package/dist/forms/fieldSchemasToFormState/calculateDefaultValues/promise.js.map

@@ -1 +1 @@
-{"version":3,"file":"promise.js","names":["getBlockSelect","getDefaultValue","stripUnselectedFields","fieldAffectsData","tabHasName","iterateFields","defaultValuePromise","id","data","field","locale","req","select","selectMode","siblingData","user","shouldContinue","siblingDoc","name","defaultValue","value","err","payload","logger","error","msg","type","rows","Array","isArray","promises","arraySelect","forEach","row","push","fields","undefined","Promise","all","blockTypeToMatch","blockType","block","blocks","blockReferences","find","slug","blockSelect","blockSelectMode","groupData","groupSelect","tabSiblingData","isNamedTab","tabSelect","tabs","map","tab"],"sources":["../../../../src/forms/fieldSchemasToFormState/calculateDefaultValues/promise.ts"],"sourcesContent":["import type {\n  Data,\n  Field,\n  FlattenedBlock,\n  PayloadRequest,\n  SelectMode,\n  SelectType,\n  TabAsField,\n  TypedUser,\n} from 'payload'\n\nimport { getBlockSelect, getDefaultValue, stripUnselectedFields } from 'payload'\nimport { fieldAffectsData, tabHasName } from 'payload/shared'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args<T> = {\n  data: T\n  field: Field | TabAsField\n  id?: number | string\n  locale: string | undefined\n  req: PayloadRequest\n  select?: SelectType\n  selectMode?: SelectMode\n  siblingData: Data\n  user: TypedUser\n}\n\n// TODO: Make this works for rich text subfields\nexport const defaultValuePromise = async <T>({\n  id,\n  data,\n  field,\n  locale,\n  req,\n  select,\n  selectMode,\n  siblingData,\n  user,\n}: Args<T>): Promise<void> => {\n  const shouldContinue = stripUnselectedFields({\n    field,\n    select,\n    selectMode,\n    siblingDoc: siblingData,\n  })\n\n  if (!shouldContinue) {\n    return\n  }\n\n  if (fieldAffectsData(field)) {\n    if (\n      typeof siblingData[field.name] === 'undefined' &&\n      typeof field.defaultValue !== 'undefined'\n    ) {\n      try {\n        siblingData[field.name] = await getDefaultValue({\n          defaultValue: field.defaultValue,\n          locale,\n          req,\n          user,\n          value: siblingData[field.name],\n        })\n      } catch (err) {\n        req.payload.logger.error({\n          err,\n          msg: `Error calculating default value for field: ${field.name}`,\n        })\n      }\n    }\n  }\n\n  // Traverse subfields\n  switch (field.type) {\n    case 'array': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        const arraySelect = select?.[field.name]\n\n        rows.forEach((row) => {\n          promises.push(\n            iterateFields({\n              id,\n              data,\n              fields: field.fields,\n              locale,\n              req,\n              select: typeof arraySelect === 'object' ? arraySelect : undefined,\n              selectMode,\n              siblingData: row,\n              user,\n            }),\n          )\n        })\n\n        await Promise.all(promises)\n      }\n      break\n    }\n\n    case 'blocks': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n\n        rows.forEach((row) => {\n          const blockTypeToMatch: string = row.blockType\n\n          const block =\n            req.payload.blocks[blockTypeToMatch] ??\n            ((field.blockReferences ?? field.blocks).find(\n              (blockType) => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch,\n            ) as FlattenedBlock | undefined)\n\n          const { blockSelect, blockSelectMode } = getBlockSelect({\n            block,\n            select: select?.[field.name],\n            selectMode,\n          })\n\n          if (block) {\n            row.blockType = blockTypeToMatch\n\n            promises.push(\n              iterateFields({\n                id,\n                data,\n                fields: block.fields,\n                locale,\n                req,\n                select: typeof blockSelect === 'object' ? blockSelect : undefined,\n                selectMode: blockSelectMode,\n                siblingData: row,\n                user,\n              }),\n            )\n          }\n        })\n        await Promise.all(promises)\n      }\n\n      break\n    }\n\n    case 'collapsible':\n    case 'row': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        req,\n        select,\n        selectMode,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n    case 'group': {\n      if (fieldAffectsData(field)) {\n        if (typeof siblingData[field.name] !== 'object') {\n          siblingData[field.name] = {}\n        }\n\n        const groupData = siblingData[field.name] as Record<string, unknown>\n\n        const groupSelect = select?.[field.name]\n\n        await iterateFields({\n          id,\n          data,\n          fields: field.fields,\n          locale,\n          req,\n          select: typeof groupSelect === 'object' ? groupSelect : undefined,\n          selectMode,\n          siblingData: groupData,\n          user,\n        })\n      } else {\n        await iterateFields({\n          id,\n          data,\n          fields: field.fields,\n          locale,\n          req,\n          select,\n          selectMode,\n          siblingData,\n          user,\n        })\n      }\n\n      break\n    }\n\n    case 'tab': {\n      let tabSiblingData\n\n      const isNamedTab = tabHasName(field)\n\n      let tabSelect: SelectType | undefined\n\n      if (isNamedTab) {\n        if (typeof siblingData[field.name] !== 'object') {\n          siblingData[field.name] = {}\n        }\n\n        tabSiblingData = siblingData[field.name] as Record<string, unknown>\n\n        if (typeof select?.[field.name] === 'object') {\n          tabSelect = select?.[field.name] as SelectType\n        }\n      } else {\n        tabSiblingData = siblingData\n        tabSelect = select\n      }\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        req,\n        select: tabSelect,\n        selectMode,\n        siblingData: tabSiblingData,\n        user,\n      })\n\n      break\n    }\n\n    case 'tabs': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.tabs.map((tab) => ({ ...tab, type: 'tab' })),\n        locale,\n        req,\n        select,\n        selectMode,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"promise.js","names":["getBlockSelect","getDefaultValue","stripUnselectedFields","fieldAffectsData","tabHasName","iterateFields","defaultValuePromise","id","data","field","locale","req","select","selectMode","siblingData","user","shouldContinue","siblingDoc","name","defaultValue","value","err","payload","logger","error","msg","type","rows","Array","isArray","promises","arraySelect","forEach","row","push","fields","undefined","Promise","all","blockTypeToMatch","blockType","block","blocks","find","slug","blockSelect","blockSelectMode","groupData","groupSelect","tabSiblingData","isNamedTab","tabSelect","tabs","map","tab"],"sources":["../../../../src/forms/fieldSchemasToFormState/calculateDefaultValues/promise.ts"],"sourcesContent":["import type {\n  Data,\n  Field,\n  FlattenedBlock,\n  PayloadRequest,\n  SelectMode,\n  SelectType,\n  TabAsField,\n  TypedUser,\n} from 'payload'\n\nimport { getBlockSelect, getDefaultValue, stripUnselectedFields } from 'payload'\nimport { fieldAffectsData, tabHasName } from 'payload/shared'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args<T> = {\n  data: T\n  field: Field | TabAsField\n  id?: number | string\n  locale: string | undefined\n  req: PayloadRequest\n  select?: SelectType\n  selectMode?: SelectMode\n  siblingData: Data\n  user: TypedUser\n}\n\n// TODO: Make this works for rich text subfields\nexport const defaultValuePromise = async <T>({\n  id,\n  data,\n  field,\n  locale,\n  req,\n  select,\n  selectMode,\n  siblingData,\n  user,\n}: Args<T>): Promise<void> => {\n  const shouldContinue = stripUnselectedFields({\n    field,\n    select,\n    selectMode,\n    siblingDoc: siblingData,\n  })\n\n  if (!shouldContinue) {\n    return\n  }\n\n  if (fieldAffectsData(field)) {\n    if (\n      typeof siblingData[field.name] === 'undefined' &&\n      typeof field.defaultValue !== 'undefined'\n    ) {\n      try {\n        siblingData[field.name] = await getDefaultValue({\n          defaultValue: field.defaultValue,\n          locale,\n          req,\n          user,\n          value: siblingData[field.name],\n        })\n      } catch (err) {\n        req.payload.logger.error({\n          err,\n          msg: `Error calculating default value for field: ${field.name}`,\n        })\n      }\n    }\n  }\n\n  // Traverse subfields\n  switch (field.type) {\n    case 'array': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        const arraySelect = select?.[field.name]\n\n        rows.forEach((row) => {\n          promises.push(\n            iterateFields({\n              id,\n              data,\n              fields: field.fields,\n              locale,\n              req,\n              select: typeof arraySelect === 'object' ? arraySelect : undefined,\n              selectMode,\n              siblingData: row,\n              user,\n            }),\n          )\n        })\n\n        await Promise.all(promises)\n      }\n      break\n    }\n\n    case 'blocks': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n\n        rows.forEach((row) => {\n          const blockTypeToMatch: string = row.blockType\n\n          const block =\n            req.payload.blocks[blockTypeToMatch] ??\n            (field.blocks.find(\n              (blockType) => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch,\n            ) as FlattenedBlock | undefined)\n\n          const { blockSelect, blockSelectMode } = getBlockSelect({\n            block,\n            select: select?.[field.name],\n            selectMode,\n          })\n\n          if (block) {\n            row.blockType = blockTypeToMatch\n\n            promises.push(\n              iterateFields({\n                id,\n                data,\n                fields: block.fields,\n                locale,\n                req,\n                select: typeof blockSelect === 'object' ? blockSelect : undefined,\n                selectMode: blockSelectMode,\n                siblingData: row,\n                user,\n              }),\n            )\n          }\n        })\n        await Promise.all(promises)\n      }\n\n      break\n    }\n\n    case 'collapsible':\n    case 'row': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        req,\n        select,\n        selectMode,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n    case 'group': {\n      if (fieldAffectsData(field)) {\n        if (typeof siblingData[field.name] !== 'object') {\n          siblingData[field.name] = {}\n        }\n\n        const groupData = siblingData[field.name] as Record<string, unknown>\n\n        const groupSelect = select?.[field.name]\n\n        await iterateFields({\n          id,\n          data,\n          fields: field.fields,\n          locale,\n          req,\n          select: typeof groupSelect === 'object' ? groupSelect : undefined,\n          selectMode,\n          siblingData: groupData,\n          user,\n        })\n      } else {\n        await iterateFields({\n          id,\n          data,\n          fields: field.fields,\n          locale,\n          req,\n          select,\n          selectMode,\n          siblingData,\n          user,\n        })\n      }\n\n      break\n    }\n\n    case 'tab': {\n      let tabSiblingData\n\n      const isNamedTab = tabHasName(field)\n\n      let tabSelect: SelectType | undefined\n\n      if (isNamedTab) {\n        if (typeof siblingData[field.name] !== 'object') {\n          siblingData[field.name] = {}\n        }\n\n        tabSiblingData = siblingData[field.name] as Record<string, unknown>\n\n        if (typeof select?.[field.name] === 'object') {\n          tabSelect = select?.[field.name] as SelectType\n        }\n      } else {\n        tabSiblingData = siblingData\n        tabSelect = select\n      }\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        req,\n        select: tabSelect,\n        selectMode,\n        siblingData: tabSiblingData,\n        user,\n      })\n\n      break\n    }\n\n    case 'tabs': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.tabs.map((tab) => ({ ...tab, type: 'tab' })),\n        locale,\n        req,\n        select,\n        selectMode,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/fieldSchemasToFormState/renderField.js

@@ -121,7 +121,7 @@ export const renderField = ({
           }
           row.lastRenderedPath = rowPath;
           const blockTypeToMatch = row.blockType;
-          const blockConfig = req.payload.blocks[blockTypeToMatch] ?? (fieldConfig.blockReferences ?? fieldConfig.blocks).find(block => typeof block !== 'string' && block.slug === blockTypeToMatch);
+          const blockConfig = req.payload.blocks[blockTypeToMatch] ?? fieldConfig.blocks.find(block => typeof block !== 'string' && block.slug === blockTypeToMatch);
           if (blockConfig.admin?.components && 'Label' in blockConfig.admin.components) {
             if (!fieldState.rows[rowIndex]?.customComponents) {
               fieldState.rows[rowIndex].customComponents = {};

package/dist/forms/fieldSchemasToFormState/renderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderField.js","names":["getTranslation","createClientField","MissingEditorProp","fieldIsHiddenOrDisabled","RenderServerComponent","FieldDescription","WatchCondition","defaultUIFieldComponentKeys","renderField","id","clientFieldSchemaMap","collectionSlug","data","fieldConfig","fieldSchemaMap","fieldState","forceCreateClientField","formState","indexPath","lastRenderedPath","mockRSCs","operation","parentPath","parentSchemaPath","path","permissions","preferences","readOnly","readOnlyFromProps","renderAllFields","req","schemaPath","siblingData","hasBeforeOrAfterInput","admin","components","requiresRender","type","clientField","get","defaultIDType","payload","config","db","field","i18n","importMap","clientProps","customComponents","includes","serverProps","user","value","name","rows","forEach","row","rowIndex","rowLastRenderedPath","rowPath","rowRequiresRender","RowLabel","Component","key","rowLabel","labels","singular","String","padStart","rowNumber","blockTypeToMatch","blockType","blockConfig","blocks","blockReferences","find","block","slug","Label","Object","keys","length","description","editor","Error","Field","_jsx","FieldComponent","sanitizedEditorConfig","editorConfig","undefined","Description","t","AfterInput","afterInput","BeforeInput","beforeInput"],"sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"sourcesContent":["import type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  FlattenedBlock,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { createClientField, MissingEditorProp } from 'payload'\nimport { fieldIsHiddenOrDisabled } from 'payload/shared'\n\nimport type { RenderFieldMethod } from './types.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\nimport { FieldDescription, WatchCondition } from '../../exports/client/index.js'\n\nconst defaultUIFieldComponentKeys: Array<'Cell' | 'Description' | 'Field' | 'Filter'> = [\n  'Cell',\n  'Description',\n  'Field',\n  'Filter',\n]\n\nexport const renderField: RenderFieldMethod = ({\n  id,\n  clientFieldSchemaMap,\n  collectionSlug,\n  data,\n  fieldConfig,\n  fieldSchemaMap,\n  fieldState,\n  forceCreateClientField,\n  formState,\n  indexPath,\n  lastRenderedPath,\n  mockRSCs,\n  operation,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  preferences,\n  readOnly: readOnlyFromProps,\n  renderAllFields,\n  req,\n  schemaPath,\n  siblingData,\n}) => {\n  // Fields with beforeInput/afterInput need custom components created, so they require render\n  const hasBeforeOrAfterInput =\n    fieldConfig.admin?.components &&\n    ('beforeInput' in fieldConfig.admin.components || 'afterInput' in fieldConfig.admin.components)\n\n  const requiresRender =\n    renderAllFields || !lastRenderedPath || lastRenderedPath !== path || hasBeforeOrAfterInput\n\n  if (!requiresRender && fieldConfig.type !== 'array' && fieldConfig.type !== 'blocks') {\n    return\n  }\n\n  const clientField =\n    clientFieldSchemaMap && !forceCreateClientField\n      ? (clientFieldSchemaMap.get(schemaPath) as ClientField)\n      : createClientField({\n          defaultIDType: req.payload.config.db.defaultIDType,\n          field: fieldConfig,\n          i18n: req.i18n,\n          importMap: req.payload.importMap,\n        })\n\n  const clientProps: ClientComponentProps & Partial<FieldPaths> = {\n    field: clientField,\n    path,\n    permissions,\n    readOnly:\n      readOnlyFromProps === true\n        ? true\n        : typeof permissions === 'boolean'\n          ? !permissions\n          : !permissions?.[operation],\n    schemaPath,\n  }\n\n  if (fieldState?.customComponents) {\n    clientProps.customComponents = fieldState.customComponents\n  }\n\n  // fields with subfields\n  if (['array', 'blocks', 'collapsible', 'group', 'row', 'tabs'].includes(fieldConfig.type)) {\n    clientProps.indexPath = indexPath\n    clientProps.parentPath = parentPath\n    clientProps.parentSchemaPath = parentSchemaPath\n  }\n\n  const serverProps: ServerComponentProps = {\n    id,\n    clientField,\n    clientFieldSchemaMap,\n    data,\n    field: fieldConfig,\n    fieldSchemaMap,\n    permissions,\n    // TODO: Should we pass explicit values? initialValue, value, valid\n    // value and initialValue should be typed\n    collectionSlug,\n    formState,\n    i18n: req.i18n,\n    operation,\n    payload: req.payload,\n    preferences,\n    req,\n    siblingData,\n    user: req.user,\n    value: 'name' in fieldConfig && data?.[fieldConfig.name],\n  }\n\n  switch (fieldConfig.type) {\n    case 'array': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        const rowLastRenderedPath = row.lastRenderedPath\n\n        const rowPath = `${path}.${rowIndex}`\n\n        const rowRequiresRender =\n          renderAllFields || !rowLastRenderedPath || rowLastRenderedPath !== rowPath\n\n        if (!rowRequiresRender) {\n          return\n        }\n\n        row.lastRenderedPath = rowPath\n\n        if (fieldConfig.admin?.components && 'RowLabel' in fieldConfig.admin.components) {\n          if (!row.customComponents) {\n            row.customComponents = {}\n          }\n\n          row.customComponents.RowLabel = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component: fieldConfig.admin.components.RowLabel,\n                importMap: req.payload.importMap,\n                key: `${rowIndex}`,\n                serverProps: {\n                  ...serverProps,\n                  rowLabel: `${getTranslation(fieldConfig.labels.singular, req.i18n)} ${String(\n                    rowIndex + 1,\n                  ).padStart(2, '0')}`,\n                  rowNumber: rowIndex + 1,\n                },\n              })\n            : 'Mock'\n        }\n      })\n\n      break\n    }\n\n    case 'blocks': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        const rowLastRenderedPath = row.lastRenderedPath\n\n        const rowPath = `${path}.${rowIndex}`\n\n        const rowRequiresRender =\n          renderAllFields || !rowLastRenderedPath || rowLastRenderedPath !== rowPath\n\n        if (!rowRequiresRender) {\n          return\n        }\n\n        row.lastRenderedPath = rowPath\n\n        const blockTypeToMatch: string = row.blockType\n\n        const blockConfig =\n          req.payload.blocks[blockTypeToMatch] ??\n          ((fieldConfig.blockReferences ?? fieldConfig.blocks).find(\n            (block) => typeof block !== 'string' && block.slug === blockTypeToMatch,\n          ) as FlattenedBlock | undefined)\n\n        if (blockConfig.admin?.components && 'Label' in blockConfig.admin.components) {\n          if (!fieldState.rows[rowIndex]?.customComponents) {\n            fieldState.rows[rowIndex].customComponents = {}\n          }\n\n          fieldState.rows[rowIndex].customComponents.RowLabel = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component: blockConfig.admin.components.Label,\n                importMap: req.payload.importMap,\n                key: `${rowIndex}`,\n                serverProps: {\n                  ...serverProps,\n                  blockType: row.blockType,\n                  rowLabel: `${getTranslation(blockConfig.labels.singular, req.i18n)} ${String(\n                    rowIndex + 1,\n                  ).padStart(2, '0')}`,\n                  rowNumber: rowIndex + 1,\n                },\n              })\n            : 'Mock'\n        }\n      })\n\n      break\n    }\n  }\n\n  if (!requiresRender) {\n    return\n  }\n\n  /**\n   * Set the `lastRenderedPath` equal to the new path of the field, this will prevent it from being rendered again\n   */\n  fieldState.lastRenderedPath = path\n\n  if (fieldIsHiddenOrDisabled(clientField)) {\n    return\n  }\n\n  /**\n   * Only create the `customComponents` object if needed.\n   * This will prevent unnecessary data from being transferred to the client.\n   */\n  if (fieldConfig.admin) {\n    if (\n      (Object.keys(fieldConfig.admin.components || {}).length > 0 ||\n        fieldConfig.type === 'richText' ||\n        ('description' in fieldConfig.admin &&\n          typeof fieldConfig.admin.description === 'function')) &&\n      !fieldState?.customComponents\n    ) {\n      fieldState.customComponents = {}\n    }\n  }\n\n  switch (fieldConfig.type) {\n    case 'richText': {\n      if (!fieldConfig?.editor) {\n        throw new MissingEditorProp(fieldConfig) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n      }\n\n      if (typeof fieldConfig?.editor === 'function') {\n        throw new Error('Attempted to access unsanitized rich text editor.')\n      }\n\n      if (!fieldConfig.admin) {\n        fieldConfig.admin = {}\n      }\n\n      if (!fieldConfig.admin.components) {\n        fieldConfig.admin.components = {}\n      }\n\n      fieldState.customComponents.Field = !mockRSCs ? (\n        <WatchCondition path={path}>\n          {RenderServerComponent({\n            clientProps,\n            Component: fieldConfig.editor.FieldComponent,\n            importMap: req.payload.importMap,\n            serverProps: {\n              ...serverProps,\n              // Manually inject lexical-specific `sanitizedEditorConfig` server prop, in order to reduce the size of the field schema.\n              // Otherwise, the editorConfig would be included twice - once on the top-level, and once as part of the `FieldComponent` server props.\n              sanitizedEditorConfig:\n                'editorConfig' in fieldConfig.editor ? fieldConfig.editor.editorConfig : undefined,\n            },\n          })}\n        </WatchCondition>\n      ) : (\n        'Mock'\n      )\n\n      break\n    }\n\n    case 'ui': {\n      if (fieldConfig?.admin?.components) {\n        // Render any extra, untyped components\n        for (const key in fieldConfig.admin.components) {\n          if (key in defaultUIFieldComponentKeys) {\n            continue\n          }\n\n          const Component = fieldConfig.admin.components[key]\n\n          fieldState.customComponents[key] = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component,\n                importMap: req.payload.importMap,\n                key: `field.admin.components.${key}`,\n                serverProps,\n              })\n            : 'Mock'\n        }\n      }\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n\n  if (fieldConfig.admin) {\n    if (\n      'description' in fieldConfig.admin &&\n      typeof fieldConfig.admin?.description === 'function'\n    ) {\n      fieldState.customComponents.Description = !mockRSCs ? (\n        <FieldDescription\n          description={fieldConfig.admin?.description({\n            i18n: req.i18n,\n            t: req.i18n.t,\n          })}\n          path={path}\n        />\n      ) : (\n        'Mock'\n      )\n    }\n\n    if (fieldConfig.admin?.components) {\n      if ('afterInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.AfterInput = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.afterInput,\n              importMap: req.payload.importMap,\n              key: `field.admin.components.afterInput.${path}`,\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('beforeInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.BeforeInput = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.beforeInput,\n              importMap: req.payload.importMap,\n              key: `field.admin.components.beforeInput.${path}`,\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Description' in fieldConfig.admin.components) {\n        fieldState.customComponents.Description = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Description,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Description',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Error' in fieldConfig.admin.components) {\n        fieldState.customComponents.Error = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Error,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Error',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Label' in fieldConfig.admin.components) {\n        fieldState.customComponents.Label = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Label,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Label',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Field' in fieldConfig.admin.components) {\n        fieldState.customComponents.Field = !mockRSCs ? (\n          <WatchCondition path={path}>\n            {RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Field,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Field',\n              serverProps,\n            })}\n          </WatchCondition>\n        ) : (\n          'Mock'\n        )\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderField.js","names":["getTranslation","createClientField","MissingEditorProp","fieldIsHiddenOrDisabled","RenderServerComponent","FieldDescription","WatchCondition","defaultUIFieldComponentKeys","renderField","id","clientFieldSchemaMap","collectionSlug","data","fieldConfig","fieldSchemaMap","fieldState","forceCreateClientField","formState","indexPath","lastRenderedPath","mockRSCs","operation","parentPath","parentSchemaPath","path","permissions","preferences","readOnly","readOnlyFromProps","renderAllFields","req","schemaPath","siblingData","hasBeforeOrAfterInput","admin","components","requiresRender","type","clientField","get","defaultIDType","payload","config","db","field","i18n","importMap","clientProps","customComponents","includes","serverProps","user","value","name","rows","forEach","row","rowIndex","rowLastRenderedPath","rowPath","rowRequiresRender","RowLabel","Component","key","rowLabel","labels","singular","String","padStart","rowNumber","blockTypeToMatch","blockType","blockConfig","blocks","find","block","slug","Label","Object","keys","length","description","editor","Error","Field","_jsx","FieldComponent","sanitizedEditorConfig","editorConfig","undefined","Description","t","AfterInput","afterInput","BeforeInput","beforeInput"],"sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"sourcesContent":["import type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  FlattenedBlock,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { createClientField, MissingEditorProp } from 'payload'\nimport { fieldIsHiddenOrDisabled } from 'payload/shared'\n\nimport type { RenderFieldMethod } from './types.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\nimport { FieldDescription, WatchCondition } from '../../exports/client/index.js'\n\nconst defaultUIFieldComponentKeys: Array<'Cell' | 'Description' | 'Field' | 'Filter'> = [\n  'Cell',\n  'Description',\n  'Field',\n  'Filter',\n]\n\nexport const renderField: RenderFieldMethod = ({\n  id,\n  clientFieldSchemaMap,\n  collectionSlug,\n  data,\n  fieldConfig,\n  fieldSchemaMap,\n  fieldState,\n  forceCreateClientField,\n  formState,\n  indexPath,\n  lastRenderedPath,\n  mockRSCs,\n  operation,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  preferences,\n  readOnly: readOnlyFromProps,\n  renderAllFields,\n  req,\n  schemaPath,\n  siblingData,\n}) => {\n  // Fields with beforeInput/afterInput need custom components created, so they require render\n  const hasBeforeOrAfterInput =\n    fieldConfig.admin?.components &&\n    ('beforeInput' in fieldConfig.admin.components || 'afterInput' in fieldConfig.admin.components)\n\n  const requiresRender =\n    renderAllFields || !lastRenderedPath || lastRenderedPath !== path || hasBeforeOrAfterInput\n\n  if (!requiresRender && fieldConfig.type !== 'array' && fieldConfig.type !== 'blocks') {\n    return\n  }\n\n  const clientField =\n    clientFieldSchemaMap && !forceCreateClientField\n      ? (clientFieldSchemaMap.get(schemaPath) as ClientField)\n      : createClientField({\n          defaultIDType: req.payload.config.db.defaultIDType,\n          field: fieldConfig,\n          i18n: req.i18n,\n          importMap: req.payload.importMap,\n        })\n\n  const clientProps: ClientComponentProps & Partial<FieldPaths> = {\n    field: clientField,\n    path,\n    permissions,\n    readOnly:\n      readOnlyFromProps === true\n        ? true\n        : typeof permissions === 'boolean'\n          ? !permissions\n          : !permissions?.[operation],\n    schemaPath,\n  }\n\n  if (fieldState?.customComponents) {\n    clientProps.customComponents = fieldState.customComponents\n  }\n\n  // fields with subfields\n  if (['array', 'blocks', 'collapsible', 'group', 'row', 'tabs'].includes(fieldConfig.type)) {\n    clientProps.indexPath = indexPath\n    clientProps.parentPath = parentPath\n    clientProps.parentSchemaPath = parentSchemaPath\n  }\n\n  const serverProps: ServerComponentProps = {\n    id,\n    clientField,\n    clientFieldSchemaMap,\n    data,\n    field: fieldConfig,\n    fieldSchemaMap,\n    permissions,\n    // TODO: Should we pass explicit values? initialValue, value, valid\n    // value and initialValue should be typed\n    collectionSlug,\n    formState,\n    i18n: req.i18n,\n    operation,\n    payload: req.payload,\n    preferences,\n    req,\n    siblingData,\n    user: req.user,\n    value: 'name' in fieldConfig && data?.[fieldConfig.name],\n  }\n\n  switch (fieldConfig.type) {\n    case 'array': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        const rowLastRenderedPath = row.lastRenderedPath\n\n        const rowPath = `${path}.${rowIndex}`\n\n        const rowRequiresRender =\n          renderAllFields || !rowLastRenderedPath || rowLastRenderedPath !== rowPath\n\n        if (!rowRequiresRender) {\n          return\n        }\n\n        row.lastRenderedPath = rowPath\n\n        if (fieldConfig.admin?.components && 'RowLabel' in fieldConfig.admin.components) {\n          if (!row.customComponents) {\n            row.customComponents = {}\n          }\n\n          row.customComponents.RowLabel = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component: fieldConfig.admin.components.RowLabel,\n                importMap: req.payload.importMap,\n                key: `${rowIndex}`,\n                serverProps: {\n                  ...serverProps,\n                  rowLabel: `${getTranslation(fieldConfig.labels.singular, req.i18n)} ${String(\n                    rowIndex + 1,\n                  ).padStart(2, '0')}`,\n                  rowNumber: rowIndex + 1,\n                },\n              })\n            : 'Mock'\n        }\n      })\n\n      break\n    }\n\n    case 'blocks': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        const rowLastRenderedPath = row.lastRenderedPath\n\n        const rowPath = `${path}.${rowIndex}`\n\n        const rowRequiresRender =\n          renderAllFields || !rowLastRenderedPath || rowLastRenderedPath !== rowPath\n\n        if (!rowRequiresRender) {\n          return\n        }\n\n        row.lastRenderedPath = rowPath\n\n        const blockTypeToMatch: string = row.blockType\n\n        const blockConfig =\n          req.payload.blocks[blockTypeToMatch] ??\n          (fieldConfig.blocks.find(\n            (block) => typeof block !== 'string' && block.slug === blockTypeToMatch,\n          ) as FlattenedBlock | undefined)\n\n        if (blockConfig.admin?.components && 'Label' in blockConfig.admin.components) {\n          if (!fieldState.rows[rowIndex]?.customComponents) {\n            fieldState.rows[rowIndex].customComponents = {}\n          }\n\n          fieldState.rows[rowIndex].customComponents.RowLabel = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component: blockConfig.admin.components.Label,\n                importMap: req.payload.importMap,\n                key: `${rowIndex}`,\n                serverProps: {\n                  ...serverProps,\n                  blockType: row.blockType,\n                  rowLabel: `${getTranslation(blockConfig.labels.singular, req.i18n)} ${String(\n                    rowIndex + 1,\n                  ).padStart(2, '0')}`,\n                  rowNumber: rowIndex + 1,\n                },\n              })\n            : 'Mock'\n        }\n      })\n\n      break\n    }\n  }\n\n  if (!requiresRender) {\n    return\n  }\n\n  /**\n   * Set the `lastRenderedPath` equal to the new path of the field, this will prevent it from being rendered again\n   */\n  fieldState.lastRenderedPath = path\n\n  if (fieldIsHiddenOrDisabled(clientField)) {\n    return\n  }\n\n  /**\n   * Only create the `customComponents` object if needed.\n   * This will prevent unnecessary data from being transferred to the client.\n   */\n  if (fieldConfig.admin) {\n    if (\n      (Object.keys(fieldConfig.admin.components || {}).length > 0 ||\n        fieldConfig.type === 'richText' ||\n        ('description' in fieldConfig.admin &&\n          typeof fieldConfig.admin.description === 'function')) &&\n      !fieldState?.customComponents\n    ) {\n      fieldState.customComponents = {}\n    }\n  }\n\n  switch (fieldConfig.type) {\n    case 'richText': {\n      if (!fieldConfig?.editor) {\n        throw new MissingEditorProp(fieldConfig) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n      }\n\n      if (typeof fieldConfig?.editor === 'function') {\n        throw new Error('Attempted to access unsanitized rich text editor.')\n      }\n\n      if (!fieldConfig.admin) {\n        fieldConfig.admin = {}\n      }\n\n      if (!fieldConfig.admin.components) {\n        fieldConfig.admin.components = {}\n      }\n\n      fieldState.customComponents.Field = !mockRSCs ? (\n        <WatchCondition path={path}>\n          {RenderServerComponent({\n            clientProps,\n            Component: fieldConfig.editor.FieldComponent,\n            importMap: req.payload.importMap,\n            serverProps: {\n              ...serverProps,\n              // Manually inject lexical-specific `sanitizedEditorConfig` server prop, in order to reduce the size of the field schema.\n              // Otherwise, the editorConfig would be included twice - once on the top-level, and once as part of the `FieldComponent` server props.\n              sanitizedEditorConfig:\n                'editorConfig' in fieldConfig.editor ? fieldConfig.editor.editorConfig : undefined,\n            },\n          })}\n        </WatchCondition>\n      ) : (\n        'Mock'\n      )\n\n      break\n    }\n\n    case 'ui': {\n      if (fieldConfig?.admin?.components) {\n        // Render any extra, untyped components\n        for (const key in fieldConfig.admin.components) {\n          if (key in defaultUIFieldComponentKeys) {\n            continue\n          }\n\n          const Component = fieldConfig.admin.components[key]\n\n          fieldState.customComponents[key] = !mockRSCs\n            ? RenderServerComponent({\n                clientProps,\n                Component,\n                importMap: req.payload.importMap,\n                key: `field.admin.components.${key}`,\n                serverProps,\n              })\n            : 'Mock'\n        }\n      }\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n\n  if (fieldConfig.admin) {\n    if (\n      'description' in fieldConfig.admin &&\n      typeof fieldConfig.admin?.description === 'function'\n    ) {\n      fieldState.customComponents.Description = !mockRSCs ? (\n        <FieldDescription\n          description={fieldConfig.admin?.description({\n            i18n: req.i18n,\n            t: req.i18n.t,\n          })}\n          path={path}\n        />\n      ) : (\n        'Mock'\n      )\n    }\n\n    if (fieldConfig.admin?.components) {\n      if ('afterInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.AfterInput = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.afterInput,\n              importMap: req.payload.importMap,\n              key: `field.admin.components.afterInput.${path}`,\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('beforeInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.BeforeInput = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.beforeInput,\n              importMap: req.payload.importMap,\n              key: `field.admin.components.beforeInput.${path}`,\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Description' in fieldConfig.admin.components) {\n        fieldState.customComponents.Description = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Description,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Description',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Error' in fieldConfig.admin.components) {\n        fieldState.customComponents.Error = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Error,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Error',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Label' in fieldConfig.admin.components) {\n        fieldState.customComponents.Label = !mockRSCs\n          ? RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Label,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Label',\n              serverProps,\n            })\n          : 'Mock'\n      }\n\n      if ('Field' in fieldConfig.admin.components) {\n        fieldState.customComponents.Field = !mockRSCs ? (\n          <WatchCondition path={path}>\n            {RenderServerComponent({\n              clientProps,\n              Component: fieldConfig.admin.components.Field,\n              importMap: req.payload.importMap,\n              key: 'field.admin.components.Field',\n              serverProps,\n            })}\n          </WatchCondition>\n        ) : (\n          'Mock'\n        )\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/icons/Dots/index.css

@@ -6,13 +6,13 @@
     justify-content: center;
     flex-direction: column;
     gap: 2px;
-    background-color: var(--theme-elevation-150);
+    background-color: var(--color-bg-secondary);
     border-radius: var(--button-radius);
-    height: calc(var(--base) * 1.2);
-    width: calc(var(--base) * 1.2);
+    height: var(--spacer-4);
+    width: var(--spacer-4);
 
     &:hover {
-      background-color: var(--theme-elevation-250);
+      background-color: var(--color-bg-secondary-hover);
     }
 
     &.dots--no-background {

package/dist/icons/Gear/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAepB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}

package/dist/icons/Gear/index.js

@@ -5,6 +5,13 @@ const paths = {
   16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',
   24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7'
 };
+// The 24px gear glyph is drawn larger within its box than the rest of the icon
+// set (~18 vs ~13.5 units). It's centered at (12, 12), so widening its viewBox
+// renders it at the set's optical size without touching the path or callers.
+const viewBoxes = {
+  16: '0 0 16 16',
+  24: '-4 -4 32 32'
+};
 export const GearIcon = ({
   ariaLabel,
   className,
@@ -14,7 +21,7 @@ export const GearIcon = ({
   className: ['icon', 'icon--gear', className].filter(Boolean).join(' '),
   fill: "none",
   height: size,
-  viewBox: `0 0 ${size} ${size}`,
+  viewBox: viewBoxes[size],
   width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {

package/dist/icons/Gear/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\nexport const GearIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon', 'icon--gear', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGf,KAAK,CAACI,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","viewBoxes","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\n// The 24px gear glyph is drawn larger within its box than the rest of the icon\n// set (~18 vs ~13.5 units). It's centered at (12, 12), so widening its viewBox\n// renders it at the set's optical size without touching the path or callers.\nconst viewBoxes = {\n  16: '0 0 16 16',\n  24: '-4 -4 32 32',\n}\n\nexport const GearIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon', 'icon--gear', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={viewBoxes[size]}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA;AACA;AACA;AACA,MAAMC,SAAA,GAAY;EAChB,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAASX,SAAS,CAACI,IAAA,CAAK;EACxBQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/InteractionEnter/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--interaction-enter {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/InteractionEnter/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.css';
+/**
+ * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)
+ * Used for the Settings menu row in the UserMenu.
+ */
+export declare const InteractionEnterIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: number;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/InteractionEnter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/InteractionEnter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CACvB,CAgBA,CAAA"}

package/dist/icons/InteractionEnter/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+/**
+ * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)
+ * Used for the Settings menu row in the UserMenu.
+ */
+export const InteractionEnterIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--interaction-enter', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: "0 0 24 24",
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: "M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/InteractionEnter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","InteractionEnterIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/InteractionEnter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\n/**\n * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)\n * Used for the Settings menu row in the UserMenu.\n */\nexport const InteractionEnterIcon: React.FC<{\n  readonly className?: string\n  readonly size?: number\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--interaction-enter', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP;;;;AAIA,OAAO,MAAMC,oBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,2BAA2BA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/EC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAQ;EACRC,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/{Write → Key}/index.css

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .icon--write {
+  .icon--key {
     /* Icon uses fill, no additional styles needed */
   }
 }

package/dist/icons/Key/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const KeyIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Key/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Key/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}

package/dist/icons/Key/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  24: 'M10.7988 11.1154L11.1794 10.7348L11.0713 10.2075C11.0247 9.97983 11 9.74332 11 9.5C11 7.567 12.567 6 14.5 6C16.433 6 18 7.567 18 9.5C18 11.433 16.433 13 14.5 13C14.2313 13 13.9708 12.9699 13.7213 12.9133L12.5 12.6362V13.8885V14H11.5H10.5V15V16H9.5H8.5V17V18H6V15.9142L10.7988 11.1154ZM13.5 14C13.5 14.1878 13.4482 14.3636 13.3581 14.5137C13.1834 14.805 12.8644 15 12.5 15H11.5V16C11.5 16.5523 11.0523 17 10.5 17H9.5V18C9.5 18.5523 9.05228 19 8.5 19H6C5.44772 19 5 18.5523 5 18V15.9142C5 15.649 5.10536 15.3946 5.29289 15.2071L10.0917 10.4083C10.0316 10.1149 10 9.81115 10 9.5C10 7.01472 12.0147 5 14.5 5C16.9853 5 19 7.01472 19 9.5C19 11.9853 16.9853 14 14.5 14C14.1563 14 13.8216 13.9615 13.5 13.8885V14ZM15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z'
+};
+export const KeyIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--key', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Key/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","KeyIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Key/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  24: 'M10.7988 11.1154L11.1794 10.7348L11.0713 10.2075C11.0247 9.97983 11 9.74332 11 9.5C11 7.567 12.567 6 14.5 6C16.433 6 18 7.567 18 9.5C18 11.433 16.433 13 14.5 13C14.2313 13 13.9708 12.9699 13.7213 12.9133L12.5 12.6362V13.8885V14H11.5H10.5V15V16H9.5H8.5V17V18H6V15.9142L10.7988 11.1154ZM13.5 14C13.5 14.1878 13.4482 14.3636 13.3581 14.5137C13.1834 14.805 12.8644 15 12.5 15H11.5V16C11.5 16.5523 11.0523 17 10.5 17H9.5V18C9.5 18.5523 9.05228 19 8.5 19H6C5.44772 19 5 18.5523 5 18V15.9142C5 15.649 5.10536 15.3946 5.29289 15.2071L10.0917 10.4083C10.0316 10.1149 10 9.81115 10 9.5C10 7.01472 12.0147 5 14.5 5C16.9853 5 19 7.01472 19 9.5C19 11.9853 16.9853 14 14.5 14C14.1563 14 13.8216 13.9615 13.5 13.8885V14ZM15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z',\n}\n\nexport const KeyIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--key', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;AACN;AAEA,OAAO,MAAMC,OAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,aAAaA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACjEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/LogOut/index.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
 const paths = {
-  // Logout icon - door with arrow pointing out
+  // 24px path sourced from Figma icon.24.interaction.enter
   16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',
-  24: 'M14 5h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-3a.5.5 0 0 1 0-1h3V6h-3a.5.5 0 0 1 0-1M8.854 8.146a.5.5 0 0 1 0 .708L6.707 11H14a.5.5 0 0 1 0 1H6.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0'
+  24: 'M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708'
 };
 export const LogOutIcon = ({
   className,

package/dist/icons/LogOut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","LogOutIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // Logout icon - door with arrow pointing out\n  16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',\n  24: 'M14 5h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-3a.5.5 0 0 1 0-1h3V6h-3a.5.5 0 0 1 0-1M8.854 8.146a.5.5 0 0 1 0 .708L6.707 11H14a.5.5 0 0 1 0 1H6.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0',\n}\n\nexport const LogOutIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--logout', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","LogOutIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  // 24px path sourced from Figma icon.24.interaction.enter\n  16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',\n  24: 'M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708',\n}\n\nexport const LogOutIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--logout', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Schedule/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Schedule/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CA6BA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Schedule/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAiCA,CAAA"}

package/dist/icons/Schedule/index.js

@@ -1,55 +1,54 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-const paths = {
-  active: {
-    clock: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',
-    mask: 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z'
-  },
-  inactive: {
-    clock: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z'
-  }
-};
+const clockPath = 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z';
+const maskPath = 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z';
 export const ScheduleIcon = ({
   active = false,
   className,
   size = 24
 }) => {
-  const variant = active ? paths.active : paths.inactive;
-  return /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     className: ['icon', 'icon--schedule', className].filter(Boolean).join(' '),
     fill: "none",
     height: size,
     viewBox: `0 0 ${size} ${size}`,
     width: size,
     xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("circle", {
-      cx: "18",
-      cy: "7",
-      fill: "var(--color-icon-danger)",
-      r: "2"
-    }), /*#__PURE__*/_jsx("mask", {
-      height: size,
-      id: "schedule-mask",
-      maskUnits: "userSpaceOnUse",
-      style: {
-        maskType: 'alpha'
-      },
-      width: size,
-      x: "0",
-      y: "0",
-      children: /*#__PURE__*/_jsx("path", {
-        d: paths.active.mask,
-        fill: "currentColor"
-      })
-    }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#schedule-mask)",
-      children: /*#__PURE__*/_jsx("path", {
-        clipRule: "evenodd",
-        d: variant.clock,
-        fill: "currentColor",
-        fillRule: "evenodd"
-      })
-    })]
+    children: active ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx("circle", {
+        cx: "18",
+        cy: "7",
+        fill: "var(--color-icon-danger)",
+        r: "2"
+      }), /*#__PURE__*/_jsx("mask", {
+        height: size,
+        id: "schedule-mask",
+        maskUnits: "userSpaceOnUse",
+        style: {
+          maskType: 'alpha'
+        },
+        width: size,
+        x: "0",
+        y: "0",
+        children: /*#__PURE__*/_jsx("path", {
+          d: maskPath,
+          fill: "currentColor"
+        })
+      }), /*#__PURE__*/_jsx("g", {
+        mask: "url(#schedule-mask)",
+        children: /*#__PURE__*/_jsx("path", {
+          clipRule: "evenodd",
+          d: clockPath,
+          fill: "currentColor",
+          fillRule: "evenodd"
+        })
+      })]
+    }) : /*#__PURE__*/_jsx("path", {
+      clipRule: "evenodd",
+      d: clockPath,
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/icons/Schedule/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","active","clock","mask","inactive","ScheduleIcon","className","size","variant","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","cx","cy","r","id","maskUnits","style","maskType","x","y","d","clipRule","fillRule"],"sources":["../../../src/icons/Schedule/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths = {\n  active: {\n    clock:\n      'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',\n    mask: 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z',\n  },\n  inactive: {\n    clock:\n      'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',\n  },\n}\n\nexport const ScheduleIcon: React.FC<{\n  readonly active?: boolean\n  readonly className?: string\n  readonly size?: 24\n}> = ({ active = false, className, size = 24 }) => {\n  const variant = active ? paths.active : paths.inactive\n\n  return (\n    <svg\n      className={['icon', 'icon--schedule', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"18\" cy=\"7\" fill=\"var(--color-icon-danger)\" r=\"2\" />\n      <mask\n        height={size}\n        id=\"schedule-mask\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: 'alpha' as const }}\n        width={size}\n        x=\"0\"\n        y=\"0\"\n      >\n        <path d={paths.active.mask} fill=\"currentColor\" />\n      </mask>\n      <g mask=\"url(#schedule-mask)\">\n        <path clipRule=\"evenodd\" d={variant.clock} fill=\"currentColor\" fillRule=\"evenodd\" />\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZC,MAAA,EAAQ;IACNC,KAAA,EACE;IACFC,IAAA,EAAM;EACR;EACAC,QAAA,EAAU;IACRF,KAAA,EACE;EACJ;AACF;AAEA,OAAO,MAAMG,YAAA,GAIRA,CAAC;EAAEJ,MAAA,GAAS,KAAK;EAAEK,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC5C,MAAMC,OAAA,GAAUP,MAAA,GAASD,KAAA,CAAMC,MAAM,GAAGD,KAAA,CAAMI,QAAQ;EAEtD,oBACEK,KAAA,CAAC;IACCH,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACtEC,IAAA,EAAK;IACLC,MAAA,EAAQP,IAAA;IACRQ,OAAA,EAAS,OAAOR,IAAA,IAAQA,IAAA,EAAM;IAC9BS,KAAA,EAAOT,IAAA;IACPU,KAAA,EAAM;4BAENC,IAAA,CAAC;MAAOC,EAAA,EAAG;MAAKC,EAAA,EAAG;MAAIP,IAAA,EAAK;MAA2BQ,CAAA,EAAE;qBACzDH,IAAA,CAAC;MACCJ,MAAA,EAAQP,IAAA;MACRe,EAAA,EAAG;MACHC,SAAA,EAAU;MACVC,KAAA,EAAO;QAAEC,QAAA,EAAU;MAAiB;MACpCT,KAAA,EAAOT,IAAA;MACPmB,CAAA,EAAE;MACFC,CAAA,EAAE;gBAEF,aAAAT,IAAA,CAAC;QAAKU,CAAA,EAAG5B,KAAA,CAAMC,MAAM,CAACE,IAAI;QAAEU,IAAA,EAAK;;qBAEnCK,IAAA,CAAC;MAAEf,IAAA,EAAK;gBACN,aAAAe,IAAA,CAAC;QAAKW,QAAA,EAAS;QAAUD,CAAA,EAAGpB,OAAA,CAAQN,KAAK;QAAEW,IAAA,EAAK;QAAeiB,QAAA,EAAS;;;;AAIhF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","clockPath","maskPath","ScheduleIcon","active","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsxs","Fragment","cx","cy","r","id","maskUnits","style","maskType","x","y","d","mask","clipRule","fillRule"],"sources":["../../../src/icons/Schedule/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst clockPath =\n  'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z'\n\nconst maskPath =\n  'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z'\n\nexport const ScheduleIcon: React.FC<{\n  readonly active?: boolean\n  readonly className?: string\n  readonly size?: 24\n}> = ({ active = false, className, size = 24 }) => {\n  return (\n    <svg\n      className={['icon', 'icon--schedule', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {active ? (\n        <React.Fragment>\n          <circle cx=\"18\" cy=\"7\" fill=\"var(--color-icon-danger)\" r=\"2\" />\n          <mask\n            height={size}\n            id=\"schedule-mask\"\n            maskUnits=\"userSpaceOnUse\"\n            style={{ maskType: 'alpha' as const }}\n            width={size}\n            x=\"0\"\n            y=\"0\"\n          >\n            <path d={maskPath} fill=\"currentColor\" />\n          </mask>\n          <g mask=\"url(#schedule-mask)\">\n            <path clipRule=\"evenodd\" d={clockPath} fill=\"currentColor\" fillRule=\"evenodd\" />\n          </g>\n        </React.Fragment>\n      ) : (\n        <path clipRule=\"evenodd\" d={clockPath} fill=\"currentColor\" fillRule=\"evenodd\" />\n      )}\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,SAAA,GACJ;AAEF,MAAMC,QAAA,GACJ;AAEF,OAAO,MAAMC,YAAA,GAIRA,CAAC;EAAEC,MAAA,GAAS,KAAK;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC5C,oBACEC,IAAA,CAAC;IACCF,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACtEC,IAAA,EAAK;IACLC,MAAA,EAAQN,IAAA;IACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;IAC9BQ,KAAA,EAAOR,IAAA;IACPS,KAAA,EAAM;cAELX,MAAA,gBACCY,KAAA,CAAChB,KAAA,CAAMiB,QAAQ;8BACbV,IAAA,CAAC;QAAOW,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAIR,IAAA,EAAK;QAA2BS,CAAA,EAAE;uBACzDb,IAAA,CAAC;QACCK,MAAA,EAAQN,IAAA;QACRe,EAAA,EAAG;QACHC,SAAA,EAAU;QACVC,KAAA,EAAO;UAAEC,QAAA,EAAU;QAAiB;QACpCV,KAAA,EAAOR,IAAA;QACPmB,CAAA,EAAE;QACFC,CAAA,EAAE;kBAEF,aAAAnB,IAAA,CAAC;UAAKoB,CAAA,EAAGzB,QAAA;UAAUS,IAAA,EAAK;;uBAE1BJ,IAAA,CAAC;QAAEqB,IAAA,EAAK;kBACN,aAAArB,IAAA,CAAC;UAAKsB,QAAA,EAAS;UAAUF,CAAA,EAAG1B,SAAA;UAAWU,IAAA,EAAK;UAAemB,QAAA,EAAS;;;sBAIxEvB,IAAA,CAAC;MAAKsB,QAAA,EAAS;MAAUF,CAAA,EAAG1B,SAAA;MAAWU,IAAA,EAAK;MAAemB,QAAA,EAAS;;;AAI5E","ignoreList":[]}

package/dist/icons/VariableColor/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--variable-color {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/VariableColor/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const VariableColorIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/VariableColor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/VariableColor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/VariableColor/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M8 2a6 6 0 0 1 5.934 6.895C13.719 10.325 12.39 11 11.274 11H9c0 .821-.343 1.61-.93 2.129-.576.508-1.394.75-2.238.463l-.169-.065A6.001 6.001 0 0 1 8 2m0 1a5 5 0 0 0-1.947 9.606C7.07 13.036 8 12.104 8 11a1 1 0 0 1 1-1h2.274l.149-.006c.69-.05 1.321-.452 1.492-1.104l.03-.144Q13 8.381 13 8a5 5 0 0 0-5-5M5.25 7.986a.75.75 0 1 1-.002 1.502.75.75 0 0 1 .002-1.502m5.5-1.486a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-5-1.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m3-.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5',
+  24: 'M7.312 6.803a7 7 0 0 1 9.638.248l.28.298a7 7 0 0 1 1.761 4.999l-.029.38c-.155 1.494-1.516 2.274-2.72 2.274H13.5a.5.5 0 0 0-.5.5V16c0 .82-.34 1.603-.92 2.127-.602.542-1.468.8-2.37.49A7.002 7.002 0 0 1 7.05 7.051zm8.931.956a6 6 0 0 0-8.485 0l-.213.223a6 6 0 0 0 2.491 9.69c.979.338 1.849-.456 1.953-1.467l.011-.204v-.5c0-.775.59-1.415 1.346-1.492l.154-.007h2.742l.159-.007c.733-.057 1.391-.513 1.543-1.217l.024-.154a6 6 0 0 0-1.484-4.611zM9 12a1 1 0 1 1-.001 2A1 1 0 0 1 9 12m6-2a1 1 0 1 1-.002 2.002A1 1 0 0 1 15 10m-5-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m3-1a1 1 0 1 1 0 2.002 1 1 0 0 1 0-2.001'
+};
+export const VariableColorIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--variable-color', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: paths[size],
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map