@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: keyof FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}
+{"version":3,"file":"WatchCondition.js","names":["c","_c","React","Fragment","useFormFields","WatchCondition","props","$","children","path","t0","t1","fields","field","passesCondition","_jsx"],"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\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 <Fragment>{children}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO,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,IAAAH,EAAA;EAAA,IAAAJ,CAAA,QAAAC,QAAA;IAIjBG,EAAA,GAAAI,IAAA,CAAAZ,QAAA;MAAAK;IAAA,C;;;;;;SAAAG,E;CACT","ignoreList":[]}

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

@@ -1,3 +1,5 @@
+import type { FieldPaths } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
 import React from 'react';
-export declare const withCondition: <P extends Record<string, unknown>>(Field: React.ComponentType<P>) => React.FC<P>;
+export declare const withCondition: <P extends MarkOptional<FieldPaths, "indexPath" | "path">>(Field: React.ComponentType<P>) => React.FC<P>;
 //# sourceMappingURL=index.d.ts.map

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,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SACtD,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAcZ,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,SAC7E,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAYZ,CAAA"}

package/dist/forms/withCondition/index.js

@@ -1,24 +1,22 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldProps } from '../FieldPropsProvider/index.js';
 import { WatchCondition } from './WatchCondition.js';
-export const withCondition = (Field)=>{
-    const CheckForCondition = (props)=>{
-        const { name } = props;
-        const { type, indexPath, path: pathFromContext } = useFieldProps();
-        const path = pathFromContext ?? name;
-        return /*#__PURE__*/ _jsx(WatchCondition, {
-            indexPath: indexPath,
-            name: name,
-            path: path,
-            type: type,
-            children: /*#__PURE__*/ _jsx(Field, {
-                ...props
-            })
-        });
-    };
-    return CheckForCondition;
+export const withCondition = Field => {
+  const CheckForCondition = props => {
+    const {
+      indexPath,
+      path
+    } = props;
+    return /*#__PURE__*/_jsx(WatchCondition, {
+      indexPath: indexPath,
+      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 React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"names":["React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","name","type","indexPath","path","pathFromContext"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAMC,oBAAiC,CAACC;QACtC,MAAM,EAAEC,IAAI,EAAE,GAAGD;QACjB,MAAM,EAAEE,IAAI,EAAEC,SAAS,EAAEC,MAAMC,eAAe,EAAE,GAAGV;QACnD,MAAMS,OAAOC,mBAAmBJ;QAEhC,qBACE,KAACL;YAAeO,WAAWA;YAAWF,MAAMA;YAAgBG,MAAMA;YAAgBF,MAAMA;sBACtF,cAAA,KAACJ;gBAAO,GAAGE,KAAK;;;IAGtB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["React","WatchCondition","withCondition","Field","CheckForCondition","props","indexPath","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 { indexPath, path } = props\n\n    return (\n      <WatchCondition indexPath={indexPath} 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,SAAS;MAAEC;IAAI,CAAE,GAAGF,KAAA;IAE5B,oBACEG,IAAA,CAACP,cAAA;MAAeK,SAAA,EAAWA,SAAA;MAAWC,IAAA,EAAMA,IAAA;gBAC1C,aAAAC,IAAA,CAACL,KAAA;QAAO,GAAGE;;;EAGjB;EAEA,OAAOD,iBAAA;AACT","ignoreList":[]}

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

@@ -2,33 +2,25 @@ 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)=>/*#__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"
-            })
-        ]
-    });
-
+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":["React","baseClass","DefaultAccountIcon","props","svg","className","active","filter","Boolean","join","height","viewBox","width","xmlns","circle","cx","cy","r","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAER,CAACC,sBACJ,MAACC;QACCC,WAAW;YAACJ;YAAWE,OAAOG,UAAU,CAAC,EAAEL,UAAU,QAAQ,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACrFC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,IAAI,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;0BAC7D,KAACH;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAQC,GAAE;;0BAChE,KAACC;gBACCb,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAC/BkB,GAAE;;;OAGP"}
+{"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/Default/index.scss

@@ -1,54 +1,38 @@
-.graphic-account {
-  vector-effect: non-scaling-stroke;
-  overflow: visible;
-  position: relative;
-
-  &__bg {
-    fill: var(--theme-elevation-50);
-    stroke: var(--theme-elevation-200);
-    stroke-width: 1px;
-  }
-
-  &__head,
-  &__body {
-    fill: var(--theme-elevation-200);
-  }
+@layer payload-default {
+  .graphic-account {
+    vector-effect: non-scaling-stroke;
+    overflow: visible;
+    position: relative;
 
-  &--active {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-500);
-        stroke: var(--theme-text);
-      }
+    &__bg {
+      fill: var(--theme-elevation-50);
+      stroke: var(--theme-elevation-200);
+      stroke-width: 1px;
+    }
 
-      &__head,
-      &__body {
-        fill: var(--theme-text);
-      }
+    &__head,
+    &__body {
+      fill: var(--theme-elevation-200);
     }
-  }
 
-  &:hover:not(.graphic-account--active) {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-200);
-        stroke: var(--theme-elevation-600);
-      }
+    &--active {
+      .graphic-account {
+        &__bg {
+          fill: var(--theme-elevation-500);
+          stroke: var(--theme-text);
+        }
 
-      &__head,
-      &__body {
-        fill: var(--theme-elevation-600);
+        &__head,
+        &__body {
+          fill: var(--theme-text);
+        }
       }
     }
-  }
-}
 
-[data-theme='light'] {
-  .graphic-account {
-    &--active {
+    &:hover:not(.graphic-account--active) {
       .graphic-account {
         &__bg {
-          fill: var(--theme-elevation-300);
+          fill: var(--theme-elevation-200);
           stroke: var(--theme-elevation-600);
         }
 
@@ -59,4 +43,22 @@
       }
     }
   }
+
+  [data-theme='light'] {
+    .graphic-account {
+      &--active {
+        .graphic-account {
+          &__bg {
+            fill: var(--theme-elevation-300);
+            stroke: var(--theme-elevation-600);
+          }
+
+          &__head,
+          &__body {
+            fill: var(--theme-elevation-600);
+          }
+        }
+      }
+    }
+  }
 }

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

@@ -1,27 +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 /*#__PURE__*/ _jsx("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","React","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;AACrB,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,mCAAkC;AAE1D,OAAO,MAAMC,sBAAgC;IAC3C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAOL,IAAII,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,OAAO,CAAC;IAE1B,qBACE,KAACO;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEf,KAAK,CAAC,EAAEU,MAAM,CAAC;QACvDM,OAAO;YAAEC,cAAc;QAAM;QAC7BC,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,IAAQU,KAAA,EAAO;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAJzDC,EAAA,GAAAC,IAAA,CAAC;MAAAC,GAAA,EACK;MAAAC,SAAA,EACM;MAAAC,MAAA;MAAAC,GAAA,EAELN,EAAkD;MAAAO,KAAA;QAAAC,YAAA,EAChC;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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,OAAO,yBAenB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,OAAO,yBAqBnB,CAAA"}

package/dist/graphics/Account/index.js

@@ -1,27 +1,64 @@
 '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 React from 'react';
+// import { RenderComponent } from '../../elements/RenderComponent/client.js'
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
-export const Account = ()=>{
-    const { admin: { avatar: Avatar }, admin: { 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 /*#__PURE__*/ _jsx(DefaultAccountIcon, {
-        active: isOnAccountPage
-    });
-    if (Avatar === 'gravatar') return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
-    if (Avatar) return /*#__PURE__*/ _jsx(Avatar, {
+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];
+    }
+    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 React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","active"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGX;IAEJ,MAAM,EAAEY,IAAI,EAAE,GAAGb;IACjB,MAAMc,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaZ,eAAe;QAAEU;QAAYI,MAAML;IAAa;IACrF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW,qBAAO,KAACL;QAAmBe,QAAQH;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOU,QAAQH;;AACrC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","usePathname","React","useAuth","useConfig","formatAdminURL","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 React from 'react'\n\n// import { RenderComponent } from '../../elements/RenderComponent/client.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.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,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,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,GAAiBrB,WAAA;EACjB,MAAAsB,eAAA,GAAwBD,QAAA,KAAajB,cAAA;IAAAe,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,43 +1,36 @@
 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()}`);
-    const [imageID] = useState(`image${uuid()}`);
-    return /*#__PURE__*/ _jsxs("svg", {
-        fill: "none",
-        height: "53",
-        viewBox: "0 0 82 53",
-        width: "82",
-        children: [
-            /*#__PURE__*/ _jsx("rect", {
-                fill: `url(#${patternID})`,
-                height: "52.7791",
-                width: "80.574",
-                x: "0.713013"
-            }),
-            /*#__PURE__*/ _jsxs("defs", {
-                children: [
-                    /*#__PURE__*/ _jsx("pattern", {
-                        height: "1",
-                        id: `${patternID}`,
-                        patternContentUnits: "objectBoundingBox",
-                        width: "1",
-                        children: /*#__PURE__*/ _jsx("use", {
-                            transform: "scale(0.00387597 0.00591716)",
-                            xlinkHref: `#${imageID}`
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("image", {
-                        height: "169",
-                        id: imageID,
-                        width: "258",
-                        xlinkHref: "data:image/png;base64,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"
-                    })
-                ]
-            })
-        ]
-    });
+export const DefaultBlockImage = () => {
+  const [patternID] = useState(`pattern${uuid()}`);
+  const [imageID] = useState(`image${uuid()}`);
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "53",
+    viewBox: "0 0 82 53",
+    width: "82",
+    children: [/*#__PURE__*/_jsx("rect", {
+      fill: `url(#${patternID})`,
+      height: "52.7791",
+      width: "80.574",
+      x: "0.713013"
+    }), /*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("pattern", {
+        height: "1",
+        id: `${patternID}`,
+        patternContentUnits: "objectBoundingBox",
+        width: "1",
+        children: /*#__PURE__*/_jsx("use", {
+          transform: "scale(0.00387597 0.00591716)",
+          xlinkHref: `#${imageID}`
+        })
+      }), /*#__PURE__*/_jsx("image", {
+        height: "169",
+        id: imageID,
+        width: "258",
+        xlinkHref: "data:image/png;base64,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"
+      })]
+    })]
+  });
 };
-
 //# 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  const [imageID] = useState(`image${uuid()}`)\n\n  return (\n    <svg fill=\"none\" height=\"53\" viewBox=\"0 0 82 53\" width=\"82\">\n      <rect fill={`url(#${patternID})`} height=\"52.7791\" width=\"80.574\" x=\"0.713013\" />\n      <defs>\n        <pattern height=\"1\" id={`${patternID}`} patternContentUnits=\"objectBoundingBox\" width=\"1\">\n          <use transform=\"scale(0.00387597 0.00591716)\" xlinkHref={`#${imageID}`} />\n        </pattern>\n        <image\n          height=\"169\"\n          id={imageID}\n          width=\"258\"\n          xlinkHref=\"data:image/png;base64,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\"\n        />\n      </defs>\n    </svg>\n  )\n}\n"],"names":["React","useState","v4","uuid","DefaultBlockImage","patternID","imageID","svg","fill","height","viewBox","width","rect","x","defs","pattern","id","patternContentUnits","use","transform","xlinkHref","image"],"mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AACvC,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAEjC,OAAO,MAAMC,oBAA8B;IACzC,MAAM,CAACC,UAAU,GAAGJ,SAAS,CAAC,OAAO,EAAEE,OAAO,CAAC;IAC/C,MAAM,CAACG,QAAQ,GAAGL,SAAS,CAAC,KAAK,EAAEE,OAAO,CAAC;IAE3C,qBACE,MAACI;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;;0BACrD,KAACC;gBAAKJ,MAAM,CAAC,KAAK,EAAEH,UAAU,CAAC,CAAC;gBAAEI,QAAO;gBAAUE,OAAM;gBAASE,GAAE;;0BACpE,MAACC;;kCACC,KAACC;wBAAQN,QAAO;wBAAIO,IAAI,CAAC,EAAEX,UAAU,CAAC;wBAAEY,qBAAoB;wBAAoBN,OAAM;kCACpF,cAAA,KAACO;4BAAIC,WAAU;4BAA+BC,WAAW,CAAC,CAAC,EAAEd,QAAQ,CAAC;;;kCAExE,KAACe;wBACCZ,QAAO;wBACPO,IAAIV;wBACJK,OAAM;wBACNS,WAAU;;;;;;AAKpB,EAAC"}
+{"version":3,"file":"index.js","names":["React","useState","v4","uuid","DefaultBlockImage","patternID","imageID","_jsxs","fill","height","viewBox","width","_jsx","x","id","patternContentUnits","transform","xlinkHref"],"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  const [imageID] = useState(`image${uuid()}`)\n\n  return (\n    <svg fill=\"none\" height=\"53\" viewBox=\"0 0 82 53\" width=\"82\">\n      <rect fill={`url(#${patternID})`} height=\"52.7791\" width=\"80.574\" x=\"0.713013\" />\n      <defs>\n        <pattern height=\"1\" id={`${patternID}`} patternContentUnits=\"objectBoundingBox\" width=\"1\">\n          <use transform=\"scale(0.00387597 0.00591716)\" xlinkHref={`#${imageID}`} />\n        </pattern>\n        <image\n          height=\"169\"\n          id={imageID}\n          width=\"258\"\n          xlinkHref=\"data:image/png;base64,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\"\n        />\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,UAAUE,IAAA,IAAQ;EAC/C,MAAM,CAACG,OAAA,CAAQ,GAAGL,QAAA,CAAS,QAAQE,IAAA,IAAQ;EAE3C,oBACEI,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;4BACrDC,IAAA,CAAC;MAAKJ,IAAA,EAAM,QAAQH,SAAA,GAAY;MAAEI,MAAA,EAAO;MAAUE,KAAA,EAAM;MAASE,CAAA,EAAE;qBACpEN,KAAA,CAAC;8BACCK,IAAA,CAAC;QAAQH,MAAA,EAAO;QAAIK,EAAA,EAAI,GAAGT,SAAA,EAAW;QAAEU,mBAAA,EAAoB;QAAoBJ,KAAA,EAAM;kBACpF,aAAAC,IAAA,CAAC;UAAII,SAAA,EAAU;UAA+BC,SAAA,EAAW,IAAIX,OAAA;;uBAE/DM,IAAA,CAAC;QACCH,MAAA,EAAO;QACPK,EAAA,EAAIR,OAAA;QACJK,KAAA,EAAM;QACNM,SAAA,EAAU;;;;AAKpB","ignoreList":[]}

package/dist/graphics/ExternalLink/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.scss';
 export declare const ExternalLinkIcon: React.FC<{
     className?: string;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/ExternalLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAmBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/ExternalLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAeA,CAAA"}

package/dist/graphics/ExternalLink/index.js

@@ -1,21 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const ExternalLinkIcon = (props)=>{
-    const { className } = props;
-    return /*#__PURE__*/ _jsx("svg", {
-        className: className,
-        clipRule: "evenodd",
-        fillRule: "evenodd",
-        height: "100%",
-        viewBox: "0 0 24 24",
-        width: "100%",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M14 4h-13v18h20v-11h1v12h-22v-20h14v1zm10 5h-1v-6.293l-11.646 11.647-.708-.708 11.647-11.646h-6.293v-1h8v8z",
-            fill: "none",
-            stroke: "currentColor"
-        })
-    });
+import './index.scss';
+export const ExternalLinkIcon = props => {
+  const {
+    className
+  } = props;
+  return /*#__PURE__*/_jsx("svg", {
+    className: [className, 'icon icon--externalLink'].filter(Boolean).join(' '),
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      className: "stroke",
+      d: "M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 16H5.33333C4.97971 16 4.64057 15.8595 4.39052 15.6095C4.14048 15.3594 4 15.0203 4 14.6667V5.33333C4 4.97971 4.14048 4.64057 4.39052 4.39052C4.64057 4.14048 4.97971 4 5.33333 4H9.33333M16 4L10 10M16 4H12M16 4V8",
+      strokeLinecap: "square"
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map