@payloadcms/ui 3.91.0-internal.c1569dc → 4.0.0-beta.0

package/dist/graphics/Icon/index.js

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

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

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

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

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

package/dist/graphics/Logo/index.js

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

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

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

package/dist/hooks/useControllableState.js

@@ -5,15 +5,15 @@ import { useEffect, useRef, useState } from 'react';
 export function useControllableState(propValue, fallbackValue) {
   const $ = _c(5);
   const [localValue, setLocalValue] = useState(propValue);
-  const initialRenderRef = useRef(true);
+  const previousPropValue = useRef(propValue);
   let t0;
   let t1;
   if ($[0] !== propValue) {
     t0 = () => {
-      if (initialRenderRef.current) {
-        initialRenderRef.current = false;
+      if (Object.is(previousPropValue.current, propValue)) {
         return;
       }
+      previousPropValue.current = propValue;
       setLocalValue(propValue);
     };
     t1 = [propValue];

package/dist/hooks/useControllableState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControllableState.js","names":["c","_c","useEffect","useRef","useState","useControllableState","propValue","fallbackValue","$","localValue","setLocalValue","initialRenderRef","t0","t1","current","t2","t3"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAkB5C,OAAO,SAAAC,qBAAAC,SAAA,EAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAIL,OAAAQ,UAAA,EAAAC,aAAA,IAAoCN,QAAA,CAAYE,SAAA;EAChD,MAAAK,gBAAA,GAAyBR,MAAA,KAAO;EAAA,IAAAS,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAF,SAAA;IAEtBM,EAAA,GAAAA,CAAA;MAAA,IACJD,gBAAA,CAAAG,OAAA;QACFH,gBAAA,CAAAG,OAAA;QAAA;MAAA;MAIFJ,aAAA,CAAcJ,SAAA;IAAA;IACbO,EAAA,IAACP,SAAA;IAAUE,CAAA,MAAAF,SAAA;IAAAE,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAPdN,SAAA,CAAUU,EAOV,EAAGC,EAAW;EAEN,MAAAE,EAAA,GAAAN,UAAA,IAAcF,aAAA;EAAA,IAAAS,EAAA;EAAA,IAAAR,CAAA,QAAAO,EAAA;IAAfC,EAAA,IAACD,EAAc,EAAeL,aAAA;IAAcF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAA5CQ,EAA4C;AAAA","ignoreList":[]}
+{"version":3,"file":"useControllableState.js","names":["c","_c","useEffect","useRef","useState","useControllableState","propValue","fallbackValue","$","localValue","setLocalValue","previousPropValue","t0","t1","Object","is","current","t2","t3"],"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 previousPropValue = useRef(propValue)\n\n  useEffect(() => {\n    if (Object.is(previousPropValue.current, propValue)) {\n      return\n    }\n\n    previousPropValue.current = propValue\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAkB5C,OAAO,SAAAC,qBAAAC,SAAA,EAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAIL,OAAAQ,UAAA,EAAAC,aAAA,IAAoCN,QAAA,CAAYE,SAAA;EAChD,MAAAK,iBAAA,GAA0BR,MAAA,CAAOG,SAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAF,SAAA;IAEvBM,EAAA,GAAAA,CAAA;MAAA,IACJE,MAAA,CAAAC,EAAA,CAAUJ,iBAAA,CAAAK,OAAA,EAA2BV,SAAA;QAAA;MAAA;MAIzCK,iBAAA,CAAAK,OAAA,GAA4BV,SAAA;MAC5BI,aAAA,CAAcJ,SAAA;IAAA;IACbO,EAAA,IAACP,SAAA;IAAUE,CAAA,MAAAF,SAAA;IAAAE,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAPdN,SAAA,CAAUU,EAOV,EAAGC,EAAW;EAEN,MAAAI,EAAA,GAAAR,UAAA,IAAcF,aAAA;EAAA,IAAAW,EAAA;EAAA,IAAAV,CAAA,QAAAS,EAAA;IAAfC,EAAA,IAACD,EAAc,EAAeP,aAAA;IAAcF,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,OAA5CU,EAA4C;AAAA","ignoreList":[]}

package/dist/hooks/useElementHeightVariable.d.ts

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

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

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

package/dist/hooks/useElementHeightVariable.js

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

package/dist/hooks/useElementHeightVariable.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAkF3B,CAAA"}
+{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAmF3B,CAAA"}

package/dist/hooks/usePayloadAPI.js

@@ -45,9 +45,8 @@ export const usePayloadAPI = (url, t0) => {
   const [params, setParams] = useState(initialParams);
   const [isLoading, setIsLoading] = useState(!initialData);
   const [isError, setIsError] = useState(false);
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const hasInitialized = useRef(false);
   let t5;
   if ($[6] !== locale || $[7] !== params) {

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","stringify","addQueryPrefix","search","t6","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","currentLocale","locale","code","hasInitialized","t5","stringify","addQueryPrefix","search","t6","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/usePopupWindow.d.ts

@@ -10,7 +10,7 @@ export interface PopupMessage {
 }
 export declare const usePopupWindow: (props: {
     eventType?: string;
-    onMessage?: (searchParams: PopupMessage["searchParams"]) => Promise<void>;
+    onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>;
     url: string;
 }) => {
     isPopupOpen: boolean;

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

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

package/dist/hooks/usePopupWindow.js

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

package/dist/hooks/usePopupWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupWindow.js","names":["c","_c","useCallback","useEffect","useRef","useState","useConfig","usePopupWindow","props","$","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","t0","serverURL","popupRef","t1","t2","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","t3","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","t4","key","value","strCopy","v","Math","round","innerHeight","v_0","innerWidth","slice","newWindow","open","openPopupWindow","t5","timer","closed","clearInterval","t6","isPopupOpen"],"sources":["../../src/hooks/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const {\n    config: { serverURL },\n  } = useConfig()\n\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePopupWindow.js","names":["c","_c","useCallback","useEffect","useRef","useState","useConfig","usePopupWindow","props","$","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","t0","serverURL","popupRef","t1","t2","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","t3","e","preventDefault","closed","focus","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","t4","key","value","strCopy","v","Math","round","innerHeight","v_0","innerWidth","slice","newWindow","open","openPopupWindow","t5","timer","clearInterval","t6","isPopupOpen"],"sources":["../../src/hooks/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const {\n    config: { serverURL },\n  } = useConfig()\n\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      // If a popup is already open, focus it instead of opening a new one\n      if (popupRef.current && !popupRef.current.closed) {\n        popupRef.current.focus()\n        return\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/icons/AlignJustified/index.css

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

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

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

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

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

package/dist/icons/AlignJustified/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M5 4.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 8m6 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5',
+  24: 'M18.5 15C18.7761 15 19 15.2239 19 15.5C19 15.7761 18.7761 16 18.5 16H5.5C5.22386 16 5 15.7761 5 15.5C5 15.2239 5.22386 15 5.5 15H18.5ZM18.5 11C18.7761 11 19 11.2239 19 11.5C19 11.7761 18.7761 12 18.5 12H5.5C5.22386 12 5 11.7761 5 11.5C5 11.2239 5.22386 11 5.5 11H18.5ZM18.5 7C18.7761 7 19 7.22386 19 7.5C19 7.77614 18.7761 8 18.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H18.5Z'
+};
+export const AlignJustifiedIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--align-justified', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","AlignJustifiedIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/AlignJustified/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M5 4.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 8m6 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5',\n  24: 'M18.5 15C18.7761 15 19 15.2239 19 15.5C19 15.7761 18.7761 16 18.5 16H5.5C5.22386 16 5 15.7761 5 15.5C5 15.2239 5.22386 15 5.5 15H18.5ZM18.5 11C18.7761 11 19 11.2239 19 11.5C19 11.7761 18.7761 12 18.5 12H5.5C5.22386 12 5 11.7761 5 11.5C5 11.2239 5.22386 11 5.5 11H18.5ZM18.5 7C18.7761 7 19 7.22386 19 7.5C19 7.77614 18.7761 8 18.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H18.5Z',\n}\n\nexport const AlignJustifiedIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--align-justified', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,kBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,yBAAyBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC7EC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Arrow/index.css

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.css';
+type Direction = 'down' | 'left' | 'right' | 'up';
+export declare const ArrowIcon: React.FC<{
+    readonly className?: string;
+    readonly direction?: Direction;
+    readonly size?: 16 | 24;
+}>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/icons/Arrow/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  // icon-16-arrow-up
+  16: 'M8 12a.5.5 0 0 1-.5-.5V4.707L4.354 7.854a.5.5 0 1 1-.708-.707l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.707L8.5 4.707V11.5a.5.5 0 0 1-.5.5',
+  // icon-24-arrow-up-small
+  24: 'M12 16a.5.5 0 0 1-.5-.5V8.707l-3.146 3.147a.5.5 0 0 1-.708-.708l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L12.5 8.707V15.5a.5.5 0 0 1-.5.5'
+};
+const rotations = {
+  down: 180,
+  left: -90,
+  right: 90,
+  up: 0
+};
+export const ArrowIcon = ({
+  className,
+  direction = 'up',
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--arrow', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  style: {
+    transform: rotations[direction] ? `rotate(${rotations[direction]}deg)` : undefined
+  },
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","rotations","down","left","right","up","ArrowIcon","className","direction","size","_jsx","filter","Boolean","join","fill","height","style","transform","undefined","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Arrow/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\ntype Direction = 'down' | 'left' | 'right' | 'up'\n\nconst paths = {\n  // icon-16-arrow-up\n  16: 'M8 12a.5.5 0 0 1-.5-.5V4.707L4.354 7.854a.5.5 0 1 1-.708-.707l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.707L8.5 4.707V11.5a.5.5 0 0 1-.5.5',\n  // icon-24-arrow-up-small\n  24: 'M12 16a.5.5 0 0 1-.5-.5V8.707l-3.146 3.147a.5.5 0 0 1-.708-.708l4-4a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L12.5 8.707V15.5a.5.5 0 0 1-.5.5',\n}\n\nconst rotations: Record<Direction, number> = {\n  down: 180,\n  left: -90,\n  right: 90,\n  up: 0,\n}\n\nexport const ArrowIcon: React.FC<{\n  readonly className?: string\n  readonly direction?: Direction\n  readonly size?: 16 | 24\n}> = ({ className, direction = 'up', size = 24 }) => (\n  <svg\n    className={['icon', 'icon--arrow', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    style={{\n      transform: rotations[direction] ? `rotate(${rotations[direction]}deg)` : undefined,\n    }}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAIP,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ;EACA,IAAI;AACN;AAEA,MAAMC,SAAA,GAAuC;EAC3CC,IAAA,EAAM;EACNC,IAAA,EAAM,CAAC;EACPC,KAAA,EAAO;EACPC,EAAA,EAAI;AACN;AAEA,OAAO,MAAMC,SAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAA,GAAY,IAAI;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC9CC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,KAAA,EAAO;IACLC,SAAA,EAAWhB,SAAS,CAACO,SAAA,CAAU,GAAG,UAAUP,SAAS,CAACO,SAAA,CAAU,MAAM,GAAGU;EAC3E;EACAC,OAAA,EAAS,OAAOV,IAAA,IAAQA,IAAA,EAAM;EAC9BW,KAAA,EAAOX,IAAA;EACPY,KAAA,EAAM;YAEN,aAAAX,IAAA,CAAC;IAAKY,QAAA,EAAS;IAAUC,CAAA,EAAGvB,KAAK,CAACS,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeU,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Calendar/index.css

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

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

@@ -1,4 +1,6 @@
 import React from 'react';
-import './index.scss';
-export declare const CalendarIcon: React.FC;
+import './index.css';
+export declare const CalendarIcon: React.FC<{
+    readonly className?: string;
+}>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAQhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAiBA,CAAA"}