@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/forms/withCondition/WatchCondition.js

@@ -1,13 +1,31 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useFormFields } from '../Form/context.js';
-export const WatchCondition = (props)=>{
-    const { children, path } = props;
-    const field = useFormFields(([fields])=>fields && fields?.[path] || null);
-    const { passesCondition } = field || {};
-    if (passesCondition === false) {
-        return null;
-    }
-    return children;
+export const WatchCondition = props => {
+  const $ = _c(2);
+  const {
+    children,
+    path
+  } = props;
+  let t0;
+  if ($[0] !== path) {
+    t0 = t1 => {
+      const [fields] = t1;
+      return fields && fields?.[path] || null;
+    };
+    $[0] = path;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const field = useFormFields(t0);
+  const {
+    passesCondition
+  } = field || {};
+  if (passesCondition === false) {
+    return null;
+  }
+  return children;
 };
-
 //# sourceMappingURL=WatchCondition.js.map

package/dist/forms/withCondition/WatchCondition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  path: string\n}> = (props) => {\n  const { children, path } = props\n\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return children\n}\n"],"names":["useFormFields","WatchCondition","props","children","path","field","fields","passesCondition"],"mappings":"AAAA;AAIA,SAASA,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAGR,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGF;IAE3B,MAAMG,QAAQL,cAAc,CAAC,CAACM,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACF,KAAK,IAAK;IAExE,MAAM,EAAEG,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,OAAOJ;AACT,EAAC"}
+{"version":3,"file":"WatchCondition.js","names":["c","_c","useFormFields","WatchCondition","props","$","children","path","t0","t1","fields","field","passesCondition"],"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  path: string\n}> = (props) => {\n  const { children, path } = props\n\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return children\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EACH;IAAAK,QAAA;IAAAC;EAAA,IAA2BH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,IAAA;IAECC,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASH,IAAA,CAAK,QAAK;IAAA;IAAAF,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAxE,MAAAM,KAAA,GAAcT,aAAA,CAAcM,EAA4C;EAExE;IAAAI;EAAA,IAA4BD,KAAA,MAAU;EAAA,IAElCC,eAAA,UAAoB;IAAA;EAAA;EAAA,OAIjBN,QAAA;AAAA,CACT","ignoreList":[]}

package/dist/forms/withCondition/index.js

@@ -1,13 +1,20 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { WatchCondition } from './WatchCondition.js';
-export const withCondition = (Field)=>{
-    const CheckForCondition = (props)=>{
-        const { path } = props;
-        return <WatchCondition path={path}>
-        <Field {...props}/>
-      </WatchCondition>;
-    };
-    return CheckForCondition;
+export const withCondition = Field => {
+  const CheckForCondition = props => {
+    const {
+      path
+    } = props;
+    return /*#__PURE__*/_jsx(WatchCondition, {
+      path: path,
+      children: /*#__PURE__*/_jsx(Field, {
+        ...props
+      })
+    });
+  };
+  return CheckForCondition;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPaths } from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends MarkOptional<FieldPaths, 'indexPath' | 'path'>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { path } = props\n\n    return (\n      <WatchCondition path={path}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"names":["WatchCondition","withCondition","Field","CheckForCondition","props","path"],"mappings":"AAAA;AAMA,SAASA,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAMC,oBAAiC,CAACC;QACtC,MAAM,EAAEC,IAAI,EAAE,GAAGD;QAEjB,QACGJ,eAAeK,MAAMA,MAAM;QAC1B,CAACH,OAAO,GAAGE,KAAK,GAAI;MACtB,EAAEJ;IAEN;IAEA,OAAOG;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["React","WatchCondition","withCondition","Field","CheckForCondition","props","path","_jsx"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPaths } from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends MarkOptional<FieldPaths, 'indexPath' | 'path'>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { path } = props\n\n    return (\n      <WatchCondition path={path}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GACXC,KAAA;EAEA,MAAMC,iBAAA,GAAkCC,KAAA;IACtC,MAAM;MAAEC;IAAI,CAAE,GAAGD,KAAA;IAEjB,oBACEE,IAAA,CAACN,cAAA;MAAeK,IAAA,EAAMA,IAAA;gBACpB,aAAAC,IAAA,CAACJ,KAAA;QAAO,GAAGE;;;EAGjB;EAEA,OAAOD,iBAAA;AACT","ignoreList":[]}

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

@@ -1,12 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'graphic-account';
-export const DefaultAccountIcon = (props)=><svg className={[
-        baseClass,
-        props?.active && `${baseClass}--active`
-    ].filter(Boolean).join(' ')} height="25" viewBox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg">
-    <circle className={`${baseClass}__bg`} cx="12.5" cy="12.5" r="11.5"/>
-    <circle className={`${baseClass}__head`} cx="12.5" cy="10.73" r="3.98"/>
-    <path className={`${baseClass}__body`} 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"/>
-  </svg>;
-
+export const DefaultAccountIcon = props => /*#__PURE__*/_jsxs("svg", {
+  className: [baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' '),
+  height: "25",
+  viewBox: "0 0 25 25",
+  width: "25",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("circle", {
+    className: `${baseClass}__bg`,
+    cx: "12.5",
+    cy: "12.5",
+    r: "11.5"
+  }), /*#__PURE__*/_jsx("circle", {
+    className: `${baseClass}__head`,
+    cx: "12.5",
+    cy: "10.73",
+    r: "3.98"
+  }), /*#__PURE__*/_jsx("path", {
+    className: `${baseClass}__body`,
+    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"
+  })]
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["baseClass","DefaultAccountIcon","props","svg","className","active","filter","Boolean","join","height","viewBox","width","xmlns","circle","cx","cy","r","path","d"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB,OAAO,MAAMC,qBAER,CAACC,SACHC,IACCC,WAAW;QAACJ;QAAWE,OAAOG,UAAU,GAAGL,UAAU,QAAQ,CAAC;KAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC,MACrFC,OAAO,KACPC,QAAQ,YACRC,MAAM,KACNC,MAAM,6BACP;IACC,CAACC,OAAOT,WAAW,GAAGJ,UAAU,IAAI,CAAC,EAAEc,GAAG,OAAOC,GAAG,OAAOC,EAAE,QAAS;IACtE,CAACH,OAAOT,WAAW,GAAGJ,UAAU,MAAM,CAAC,EAAEc,GAAG,OAAOC,GAAG,QAAQC,EAAE,QAAS;IACzE,CAACC,KACCb,WAAW,GAAGJ,UAAU,MAAM,CAAC,EAC/BkB,EAAE,kHACF;EACJ,EAAEf,KACH"}
+{"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":[]}

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

@@ -1,18 +1,40 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import md5 from 'md5';
+import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
-export const GravatarAccountIcon = ()=>{
-    const { user } = useAuth();
-    const hash = md5(user.email.trim().toLowerCase());
-    const params = new URLSearchParams({
-        default: 'mp',
-        r: 'g',
-        s: '50'
-    }).toString();
-    const query = `?${params}`;
-    return <img alt="yas" className="gravatar-account" height={25} src={`https://www.gravatar.com/avatar/${hash}${query}`} style={{
-        borderRadius: '50%'
-    }} width={25}/>;
+export const GravatarAccountIcon = () => {
+  const $ = _c(2);
+  const {
+    user
+  } = useAuth();
+  const hash = md5(user.email.trim().toLowerCase());
+  const params = new URLSearchParams({
+    default: "mp",
+    r: "g",
+    s: "50"
+  }).toString();
+  const query = `?${params}`;
+  const t0 = `https://www.gravatar.com/avatar/${hash}${query}`;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = _jsx("img", {
+      alt: "yas",
+      className: "gravatar-account",
+      height: 25,
+      src: t0,
+      style: {
+        borderRadius: "50%"
+      },
+      width: 25
+    });
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["md5","useAuth","GravatarAccountIcon","user","hash","email","trim","toLowerCase","params","URLSearchParams","default","r","s","toString","query","img","alt","className","height","src","style","borderRadius","width"],"mappings":"AAAA;AACA,OAAOA,SAAS,MAAK;AAGrB,SAASC,OAAO,QAAQ,mCAAkC;AAE1D,OAAO,MAAMC,sBAAgC;IAC3C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAOJ,IAAIG,KAAKE,KAAK,CAACC,IAAI,GAAGC,WAAW;IAE9C,MAAMC,SAAS,IAAIC,gBAAgB;QACjCC,SAAS;QACTC,GAAG;QACHC,GAAG;IACL,GAAGC,QAAQ;IAEX,MAAMC,QAAQ,CAAC,CAAC,EAAEN,QAAQ;IAE1B,QACGO,IACCC,IAAI,MACJC,UAAU,mBACVC,QAAQ,IACRC,KAAK,CAAC,gCAAgC,EAAEf,OAAOU,OAAO,EACtDM,OAAO;QAAEC,cAAc;IAAM,GAC7BC,OAAO;AAGb,EAAC"}
+{"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":[]}

package/dist/graphics/Account/index.js

@@ -1,24 +1,63 @@
 'use client';
+
+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 { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
-export const Account = ()=>{
-    const { config: { admin: { avatar, routes: { account: accountRoute } }, routes: { admin: adminRoute } } } = useConfig();
-    const { user } = useAuth();
-    const pathname = usePathname();
-    const isOnAccountPage = pathname === formatAdminURL({
-        adminRoute,
-        path: accountRoute
-    });
-    if (!user?.email || avatar === 'default') {
-        return <DefaultAccountIcon active={isOnAccountPage}/>;
+export const Account = () => {
+  const $ = _c(3);
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    admin: t1,
+    routes: t2
+  } = t0;
+  const {
+    avatar,
+    routes: t3
+  } = t1;
+  const {
+    account: accountRoute
+  } = t3;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    user
+  } = useAuth();
+  const pathname = usePathname();
+  const isOnAccountPage = pathname === formatAdminURL({
+    adminRoute,
+    path: accountRoute
+  });
+  if (!user?.email || avatar === "default") {
+    let t4;
+    if ($[0] !== isOnAccountPage) {
+      t4 = _jsx(DefaultAccountIcon, {
+        active: isOnAccountPage
+      });
+      $[0] = isOnAccountPage;
+      $[1] = t4;
+    } else {
+      t4 = $[1];
     }
-    if (avatar === 'gravatar') {
-        return <GravatarAccountIcon/>;
+    return t4;
+  }
+  if (avatar === "gravatar") {
+    let t4;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = _jsx(GravatarAccountIcon, {});
+      $[2] = t4;
+    } else {
+      t4 = $[2];
     }
+    return t4;
+  }
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["usePathname","formatAdminURL","useAuth","useConfig","DefaultAccountIcon","GravatarAccountIcon","Account","config","admin","avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","active"],"mappings":"AAAA;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,QAAQ,EACNC,OAAO,EACLC,MAAM,EACNC,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEF,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGV;IAEJ,MAAM,EAAEW,IAAI,EAAE,GAAGZ;IACjB,MAAMa,WAAWf;IACjB,MAAMgB,kBAAkBD,aAAad,eAAe;QAAEY;QAAYI,MAAML;IAAa;IAErF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW;QACxC,QAAQL,mBAAmBe,QAAQH;IACrC;IACA,IAAIP,WAAW,YAAY;QACzB,QAAQJ;IACV;AACF,EAAC"}
+{"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":[]}

package/dist/graphics/DefaultBlockImage/index.js

@@ -1,22 +1,66 @@
-import { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
 import { v4 as uuid } from 'uuid';
-export const DefaultBlockImage = ()=>{
-    const [patternID] = useState(()=>`pattern${uuid()}`);
-    return <svg fill="none" height="151" preserveAspectRatio="xMidYMid slice" viewBox="0 0 231 151" width="231" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath={`url(#${patternID})`}>
-        <rect fill="#D9D9D9" height="100%" rx="2" width="100%"/>
-        <rect fill="#BCBCBC" height="116.063" transform="rotate(52.0687 33.7051 79.3051)" width="85.8593" x="33.7051" y="79.3051"/>
-        <rect fill="#BCBCBC" height="116.063" transform="rotate(52.0687 86.1219 92.6272)" width="85.8593" x="86.1219" y="92.6272"/>
-        <circle cx="189" cy="45" fill="#BCBCBC" r="19"/>
-        <rect fill="#B8B8B8" height="5" rx="2.5" width="98" x="66" y="70"/>
-        <rect fill="#B8B8B8" height="5" rx="2.5" width="76" x="77" y="82"/>
-      </g>
-      <defs>
-        <clipPath id={`${patternID}`}>
-          <rect fill="white" height="151" width="231"/>
-        </clipPath>
-      </defs>
-    </svg>;
+export const DefaultBlockImage = () => {
+  const [patternID] = useState(() => `pattern${uuid()}`);
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "151",
+    preserveAspectRatio: "xMidYMid slice",
+    viewBox: "0 0 231 151",
+    width: "231",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsxs("g", {
+      clipPath: `url(#${patternID})`,
+      children: [/*#__PURE__*/_jsx("rect", {
+        fill: "#D9D9D9",
+        height: "100%",
+        rx: "2",
+        width: "100%"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#BCBCBC",
+        height: "116.063",
+        transform: "rotate(52.0687 33.7051 79.3051)",
+        width: "85.8593",
+        x: "33.7051",
+        y: "79.3051"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#BCBCBC",
+        height: "116.063",
+        transform: "rotate(52.0687 86.1219 92.6272)",
+        width: "85.8593",
+        x: "86.1219",
+        y: "92.6272"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: "189",
+        cy: "45",
+        fill: "#BCBCBC",
+        r: "19"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#B8B8B8",
+        height: "5",
+        rx: "2.5",
+        width: "98",
+        x: "66",
+        y: "70"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#B8B8B8",
+        height: "5",
+        rx: "2.5",
+        width: "76",
+        x: "77",
+        y: "82"
+      })]
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: `${patternID}`,
+        children: /*#__PURE__*/_jsx("rect", {
+          fill: "white",
+          height: "151",
+          width: "231"
+        })
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(() => `pattern${uuid()}`)\n\n  return (\n    <svg\n      fill=\"none\"\n      height=\"151\"\n      preserveAspectRatio=\"xMidYMid slice\"\n      viewBox=\"0 0 231 151\"\n      width=\"231\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath={`url(#${patternID})`}>\n        <rect fill=\"#D9D9D9\" height=\"100%\" rx=\"2\" width=\"100%\" />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 33.7051 79.3051)\"\n          width=\"85.8593\"\n          x=\"33.7051\"\n          y=\"79.3051\"\n        />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 86.1219 92.6272)\"\n          width=\"85.8593\"\n          x=\"86.1219\"\n          y=\"92.6272\"\n        />\n        <circle cx=\"189\" cy=\"45\" fill=\"#BCBCBC\" r=\"19\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"98\" x=\"66\" y=\"70\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"76\" x=\"77\" y=\"82\" />\n      </g>\n      <defs>\n        <clipPath id={`${patternID}`}>\n          <rect fill=\"white\" height=\"151\" width=\"231\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"names":["useState","v4","uuid","DefaultBlockImage","patternID","svg","fill","height","preserveAspectRatio","viewBox","width","xmlns","g","clipPath","rect","rx","transform","x","y","circle","cx","cy","r","defs","id"],"mappings":"AAAA,SAAgBA,QAAQ,QAAQ,QAAO;AACvC,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAEjC,OAAO,MAAMC,oBAA8B;IACzC,MAAM,CAACC,UAAU,GAAGJ,SAAS,IAAM,CAAC,OAAO,EAAEE,QAAQ;IAErD,QACGG,IACCC,KAAK,OACLC,OAAO,MACPC,oBAAoB,iBACpBC,QAAQ,cACRC,MAAM,MACNC,MAAM,6BACP;MACC,CAACC,EAAEC,UAAU,CAAC,KAAK,EAAET,UAAU,CAAC,CAAC,EAAE;QACjC,CAACU,KAAKR,KAAK,UAAUC,OAAO,OAAOQ,GAAG,IAAIL,MAAM,QAAS;QACzD,CAACI,KACCR,KAAK,UACLC,OAAO,UACPS,UAAU,kCACVN,MAAM,UACNO,EAAE,UACFC,EAAE,WACF;QACF,CAACJ,KACCR,KAAK,UACLC,OAAO,UACPS,UAAU,kCACVN,MAAM,UACNO,EAAE,UACFC,EAAE,WACF;QACF,CAACC,OAAOC,GAAG,MAAMC,GAAG,KAAKf,KAAK,UAAUgB,EAAE,MAAO;QACjD,CAACR,KAAKR,KAAK,UAAUC,OAAO,IAAIQ,GAAG,MAAML,MAAM,KAAKO,EAAE,KAAKC,EAAE,MAAO;QACpE,CAACJ,KAAKR,KAAK,UAAUC,OAAO,IAAIQ,GAAG,MAAML,MAAM,KAAKO,EAAE,KAAKC,EAAE,MAAO;MACtE,EAAEN,EAAE;MACJ,CAACW,KAAK;QACJ,CAACV,SAASW,IAAI,GAAGpB,WAAW,EAAE;UAC5B,CAACU,KAAKR,KAAK,QAAQC,OAAO,MAAMG,MAAM,OAAQ;QAChD,EAAEG,SAAS;MACb,EAAEU,KAAK;IACT,EAAElB;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["React","useState","v4","uuid","DefaultBlockImage","patternID","_jsxs","fill","height","preserveAspectRatio","viewBox","width","xmlns","clipPath","_jsx","rx","transform","x","y","cx","cy","r","id"],"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(() => `pattern${uuid()}`)\n\n  return (\n    <svg\n      fill=\"none\"\n      height=\"151\"\n      preserveAspectRatio=\"xMidYMid slice\"\n      viewBox=\"0 0 231 151\"\n      width=\"231\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath={`url(#${patternID})`}>\n        <rect fill=\"#D9D9D9\" height=\"100%\" rx=\"2\" width=\"100%\" />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 33.7051 79.3051)\"\n          width=\"85.8593\"\n          x=\"33.7051\"\n          y=\"79.3051\"\n        />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 86.1219 92.6272)\"\n          width=\"85.8593\"\n          x=\"86.1219\"\n          y=\"92.6272\"\n        />\n        <circle cx=\"189\" cy=\"45\" fill=\"#BCBCBC\" r=\"19\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"98\" x=\"66\" y=\"70\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"76\" x=\"77\" y=\"82\" />\n      </g>\n      <defs>\n        <clipPath id={`${patternID}`}>\n          <rect fill=\"white\" height=\"151\" width=\"231\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EACzC,MAAM,CAACC,SAAA,CAAU,GAAGJ,QAAA,CAAS,MAAM,UAAUE,IAAA,IAAQ;EAErD,oBACEG,KAAA,CAAC;IACCC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,mBAAA,EAAoB;IACpBC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENN,KAAA,CAAC;MAAEO,QAAA,EAAU,QAAQR,SAAA,GAAY;8BAC/BS,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAOO,EAAA,EAAG;QAAIJ,KAAA,EAAM;uBAChDG,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QAAOK,EAAA,EAAG;QAAMC,EAAA,EAAG;QAAKb,IAAA,EAAK;QAAUc,CAAA,EAAE;uBAC1CP,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;uBAC7DJ,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;;qBAE/DJ,IAAA,CAAC;gBACC,aAAAA,IAAA,CAAC;QAASQ,EAAA,EAAI,GAAGjB,SAAA,EAAW;kBAC1B,aAAAS,IAAA,CAAC;UAAKP,IAAA,EAAK;UAAQC,MAAA,EAAO;UAAMG,KAAA,EAAM;;;;;AAKhD","ignoreList":[]}

package/dist/graphics/File/index.js

@@ -1,8 +1,19 @@
-export const File = ()=><svg height="150" style={{
-        backgroundColor: '#333333'
-    }} viewBox="0 0 150 150" width="150" xmlns="http://www.w3.org/2000/svg">
-    <path d="M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z" fill="white"/>
-    <path d="M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z" fill="#9A9A9A"/>
-  </svg>;
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const File = () => /*#__PURE__*/_jsxs("svg", {
+  height: "150",
+  style: {
+    backgroundColor: '#333333'
+  },
+  viewBox: "0 0 150 150",
+  width: "150",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z",
+    fill: "white"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z",
+    fill: "#9A9A9A"
+  })]
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/File/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const File: React.FC = () => (\n  <svg\n    height=\"150\"\n    style={{ backgroundColor: '#333333' }}\n    viewBox=\"0 0 150 150\"\n    width=\"150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z\" fill=\"white\" />\n    <path d=\"M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z\" fill=\"#9A9A9A\" />\n  </svg>\n)\n"],"names":["File","svg","height","style","backgroundColor","viewBox","width","xmlns","path","d","fill"],"mappings":"AAEA,OAAO,MAAMA,OAAiB,KAC3BC,IACCC,OAAO,MACPC,OAAO;QAAEC,iBAAiB;IAAU,GACpCC,QAAQ,cACRC,MAAM,MACNC,MAAM,6BACP;IACC,CAACC,KAAKC,EAAE,4DAA4DC,KAAK,SAAU;IACnF,CAACF,KAAKC,EAAE,iDAAiDC,KAAK,WAAY;EAC5E,EAAET,KACH"}
+{"version":3,"file":"index.js","names":["React","File","_jsxs","height","style","backgroundColor","viewBox","width","xmlns","_jsx","d","fill"],"sources":["../../../src/graphics/File/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const File: React.FC = () => (\n  <svg\n    height=\"150\"\n    style={{ backgroundColor: '#333333' }}\n    viewBox=\"0 0 150 150\"\n    width=\"150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z\" fill=\"white\" />\n    <path d=\"M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z\" fill=\"#9A9A9A\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,IAAA,GAAiBA,CAAA,kBAC5BC,KAAA,CAAC;EACCC,MAAA,EAAO;EACPC,KAAA,EAAO;IAAEC,eAAA,EAAiB;EAAU;EACpCC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAA4DC,IAAA,EAAK;mBACzEF,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAiDC,IAAA,EAAK","ignoreList":[]}

package/dist/graphics/Icon/index.js

@@ -1,9 +1,22 @@
-export const PayloadIcon = ({ fill: fillFromProps })=>{
-    const fill = fillFromProps || 'var(--theme-elevation-1000)';
-    return <svg className="graphic-icon" height="100%" viewBox="0 0 25 25" width="100%" xmlns="http://www.w3.org/2000/svg">
-      <path 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" fill={fill}/>
-      <path 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" fill={fill}/>
-    </svg>;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const PayloadIcon = ({
+  fill: fillFromProps
+}) => {
+  const fill = fillFromProps || 'var(--theme-elevation-1000)';
+  return /*#__PURE__*/_jsxs("svg", {
+    className: "graphic-icon",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    width: "100%",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      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",
+      fill: fill
+    }), /*#__PURE__*/_jsx("path", {
+      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",
+      fill: fill
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["PayloadIcon","fill","fillFromProps","svg","className","height","viewBox","width","xmlns","path","d"],"mappings":"AAEA,OAAO,MAAMA,cAER,CAAC,EAAEC,MAAMC,aAAa,EAAE;IAC3B,MAAMD,OAAOC,iBAAiB;IAE9B,QACGC,IACCC,UAAU,eACVC,OAAO,OACPC,QAAQ,YACRC,MAAM,OACNC,MAAM,6BACP;MACC,CAACC,KACCC,EAAE,8qBACFT,MAAMA,OACN;MACF,CAACQ,KACCC,EAAE,uhBACFT,MAAMA,OACN;IACJ,EAAEE;AAEN,EAAC"}
+{"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":[]}

package/dist/graphics/Logo/index.js

@@ -1,24 +1,46 @@
+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);
   }
 `;
-export const PayloadLogo = ()=><svg className="graphic-logo" fill="none" height="43.5" id="b" viewBox="0 0 193.38 43.5" width="193.38" xmlns="http://www.w3.org/2000/svg">
-    <style>{css}</style>
-    <g id="c">
-      <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"/>
-      <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"/>
-      <g id="d">
-        <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"/>
-        <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"/>
-        <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"/>
-        <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"/>
-        <path d="M113.46,35.77V6.1h5.32v29.67h-5.32Z"/>
-        <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"/>
-        <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"/>
-        <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"/>
-      </g>
-    </g>
-  </svg>;
-
+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",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("style", {
+    children: css
+  }), /*#__PURE__*/_jsxs("g", {
+    id: "c",
+    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"
+      })]
+    })]
+  })]
+});
 //# sourceMappingURL=index.js.map