@ruya.sa/ui 3.71.3

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Account: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/graphics/Account/index.js

@@ -0,0 +1,63 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from 'next/navigation.js';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { DefaultAccountIcon } from './Default/index.js';
+import { GravatarAccountIcon } from './Gravatar/index.js';
+export const Account = () => {
+  const $ = _c(3);
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    admin: t1,
+    routes: t2
+  } = t0;
+  const {
+    avatar,
+    routes: t3
+  } = t1;
+  const {
+    account: accountRoute
+  } = t3;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    user
+  } = useAuth();
+  const pathname = usePathname();
+  const isOnAccountPage = pathname === formatAdminURL({
+    adminRoute,
+    path: accountRoute
+  });
+  if (!user?.email || avatar === "default") {
+    let t4;
+    if ($[0] !== isOnAccountPage) {
+      t4 = _jsx(DefaultAccountIcon, {
+        active: isOnAccountPage
+      });
+      $[0] = isOnAccountPage;
+      $[1] = t4;
+    } else {
+      t4 = $[1];
+    }
+    return t4;
+  }
+  if (avatar === "gravatar") {
+    let t4;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = _jsx(GravatarAccountIcon, {});
+      $[2] = t4;
+    } else {
+      t4 = $[2];
+    }
+    return t4;
+  }
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const DefaultBlockImage: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAyCrC,CAAA"}

package/dist/graphics/DefaultBlockImage/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useState","v4","uuid","DefaultBlockImage","patternID","_jsxs","fill","height","preserveAspectRatio","viewBox","width","xmlns","clipPath","_jsx","rx","transform","x","y","cx","cy","r","id"],"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(() => `pattern${uuid()}`)\n\n  return (\n    <svg\n      fill=\"none\"\n      height=\"151\"\n      preserveAspectRatio=\"xMidYMid slice\"\n      viewBox=\"0 0 231 151\"\n      width=\"231\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath={`url(#${patternID})`}>\n        <rect fill=\"#D9D9D9\" height=\"100%\" rx=\"2\" width=\"100%\" />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 33.7051 79.3051)\"\n          width=\"85.8593\"\n          x=\"33.7051\"\n          y=\"79.3051\"\n        />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 86.1219 92.6272)\"\n          width=\"85.8593\"\n          x=\"86.1219\"\n          y=\"92.6272\"\n        />\n        <circle cx=\"189\" cy=\"45\" fill=\"#BCBCBC\" r=\"19\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"98\" x=\"66\" y=\"70\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"76\" x=\"77\" y=\"82\" />\n      </g>\n      <defs>\n        <clipPath id={`${patternID}`}>\n          <rect fill=\"white\" height=\"151\" width=\"231\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EACzC,MAAM,CAACC,SAAA,CAAU,GAAGJ,QAAA,CAAS,MAAM,UAAUE,IAAA,IAAQ;EAErD,oBACEG,KAAA,CAAC;IACCC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,mBAAA,EAAoB;IACpBC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENN,KAAA,CAAC;MAAEO,QAAA,EAAU,QAAQR,SAAA,GAAY;8BAC/BS,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAOO,EAAA,EAAG;QAAIJ,KAAA,EAAM;uBAChDG,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QAAOK,EAAA,EAAG;QAAMC,EAAA,EAAG;QAAKb,IAAA,EAAK;QAAUc,CAAA,EAAE;uBAC1CP,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;uBAC7DJ,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;;qBAE/DJ,IAAA,CAAC;gBACC,aAAAA,IAAA,CAAC;QAASQ,EAAA,EAAI,GAAGjB,SAAA,EAAW;kBAC1B,aAAAS,IAAA,CAAC;UAAKP,IAAA,EAAK;UAAQC,MAAA,EAAO;UAAMG,KAAA,EAAM;;;;;AAKhD","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const File: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/File/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAWxB,CAAA"}

package/dist/graphics/File/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","File","_jsxs","height","style","backgroundColor","viewBox","width","xmlns","_jsx","d","fill"],"sources":["../../../src/graphics/File/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const File: React.FC = () => (\n  <svg\n    height=\"150\"\n    style={{ backgroundColor: '#333333' }}\n    viewBox=\"0 0 150 150\"\n    width=\"150\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M82.8876 50.5H55.5555V100.5H94.4444V61.9818H82.8876V50.5Z\" fill=\"white\" />\n    <path d=\"M82.8876 61.9818H94.4444L82.8876 50.5V61.9818Z\" fill=\"#9A9A9A\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,IAAA,GAAiBA,CAAA,kBAC5BC,KAAA,CAAC;EACCC,MAAA,EAAO;EACPC,KAAA,EAAO;IAAEC,eAAA,EAAiB;EAAU;EACpCC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAA4DC,IAAA,EAAK;mBACzEF,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAiDC,IAAA,EAAK","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const PayloadIcon: React.FC<{
+    fill?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAqBA,CAAA"}

package/dist/graphics/Icon/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const PayloadIcon = ({
+  fill: fillFromProps
+}) => {
+  const fill = fillFromProps || 'var(--theme-elevation-1000)';
+  return /*#__PURE__*/_jsxs("svg", {
+    className: "graphic-icon",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    width: "100%",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M11.8673 21.2336L4.40922 16.9845C4.31871 16.9309 4.25837 16.8355 4.25837 16.7282V10.1609C4.25837 10.0477 4.38508 9.97616 4.48162 10.0298L13.1404 14.9642C13.2611 15.0358 13.412 14.9464 13.412 14.8093V11.6091C13.412 11.4839 13.3456 11.3647 13.2309 11.2992L2.81624 5.36353C2.72573 5.30989 2.60505 5.30989 2.51454 5.36353L1.15085 6.14422C1.06034 6.19786 1 6.29321 1 6.40048V18.5995C1 18.7068 1.06034 18.8021 1.15085 18.8558L11.8491 24.9583C11.9397 25.0119 12.0603 25.0119 12.1509 24.9583L21.1355 19.8331C21.2562 19.7616 21.2562 19.5948 21.1355 19.5232L18.3357 17.9261C18.2211 17.8605 18.0883 17.8605 17.9737 17.9261L12.175 21.2336C12.0845 21.2872 11.9638 21.2872 11.8733 21.2336H11.8673Z",
+      fill: fill
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M22.8491 6.13827L12.1508 0.0417218C12.0603 -0.0119135 11.9397 -0.0119135 11.8491 0.0417218L6.19528 3.2658C6.0746 3.33731 6.0746 3.50418 6.19528 3.57569L8.97092 5.16091C9.08557 5.22647 9.21832 5.22647 9.33296 5.16091L11.8672 3.71872C11.9578 3.66508 12.0784 3.66508 12.1689 3.71872L19.627 7.96782C19.7175 8.02146 19.7778 8.11681 19.7778 8.22408V14.8212C19.7778 14.9464 19.8442 15.0656 19.9589 15.1311L22.7345 16.7104C22.8552 16.7819 23.006 16.6925 23.006 16.5554V6.40048C23.006 6.29321 22.9457 6.19786 22.8552 6.14423L22.8491 6.13827Z",
+      fill: fill
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PayloadLogo: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/graphics/Logo/index.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const css = `
+  .graphic-logo path {
+    fill: var(--theme-elevation-1000);
+  }
+`;
+export const PayloadLogo = () => /*#__PURE__*/_jsxs("svg", {
+  className: "graphic-logo",
+  fill: "none",
+  height: "43.5",
+  id: "b",
+  viewBox: "0 0 193.38 43.5",
+  width: "193.38",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("style", {
+    children: css
+  }), /*#__PURE__*/_jsxs("g", {
+    id: "c",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M18.01,35.63l-12.36-7.13c-.15-.09-.25-.25-.25-.43v-11.02c0-.19.21-.31.37-.22l14.35,8.28c.2.12.45-.03.45-.26v-5.37c0-.21-.11-.41-.3-.52L3.01,9c-.15-.09-.35-.09-.5,0l-2.26,1.31c-.15.09-.25.25-.25.43v20.47c0,.18.1.34.25.43l17.73,10.24c.15.09.35.09.5,0l14.89-8.6c.2-.12.2-.4,0-.52l-4.64-2.68c-.19-.11-.41-.11-.6,0l-9.61,5.55c-.15.09-.35.09-.5,0Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M36.21,10.3L18.48.07c-.15-.09-.35-.09-.5,0l-9.37,5.41c-.2.12-.2.4,0,.52l4.6,2.66c.19.11.41.11.6,0l4.2-2.42c.15-.09.35-.09.5,0l12.36,7.13c.15.09.25.25.25.43v11.07c0,.21.11.41.3.52l4.6,2.65c.2.12.45-.03.45-.26V10.74c0-.18-.1-.34-.25-.43Z"
+    }), /*#__PURE__*/_jsxs("g", {
+      id: "d",
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M193.38,9.47c0,1.94-1.48,3.32-3.3,3.32s-3.31-1.39-3.31-3.32,1.49-3.31,3.31-3.31,3.3,1.39,3.3,3.31ZM192.92,9.47c0-1.68-1.26-2.88-2.84-2.88s-2.84,1.2-2.84,2.88,1.26,2.89,2.84,2.89,2.84-1.2,2.84-2.89ZM188.69,11.17v-3.51h1.61c.85,0,1.35.39,1.35,1.15,0,.53-.3.86-.67,1.02l.79,1.35h-.89l-.72-1.22h-.64v1.22h-.82ZM190.18,9.31c.46,0,.64-.16.64-.5s-.19-.49-.64-.49h-.67v.99h.67Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M54.72,24.84v10.93h-5.4V6.1h12.26c7.02,0,11.1,3.2,11.1,9.39s-4.07,9.35-11.06,9.35h-6.9,0ZM61.12,20.52c4.07,0,6.11-1.66,6.11-5.03s-2.04-5.03-6.11-5.03h-6.4v10.06h6.4Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M85.94,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.18-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM85.73,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M90.39,14.66h5.4l5.86,15.92h.08l5.57-15.92h5.28l-8.23,21.49c-2,5.28-4.45,7.32-8.89,7.36-.71,0-1.7-.08-2.45-.21v-4.03c.62.13.96.13,1.41.13,2.16,0,3.07-.75,4.2-3.66l-8.23-21.07h0Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M113.46,35.77V6.1h5.32v29.67h-5.32Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M130.79,36.27c-6.23,0-10.68-4.2-10.68-11.05s4.45-11.05,10.68-11.05,10.68,4.24,10.68,11.05-4.45,11.05-10.68,11.05ZM130.79,32.32c3.41,0,5.36-2.66,5.36-7.11s-1.95-7.11-5.36-7.11-5.36,2.7-5.36,7.11,1.91,7.11,5.36,7.11Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M156.19,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.19-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM155.98,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M178.5,32.41c-1.04,2.12-3.58,3.87-6.78,3.87-5.53,0-9.31-4.49-9.31-11.05s3.78-11.05,9.31-11.05c3.28,0,5.69,1.83,6.69,3.95V6.1h5.32v29.67h-5.24v-3.37h0ZM178.55,24.84c0-4.11-1.95-6.78-5.32-6.78s-5.45,2.83-5.45,7.15,2,7.15,5.45,7.15,5.32-2.66,5.32-6.78v-.75h0Z"
+      })]
+    })]
+  })]
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+export declare function useClickOutside(ref: React.RefObject<HTMLElement>, handler: () => void, enabled?: boolean): void;
+//# sourceMappingURL=useClickOutside.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAC7B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,OAAO,EAAE,MAAM,IAAI,EACnB,OAAO,UAAO,QAaf"}

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+import { useClickOutsideContext } from '../providers/ClickOutside/index.js';
+export function useClickOutside(ref, handler, enabled = true) {
+  const {
+    register,
+    unregister
+  } = useClickOutsideContext();
+  useEffect(() => {
+    if (!enabled || !ref.current) {
+      return;
+    }
+    const listener = {
+      handler,
+      ref
+    };
+    register(listener);
+    return () => unregister(listener);
+  }, [ref, handler, enabled, register, unregister]);
+}
+//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","names":["useEffect","useClickOutsideContext","useClickOutside","ref","handler","enabled","register","unregister","current","listener"],"sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useClickOutsideContext } from '../providers/ClickOutside/index.js'\n\nexport function useClickOutside(\n  ref: React.RefObject<HTMLElement>,\n  handler: () => void,\n  enabled = true,\n) {\n  const { register, unregister } = useClickOutsideContext()\n\n  useEffect(() => {\n    if (!enabled || !ref.current) {\n      return\n    }\n\n    const listener = { handler, ref }\n    register(listener)\n    return () => unregister(listener)\n  }, [ref, handler, enabled, register, unregister])\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ;AAE1B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,SAASC,gBACdC,GAAiC,EACjCC,OAAmB,EACnBC,OAAA,GAAU,IAAI;EAEd,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAE,GAAGN,sBAAA;EAEjCD,SAAA,CAAU;IACR,IAAI,CAACK,OAAA,IAAW,CAACF,GAAA,CAAIK,OAAO,EAAE;MAC5B;IACF;IAEA,MAAMC,QAAA,GAAW;MAAEL,OAAA;MAASD;IAAI;IAChCG,QAAA,CAASG,QAAA;IACT,OAAO,MAAMF,UAAA,CAAWE,QAAA;EAC1B,GAAG,CAACN,GAAA,EAAKC,OAAA,EAASC,OAAA,EAASC,QAAA,EAAUC,UAAA,CAAW;AAClD","ignoreList":[]}

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 declare function useControllableState<T, D>(propValue: T, fallbackValue: D): [T extends NonNullable<T> ? T : D | NonNullable<T>, (value: ((prev: T) => T) | T) => void];
+export declare function useControllableState<T>(propValue: T): [T, (value: ((prev: T) => T) | T) => void];
+//# sourceMappingURL=useControllableState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EACvC,SAAS,EAAE,CAAC,EACZ,aAAa,EAAE,CAAC,GACf,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAA;AAE7F,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAA"}

package/dist/hooks/useControllableState.js

@@ -0,0 +1,39 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function useControllableState(propValue, fallbackValue) {
+  const $ = _c(5);
+  const [localValue, setLocalValue] = useState(propValue);
+  const initialRenderRef = useRef(true);
+  let t0;
+  let t1;
+  if ($[0] !== propValue) {
+    t0 = () => {
+      if (initialRenderRef.current) {
+        initialRenderRef.current = false;
+        return;
+      }
+      setLocalValue(propValue);
+    };
+    t1 = [propValue];
+    $[0] = propValue;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  const t2 = localValue ?? fallbackValue;
+  let t3;
+  if ($[3] !== t2) {
+    t3 = [t2, setLocalValue];
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+//# sourceMappingURL=useControllableState.js.map

package/dist/hooks/useControllableState.js.map

@@ -0,0 +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":[]}

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounce<T = unknown>(value: T, delay: number): T;
+//# sourceMappingURL=useDebounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAenE"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,31 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay) {
+  const $ = _c(4);
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  let t0;
+  let t1;
+  if ($[0] !== delay || $[1] !== value) {
+    t0 = () => {
+      const handler = setTimeout(() => {
+        setDebouncedValue(value);
+      }, delay);
+      return () => {
+        clearTimeout(handler);
+      };
+    };
+    t1 = [value, delay];
+    $[0] = delay;
+    $[1] = value;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return debouncedValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","names":["c","_c","useEffect","useState","useDebounce","value","delay","$","debouncedValue","setDebouncedValue","t0","t1","handler","setTimeout","clearTimeout"],"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useEffect, useState } from 'react'\n\nexport function useDebounce<T = unknown>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,YAAAC,KAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAEL,OAAAO,cAAA,EAAAC,iBAAA,IAA4CN,QAAA,CAASE,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAF,KAAA;IAE3CK,EAAA,GAAAA,CAAA;MACR,MAAAE,OAAA,GAAgBC,UAAA;QACdJ,iBAAA,CAAkBJ,KAAA;MAAA,GACjBC,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEdD,EAAA,IAACN,KAAA,EAAOC,KAAA;IAAMC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EARjBL,SAAA,CAAUQ,EAQV,EAAGC,EAAc;EAAA,OAEVH,cAAA;AAAA","ignoreList":[]}

package/dist/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period
+ * @param func The function to be called
+ * @param wait Wait period after function hasn't been called for
+ * @returns A memoized function that is debounced
+ */
+export declare const useDebouncedCallback: <TFunctionArgs = any>(func: any, wait: any) => (...args: TFunctionArgs[]) => void;
+//# sourceMappingURL=useDebouncedCallback.d.ts.map

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

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

package/dist/hooks/useDebouncedCallback.js

@@ -0,0 +1,33 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useRef } from 'react';
+/**
+ * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period
+ * @param func The function to be called
+ * @param wait Wait period after function hasn't been called for
+ * @returns A memoized function that is debounced
+ */
+export const useDebouncedCallback = (func, wait) => {
+  const $ = _c(3);
+  const timeout = useRef(undefined);
+  let t0;
+  if ($[0] !== func || $[1] !== wait) {
+    t0 = (...t1) => {
+      const args = t1;
+      const later = () => {
+        clearTimeout(timeout.current);
+        func(...args);
+      };
+      clearTimeout(timeout.current);
+      timeout.current = setTimeout(later, wait);
+    };
+    $[0] = func;
+    $[1] = wait;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+//# sourceMappingURL=useDebouncedCallback.js.map

package/dist/hooks/useDebouncedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.js","names":["c","_c","useCallback","useRef","useDebouncedCallback","func","wait","$","timeout","undefined","t0","t1","args","later","clearTimeout","current","setTimeout"],"sources":["../../src/hooks/useDebouncedCallback.ts"],"sourcesContent":["'use client'\nimport { useCallback, useRef } from 'react'\n\n/**\n * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period\n * @param func The function to be called\n * @param wait Wait period after function hasn't been called for\n * @returns A memoized function that is debounced\n */\nexport const useDebouncedCallback = <TFunctionArgs = any>(func, wait) => {\n  // Use a ref to store the timeout between renders\n  // and prevent changes to it from causing re-renders\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  return useCallback(\n    (...args: TFunctionArgs[]) => {\n      const later = () => {\n        clearTimeout(timeout.current)\n        func(...args)\n      }\n\n      clearTimeout(timeout.current)\n      timeout.current = setTimeout(later, wait)\n    },\n    [func, wait],\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ;AAEpC;;;;;;AAMA,OAAO,MAAMC,oBAAA,GAAuBA,CAAAC,IAAA,EAAAC,IAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAGlC,MAAAO,OAAA,GAAgBL,MAAA,CAAAM,SAAsC;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAF,IAAA,IAAAE,CAAA,QAAAD,IAAA;IAGpDI,EAAA,GAAAA,CAAA,GAAAC,EAAA;MAAC,MAAAC,IAAA,GAAAD,EAAG;MACF,MAAAE,KAAA,GAAAA,CAAA;QACEC,YAAA,CAAaN,OAAA,CAAAO,OAAe;QAC5BV,IAAA,IAAQO,IAAA;MAAA;MAGVE,YAAA,CAAaN,OAAA,CAAAO,OAAe;MAC5BP,OAAA,CAAAO,OAAA,GAAkBC,UAAA,CAAWH,KAAA,EAAOP,IAAA;IAAA;IACtCC,CAAA,MAAAF,IAAA;IAAAE,CAAA,MAAAD,IAAA;IAAAC,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OATKG,EAUO;AAAA,CAEhB","ignoreList":[]}

package/dist/hooks/useDebouncedEffect.d.ts

@@ -0,0 +1,3 @@
+import type { DependencyList } from 'react';
+export declare function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void;
+//# sourceMappingURL=useDebouncedEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAgBhG"}

package/dist/hooks/useDebouncedEffect.js

@@ -0,0 +1,58 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useState } from 'react';
+export function useDebouncedEffect(effect, deps, delay) {
+  const $ = _c(11);
+  let t0;
+  if ($[0] !== effect) {
+    t0 = () => effect;
+    $[0] = effect;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [debouncedEffect, setDebouncedEffect] = useState(t0);
+  let t1;
+  if ($[2] !== delay || $[3] !== effect) {
+    t1 = () => {
+      const handler = setTimeout(() => {
+        setDebouncedEffect(() => effect);
+      }, delay);
+      return () => {
+        clearTimeout(handler);
+      };
+    };
+    $[2] = delay;
+    $[3] = effect;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== delay || $[6] !== deps) {
+    t2 = [...deps, delay];
+    $[5] = delay;
+    $[6] = deps;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  useEffect(t1, t2);
+  let t3;
+  let t4;
+  if ($[8] !== debouncedEffect) {
+    t3 = () => {
+      debouncedEffect();
+    };
+    t4 = [debouncedEffect];
+    $[8] = debouncedEffect;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t3 = $[9];
+    t4 = $[10];
+  }
+  useEffect(t3, t4);
+}
+//# sourceMappingURL=useDebouncedEffect.js.map