@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.4804abd

package/dist/forms/useField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormProcessing","useFormSubmitted","useFieldPath","useFieldInForm","options","$","t0","disableFormData","t1","hasRows","path","pathFromOptions","potentiallyStalePath","validate","undefined","pathFromContext","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t2","t3","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t4","e","t5","disableModifyingForm","isEvent","preventDefault","stopPropagation","val","target","type","setValue","blocksFilterOptions","t6","customComponents","t7","t8","t9","errorPaths","t10","rows","t11","selectFilterOptions","t12","t13","disabled","formInitializing","formProcessing","formSubmitted","result","t14","validateField","valueToValidate","Array","isArray","current","valid_0","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t15","t16","FieldContext","createContext","useField","fieldContext","use","hasFieldContext","currentPath","Error","dispatch"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  useDocumentForm,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\nimport { useFieldPath } from '../RenderFields/context.js'\n\nconst useFieldInForm = <TValue,>(options?: Options): FieldType<TValue> => {\n  const {\n    disableFormData = false,\n    hasRows,\n    path: pathFromOptions,\n    potentiallyStalePath,\n    validate,\n  } = options || {}\n\n  const pathFromContext = useFieldPath()\n\n  // This is a workaround for stale props given to server rendered components.\n  // See the notes in the `potentiallyStalePath` type definition for more details.\n  const path = pathFromOptions || pathFromContext || potentiallyStalePath\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const documentForm = useDocumentForm()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as TValue\n  const initialValue = field?.initialValue as TValue\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  const pathSegments = path ? path.split('.') : []\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      // TODO:\n      // There are no built-in fields that pass events into `e`.\n      // Remove this check in the next major version.\n      const isEvent =\n        e &&\n        typeof e === 'object' &&\n        typeof e.preventDefault === 'function' &&\n        typeof e.stopPropagation === 'function'\n\n      const val = isEvent ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        setModified(true)\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<TValue> = useMemo(\n    () => ({\n      blocksFilterOptions: field?.blocksFilterOptions,\n      customComponents: field?.customComponents,\n      disabled: processing || initializing,\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      rows: field?.rows,\n      selectFilterOptions: field?.selectFilterOptions,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const data = getData()\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n                collectionSlug,\n                data: documentForm?.getData ? documentForm.getData() : data,\n                event: 'onChange',\n                operation,\n                path: pathSegments,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : typeof prevErrorMessage.current === 'string'\n              ? prevErrorMessage.current\n              : prevValid.current\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n\n/**\n * Context to allow providing useField value for fields directly, if managed outside the Form\n *\n * @experimental\n */\nexport const FieldContext = React.createContext<FieldType<unknown> | undefined>(undefined)\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#usefield\n */\nexport const useField = <TValue,>(options?: Options): FieldType<TValue> => {\n  const pathFromContext = useFieldPath()\n\n  const fieldContext = React.use(FieldContext) as FieldType<TValue> | undefined\n\n  // Lock the mode on first render so hook order is stable forever. This ensures\n  // that hooks are called in the same order each time a component renders => should\n  // not break the rule of hooks.\n  const hasFieldContext = React.useRef<false | null | true>(null)\n  if (hasFieldContext.current === null) {\n    // Use field context, if a field context exists **and** the path matches. If the path\n    // does not match, this could be the field context of a parent field => there likely is\n    // a nested <Form /> we should use instead => 'form'\n    const currentPath = options?.path || pathFromContext || options?.potentiallyStalePath\n\n    hasFieldContext.current =\n      fieldContext && currentPath && fieldContext.path === currentPath ? true : false\n  }\n\n  if (hasFieldContext.current === true) {\n    if (!fieldContext) {\n      // Provider was removed after mount. That violates hook guarantees.\n      throw new Error('FieldContext was removed after mount. This breaks hook ordering.')\n    }\n    return fieldContext\n  }\n\n  // We intentionally guard this hook call with a mode that is fixed on first render.\n  // The order is consistent across renders. Silence the linter’s false positive.\n\n  // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useFieldInForm<TValue>(options)\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormProcessing","useFormSubmitted","useFieldPath","useFieldInForm","options","$","t0","disableFormData","t1","hasRows","path","pathFromOptions","potentiallyStalePath","validate","undefined","pathFromContext","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t2","t3","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t4","e","t5","disableModifyingForm","isEvent","preventDefault","stopPropagation","val","target","type","setValue","blocksFilterOptions","t6","customComponents","t7","t8","t9","errorPaths","t10","rows","t11","selectFilterOptions","t12","t13","disabled","formInitializing","formProcessing","formSubmitted","result","t14","validateField","valueToValidate","Array","isArray","valid_0","current","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t15","t16","FieldContext","createContext","useField","fieldContext","use","hasFieldContext","currentPath","Error","dispatch"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n  useDocumentForm,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\nimport { useFieldPath } from '../RenderFields/context.js'\n\nconst useFieldInForm = <TValue,>(options?: Options): FieldType<TValue> => {\n  const {\n    disableFormData = false,\n    hasRows,\n    path: pathFromOptions,\n    potentiallyStalePath,\n    validate,\n  } = options || {}\n\n  const pathFromContext = useFieldPath()\n\n  // This is a workaround for stale props given to server rendered components.\n  // See the notes in the `potentiallyStalePath` type definition for more details.\n  const path = pathFromOptions || pathFromContext || potentiallyStalePath\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const documentForm = useDocumentForm()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as TValue\n  const initialValue = field?.initialValue as TValue\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  const pathSegments = path ? path.split('.') : []\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      // TODO:\n      // There are no built-in fields that pass events into `e`.\n      // Remove this check in the next major version.\n      const isEvent =\n        e &&\n        typeof e === 'object' &&\n        typeof e.preventDefault === 'function' &&\n        typeof e.stopPropagation === 'function'\n\n      const val = isEvent ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        setModified(true)\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<TValue> = useMemo(\n    () => ({\n      blocksFilterOptions: field?.blocksFilterOptions,\n      customComponents: field?.customComponents,\n      disabled: processing || initializing,\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      rows: field?.rows,\n      selectFilterOptions: field?.selectFilterOptions,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const data = getData()\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n                collectionSlug,\n                data: documentForm?.getData ? documentForm.getData() : data,\n                event: 'onChange',\n                operation,\n                path: pathSegments,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : typeof prevErrorMessage.current === 'string'\n              ? prevErrorMessage.current\n              : prevValid.current\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n\n/**\n * Context to allow providing useField value for fields directly, if managed outside the Form\n *\n * @experimental\n */\nexport const FieldContext = React.createContext<FieldType<unknown> | undefined>(undefined)\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#usefield\n */\nexport const useField = <TValue,>(options?: Options): FieldType<TValue> => {\n  const pathFromContext = useFieldPath()\n\n  const fieldContext = React.use(FieldContext) as FieldType<TValue> | undefined\n\n  // Lock the mode on first render so hook order is stable forever. This ensures\n  // that hooks are called in the same order each time a component renders => should\n  // not break the rule of hooks.\n  const hasFieldContext = React.useRef<false | null | true>(null)\n  if (hasFieldContext.current === null) {\n    // Use field context, if a field context exists **and** the path matches. If the path\n    // does not match, this could be the field context of a parent field => there likely is\n    // a nested <Form /> we should use instead => 'form'\n    const currentPath = options?.path || pathFromContext || options?.potentiallyStalePath\n\n    hasFieldContext.current =\n      fieldContext && currentPath && fieldContext.path === currentPath ? true : false\n  }\n\n  if (hasFieldContext.current === true) {\n    if (!fieldContext) {\n      // Provider was removed after mount. That violates hook guarantees.\n      throw new Error('FieldContext was removed after mount. This breaks hook ordering.')\n    }\n    return fieldContext\n  }\n\n  // We intentionally guard this hook call with a mode that is fixed on first render.\n  // The order is consistent across renders. Silence the linter’s false positive.\n\n  // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useFieldInForm<TValue>(options)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/withCondition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,YAAY,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,SAC7E,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAYZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,YAAY,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,EACpF,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAYZ,CAAA"}

package/dist/graphics/Account/Default/index.css

@@ -0,0 +1,38 @@
+@layer payload-default {
+  .graphic-account {
+    vector-effect: non-scaling-stroke;
+    overflow: visible;
+    position: relative;
+  }
+
+  .graphic-account__bg {
+    fill: var(--color-bg-secondary);
+    stroke: var(--color-border);
+    stroke-width: var(--stroke-width-small);
+  }
+
+  .graphic-account__head,
+  .graphic-account__body {
+    fill: var(--color-icon-secondary);
+  }
+
+  .graphic-account--active .graphic-account__bg {
+    fill: var(--color-bg-selected);
+    stroke: var(--color-border-selected);
+  }
+
+  .graphic-account--active .graphic-account__head,
+  .graphic-account--active .graphic-account__body {
+    fill: var(--color-icon-selected);
+  }
+
+  .graphic-account:hover:not(.graphic-account--active) .graphic-account__bg {
+    fill: var(--color-bg-hover);
+    stroke: var(--color-border-strong);
+  }
+
+  .graphic-account:hover:not(.graphic-account--active) .graphic-account__head,
+  .graphic-account:hover:not(.graphic-account--active) .graphic-account__body {
+    fill: var(--color-icon);
+  }
+}

package/dist/graphics/Account/Default/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const DefaultAccountIcon: React.FC<{
     active: boolean;
 }>;

package/dist/graphics/Account/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAA;CAChB,CAeA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAA;CAChB,CAeA,CAAA"}

package/dist/graphics/Account/Default/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 const baseClass = 'graphic-account';
 export const DefaultAccountIcon = props => /*#__PURE__*/_jsxs("svg", {
   className: [baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' '),

package/dist/graphics/Account/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","DefaultAccountIcon","props","_jsxs","className","active","filter","Boolean","join","height","viewBox","width","xmlns","_jsx","cx","cy","r","d"],"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAEPC,KAAA,iBACJC,KAAA,CAAC;EACCC,SAAA,EAAW,CAACJ,SAAA,EAAWE,KAAA,EAAOG,MAAA,IAAU,GAAGL,SAAA,UAAmB,CAAC,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrFC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,MAAe;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAOC,CAAA,EAAE;mBAC7DH,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAQC,CAAA,EAAE;mBAChEH,IAAA,CAAC;IACCT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAC/BiB,CAAA,EAAE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","DefaultAccountIcon","props","_jsxs","className","active","filter","Boolean","join","height","viewBox","width","xmlns","_jsx","cx","cy","r","d"],"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAEPC,KAAA,iBACJC,KAAA,CAAC;EACCC,SAAA,EAAW,CAACJ,SAAA,EAAWE,KAAA,EAAOG,MAAA,IAAU,GAAGL,SAAA,UAAmB,CAAC,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrFC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,MAAe;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAOC,CAAA,EAAE;mBAC7DH,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAQC,CAAA,EAAE;mBAChEH,IAAA,CAAC;IACCT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAC/BiB,CAAA,EAAE","ignoreList":[]}

package/dist/graphics/Account/Gravatar/index.js

@@ -23,12 +23,12 @@ export const GravatarAccountIcon = () => {
     t1 = _jsx("img", {
       alt: "yas",
       className: "gravatar-account",
-      height: 25,
+      height: 24,
       src: t0,
       style: {
         borderRadius: "50%"
       },
-      width: 25
+      width: 24
     });
     $[0] = t0;
     $[1] = t1;

package/dist/graphics/Account/Gravatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","md5","React","useAuth","GravatarAccountIcon","$","user","hash","email","trim","toLowerCase","params","URLSearchParams","default","r","s","toString","query","t0","t1","_jsx","alt","className","height","src","style","borderRadius","width"],"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const params = new URLSearchParams({\n    default: 'mp',\n    r: 'g',\n    s: '50',\n  }).toString()\n\n  const query = `?${params}`\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={25}\n      src={`https://www.gravatar.com/avatar/${hash}${query}`}\n      style={{ borderRadius: '50%' }}\n      width={25}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,GAAA,MAAS;AAChB,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AAExB,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAC3C;IAAAM;EAAA,IAAiBH,OAAA;EAEjB,MAAAI,IAAA,GAAaN,GAAA,CAAIK,IAAA,CAAAE,KAAA,CAAAC,IAAA,CAAe,EAAAC,WAAA,CAAc;EAE9C,MAAAC,MAAA,GAAe,IAAAC,eAAA;IAAAC,OAAA,EACJ;IAAAC,CAAA,EACN;IAAAC,CAAA,EACA;EAAA,GAAAC,QAAA,CACM;EAEX,MAAAC,KAAA,GAAc,IAAIN,MAAA,EAAQ;EAOjB,MAAAO,EAAA,sCAAmCX,IAAA,GAAOU,KAAA,EAAO;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAJxDC,EAAA,GAAAC,IAAA,CAAC;MAAAC,GAAA,EACK;MAAAC,SAAA,EACM;MAAAC,MAAA;MAAAC,GAAA,EAELN,EAAiD;MAAAO,KAAA;QAAAC,YAAA,EAC/B;MAAA;MAAAC,KAAA;IAAA,C;;;;;;SALzBR,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","md5","React","useAuth","GravatarAccountIcon","$","user","hash","email","trim","toLowerCase","params","URLSearchParams","default","r","s","toString","query","t0","t1","_jsx","alt","className","height","src","style","borderRadius","width"],"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const params = new URLSearchParams({\n    default: 'mp',\n    r: 'g',\n    s: '50',\n  }).toString()\n\n  const query = `?${params}`\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={24}\n      src={`https://www.gravatar.com/avatar/${hash}${query}`}\n      style={{ borderRadius: '50%' }}\n      width={24}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,GAAA,MAAS;AAChB,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AAExB,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAC3C;IAAAM;EAAA,IAAiBH,OAAA;EAEjB,MAAAI,IAAA,GAAaN,GAAA,CAAIK,IAAA,CAAAE,KAAA,CAAAC,IAAA,CAAe,EAAAC,WAAA,CAAc;EAE9C,MAAAC,MAAA,GAAe,IAAAC,eAAA;IAAAC,OAAA,EACJ;IAAAC,CAAA,EACN;IAAAC,CAAA,EACA;EAAA,GAAAC,QAAA,CACM;EAEX,MAAAC,KAAA,GAAc,IAAIN,MAAA,EAAQ;EAOjB,MAAAO,EAAA,sCAAmCX,IAAA,GAAOU,KAAA,EAAO;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAJxDC,EAAA,GAAAC,IAAA,CAAC;MAAAC,GAAA,EACK;MAAAC,SAAA,EACM;MAAAC,MAAA;MAAAC,GAAA,EAELN,EAAiD;MAAAO,KAAA;QAAAC,YAAA,EAC/B;MAAA;MAAAC,KAAA;IAAA,C;;;;;;SALzBR,E;CASJ","ignoreList":[]}

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,OAAO,yBAqBnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,OAAO,yBAqBnB,CAAA"}

package/dist/graphics/Account/index.js

@@ -2,11 +2,11 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { usePathname } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { usePathname } from '../../providers/RouterAdapter/index.js';
 import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
 export const Account = () => {

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","usePathname","formatAdminURL","React","useAuth","useConfig","DefaultAccountIcon","GravatarAccountIcon","Account","$","config","t0","admin","t1","routes","t2","avatar","t3","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","t4","_jsx","active","Symbol","for"],"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        routes: { account: accountRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (!user?.email || avatar === 'default') {\n    return <DefaultAccountIcon active={isOnAccountPage} />\n  }\n  if (avatar === 'gravatar') {\n    return <GravatarAccountIcon />\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACrB;IAAAU,MAAA,EAAAC;EAAA,IAQIN,SAAA;EAPM;IAAAO,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAMP;EALQ;IAAAK,MAAA;IAAAF,MAAA,EAAAG;EAAA,IAAAJ,EAGN;EADS;IAAAK,OAAA,EAAAC;EAAA,IAAAF,EAAyB;EAE3B;IAAAL,KAAA,EAAAQ;EAAA,IAAAL,EAAqB;EAIjC;IAAAM;EAAA,IAAiBjB,OAAA;EACjB,MAAAkB,QAAA,GAAiBrB,WAAA;EACjB,MAAAsB,eAAA,GAAwBD,QAAA,KAAapB,cAAA;IAAAkB,UAAA;IAAAI,IAAA,EAAmCL;EAAA,CAAa;EAAA,IAEjF,CAACE,IAAA,EAAAI,KAAA,IAAeT,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAc,eAAA;MACtBG,EAAA,GAAAC,IAAA,CAAArB,kBAAA;QAAAsB,MAAA,EAA4BL;MAAA,C;;;;;;WAA5BG,E;;MAELV,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;MACNJ,EAAA,GAAAC,IAAA,CAAApB,mBAAA,IAAC;MAAAE,CAAA,MAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAAA,OAADiB,EAAC;EAAA;AAAA,CAEZ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useAuth","useConfig","usePathname","DefaultAccountIcon","GravatarAccountIcon","Account","$","config","t0","admin","t1","routes","t2","avatar","t3","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","t4","_jsx","active","Symbol","for"],"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePathname } from '../../providers/RouterAdapter/index.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        routes: { account: accountRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (!user?.email || avatar === 'default') {\n    return <DefaultAccountIcon active={isOnAccountPage} />\n  }\n  if (avatar === 'gravatar') {\n    return <GravatarAccountIcon />\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACrB;IAAAU,MAAA,EAAAC;EAAA,IAQIP,SAAA;EAPM;IAAAQ,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAMP;EALQ;IAAAK,MAAA;IAAAF,MAAA,EAAAG;EAAA,IAAAJ,EAGN;EADS;IAAAK,OAAA,EAAAC;EAAA,IAAAF,EAAyB;EAE3B;IAAAL,KAAA,EAAAQ;EAAA,IAAAL,EAAqB;EAIjC;IAAAM;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,QAAA,GAAiBjB,WAAA;EACjB,MAAAkB,eAAA,GAAwBD,QAAA,KAAarB,cAAA;IAAAmB,UAAA;IAAAI,IAAA,EAAmCL;EAAA,CAAa;EAAA,IAEjF,CAACE,IAAA,EAAAI,KAAA,IAAeT,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAc,eAAA;MACtBG,EAAA,GAAAC,IAAA,CAAArB,kBAAA;QAAAsB,MAAA,EAA4BL;MAAA,C;;;;;;WAA5BG,E;;MAELV,MAAA,KAAW;IAAA,IAAAU,EAAA;IAAA,IAAAjB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;MACNJ,EAAA,GAAAC,IAAA,CAAApB,mBAAA,IAAC;MAAAE,CAAA,MAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAAA,OAADiB,EAAC;EAAA;AAAA,CAEZ","ignoreList":[]}

package/dist/graphics/Icon/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 export const PayloadIcon = ({
   fill: fillFromProps
 }) => {
-  const fill = fillFromProps || 'var(--theme-elevation-1000)';
+  const fill = fillFromProps || 'var(--color-icon)';
   return /*#__PURE__*/_jsxs("svg", {
     className: "graphic-icon",
     height: "100%",

package/dist/graphics/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PayloadIcon","fill","fillFromProps","_jsxs","className","height","viewBox","width","xmlns","_jsx","d"],"sources":["../../../src/graphics/Icon/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const PayloadIcon: React.FC<{\n  fill?: string\n}> = ({ fill: fillFromProps }) => {\n  const fill = fillFromProps || 'var(--theme-elevation-1000)'\n\n  return (\n    <svg\n      className=\"graphic-icon\"\n      height=\"100%\"\n      viewBox=\"0 0 25 25\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.8673 21.2336L4.40922 16.9845C4.31871 16.9309 4.25837 16.8355 4.25837 16.7282V10.1609C4.25837 10.0477 4.38508 9.97616 4.48162 10.0298L13.1404 14.9642C13.2611 15.0358 13.412 14.9464 13.412 14.8093V11.6091C13.412 11.4839 13.3456 11.3647 13.2309 11.2992L2.81624 5.36353C2.72573 5.30989 2.60505 5.30989 2.51454 5.36353L1.15085 6.14422C1.06034 6.19786 1 6.29321 1 6.40048V18.5995C1 18.7068 1.06034 18.8021 1.15085 18.8558L11.8491 24.9583C11.9397 25.0119 12.0603 25.0119 12.1509 24.9583L21.1355 19.8331C21.2562 19.7616 21.2562 19.5948 21.1355 19.5232L18.3357 17.9261C18.2211 17.8605 18.0883 17.8605 17.9737 17.9261L12.175 21.2336C12.0845 21.2872 11.9638 21.2872 11.8733 21.2336H11.8673Z\"\n        fill={fill}\n      />\n      <path\n        d=\"M22.8491 6.13827L12.1508 0.0417218C12.0603 -0.0119135 11.9397 -0.0119135 11.8491 0.0417218L6.19528 3.2658C6.0746 3.33731 6.0746 3.50418 6.19528 3.57569L8.97092 5.16091C9.08557 5.22647 9.21832 5.22647 9.33296 5.16091L11.8672 3.71872C11.9578 3.66508 12.0784 3.66508 12.1689 3.71872L19.627 7.96782C19.7175 8.02146 19.7778 8.11681 19.7778 8.22408V14.8212C19.7778 14.9464 19.8442 15.0656 19.9589 15.1311L22.7345 16.7104C22.8552 16.7819 23.006 16.6925 23.006 16.5554V6.40048C23.006 6.29321 22.9457 6.19786 22.8552 6.14423L22.8491 6.13827Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,WAAA,GAERA,CAAC;EAAEC,IAAA,EAAMC;AAAa,CAAE;EAC3B,MAAMD,IAAA,GAAOC,aAAA,IAAiB;EAE9B,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAU;IACVC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFT,IAAA,EAAMA;qBAERQ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFT,IAAA,EAAMA;;;AAId","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PayloadIcon","fill","fillFromProps","_jsxs","className","height","viewBox","width","xmlns","_jsx","d"],"sources":["../../../src/graphics/Icon/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const PayloadIcon: React.FC<{\n  fill?: string\n}> = ({ fill: fillFromProps }) => {\n  const fill = fillFromProps || 'var(--color-icon)'\n\n  return (\n    <svg\n      className=\"graphic-icon\"\n      height=\"100%\"\n      viewBox=\"0 0 25 25\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.8673 21.2336L4.40922 16.9845C4.31871 16.9309 4.25837 16.8355 4.25837 16.7282V10.1609C4.25837 10.0477 4.38508 9.97616 4.48162 10.0298L13.1404 14.9642C13.2611 15.0358 13.412 14.9464 13.412 14.8093V11.6091C13.412 11.4839 13.3456 11.3647 13.2309 11.2992L2.81624 5.36353C2.72573 5.30989 2.60505 5.30989 2.51454 5.36353L1.15085 6.14422C1.06034 6.19786 1 6.29321 1 6.40048V18.5995C1 18.7068 1.06034 18.8021 1.15085 18.8558L11.8491 24.9583C11.9397 25.0119 12.0603 25.0119 12.1509 24.9583L21.1355 19.8331C21.2562 19.7616 21.2562 19.5948 21.1355 19.5232L18.3357 17.9261C18.2211 17.8605 18.0883 17.8605 17.9737 17.9261L12.175 21.2336C12.0845 21.2872 11.9638 21.2872 11.8733 21.2336H11.8673Z\"\n        fill={fill}\n      />\n      <path\n        d=\"M22.8491 6.13827L12.1508 0.0417218C12.0603 -0.0119135 11.9397 -0.0119135 11.8491 0.0417218L6.19528 3.2658C6.0746 3.33731 6.0746 3.50418 6.19528 3.57569L8.97092 5.16091C9.08557 5.22647 9.21832 5.22647 9.33296 5.16091L11.8672 3.71872C11.9578 3.66508 12.0784 3.66508 12.1689 3.71872L19.627 7.96782C19.7175 8.02146 19.7778 8.11681 19.7778 8.22408V14.8212C19.7778 14.9464 19.8442 15.0656 19.9589 15.1311L22.7345 16.7104C22.8552 16.7819 23.006 16.6925 23.006 16.5554V6.40048C23.006 6.29321 22.9457 6.19786 22.8552 6.14423L22.8491 6.13827Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,WAAA,GAERA,CAAC;EAAEC,IAAA,EAAMC;AAAa,CAAE;EAC3B,MAAMD,IAAA,GAAOC,aAAA,IAAiB;EAE9B,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAU;IACVC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFT,IAAA,EAAMA;qBAERQ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFT,IAAA,EAAMA;;;AAId","ignoreList":[]}

package/dist/graphics/Logo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA0B/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA4B/B,CAAA"}

package/dist/graphics/Logo/index.js

@@ -2,45 +2,50 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 const css = `
   .graphic-logo path {
-    fill: var(--theme-elevation-1000);
+    fill: var(--color-text);
   }
 `;
 export const PayloadLogo = () => /*#__PURE__*/_jsxs("svg", {
   className: "graphic-logo",
   fill: "none",
-  height: "43.5",
-  id: "b",
-  viewBox: "0 0 193.38 43.5",
-  width: "193.38",
+  height: "32",
+  viewBox: "0 0 143 32",
+  width: "143",
   xmlns: "http://www.w3.org/2000/svg",
   children: [/*#__PURE__*/_jsx("style", {
     children: css
   }), /*#__PURE__*/_jsxs("g", {
-    id: "c",
+    clipPath: "url(#payload-logo-clip)",
     children: [/*#__PURE__*/_jsx("path", {
-      d: "M18.01,35.63l-12.36-7.13c-.15-.09-.25-.25-.25-.43v-11.02c0-.19.21-.31.37-.22l14.35,8.28c.2.12.45-.03.45-.26v-5.37c0-.21-.11-.41-.3-.52L3.01,9c-.15-.09-.35-.09-.5,0l-2.26,1.31c-.15.09-.25.25-.25.43v20.47c0,.18.1.34.25.43l17.73,10.24c.15.09.35.09.5,0l14.89-8.6c.2-.12.2-.4,0-.52l-4.64-2.68c-.19-.11-.41-.11-.6,0l-9.61,5.55c-.15.09-.35.09-.5,0Z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M36.21,10.3L18.48.07c-.15-.09-.35-.09-.5,0l-9.37,5.41c-.2.12-.2.4,0,.52l4.6,2.66c.19.11.41.11.6,0l4.2-2.42c.15-.09.35-.09.5,0l12.36,7.13c.15.09.25.25.25.43v11.07c0,.21.11.41.3.52l4.6,2.65c.2.12.45-.03.45-.26V10.74c0-.18-.1-.34-.25-.43Z"
-    }), /*#__PURE__*/_jsxs("g", {
-      id: "d",
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M193.38,9.47c0,1.94-1.48,3.32-3.3,3.32s-3.31-1.39-3.31-3.32,1.49-3.31,3.31-3.31,3.3,1.39,3.3,3.31ZM192.92,9.47c0-1.68-1.26-2.88-2.84-2.88s-2.84,1.2-2.84,2.88,1.26,2.89,2.84,2.89,2.84-1.2,2.84-2.89ZM188.69,11.17v-3.51h1.61c.85,0,1.35.39,1.35,1.15,0,.53-.3.86-.67,1.02l.79,1.35h-.89l-.72-1.22h-.64v1.22h-.82ZM190.18,9.31c.46,0,.64-.16.64-.5s-.19-.49-.64-.49h-.67v.99h.67Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M54.72,24.84v10.93h-5.4V6.1h12.26c7.02,0,11.1,3.2,11.1,9.39s-4.07,9.35-11.06,9.35h-6.9,0ZM61.12,20.52c4.07,0,6.11-1.66,6.11-5.03s-2.04-5.03-6.11-5.03h-6.4v10.06h6.4Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M85.94,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.18-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM85.73,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M90.39,14.66h5.4l5.86,15.92h.08l5.57-15.92h5.28l-8.23,21.49c-2,5.28-4.45,7.32-8.89,7.36-.71,0-1.7-.08-2.45-.21v-4.03c.62.13.96.13,1.41.13,2.16,0,3.07-.75,4.2-3.66l-8.23-21.07h0Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M113.46,35.77V6.1h5.32v29.67h-5.32Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M130.79,36.27c-6.23,0-10.68-4.2-10.68-11.05s4.45-11.05,10.68-11.05,10.68,4.24,10.68,11.05-4.45,11.05-10.68,11.05ZM130.79,32.32c3.41,0,5.36-2.66,5.36-7.11s-1.95-7.11-5.36-7.11-5.36,2.7-5.36,7.11,1.91,7.11,5.36,7.11Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M156.19,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.19-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM155.98,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M178.5,32.41c-1.04,2.12-3.58,3.87-6.78,3.87-5.53,0-9.31-4.49-9.31-11.05s3.78-11.05,9.31-11.05c3.28,0,5.69,1.83,6.69,3.95V6.1h5.32v29.67h-5.24v-3.37h0ZM178.55,24.84c0-4.11-1.95-6.78-5.32-6.78s-5.45,2.83-5.45,7.15,2,7.15,5.45,7.15,5.32-2.66,5.32-6.78v-.75h0Z"
-      })]
+      d: "M13.2487 26.2108L4.15632 20.9658C4.04598 20.8996 3.97241 20.7819 3.97241 20.6494V12.5428C3.97241 12.403 4.1269 12.3147 4.2446 12.3809L14.8009 18.472C14.948 18.5603 15.132 18.4499 15.132 18.2807V14.3304C15.132 14.1759 15.051 14.0288 14.9113 13.9478L2.21425 6.62094C2.10391 6.55474 1.95678 6.55474 1.84644 6.62094L0.183908 7.58462C0.0735632 7.65083 0 7.76853 0 7.90094V22.9593C0 23.0917 0.0735632 23.2094 0.183908 23.2757L13.2267 30.8085C13.337 30.8747 13.4841 30.8747 13.5945 30.8085L24.548 24.4821C24.6952 24.3938 24.6952 24.1878 24.548 24.0996L21.1347 22.1281C20.9949 22.0472 20.8331 22.0472 20.6933 22.1281L13.6239 26.2108C13.5136 26.277 13.3664 26.277 13.2561 26.2108H13.2487Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M26.6372 7.57713L13.5945 0.0516083C13.4841 -0.0145986 13.337 -0.0145986 13.2267 0.0516083L6.33379 4.03138C6.18667 4.11965 6.18667 4.32563 6.33379 4.41391L9.7177 6.37069C9.85747 6.45161 10.0193 6.45161 10.1591 6.37069L13.2487 4.59046C13.3591 4.52425 13.5062 4.52425 13.6166 4.59046L22.709 9.83552C22.8193 9.90172 22.8929 10.0194 22.8929 10.1518V18.2953C22.8929 18.4498 22.9738 18.5969 23.1136 18.6778L26.4975 20.6272C26.6446 20.7155 26.8285 20.6052 26.8285 20.436V7.9008C26.8285 7.76839 26.7549 7.65069 26.6446 7.58448L26.6372 7.57713Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M142.257 6.96619C142.257 8.39332 141.168 9.40849 139.829 9.40849C138.49 9.40849 137.394 8.38596 137.394 6.96619C137.394 5.54642 138.49 4.53125 139.829 4.53125C141.168 4.53125 142.257 5.55378 142.257 6.96619ZM141.918 6.96619C141.918 5.73033 140.991 4.84757 139.829 4.84757C138.667 4.84757 137.74 5.73033 137.74 6.96619C137.74 8.20205 138.667 9.09217 139.829 9.09217C140.991 9.09217 141.918 8.20941 141.918 6.96619ZM138.806 8.21677V5.6347H139.991C140.616 5.6347 140.984 5.9216 140.984 6.48068C140.984 6.87056 140.763 7.11332 140.491 7.23102L141.072 8.22412H140.417L139.888 7.32665H139.417V8.22412H138.814L138.806 8.21677ZM139.903 6.84849C140.241 6.84849 140.373 6.73079 140.373 6.48068C140.373 6.23056 140.234 6.12022 139.903 6.12022H139.41V6.84849H139.903Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M40.2538 18.2731V26.3135H36.2814V4.4873H45.3002C50.4644 4.4873 53.4657 6.84133 53.4657 11.3949C53.4657 15.9485 50.4717 18.2731 45.3296 18.2731H40.2538ZM44.9618 15.0951C47.9559 15.0951 49.4565 13.874 49.4565 11.3949C49.4565 8.91581 47.9559 7.69466 44.9618 7.69466H40.2538V15.0951H44.9618Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M63.2202 23.8712C62.4846 25.6441 60.5278 26.6519 58.0561 26.6519C55.0326 26.6519 52.8257 24.9673 52.8257 22.1572C52.8257 19.0381 55.268 17.7581 58.4239 17.3903L63.0731 16.868V16.1324C63.0731 14.2344 61.9108 13.3223 60.1379 13.3223C58.3651 13.3223 57.3867 14.2712 57.2616 15.7057H53.5025C53.8409 12.3733 56.4377 10.4165 60.2556 10.4165C64.4782 10.4165 66.891 12.4027 66.891 16.4413V22.4367C66.891 23.8712 66.9499 25.0703 67.2 26.3209H63.4409C63.2864 25.4675 63.2276 24.6363 63.2276 23.8786L63.2202 23.8712ZM63.0658 20.2887V19.3397L59.6083 19.737C57.9605 19.9503 56.7025 20.3181 56.7025 21.9365C56.7025 23.1577 57.5559 23.9227 59.1154 23.9227C61.131 23.9227 63.0584 22.731 63.0584 20.2813L63.0658 20.2887Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M66.4938 10.7842H70.4662L74.777 22.4954H74.8358L78.9333 10.7842H82.8175L76.7632 26.5929C75.2919 30.4771 73.4896 31.9777 70.2234 32.0072C69.7011 32.0072 68.9729 31.9483 68.4211 31.8527V28.8881C68.8772 28.9837 69.1273 28.9837 69.4584 28.9837C71.0473 28.9837 71.7168 28.432 72.548 26.2913L66.4938 10.7915V10.7842Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M83.4648 26.3135V4.4873H87.3784V26.3135H83.4648Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M96.2133 26.6813C91.6303 26.6813 88.3568 23.5916 88.3568 18.5526C88.3568 13.5135 91.6303 10.4238 96.2133 10.4238C100.796 10.4238 104.07 13.5429 104.07 18.5526C104.07 23.5622 100.796 26.6813 96.2133 26.6813ZM96.2133 23.7756C98.7218 23.7756 100.156 21.8188 100.156 18.5452C100.156 15.2716 98.7218 13.3149 96.2133 13.3149C93.7048 13.3149 92.2703 15.3011 92.2703 18.5452C92.2703 21.7893 93.6754 23.7756 96.2133 23.7756Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M114.898 23.8712C114.163 25.6441 112.206 26.6519 109.734 26.6519C106.711 26.6519 104.504 24.9673 104.504 22.1572C104.504 19.0381 106.946 17.7581 110.102 17.3903L114.751 16.868V16.1324C114.751 14.2344 113.589 13.3223 111.816 13.3223C110.043 13.3223 109.065 14.2712 108.94 15.7057H105.181C105.519 12.3733 108.116 10.4165 111.941 10.4165C116.164 10.4165 118.577 12.4027 118.577 16.4413V22.4367C118.577 23.8712 118.635 25.0703 118.886 26.3209H115.126C114.972 25.4675 114.913 24.6363 114.913 23.8786L114.898 23.8712ZM114.744 20.2887V19.3397L111.286 19.737C109.639 19.9503 108.381 20.3181 108.381 21.9365C108.381 23.1577 109.234 23.9227 110.794 23.9227C112.809 23.9227 114.737 22.731 114.737 20.2813L114.744 20.2887Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M131.31 23.8418C130.545 25.4013 128.677 26.6887 126.323 26.6887C122.255 26.6887 119.474 23.3857 119.474 18.5599C119.474 13.7342 122.255 10.4312 126.323 10.4312C128.736 10.4312 130.509 11.7774 131.244 13.337V4.4873H135.158V26.3135H131.303V23.8344L131.31 23.8418ZM131.347 18.2731C131.347 15.2496 129.913 13.2855 127.434 13.2855C124.954 13.2855 123.424 15.3673 123.424 18.5452C123.424 21.7232 124.896 23.805 127.434 23.805C129.971 23.805 131.347 21.8482 131.347 18.8174V18.2657V18.2731Z"
     })]
+  }), /*#__PURE__*/_jsx("defs", {
+    children: /*#__PURE__*/_jsx("clipPath", {
+      id: "payload-logo-clip",
+      children: /*#__PURE__*/_jsx("rect", {
+        fill: "white",
+        height: "32",
+        width: "142.257"
+      })
+    })
   })]
 });
 //# sourceMappingURL=index.js.map

package/dist/graphics/Logo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","css","PayloadLogo","_jsxs","className","fill","height","id","viewBox","width","xmlns","_jsx","d"],"sources":["../../../src/graphics/Logo/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst css = `\n  .graphic-logo path {\n    fill: var(--theme-elevation-1000);\n  }\n`\n\nexport const PayloadLogo: React.FC = () => (\n  <svg\n    className=\"graphic-logo\"\n    fill=\"none\"\n    height=\"43.5\"\n    id=\"b\"\n    viewBox=\"0 0 193.38 43.5\"\n    width=\"193.38\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <style>{css}</style>\n    <g id=\"c\">\n      <path d=\"M18.01,35.63l-12.36-7.13c-.15-.09-.25-.25-.25-.43v-11.02c0-.19.21-.31.37-.22l14.35,8.28c.2.12.45-.03.45-.26v-5.37c0-.21-.11-.41-.3-.52L3.01,9c-.15-.09-.35-.09-.5,0l-2.26,1.31c-.15.09-.25.25-.25.43v20.47c0,.18.1.34.25.43l17.73,10.24c.15.09.35.09.5,0l14.89-8.6c.2-.12.2-.4,0-.52l-4.64-2.68c-.19-.11-.41-.11-.6,0l-9.61,5.55c-.15.09-.35.09-.5,0Z\" />\n      <path d=\"M36.21,10.3L18.48.07c-.15-.09-.35-.09-.5,0l-9.37,5.41c-.2.12-.2.4,0,.52l4.6,2.66c.19.11.41.11.6,0l4.2-2.42c.15-.09.35-.09.5,0l12.36,7.13c.15.09.25.25.25.43v11.07c0,.21.11.41.3.52l4.6,2.65c.2.12.45-.03.45-.26V10.74c0-.18-.1-.34-.25-.43Z\" />\n      <g id=\"d\">\n        <path d=\"M193.38,9.47c0,1.94-1.48,3.32-3.3,3.32s-3.31-1.39-3.31-3.32,1.49-3.31,3.31-3.31,3.3,1.39,3.3,3.31ZM192.92,9.47c0-1.68-1.26-2.88-2.84-2.88s-2.84,1.2-2.84,2.88,1.26,2.89,2.84,2.89,2.84-1.2,2.84-2.89ZM188.69,11.17v-3.51h1.61c.85,0,1.35.39,1.35,1.15,0,.53-.3.86-.67,1.02l.79,1.35h-.89l-.72-1.22h-.64v1.22h-.82ZM190.18,9.31c.46,0,.64-.16.64-.5s-.19-.49-.64-.49h-.67v.99h.67Z\" />\n        <path d=\"M54.72,24.84v10.93h-5.4V6.1h12.26c7.02,0,11.1,3.2,11.1,9.39s-4.07,9.35-11.06,9.35h-6.9,0ZM61.12,20.52c4.07,0,6.11-1.66,6.11-5.03s-2.04-5.03-6.11-5.03h-6.4v10.06h6.4Z\" />\n        <path d=\"M85.94,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.18-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM85.73,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z\" />\n        <path d=\"M90.39,14.66h5.4l5.86,15.92h.08l5.57-15.92h5.28l-8.23,21.49c-2,5.28-4.45,7.32-8.89,7.36-.71,0-1.7-.08-2.45-.21v-4.03c.62.13.96.13,1.41.13,2.16,0,3.07-.75,4.2-3.66l-8.23-21.07h0Z\" />\n        <path d=\"M113.46,35.77V6.1h5.32v29.67h-5.32Z\" />\n        <path d=\"M130.79,36.27c-6.23,0-10.68-4.2-10.68-11.05s4.45-11.05,10.68-11.05,10.68,4.24,10.68,11.05-4.45,11.05-10.68,11.05ZM130.79,32.32c3.41,0,5.36-2.66,5.36-7.11s-1.95-7.11-5.36-7.11-5.36,2.7-5.36,7.11,1.91,7.11,5.36,7.11Z\" />\n        <path d=\"M156.19,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.19-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM155.98,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z\" />\n        <path d=\"M178.5,32.41c-1.04,2.12-3.58,3.87-6.78,3.87-5.53,0-9.31-4.49-9.31-11.05s3.78-11.05,9.31-11.05c3.28,0,5.69,1.83,6.69,3.95V6.1h5.32v29.67h-5.24v-3.37h0ZM178.55,24.84c0-4.11-1.95-6.78-5.32-6.78s-5.45,2.83-5.45,7.15,2,7.15,5.45,7.15,5.32-2.66,5.32-6.78v-.75h0Z\" />\n      </g>\n    </g>\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,GAAA,GAAM;;;;AAIZ,CAAC;AAED,OAAO,MAAMC,WAAA,GAAwBA,CAAA,kBACnCC,KAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,EAAA,EAAG;EACHC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;cAAOV;mBACRE,KAAA,CAAC;IAAEI,EAAA,EAAG;4BACJI,IAAA,CAAC;MAAKC,CAAA,EAAE;qBACRD,IAAA,CAAC;MAAKC,CAAA,EAAE;qBACRT,KAAA,CAAC;MAAEI,EAAA,EAAG;8BACJI,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE;uBACRD,IAAA,CAAC;QAAKC,CAAA,EAAE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","css","PayloadLogo","_jsxs","className","fill","height","viewBox","width","xmlns","_jsx","clipPath","d","id"],"sources":["../../../src/graphics/Logo/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst css = `\n  .graphic-logo path {\n    fill: var(--color-text);\n  }\n`\n\nexport const PayloadLogo: React.FC = () => (\n  <svg\n    className=\"graphic-logo\"\n    fill=\"none\"\n    height=\"32\"\n    viewBox=\"0 0 143 32\"\n    width=\"143\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <style>{css}</style>\n    <g clipPath=\"url(#payload-logo-clip)\">\n      <path d=\"M13.2487 26.2108L4.15632 20.9658C4.04598 20.8996 3.97241 20.7819 3.97241 20.6494V12.5428C3.97241 12.403 4.1269 12.3147 4.2446 12.3809L14.8009 18.472C14.948 18.5603 15.132 18.4499 15.132 18.2807V14.3304C15.132 14.1759 15.051 14.0288 14.9113 13.9478L2.21425 6.62094C2.10391 6.55474 1.95678 6.55474 1.84644 6.62094L0.183908 7.58462C0.0735632 7.65083 0 7.76853 0 7.90094V22.9593C0 23.0917 0.0735632 23.2094 0.183908 23.2757L13.2267 30.8085C13.337 30.8747 13.4841 30.8747 13.5945 30.8085L24.548 24.4821C24.6952 24.3938 24.6952 24.1878 24.548 24.0996L21.1347 22.1281C20.9949 22.0472 20.8331 22.0472 20.6933 22.1281L13.6239 26.2108C13.5136 26.277 13.3664 26.277 13.2561 26.2108H13.2487Z\" />\n      <path d=\"M26.6372 7.57713L13.5945 0.0516083C13.4841 -0.0145986 13.337 -0.0145986 13.2267 0.0516083L6.33379 4.03138C6.18667 4.11965 6.18667 4.32563 6.33379 4.41391L9.7177 6.37069C9.85747 6.45161 10.0193 6.45161 10.1591 6.37069L13.2487 4.59046C13.3591 4.52425 13.5062 4.52425 13.6166 4.59046L22.709 9.83552C22.8193 9.90172 22.8929 10.0194 22.8929 10.1518V18.2953C22.8929 18.4498 22.9738 18.5969 23.1136 18.6778L26.4975 20.6272C26.6446 20.7155 26.8285 20.6052 26.8285 20.436V7.9008C26.8285 7.76839 26.7549 7.65069 26.6446 7.58448L26.6372 7.57713Z\" />\n      <path d=\"M142.257 6.96619C142.257 8.39332 141.168 9.40849 139.829 9.40849C138.49 9.40849 137.394 8.38596 137.394 6.96619C137.394 5.54642 138.49 4.53125 139.829 4.53125C141.168 4.53125 142.257 5.55378 142.257 6.96619ZM141.918 6.96619C141.918 5.73033 140.991 4.84757 139.829 4.84757C138.667 4.84757 137.74 5.73033 137.74 6.96619C137.74 8.20205 138.667 9.09217 139.829 9.09217C140.991 9.09217 141.918 8.20941 141.918 6.96619ZM138.806 8.21677V5.6347H139.991C140.616 5.6347 140.984 5.9216 140.984 6.48068C140.984 6.87056 140.763 7.11332 140.491 7.23102L141.072 8.22412H140.417L139.888 7.32665H139.417V8.22412H138.814L138.806 8.21677ZM139.903 6.84849C140.241 6.84849 140.373 6.73079 140.373 6.48068C140.373 6.23056 140.234 6.12022 139.903 6.12022H139.41V6.84849H139.903Z\" />\n      <path d=\"M40.2538 18.2731V26.3135H36.2814V4.4873H45.3002C50.4644 4.4873 53.4657 6.84133 53.4657 11.3949C53.4657 15.9485 50.4717 18.2731 45.3296 18.2731H40.2538ZM44.9618 15.0951C47.9559 15.0951 49.4565 13.874 49.4565 11.3949C49.4565 8.91581 47.9559 7.69466 44.9618 7.69466H40.2538V15.0951H44.9618Z\" />\n      <path d=\"M63.2202 23.8712C62.4846 25.6441 60.5278 26.6519 58.0561 26.6519C55.0326 26.6519 52.8257 24.9673 52.8257 22.1572C52.8257 19.0381 55.268 17.7581 58.4239 17.3903L63.0731 16.868V16.1324C63.0731 14.2344 61.9108 13.3223 60.1379 13.3223C58.3651 13.3223 57.3867 14.2712 57.2616 15.7057H53.5025C53.8409 12.3733 56.4377 10.4165 60.2556 10.4165C64.4782 10.4165 66.891 12.4027 66.891 16.4413V22.4367C66.891 23.8712 66.9499 25.0703 67.2 26.3209H63.4409C63.2864 25.4675 63.2276 24.6363 63.2276 23.8786L63.2202 23.8712ZM63.0658 20.2887V19.3397L59.6083 19.737C57.9605 19.9503 56.7025 20.3181 56.7025 21.9365C56.7025 23.1577 57.5559 23.9227 59.1154 23.9227C61.131 23.9227 63.0584 22.731 63.0584 20.2813L63.0658 20.2887Z\" />\n      <path d=\"M66.4938 10.7842H70.4662L74.777 22.4954H74.8358L78.9333 10.7842H82.8175L76.7632 26.5929C75.2919 30.4771 73.4896 31.9777 70.2234 32.0072C69.7011 32.0072 68.9729 31.9483 68.4211 31.8527V28.8881C68.8772 28.9837 69.1273 28.9837 69.4584 28.9837C71.0473 28.9837 71.7168 28.432 72.548 26.2913L66.4938 10.7915V10.7842Z\" />\n      <path d=\"M83.4648 26.3135V4.4873H87.3784V26.3135H83.4648Z\" />\n      <path d=\"M96.2133 26.6813C91.6303 26.6813 88.3568 23.5916 88.3568 18.5526C88.3568 13.5135 91.6303 10.4238 96.2133 10.4238C100.796 10.4238 104.07 13.5429 104.07 18.5526C104.07 23.5622 100.796 26.6813 96.2133 26.6813ZM96.2133 23.7756C98.7218 23.7756 100.156 21.8188 100.156 18.5452C100.156 15.2716 98.7218 13.3149 96.2133 13.3149C93.7048 13.3149 92.2703 15.3011 92.2703 18.5452C92.2703 21.7893 93.6754 23.7756 96.2133 23.7756Z\" />\n      <path d=\"M114.898 23.8712C114.163 25.6441 112.206 26.6519 109.734 26.6519C106.711 26.6519 104.504 24.9673 104.504 22.1572C104.504 19.0381 106.946 17.7581 110.102 17.3903L114.751 16.868V16.1324C114.751 14.2344 113.589 13.3223 111.816 13.3223C110.043 13.3223 109.065 14.2712 108.94 15.7057H105.181C105.519 12.3733 108.116 10.4165 111.941 10.4165C116.164 10.4165 118.577 12.4027 118.577 16.4413V22.4367C118.577 23.8712 118.635 25.0703 118.886 26.3209H115.126C114.972 25.4675 114.913 24.6363 114.913 23.8786L114.898 23.8712ZM114.744 20.2887V19.3397L111.286 19.737C109.639 19.9503 108.381 20.3181 108.381 21.9365C108.381 23.1577 109.234 23.9227 110.794 23.9227C112.809 23.9227 114.737 22.731 114.737 20.2813L114.744 20.2887Z\" />\n      <path d=\"M131.31 23.8418C130.545 25.4013 128.677 26.6887 126.323 26.6887C122.255 26.6887 119.474 23.3857 119.474 18.5599C119.474 13.7342 122.255 10.4312 126.323 10.4312C128.736 10.4312 130.509 11.7774 131.244 13.337V4.4873H135.158V26.3135H131.303V23.8344L131.31 23.8418ZM131.347 18.2731C131.347 15.2496 129.913 13.2855 127.434 13.2855C124.954 13.2855 123.424 15.3673 123.424 18.5452C123.424 21.7232 124.896 23.805 127.434 23.805C129.971 23.805 131.347 21.8482 131.347 18.8174V18.2657V18.2731Z\" />\n    </g>\n    <defs>\n      <clipPath id=\"payload-logo-clip\">\n        <rect fill=\"white\" height=\"32\" width=\"142.257\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,GAAA,GAAM;;;;AAIZ,CAAC;AAED,OAAO,MAAMC,WAAA,GAAwBA,CAAA,kBACnCC,KAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;cAAOT;mBACRE,KAAA,CAAC;IAAEQ,QAAA,EAAS;4BACVD,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;qBACRF,IAAA,CAAC;MAAKE,CAAA,EAAE;;mBAEVF,IAAA,CAAC;cACC,aAAAA,IAAA,CAAC;MAASG,EAAA,EAAG;gBACX,aAAAH,IAAA,CAAC;QAAKL,IAAA,EAAK;QAAQC,MAAA,EAAO;QAAKE,KAAA,EAAM","ignoreList":[]}

package/dist/hooks/useDebouncedCallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa,2CAMpC,aAAa,EAAE,SAW5B,CAAA"}
+{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa,GAAG,GAAG,EAAE,SAAI,EAAE,SAAI,eAMtD,aAAa,EAAE,SAW5B,CAAA"}

package/dist/hooks/useDelay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,UAAW,MAAM,+BAA2B,MAuBhE,CAAA"}
+{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,wBAAsB,KAAG,MAuBhE,CAAA"}

package/dist/hooks/useElementHeightVariable.d.ts

@@ -0,0 +1,15 @@
+import type { RefObject } from 'react';
+/**
+ * Observes an element and publishes its rendered height to a CSS custom property on the document
+ * root (e.g. `--app-header-height`), so layout that depends on that height can be expressed in CSS.
+ * The property is removed on unmount.
+ *
+ * Used by `AppHeader`, `DocumentControls` and `DocumentHeaderRoot` to expose their heights for
+ * sticky offsets and the upload view's scroll-driven sizing.
+ */
+export declare const useElementHeightVariable: ({ cssVar, isEnabled, ref, }: {
+    cssVar: string;
+    isEnabled?: boolean;
+    ref: RefObject<HTMLElement | null>;
+}) => void;
+//# sourceMappingURL=useElementHeightVariable.d.ts.map

package/dist/hooks/useElementHeightVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementHeightVariable.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementHeightVariable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,6BAItC;IACD,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CACnC,KAAG,IAqBH,CAAA"}

package/dist/hooks/useElementHeightVariable.js

@@ -0,0 +1,53 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+/**
+ * Observes an element and publishes its rendered height to a CSS custom property on the document
+ * root (e.g. `--app-header-height`), so layout that depends on that height can be expressed in CSS.
+ * The property is removed on unmount.
+ *
+ * Used by `AppHeader`, `DocumentControls` and `DocumentHeaderRoot` to expose their heights for
+ * sticky offsets and the upload view's scroll-driven sizing.
+ */
+export const useElementHeightVariable = t0 => {
+  const $ = _c(5);
+  const {
+    cssVar,
+    isEnabled: t1,
+    ref
+  } = t0;
+  const isEnabled = t1 === undefined ? true : t1;
+  let t2;
+  let t3;
+  if ($[0] !== cssVar || $[1] !== isEnabled || $[2] !== ref) {
+    t2 = () => {
+      if (!isEnabled) {
+        return;
+      }
+      const el = ref.current;
+      if (!el) {
+        return;
+      }
+      const observer = new ResizeObserver(() => {
+        document.documentElement.style.setProperty(cssVar, `${el.offsetHeight}px`);
+      });
+      observer.observe(el);
+      return () => {
+        observer.disconnect();
+        document.documentElement.style.removeProperty(cssVar);
+      };
+    };
+    t3 = [cssVar, isEnabled, ref];
+    $[0] = cssVar;
+    $[1] = isEnabled;
+    $[2] = ref;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+};
+//# sourceMappingURL=useElementHeightVariable.js.map

package/dist/hooks/useElementHeightVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementHeightVariable.js","names":["c","_c","useEffect","useElementHeightVariable","t0","$","cssVar","isEnabled","t1","ref","undefined","t2","t3","el","current","observer","ResizeObserver","document","documentElement","style","setProperty","offsetHeight","observe","disconnect","removeProperty"],"sources":["../../src/hooks/useElementHeightVariable.ts"],"sourcesContent":["'use client'\n\nimport type { RefObject } from 'react'\n\nimport { useEffect } from 'react'\n\n/**\n * Observes an element and publishes its rendered height to a CSS custom property on the document\n * root (e.g. `--app-header-height`), so layout that depends on that height can be expressed in CSS.\n * The property is removed on unmount.\n *\n * Used by `AppHeader`, `DocumentControls` and `DocumentHeaderRoot` to expose their heights for\n * sticky offsets and the upload view's scroll-driven sizing.\n */\nexport const useElementHeightVariable = ({\n  cssVar,\n  isEnabled = true,\n  ref,\n}: {\n  cssVar: string\n  isEnabled?: boolean\n  ref: RefObject<HTMLElement | null>\n}): void => {\n  useEffect(() => {\n    if (!isEnabled) {\n      return\n    }\n\n    const el = ref.current\n    if (!el) {\n      return\n    }\n\n    const observer = new ResizeObserver(() => {\n      document.documentElement.style.setProperty(cssVar, `${el.offsetHeight}px`)\n    })\n    observer.observe(el)\n\n    return () => {\n      observer.disconnect()\n      document.documentElement.style.removeProperty(cssVar)\n    }\n  }, [cssVar, isEnabled, ref])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B;;;;;;;;AAQA,OAAO,MAAMC,wBAAA,GAA2BC,EAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAAC;IAAAK,MAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAQxC;EANC,MAAAG,SAAA,GAAAC,EAAgB,KAAAE,SAAA,UAAhBF,EAAgB;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,GAAA;IAONE,EAAA,GAAAA,CAAA;MAAA,KACHJ,SAAA;QAAA;MAAA;MAIL,MAAAM,EAAA,GAAWJ,GAAA,CAAAK,OAAA;MAAW,KACjBD,EAAA;QAAA;MAAA;MAIL,MAAAE,QAAA,OAAAC,cAAA;QACEC,QAAA,CAAAC,eAAA,CAAAC,KAAA,CAAAC,WAAA,CAA2Cd,MAAA,EAAQ,GAAGO,EAAA,CAAAQ,YAAA,IAAmB;MAAA;MAE3EN,QAAA,CAAAO,OAAA,CAAiBT,EAAA;MAAA;QAGfE,QAAA,CAAAQ,UAAA,CAAmB;QACnBN,QAAA,CAAAC,eAAA,CAAAC,KAAA,CAAAK,cAAA,CAA8ClB,MAAA;MAAA;IAAA;IAE/CM,EAAA,IAACN,MAAA,EAAQC,SAAA,EAAWE,GAAA;IAAIJ,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAI,GAAA;IAAAJ,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAnB3BH,SAAA,CAAUS,EAmBV,EAAGC,EAAwB;AAAA,CAC7B","ignoreList":[]}

package/dist/hooks/useHotkey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAmEF,CAAA"}
+{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GACpB,SAAS;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,EACD,MAAM,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAmEF,CAAA"}

package/dist/hooks/useIntersect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;IACpC,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,eAAO,MAAM,YAAY;;;;aAEb,OAAO,KAChB,SA6BF,CAAA"}
+{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;IACpC,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,eAAO,MAAM,YAAY,GACvB;;;;CAAuD,EACvD,UAAU,OAAO,KAChB,SA6BF,CAAA"}

package/dist/hooks/usePopupWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,UAAW;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,CAAA;CAqH1C,CAAA"}
+{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,GAAI,OAAO;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,CAAA;CA2H1C,CAAA"}

package/dist/hooks/usePopupWindow.js

@@ -59,6 +59,10 @@ export const usePopupWindow = props => {
       if (e) {
         e.preventDefault();
       }
+      if (popupRef.current && !popupRef.current.closed) {
+        popupRef.current.focus();
+        return;
+      }
       const features = {
         height: 700,
         left: "auto",