@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import md5 from 'md5';
 import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
@@ -12,7 +12,7 @@ export const GravatarAccountIcon = ()=>{
         s: '50'
     }).toString();
     const query = `?${params}`;
-    return /*#__PURE__*/ _jsx("img", {
+    return /*#__PURE__*/ _jsxDEV("img", {
         alt: "yas",
         className: "gravatar-account",
         height: 25,
@@ -21,7 +21,11 @@ export const GravatarAccountIcon = ()=>{
             borderRadius: '50%'
         },
         width: 25
-    });
+    }, void 0, false, {
+        fileName: "src/graphics/Account/Gravatar/index.tsx",
+        lineNumber: 21,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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,QAAQ;IAE1B,qBACE,KAACO;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEf,OAAOU,OAAO;QACtDM,OAAO;YAAEC,cAAc;QAAM;QAC7BC,OAAO;;AAGb,EAAC"}
+{"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,QAAQ;IAE1B,qBACE,QAACO;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEf,OAAOU,OAAO;QACtDM,OAAO;YAAEC,cAAc;QAAM;QAC7BC,OAAO;;;;;;AAGb,EAAC"}

package/dist/graphics/Account/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { usePathname } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
@@ -16,12 +16,20 @@ export const Account = ()=>{
         path: accountRoute
     });
     if (!user?.email || avatar === 'default') {
-        return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
+        return /*#__PURE__*/ _jsxDEV(DefaultAccountIcon, {
             active: isOnAccountPage
-        });
+        }, void 0, false, {
+            fileName: "src/graphics/Account/index.tsx",
+            lineNumber: 27,
+            columnNumber: 12
+        }, this);
     }
     if (avatar === 'gravatar') {
-        return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
+        return /*#__PURE__*/ _jsxDEV(GravatarAccountIcon, {}, void 0, false, {
+            fileName: "src/graphics/Account/index.tsx",
+            lineNumber: 30,
+            columnNumber: 12
+        }, this);
     }
 };
 

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","React","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;AAC/C,OAAOC,WAAW,QAAO;AAEzB,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,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaf,eAAe;QAAEa;QAAYI,MAAML;IAAa;IAErF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW;QACxC,qBAAO,KAACL;YAAmBe,QAAQH;;IACrC;IACA,IAAIP,WAAW,YAAY;QACzB,qBAAO,KAACJ;IACV;AACF,EAAC"}
+{"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","React","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;AAC/C,OAAOC,WAAW,QAAO;AAEzB,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,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaf,eAAe;QAAEa;QAAYI,MAAML;IAAa;IAErF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW;QACxC,qBAAO,QAACL;YAAmBe,QAAQH;;;;;;IACrC;IACA,IAAIP,WAAW,YAAY;QACzB,qBAAO,QAACJ;;;;;IACV;AACF,EAAC"}

package/dist/graphics/DefaultBlockImage/index.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useState } from 'react';
 import { v4 as uuid } from 'uuid';
 export const DefaultBlockImage = ()=>{
     const [patternID] = useState(()=>`pattern${uuid()}`);
-    return /*#__PURE__*/ _jsxs("svg", {
+    return /*#__PURE__*/ _jsxDEV("svg", {
         fill: "none",
         height: "151",
         preserveAspectRatio: "xMidYMid slice",
@@ -11,67 +11,111 @@ export const DefaultBlockImage = ()=>{
         width: "231",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ _jsxs("g", {
+            /*#__PURE__*/ _jsxDEV("g", {
                 clipPath: `url(#${patternID})`,
                 children: [
-                    /*#__PURE__*/ _jsx("rect", {
+                    /*#__PURE__*/ _jsxDEV("rect", {
                         fill: "#D9D9D9",
                         height: "100%",
                         rx: "2",
                         width: "100%"
-                    }),
-                    /*#__PURE__*/ _jsx("rect", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 17,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("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", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 18,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("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", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 26,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("circle", {
                         cx: "189",
                         cy: "45",
                         fill: "#BCBCBC",
                         r: "19"
-                    }),
-                    /*#__PURE__*/ _jsx("rect", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("rect", {
                         fill: "#B8B8B8",
                         height: "5",
                         rx: "2.5",
                         width: "98",
                         x: "66",
                         y: "70"
-                    }),
-                    /*#__PURE__*/ _jsx("rect", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 35,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("rect", {
                         fill: "#B8B8B8",
                         height: "5",
                         rx: "2.5",
                         width: "76",
                         x: "77",
                         y: "82"
-                    })
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 36,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsx("defs", {
-                children: /*#__PURE__*/ _jsx("clipPath", {
+            }, void 0, true, {
+                fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                lineNumber: 16,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("defs", {
+                children: /*#__PURE__*/ _jsxDEV("clipPath", {
                     id: `${patternID}`,
-                    children: /*#__PURE__*/ _jsx("rect", {
+                    children: /*#__PURE__*/ _jsxDEV("rect", {
                         fill: "white",
                         height: "151",
                         width: "231"
-                    })
-                })
-            })
+                    }, void 0, false, {
+                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                    lineNumber: 39,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/graphics/DefaultBlockImage/index.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/graphics/DefaultBlockImage/index.tsx",
+        lineNumber: 8,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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":["React","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,OAAOA,SAASC,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,qBACE,MAACG;QACCC,MAAK;QACLC,QAAO;QACPC,qBAAoB;QACpBC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,MAACC;gBAAEC,UAAU,CAAC,KAAK,EAAET,UAAU,CAAC,CAAC;;kCAC/B,KAACU;wBAAKR,MAAK;wBAAUC,QAAO;wBAAOQ,IAAG;wBAAIL,OAAM;;kCAChD,KAACI;wBACCR,MAAK;wBACLC,QAAO;wBACPS,WAAU;wBACVN,OAAM;wBACNO,GAAE;wBACFC,GAAE;;kCAEJ,KAACJ;wBACCR,MAAK;wBACLC,QAAO;wBACPS,WAAU;wBACVN,OAAM;wBACNO,GAAE;wBACFC,GAAE;;kCAEJ,KAACC;wBAAOC,IAAG;wBAAMC,IAAG;wBAAKf,MAAK;wBAAUgB,GAAE;;kCAC1C,KAACR;wBAAKR,MAAK;wBAAUC,QAAO;wBAAIQ,IAAG;wBAAML,OAAM;wBAAKO,GAAE;wBAAKC,GAAE;;kCAC7D,KAACJ;wBAAKR,MAAK;wBAAUC,QAAO;wBAAIQ,IAAG;wBAAML,OAAM;wBAAKO,GAAE;wBAAKC,GAAE;;;;0BAE/D,KAACK;0BACC,cAAA,KAACV;oBAASW,IAAI,GAAGpB,WAAW;8BAC1B,cAAA,KAACU;wBAAKR,MAAK;wBAAQC,QAAO;wBAAMG,OAAM;;;;;;AAKhD,EAAC"}
+{"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":["React","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,OAAOA,SAASC,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,qBACE,QAACG;QACCC,MAAK;QACLC,QAAO;QACPC,qBAAoB;QACpBC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,QAACC;gBAAEC,UAAU,CAAC,KAAK,EAAET,UAAU,CAAC,CAAC;;kCAC/B,QAACU;wBAAKR,MAAK;wBAAUC,QAAO;wBAAOQ,IAAG;wBAAIL,OAAM;;;;;;kCAChD,QAACI;wBACCR,MAAK;wBACLC,QAAO;wBACPS,WAAU;wBACVN,OAAM;wBACNO,GAAE;wBACFC,GAAE;;;;;;kCAEJ,QAACJ;wBACCR,MAAK;wBACLC,QAAO;wBACPS,WAAU;wBACVN,OAAM;wBACNO,GAAE;wBACFC,GAAE;;;;;;kCAEJ,QAACC;wBAAOC,IAAG;wBAAMC,IAAG;wBAAKf,MAAK;wBAAUgB,GAAE;;;;;;kCAC1C,QAACR;wBAAKR,MAAK;wBAAUC,QAAO;wBAAIQ,IAAG;wBAAML,OAAM;wBAAKO,GAAE;wBAAKC,GAAE;;;;;;kCAC7D,QAACJ;wBAAKR,MAAK;wBAAUC,QAAO;wBAAIQ,IAAG;wBAAML,OAAM;wBAAKO,GAAE;wBAAKC,GAAE;;;;;;;;;;;;0BAE/D,QAACK;0BACC,cAAA,QAACV;oBAASW,IAAI,GAAGpB,WAAW;8BAC1B,cAAA,QAACU;wBAAKR,MAAK;wBAAQC,QAAO;wBAAMG,OAAM;;;;;;;;;;;;;;;;;;;;;;AAKhD,EAAC"}

package/dist/graphics/File/index.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
-export const File = ()=>/*#__PURE__*/ _jsxs("svg", {
+export const File = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         height: "150",
         style: {
             backgroundColor: '#333333'
@@ -9,15 +9,27 @@ export const File = ()=>/*#__PURE__*/ _jsxs("svg", {
         width: "150",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ _jsx("path", {
+            /*#__PURE__*/ _jsxDEV("path", {
                 d: "M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z",
                 fill: "white"
-            }),
-            /*#__PURE__*/ _jsx("path", {
+            }, void 0, false, {
+                fileName: "src/graphics/File/index.tsx",
+                lineNumber: 11,
+                columnNumber: 5
+            }, this),
+            /*#__PURE__*/ _jsxDEV("path", {
                 d: "M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z",
                 fill: "#9A9A9A"
-            })
+            }, void 0, false, {
+                fileName: "src/graphics/File/index.tsx",
+                lineNumber: 12,
+                columnNumber: 5
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/graphics/File/index.tsx",
+        lineNumber: 4,
+        columnNumber: 3
+    }, this);
 
 //# 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":["React","File","svg","height","style","backgroundColor","viewBox","width","xmlns","path","d","fill"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB,kBAC5B,MAACC;QACCC,QAAO;QACPC,OAAO;YAAEC,iBAAiB;QAAU;QACpCC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAA4DC,MAAK;;0BACzE,KAACF;gBAAKC,GAAE;gBAAiDC,MAAK;;;OAEjE"}
+{"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":["React","File","svg","height","style","backgroundColor","viewBox","width","xmlns","path","d","fill"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB,kBAC5B,QAACC;QACCC,QAAO;QACPC,OAAO;YAAEC,iBAAiB;QAAU;QACpCC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,QAACC;gBAAKC,GAAE;gBAA4DC,MAAK;;;;;;0BACzE,QAACF;gBAAKC,GAAE;gBAAiDC,MAAK;;;;;;;;;;;aAEjE"}

package/dist/graphics/Icon/index.js

@@ -1,24 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 export const PayloadIcon = ({ fill: fillFromProps })=>{
     const fill = fillFromProps || 'var(--theme-elevation-1000)';
-    return /*#__PURE__*/ _jsxs("svg", {
+    return /*#__PURE__*/ _jsxDEV("svg", {
         className: "graphic-icon",
         height: "100%",
         viewBox: "0 0 25 25",
         width: "100%",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ _jsx("path", {
+            /*#__PURE__*/ _jsxDEV("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", {
+            }, void 0, false, {
+                fileName: "src/graphics/Icon/index.tsx",
+                lineNumber: 16,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("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
-            })
+            }, void 0, false, {
+                fileName: "src/graphics/Icon/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/graphics/Icon/index.tsx",
+        lineNumber: 9,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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":["React","PayloadIcon","fill","fillFromProps","svg","className","height","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,cAER,CAAC,EAAEC,MAAMC,aAAa,EAAE;IAC3B,MAAMD,OAAOC,iBAAiB;IAE9B,qBACE,MAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBACCC,GAAE;gBACFT,MAAMA;;0BAER,KAACQ;gBACCC,GAAE;gBACFT,MAAMA;;;;AAId,EAAC"}
+{"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":["React","PayloadIcon","fill","fillFromProps","svg","className","height","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,cAER,CAAC,EAAEC,MAAMC,aAAa,EAAE;IAC3B,MAAMD,OAAOC,iBAAiB;IAE9B,qBACE,QAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,QAACC;gBACCC,GAAE;gBACFT,MAAMA;;;;;;0BAER,QAACQ;gBACCC,GAAE;gBACFT,MAAMA;;;;;;;;;;;;AAId,EAAC"}

package/dist/graphics/Logo/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 const css = `
   .graphic-logo path {
     fill: var(--theme-elevation-1000);
   }
 `;
-export const PayloadLogo = ()=>/*#__PURE__*/ _jsxs("svg", {
+export const PayloadLogo = ()=>/*#__PURE__*/ _jsxDEV("svg", {
         className: "graphic-logo",
         fill: "none",
         height: "43.5",
@@ -14,50 +14,106 @@ export const PayloadLogo = ()=>/*#__PURE__*/ _jsxs("svg", {
         width: "193.38",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ _jsx("style", {
+            /*#__PURE__*/ _jsxDEV("style", {
                 children: css
-            }),
-            /*#__PURE__*/ _jsxs("g", {
+            }, void 0, false, {
+                fileName: "src/graphics/Logo/index.tsx",
+                lineNumber: 19,
+                columnNumber: 5
+            }, this),
+            /*#__PURE__*/ _jsxDEV("g", {
                 id: "c",
                 children: [
-                    /*#__PURE__*/ _jsx("path", {
+                    /*#__PURE__*/ _jsxDEV("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", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/Logo/index.tsx",
+                        lineNumber: 21,
+                        columnNumber: 7
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("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", {
+                    }, void 0, false, {
+                        fileName: "src/graphics/Logo/index.tsx",
+                        lineNumber: 22,
+                        columnNumber: 7
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("g", {
                         id: "d",
                         children: [
-                            /*#__PURE__*/ _jsx("path", {
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 24,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 25,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 26,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 27,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("path", {
                                 d: "M113.46,35.77V6.1h5.32v29.67h-5.32Z"
-                            }),
-                            /*#__PURE__*/ _jsx("path", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 28,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 29,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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", {
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 30,
+                                columnNumber: 9
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("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"
-                            })
+                            }, void 0, false, {
+                                fileName: "src/graphics/Logo/index.tsx",
+                                lineNumber: 31,
+                                columnNumber: 9
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/graphics/Logo/index.tsx",
+                        lineNumber: 23,
+                        columnNumber: 7
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/graphics/Logo/index.tsx",
+                lineNumber: 20,
+                columnNumber: 5
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/graphics/Logo/index.tsx",
+        lineNumber: 10,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","css","PayloadLogo","svg","className","fill","height","id","viewBox","width","xmlns","style","g","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,MAAM,CAAC;;;;AAIb,CAAC;AAED,OAAO,MAAMC,cAAwB,kBACnC,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,IAAG;QACHC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;0BAAOV;;0BACR,MAACW;gBAAEL,IAAG;;kCACJ,KAACM;wBAAKC,GAAE;;kCACR,KAACD;wBAAKC,GAAE;;kCACR,MAACF;wBAAEL,IAAG;;0CACJ,KAACM;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;0CACR,KAACD;gCAAKC,GAAE;;;;;;;OAIf"}
+{"version":3,"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"],"names":["React","css","PayloadLogo","svg","className","fill","height","id","viewBox","width","xmlns","style","g","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,MAAM,CAAC;;;;AAIb,CAAC;AAED,OAAO,MAAMC,cAAwB,kBACnC,QAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,IAAG;QACHC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,QAACC;0BAAOV;;;;;;0BACR,QAACW;gBAAEL,IAAG;;kCACJ,QAACM;wBAAKC,GAAE;;;;;;kCACR,QAACD;wBAAKC,GAAE;;;;;;kCACR,QAACF;wBAAEL,IAAG;;0CACJ,QAACM;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;0CACR,QAACD;gCAAKC,GAAE;;;;;;;;;;;;;;;;;;;;;;;aAIf"}

package/dist/hooks/useControllableState.js

@@ -1,6 +1,14 @@
 'use client';
 import { useEffect, useRef, useState } from 'react';
-export function useControllableState(propValue, fallbackValue) {
+/**
+ * A hook for managing state that can be controlled by props but also overridden locally.
+ * Props always take precedence if they change, but local state can override them temporarily.
+ *
+ * @param propValue - The controlled value from props
+ * @param fallbackValue - Value to use when propValue is null or undefined
+ *
+ * @internal - may change or be removed without a major version bump
+ */ export function useControllableState(propValue, fallbackValue) {
     const [localValue, setLocalValue] = useState(propValue);
     const initialRenderRef = useRef(true);
     useEffect(()=>{

package/dist/hooks/useControllableState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useControllableState.ts"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\n\n/**\n * A hook for managing state that can be controlled by props but also overridden locally.\n * Props always take precedence if they change, but local state can override them temporarily.\n *\n * @param propValue - The controlled value from props\n * @param fallbackValue - Value to use when propValue is null or undefined\n *\n * @internal - may change or be removed without a major version bump\n */\nexport function useControllableState<T, D>(\n  propValue: T,\n  fallbackValue: D,\n): [T extends NonNullable<T> ? T : D | NonNullable<T>, (value: ((prev: T) => T) | T) => void]\n\nexport function useControllableState<T>(propValue: T): [T, (value: ((prev: T) => T) | T) => void]\n\nexport function useControllableState<T, D>(\n  propValue: T,\n  fallbackValue?: D,\n): [T extends NonNullable<T> ? T : D | NonNullable<T>, (value: ((prev: T) => T) | T) => void] {\n  const [localValue, setLocalValue] = useState<T>(propValue)\n  const initialRenderRef = useRef(true)\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      initialRenderRef.current = false\n      return\n    }\n\n    setLocalValue(propValue)\n  }, [propValue])\n\n  return [localValue ?? fallbackValue, setLocalValue] as [\n    T extends NonNullable<T> ? T : D | NonNullable<T>,\n    (value: ((prev: T) => T) | T) => void,\n  ]\n}\n"],"names":["useEffect","useRef","useState","useControllableState","propValue","fallbackValue","localValue","setLocalValue","initialRenderRef","current"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAkBnD,OAAO,SAASC,qBACdC,SAAY,EACZC,aAAiB;IAEjB,MAAM,CAACC,YAAYC,cAAc,GAAGL,SAAYE;IAChD,MAAMI,mBAAmBP,OAAO;IAEhCD,UAAU;QACR,IAAIQ,iBAAiBC,OAAO,EAAE;YAC5BD,iBAAiBC,OAAO,GAAG;YAC3B;QACF;QAEAF,cAAcH;IAChB,GAAG;QAACA;KAAU;IAEd,OAAO;QAACE,cAAcD;QAAeE;KAAc;AAIrD"}
+{"version":3,"sources":["../../src/hooks/useControllableState.ts"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\n\n/**\n * A hook for managing state that can be controlled by props but also overridden locally.\n * Props always take precedence if they change, but local state can override them temporarily.\n *\n * @param propValue - The controlled value from props\n * @param fallbackValue - Value to use when propValue is null or undefined\n *\n * @internal - may change or be removed without a major version bump\n */\nexport function useControllableState<T, D>(\n  propValue: T,\n  fallbackValue: D,\n): [T extends NonNullable<T> ? T : D | NonNullable<T>, (value: ((prev: T) => T) | T) => void]\n\nexport function useControllableState<T>(propValue: T): [T, (value: ((prev: T) => T) | T) => void]\n\nexport function useControllableState<T, D>(\n  propValue: T,\n  fallbackValue?: D,\n): [T extends NonNullable<T> ? T : D | NonNullable<T>, (value: ((prev: T) => T) | T) => void] {\n  const [localValue, setLocalValue] = useState<T>(propValue)\n  const initialRenderRef = useRef(true)\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      initialRenderRef.current = false\n      return\n    }\n\n    setLocalValue(propValue)\n  }, [propValue])\n\n  return [localValue ?? fallbackValue, setLocalValue] as [\n    T extends NonNullable<T> ? T : D | NonNullable<T>,\n    (value: ((prev: T) => T) | T) => void,\n  ]\n}\n"],"names":["useEffect","useRef","useState","useControllableState","propValue","fallbackValue","localValue","setLocalValue","initialRenderRef","current"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEnD;;;;;;;;CAQC,GAQD,OAAO,SAASC,qBACdC,SAAY,EACZC,aAAiB;IAEjB,MAAM,CAACC,YAAYC,cAAc,GAAGL,SAAYE;IAChD,MAAMI,mBAAmBP,OAAO;IAEhCD,UAAU;QACR,IAAIQ,iBAAiBC,OAAO,EAAE;YAC5BD,iBAAiBC,OAAO,GAAG;YAC3B;QACF;QAEAF,cAAcH;IAChB,GAAG;QAACA;KAAU;IAEd,OAAO;QAACE,cAAcD;QAAeE;KAAc;AAIrD"}

package/dist/hooks/useDelayedRender.js

@@ -1,7 +1,9 @@
 'use client';
 import * as React from 'react';
 import { useDelay } from './useDelay.js';
-export const useDelayedRender = ({ delayBeforeShow, inTimeout, minShowTime, outTimeout, show })=>{
+/** Time in ms to wait before "mounting" the component. */ /** Time in ms for the "enter" phase of the transition, after delay completes. */ /** Min time in ms for the "entered" phase of the transition. */ /** Time in ms for the exit phase of the transition. */ /** `true` starts the mount process.
+   * `false` starts the unmount process.
+   * */ /** `true` if the component has mounted after the timeout. */ /** `true` if the component is unmounting. */ /** Call this function to trigger the timeout delay before rendering. */ export const useDelayedRender = ({ delayBeforeShow, inTimeout, minShowTime, outTimeout, show })=>{
     const totalMountTime = inTimeout + minShowTime + outTimeout;
     const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow);
     const [isMounted, setIsMounted] = React.useState(false);

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"mappings":"AAAA;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBAAiElB,MAAMiB,MAAM,CAACE;IAEpF,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}
+{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"mappings":"AAAA;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAGtC,wDAAwD,GAExD,+EAA+E,GAE/E,8DAA8D,GAE9D,qDAAqD,GAErD;;KAEG,GAIH,2DAA2D,GAE3D,2CAA2C,GAE3C,sEAAsE,GAGxE,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBAAiElB,MAAMiB,MAAM,CAACE;IAEpF,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}

package/dist/hooks/useHotkey.js

@@ -105,8 +105,8 @@ const removeFromKeys = (code)=>{
     }, []);
     useEffect(()=>{
         document.addEventListener('keydown', keydown, false);
-        document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select
-        ;
+        document.addEventListener('bypassKeyDown', keydown, false);
+        // this is called if the keydown event's propagation is stopped by react-select
         document.addEventListener('keyup', keyup, false);
         return ()=>{
             document.removeEventListener('keydown', keydown);