@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

package/dist/hooks/useThrottledEffect.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 /**
  * A hook that will throttle the execution of a callback function inside a useEffect.
  * This is useful for things like throttling loading states or other UI updates.
@@ -10,7 +10,7 @@ import { useEffect, useRef } from 'react';
  * @param deps The dependencies to watch for changes.
  */
 export const useThrottledEffect = (callback, delay, t0) => {
-  const $ = _c(9);
+  const $ = _c(8);
   let t1;
   if ($[0] !== t0) {
     t1 = t0 === undefined ? [] : t0;
@@ -20,17 +20,11 @@ export const useThrottledEffect = (callback, delay, t0) => {
     t1 = $[1];
   }
   const deps = t1;
+  const [mountedAt] = useState(_temp);
+  const lastRan = useRef(mountedAt);
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = Date.now();
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const lastRan = useRef(t2);
-  let t3;
-  if ($[3] !== callback || $[4] !== delay) {
-    t3 = () => {
+  if ($[2] !== callback || $[3] !== delay) {
+    t2 = () => {
       const handler = setTimeout(() => {
         if (Date.now() - lastRan.current >= delay) {
           callback();
@@ -41,21 +35,24 @@ export const useThrottledEffect = (callback, delay, t0) => {
         clearTimeout(handler);
       };
     };
-    $[3] = callback;
-    $[4] = delay;
-    $[5] = t3;
+    $[2] = callback;
+    $[3] = delay;
+    $[4] = t2;
   } else {
-    t3 = $[5];
+    t2 = $[4];
   }
-  let t4;
-  if ($[6] !== delay || $[7] !== deps) {
-    t4 = [delay, ...deps];
-    $[6] = delay;
-    $[7] = deps;
-    $[8] = t4;
+  let t3;
+  if ($[5] !== delay || $[6] !== deps) {
+    t3 = [delay, ...deps];
+    $[5] = delay;
+    $[6] = deps;
+    $[7] = t3;
   } else {
-    t4 = $[8];
+    t3 = $[7];
   }
-  useEffect(t3, t4);
+  useEffect(t2, t3);
 };
+function _temp() {
+  return Date.now();
+}
 //# sourceMappingURL=useThrottledEffect.js.map

package/dist/hooks/useThrottledEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottledEffect.js","names":["c","_c","useEffect","useRef","useThrottledEffect","callback","delay","t0","$","t1","undefined","deps","t2","Symbol","for","Date","now","lastRan","t3","handler","setTimeout","current","clearTimeout","t4"],"sources":["../../src/hooks/useThrottledEffect.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useEffect, useRef } from 'react'\n\ntype useThrottledEffect = (\n  callback: React.EffectCallback,\n  delay: number,\n  deps: React.DependencyList,\n) => void\n\n/**\n * A hook that will throttle the execution of a callback function inside a useEffect.\n * This is useful for things like throttling loading states or other UI updates.\n * @param callback The callback function to be executed.\n * @param delay The delay in milliseconds to throttle the callback.\n * @param deps The dependencies to watch for changes.\n */\nexport const useThrottledEffect: useThrottledEffect = (callback, delay, deps = []) => {\n  const lastRan = useRef(Date.now())\n\n  useEffect(() => {\n    const handler = setTimeout(\n      () => {\n        if (Date.now() - lastRan.current >= delay) {\n          callback()\n          lastRan.current = Date.now()\n        }\n      },\n      delay - (Date.now() - lastRan.current),\n    )\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [delay, ...deps])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAQlC;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAAyCA,CAAAC,QAAA,EAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAD,EAAA;IAAkBE,EAAA,GAAAF,EAAS,KAAAG,SAAA,QAATH,EAAS;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAT,MAAAG,IAAA,GAAAF,EAAS;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAC,GAAA;IACxDF,EAAA,GAAAG,IAAA,CAAAC,GAAA,CAAQ;IAAAR,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAA/B,MAAAS,OAAA,GAAgBd,MAAA,CAAOS,EAAQ;EAAA,IAAAM,EAAA;EAAA,IAAAV,CAAA,QAAAH,QAAA,IAAAG,CAAA,QAAAF,KAAA;IAErBY,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QAAA,IAERL,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,IAAIf,KAAA;UAClCD,QAAA;UACAY,OAAA,CAAAI,OAAA,GAAkBN,IAAA,CAAAC,GAAA,CAAQ;QAAA;MAAA,GAG9BV,KAAA,IAASS,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,CAAD;MAAA;QAIpCC,YAAA,CAAaH,OAAA;MAAA;IAAA;IAEjBX,CAAA,MAAAH,QAAA;IAAAG,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAG,IAAA;IAAGY,EAAA,IAACjB,KAAA,KAAUK,IAAA;IAAKH,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAdnBN,SAAA,CAAUgB,EAcV,EAAGK,EAAgB;AAAA,CACrB","ignoreList":[]}
+{"version":3,"file":"useThrottledEffect.js","names":["c","_c","useEffect","useRef","useState","useThrottledEffect","callback","delay","t0","$","t1","undefined","deps","mountedAt","_temp","lastRan","t2","handler","setTimeout","Date","now","current","clearTimeout","t3"],"sources":["../../src/hooks/useThrottledEffect.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useEffect, useRef, useState } from 'react'\n\ntype useThrottledEffect = (\n  callback: React.EffectCallback,\n  delay: number,\n  deps: React.DependencyList,\n) => void\n\n/**\n * A hook that will throttle the execution of a callback function inside a useEffect.\n * This is useful for things like throttling loading states or other UI updates.\n * @param callback The callback function to be executed.\n * @param delay The delay in milliseconds to throttle the callback.\n * @param deps The dependencies to watch for changes.\n */\nexport const useThrottledEffect: useThrottledEffect = (callback, delay, deps = []) => {\n  // Render can't read the current time, so a lazy initializer reads it once\n  const [mountedAt] = useState(() => Date.now())\n  const lastRan = useRef(mountedAt)\n\n  useEffect(() => {\n    const handler = setTimeout(\n      () => {\n        if (Date.now() - lastRan.current >= delay) {\n          callback()\n          lastRan.current = Date.now()\n        }\n      },\n      delay - (Date.now() - lastRan.current),\n    )\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [delay, ...deps])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAQ5C;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAAyCA,CAAAC,QAAA,EAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAD,CAAA,QAAAD,EAAA;IAAkBE,EAAA,GAAAF,EAAS,KAATG,SAAS,GAAT,EAAS,GAATH,EAAS;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAT,MAAAG,IAAA,GAAAF,EAAS;EAE/E,OAAAG,SAAA,IAAoBT,QAAA,CAASU,KAAc;EAC3C,MAAAC,OAAA,GAAgBZ,MAAA,CAAOU,SAAA;EAAA,IAAAG,EAAA;EAAA,IAAAP,CAAA,QAAAH,QAAA,IAAAG,CAAA,QAAAF,KAAA;IAEbS,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA,CACd;QACE,IAAIC,IAAA,CAAAC,GAAQ,KAAKL,OAAA,CAAAM,OAAe,IAAId,KAAA;UAClCD,QAAA;UACAS,OAAA,CAAAM,OAAA,GAAkBF,IAAA,CAAAC,GAAQ,EAAX;QAAA;MACjB,CACF,EACAb,KAAA,IAASY,IAAA,CAAAC,GAAQ,KAAKL,OAAA,CAAAM,OAAe,CAAD;MAAA,OAG/B;QACLC,YAAA,CAAaL,OAAA;MAAA,CACf;IAAA,CACF;IAAAR,CAAA,MAAAH,QAAA;IAAAG,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAG,IAAA;IAAGW,EAAA,IAAChB,KAAA,KAAUK,IAAA,CAAK;IAAAH,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAdnBP,SAAA,CAAUc,EAcV,EAAGO,EAAgB;AAAA,CACrB;AApBsD,SAAAT,MAAA;EAAA,OAEjBK,IAAA,CAAAC,GAAQ;AAAA","ignoreList":[]}

package/dist/hooks/useUseAsTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUseAsTitle.js","names":["c","_c","flattenTopLevelFields","useTranslation","useUseTitleField","collection","$","admin","t0","fields","useAsTitle","i18n","t1","topLevelFields","moveSubFieldsToTop","find","field","name"],"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField } from 'payload'\n\nimport { flattenTopLevelFields } from 'payload/shared'\n\nimport { useTranslation } from '../providers/Translation/index.js'\n\nexport const useUseTitleField = (collection: ClientCollectionConfig): ClientField => {\n  const {\n    admin: { useAsTitle },\n    fields,\n  } = collection\n\n  const { i18n } = useTranslation()\n\n  const topLevelFields = flattenTopLevelFields(fields, {\n    i18n,\n    moveSubFieldsToTop: true,\n  }) as ClientField[]\n\n  return topLevelFields?.find((field) => 'name' in field && field.name === useAsTitle)\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,qBAAqB,QAAQ;AAEtC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAAmBC,UAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAC9B;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAGIJ,UAAA;EAFK;IAAAK;EAAA,IAAAF,EAAc;EAIvB;IAAAG;EAAA,IAAiBR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAN,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,UAAA;IAEjB,MAAAG,cAAA,GAAuBX,qBAAA,CAAsBO,MAAA;MAAAE,IAAA;MAAAG,kBAAA;IAAA,CAG7C;IAEOF,EAAA,GAAAC,cAAA,EAAAE,IAAA,CAAAC,KAAA,IAAgC,UAAUA,KAAA,IAASA,KAAA,CAAAC,IAAA,KAAeP,UAAA;IAAAJ,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,OAAlEM,EAAkE;AAAA,CAC3E","ignoreList":[]}
+{"version":3,"file":"useUseAsTitle.js","names":["c","_c","flattenTopLevelFields","useTranslation","useUseTitleField","collection","$","admin","t0","fields","useAsTitle","i18n","t1","topLevelFields","moveSubFieldsToTop","find","field","name"],"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField } from 'payload'\n\nimport { flattenTopLevelFields } from 'payload/shared'\n\nimport { useTranslation } from '../providers/Translation/index.js'\n\nexport const useUseTitleField = (collection: ClientCollectionConfig): ClientField => {\n  const {\n    admin: { useAsTitle },\n    fields,\n  } = collection\n\n  const { i18n } = useTranslation()\n\n  const topLevelFields = flattenTopLevelFields(fields, {\n    i18n,\n    moveSubFieldsToTop: true,\n  }) as ClientField[]\n\n  return topLevelFields?.find((field) => 'name' in field && field.name === useAsTitle)\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,qBAAqB,QAAQ;AAEtC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAAmBC,UAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAC9B;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAGIJ,UAAA;EAFK;IAAAK;EAAA,IAAAF,EAAc;EAIvB;IAAAG;EAAA,IAAiBR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAN,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,UAAA;IAEjB,MAAAG,cAAA,GAAuBX,qBAAA,CAAsBO,MAAA,EAAQ;MAAAE,IAAA;MAAAG,kBAAA,EAE/B;IACtB;IAEOF,EAAA,GAAAC,cAAA,EAAAE,IAAkE,CAA7CC,KAAA,IAAW,UAAUA,KAAwB,IAAfA,KAAA,CAAAC,IAAU,KAAKP,UAAA;IAAAJ,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,OAAlEM,EAAkE;AAAA,CAC3E","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.css';
-type Direction = 'down' | 'up';
+type Direction = 'down' | 'left' | 'right' | 'up';
 export declare const ArrowIcon: React.FC<{
     readonly className?: string;
     readonly direction?: Direction;

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

@@ -1 +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,IAAI,CAAA;AAS9B,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"}
+{"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

@@ -7,6 +7,12 @@ const paths = {
   // 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',
@@ -16,7 +22,7 @@ export const ArrowIcon = ({
   fill: "none",
   height: size,
   style: {
-    transform: direction === 'down' ? 'rotate(180deg)' : undefined
+    transform: rotations[direction] ? `rotate(${rotations[direction]}deg)` : undefined
   },
   viewBox: `0 0 ${size} ${size}`,
   width: size,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","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' | '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\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: direction === 'down' ? 'rotate(180deg)' : 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,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,EAAWT,SAAA,KAAc,SAAS,mBAAmBU;EACvD;EACAC,OAAA,EAAS,OAAOV,IAAA,IAAQA,IAAA,EAAM;EAC9BW,KAAA,EAAOX,IAAA;EACPY,KAAA,EAAM;YAEN,aAAAX,IAAA,CAAC;IAAKY,QAAA,EAAS;IAAUC,CAAA,EAAGlB,KAAK,CAACI,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeU,QAAA,EAAS","ignoreList":[]}
+{"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/{elements/AppHeader/SettingsMenu → icons/Branch}/index.css

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .app-header-settings {
+  .icon--branch {
     flex-shrink: 0;
   }
 }

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

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

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

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

package/dist/icons/Branch/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M3.5 4.5h3v6h5M9 4.5h3.5M10.5 8.5l2 2-2 2',
+  24: 'M5.5 7.5h6v8h6.5M13.5 7.5h5M16.5 13.5l2 2-2 2'
+};
+export const BranchIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--branch', 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", {
+    d: paths[size],
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","BranchIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Branch/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M3.5 4.5h3v6h5M9 4.5h3.5M10.5 8.5l2 2-2 2',\n  24: 'M5.5 7.5h6v8h6.5M13.5 7.5h5M16.5 13.5l2 2-2 2',\n}\n\nexport const BranchIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--branch', 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 d={paths[size]} stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,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,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;IAAEW,MAAA,EAAO;IAAeC,aAAA,EAAc;IAAQC,cAAA,EAAe","ignoreList":[]}

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

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

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

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

package/dist/icons/Clock/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const ClockIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--clock', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: "0 0 14 14",
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7 0C10.866 0 14 3.13401 14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0ZM7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1ZM7 3C7.27614 3 7.5 3.22386 7.5 3.5V6.79297L9.35352 8.64648C9.54878 8.84175 9.54878 9.15825 9.35352 9.35352C9.15825 9.54878 8.84175 9.54878 8.64648 9.35352L6.64648 7.35352C6.55272 7.25975 6.5 7.13261 6.5 7V3.5C6.5 3.22386 6.72386 3 7 3Z",
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ClockIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Clock/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ClockIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--clock', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox=\"0 0 14 14\"\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M7 0C10.866 0 14 3.13401 14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0ZM7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1ZM7 3C7.27614 3 7.5 3.22386 7.5 3.5V6.79297L9.35352 8.64648C9.54878 8.84175 9.54878 9.15825 9.35352 9.35352C9.15825 9.54878 8.84175 9.54878 8.64648 9.35352L6.64648 7.35352C6.55272 7.25975 6.5 7.13261 6.5 7V3.5C6.5 3.22386 6.72386 3 7 3Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,SAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAQ;EACRC,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,CAAA,EAAE;IACFL,IAAA,EAAK","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/ImageStack/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,wBAAgB,cAAc,sBAM7B"}

package/dist/icons/ImageStack/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const path = 'M14 4C15.1046 4 16 4.89543 16 6V14C16 15.1046 15.1046 16 14 16H6C4.89543 16 4 15.1046 4 14V6C4 4.89543 4.89543 4 6 4H14ZM6 5C5.44772 5 5 5.44772 5 6V14C5 14.5523 5.44772 15 6 15H14C14.5523 15 15 14.5523 15 14V6C15 5.44772 14.5523 5 14 5H6ZM7.72461 9.58203C7.91869 9.45387 8.18265 9.47562 8.35352 9.64648L11.8535 13.1465C12.0488 13.3417 12.0488 13.6583 11.8535 13.8535C11.6583 14.0488 11.3417 14.0488 11.1465 13.8535L8 10.707 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535C5.95122 11.6583 5.95122 11.3417 6.14648 11.1465L7.64648 9.64648L7.72461 9.58203ZM10 0C11.1046 0 12 0.895431 12 2V2.5C12 2.77614 11.7761 3 11.5 3C11.2239 3 11 2.77614 11 2.5V2C11 1.44772 10.5523 1 10 1H2C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H2.5C2.77614 11 3 11.2239 3 11.5C3 11.7761 2.77614 12 2.5 12H2C0.895431 12 0 11.1046 0 10V2C0 0.895431 0.895431 0 2 0H10ZM12 6C13.1046 6 14 6.89543 14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z';
+export function ImageStackIcon() {
+  return /*#__PURE__*/_jsx("svg", {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: path,
+      fill: "currentColor"
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","path","ImageStackIcon","_jsx","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/ImageStack/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst path =\n  'M14 4C15.1046 4 16 4.89543 16 6V14C16 15.1046 15.1046 16 14 16H6C4.89543 16 4 15.1046 4 14V6C4 4.89543 4.89543 4 6 4H14ZM6 5C5.44772 5 5 5.44772 5 6V14C5 14.5523 5.44772 15 6 15H14C14.5523 15 15 14.5523 15 14V6C15 5.44772 14.5523 5 14 5H6ZM7.72461 9.58203C7.91869 9.45387 8.18265 9.47562 8.35352 9.64648L11.8535 13.1465C12.0488 13.3417 12.0488 13.6583 11.8535 13.8535C11.6583 14.0488 11.3417 14.0488 11.1465 13.8535L8 10.707 6.85352 11.8535C6.65825 12.0488 6.34175 12.0488 6.14648 11.8535C5.95122 11.6583 5.95122 11.3417 6.14648 11.1465L7.64648 9.64648L7.72461 9.58203ZM10 0C11.1046 0 12 0.895431 12 2V2.5C12 2.77614 11.7761 3 11.5 3C11.2239 3 11 2.77614 11 2.5V2C11 1.44772 10.5523 1 10 1H2C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H2.5C2.77614 11 3 11.2239 3 11.5C3 11.7761 2.77614 12 2.5 12H2C0.895431 12 0 11.1046 0 10V2C0 0.895431 0.895431 0 2 0H10ZM12 6C13.1046 6 14 6.89543 14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z'\n\nexport function ImageStackIcon() {\n  return (\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,IAAA,GACJ;AAEF,OAAO,SAASC,eAAA;EACd,oBACEC,IAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAAKC,KAAA,EAAM;cAChE,aAAAL,IAAA,CAAC;MAAKM,CAAA,EAAGR,IAAA;MAAMG,IAAA,EAAK;;;AAG1B","ignoreList":[]}

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

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

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

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

package/dist/icons/Pin/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const paths = {
+  filled: 'M5.04292 10.8711L4.20699 11.707C4.18103 11.733 4.1536 11.7583 4.12495 11.7812L1.62495 13.7812C1.22711 14.0992 0.653122 14.0671 0.292923 13.707C-0.0670984 13.3468 -0.0992736 12.7728 0.218704 12.375L2.2187 9.875C2.24164 9.84634 2.26698 9.81893 2.29292 9.79297L3.12886 8.95703L5.04292 10.8711ZM8.99995 0C9.26494 0.000126806 9.51957 0.105626 9.70699 0.292969L13.707 4.29297C13.8943 4.48047 14 4.73497 14 5C13.9998 5.26502 13.8944 5.5196 13.707 5.70703C13.0166 6.39717 12.0127 6.57937 11.1543 6.25879L9.21675 8.19629C9.63041 9.29649 9.50256 10.5488 8.83199 11.5547C8.66589 11.8037 8.3964 11.9655 8.09859 11.9951C7.80077 12.0245 7.50465 11.9185 7.29292 11.707L2.29292 6.70703C2.08126 6.49529 1.97546 6.1993 2.00484 5.90137C2.03437 5.6034 2.1962 5.33415 2.44527 5.16797C3.45079 4.49771 4.7028 4.36907 5.80269 4.78223L7.74019 2.84473C7.41995 1.98643 7.60297 0.983123 8.29292 0.292969L8.36616 0.226562C8.544 0.080876 8.76805 8.77393e-05 8.99995 0Z',
+  outline: 'M8.99998 0C9.26502 0.000126836 9.51958 0.105545 9.70701 0.292969L13.707 4.29297C13.8943 4.48047 14 4.73497 14 5C13.9999 5.26507 13.8944 5.51958 13.707 5.70703C13.0167 6.39737 12.0128 6.57941 11.1543 6.25879L9.21677 8.19629C9.63043 9.29649 9.50258 10.5488 8.83201 11.5547C8.66592 11.8038 8.39653 11.9655 8.09861 11.9951C7.80066 12.0246 7.50476 11.9186 7.29294 11.707L5.9658 10.3799C4.5833 11.6377 3.1111 12.7944 1.55466 13.832C1.15814 14.0964 0.63002 14.0439 0.292944 13.707C-0.0441199 13.37 -0.0964705 12.8419 0.167944 12.4453C1.20564 10.8888 2.35962 9.41411 3.61716 8.03125L2.29294 6.70703C2.08116 6.49525 1.97542 6.19941 2.00486 5.90137C2.0344 5.60327 2.19604 5.33414 2.44529 5.16797C3.4509 4.49765 4.70275 4.36893 5.80271 4.78223L7.74021 2.84473C7.41993 1.98633 7.60278 0.983136 8.29294 0.292969L8.36619 0.226562C8.54412 0.0807968 8.76794 0 8.99998 0ZM4.32419 8.73828C3.11274 10.0741 2.00121 11.4982 0.999976 13C2.50173 11.9988 3.92414 10.8854 5.25974 9.67383L4.32419 8.73828ZM8.99998 1C8.44769 1.55228 8.44769 2.44772 8.99998 3L5.99998 6C5.09171 5.39449 3.90828 5.39457 2.99998 6L7.99998 11C8.60543 10.0918 8.60524 8.90827 7.99998 8L11 5C11.5523 5.55189 12.4478 5.55215 13 5L8.99998 1Z'
+};
+export const PinIcon = ({
+  className,
+  isFilled = false,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--pin', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: "0 0 14 14",
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: isFilled ? paths.filled : paths.outline,
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","filled","outline","PinIcon","className","isFilled","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Pin/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst paths = {\n  filled:\n    'M5.04292 10.8711L4.20699 11.707C4.18103 11.733 4.1536 11.7583 4.12495 11.7812L1.62495 13.7812C1.22711 14.0992 0.653122 14.0671 0.292923 13.707C-0.0670984 13.3468 -0.0992736 12.7728 0.218704 12.375L2.2187 9.875C2.24164 9.84634 2.26698 9.81893 2.29292 9.79297L3.12886 8.95703L5.04292 10.8711ZM8.99995 0C9.26494 0.000126806 9.51957 0.105626 9.70699 0.292969L13.707 4.29297C13.8943 4.48047 14 4.73497 14 5C13.9998 5.26502 13.8944 5.5196 13.707 5.70703C13.0166 6.39717 12.0127 6.57937 11.1543 6.25879L9.21675 8.19629C9.63041 9.29649 9.50256 10.5488 8.83199 11.5547C8.66589 11.8037 8.3964 11.9655 8.09859 11.9951C7.80077 12.0245 7.50465 11.9185 7.29292 11.707L2.29292 6.70703C2.08126 6.49529 1.97546 6.1993 2.00484 5.90137C2.03437 5.6034 2.1962 5.33415 2.44527 5.16797C3.45079 4.49771 4.7028 4.36907 5.80269 4.78223L7.74019 2.84473C7.41995 1.98643 7.60297 0.983123 8.29292 0.292969L8.36616 0.226562C8.544 0.080876 8.76805 8.77393e-05 8.99995 0Z',\n  outline:\n    'M8.99998 0C9.26502 0.000126836 9.51958 0.105545 9.70701 0.292969L13.707 4.29297C13.8943 4.48047 14 4.73497 14 5C13.9999 5.26507 13.8944 5.51958 13.707 5.70703C13.0167 6.39737 12.0128 6.57941 11.1543 6.25879L9.21677 8.19629C9.63043 9.29649 9.50258 10.5488 8.83201 11.5547C8.66592 11.8038 8.39653 11.9655 8.09861 11.9951C7.80066 12.0246 7.50476 11.9186 7.29294 11.707L5.9658 10.3799C4.5833 11.6377 3.1111 12.7944 1.55466 13.832C1.15814 14.0964 0.63002 14.0439 0.292944 13.707C-0.0441199 13.37 -0.0964705 12.8419 0.167944 12.4453C1.20564 10.8888 2.35962 9.41411 3.61716 8.03125L2.29294 6.70703C2.08116 6.49525 1.97542 6.19941 2.00486 5.90137C2.0344 5.60327 2.19604 5.33414 2.44529 5.16797C3.4509 4.49765 4.70275 4.36893 5.80271 4.78223L7.74021 2.84473C7.41993 1.98633 7.60278 0.983136 8.29294 0.292969L8.36619 0.226562C8.54412 0.0807968 8.76794 0 8.99998 0ZM4.32419 8.73828C3.11274 10.0741 2.00121 11.4982 0.999976 13C2.50173 11.9988 3.92414 10.8854 5.25974 9.67383L4.32419 8.73828ZM8.99998 1C8.44769 1.55228 8.44769 2.44772 8.99998 3L5.99998 6C5.09171 5.39449 3.90828 5.39457 2.99998 6L7.99998 11C8.60543 10.0918 8.60524 8.90827 7.99998 8L11 5C11.5523 5.55189 12.4478 5.55215 13 5L8.99998 1Z',\n}\n\nexport const PinIcon: React.FC<{\n  readonly className?: string\n  readonly isFilled?: boolean\n  readonly size?: 16 | 24\n}> = ({ className, isFilled = false, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--pin', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox=\"0 0 14 14\"\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d={isFilled ? paths.filled : paths.outline} fill=\"currentColor\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZC,MAAA,EACE;EACFC,OAAA,EACE;AACJ;AAEA,OAAO,MAAMC,OAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,QAAA,GAAW,KAAK;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC9CC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,QAAQ,aAAaA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACjEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAQ;EACRC,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,CAAA,EAAGX,QAAA,GAAWL,KAAA,CAAMC,MAAM,GAAGD,KAAA,CAAME,OAAO;IAAES,IAAA,EAAK","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAUpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAUpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAaA,CAAA"}

package/dist/icons/Sidebar/index.js

@@ -12,8 +12,10 @@ export const SidebarIcon = ({
   className,
   size = 16
 }) => /*#__PURE__*/_jsx("svg", {
+  "aria-hidden": "true",
   className: ['icon', 'icon--sidebar', className].filter(Boolean).join(' '),
   fill: "none",
+  focusable: "false",
   height: paths[size].height,
   viewBox: `0 0 ${paths[size].width} ${paths[size].height}`,
   width: paths[size].width,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","paths","height","path","width","SidebarIcon","className","size","_jsx","filter","Boolean","join","fill","viewBox","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Sidebar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: {\n    height: 12,\n    path: 'M14 0C15.1046 0 16 0.895431 16 2V10L15.9893 10.2041C15.887 11.2128 15.0357 12 14 12H2C0.964349 12 0.113005 11.2128 0.0107422 10.2041L0 10V2C1.28853e-07 0.895431 0.895431 0 2 0H14ZM2 1C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H5V1H2ZM14 11C14.5523 11 15 10.5523 15 10V2C15 1.44772 14.5523 1 14 1H6V11H14Z',\n    width: 16,\n  },\n}\n\nexport const SidebarIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--sidebar', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={paths[size].height}\n    viewBox={`0 0 ${paths[size].width} ${paths[size].height}`}\n    width={paths[size].width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size].path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,MAAA,EAAQ;IACRC,IAAA,EAAM;IACNC,KAAA,EAAO;EACT;AACF;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLV,MAAA,EAAQD,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM;EAC1BW,OAAA,EAAS,OAAOZ,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK,IAAIH,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM,EAAE;EACzDE,KAAA,EAAOH,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK;EACxBU,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKO,QAAA,EAAS;IAAUC,CAAA,EAAGf,KAAK,CAACM,IAAA,CAAK,CAACJ,IAAI;IAAES,IAAA,EAAK;IAAeK,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","height","path","width","SidebarIcon","className","size","_jsx","filter","Boolean","join","fill","focusable","viewBox","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Sidebar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: {\n    height: 12,\n    path: 'M14 0C15.1046 0 16 0.895431 16 2V10L15.9893 10.2041C15.887 11.2128 15.0357 12 14 12H2C0.964349 12 0.113005 11.2128 0.0107422 10.2041L0 10V2C1.28853e-07 0.895431 0.895431 0 2 0H14ZM2 1C1.44772 1 1 1.44772 1 2V10C1 10.5523 1.44772 11 2 11H5V1H2ZM14 11C14.5523 11 15 10.5523 15 10V2C15 1.44772 14.5523 1 14 1H6V11H14Z',\n    width: 16,\n  },\n}\n\nexport const SidebarIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16\n}> = ({ className, size = 16 }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', 'icon--sidebar', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={paths[size].height}\n    viewBox={`0 0 ${paths[size].width} ${paths[size].height}`}\n    width={paths[size].width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size].path} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,MAAA,EAAQ;IACRC,IAAA,EAAM;IACNC,KAAA,EAAO;EACT;AACF;AAEA,OAAO,MAAMC,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACC,eAAY;EACZF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrEC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVX,MAAA,EAAQD,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM;EAC1BY,OAAA,EAAS,OAAOb,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK,IAAIH,KAAK,CAACM,IAAA,CAAK,CAACL,MAAM,EAAE;EACzDE,KAAA,EAAOH,KAAK,CAACM,IAAA,CAAK,CAACH,KAAK;EACxBW,KAAA,EAAM;YAEN,aAAAP,IAAA,CAAC;IAAKQ,QAAA,EAAS;IAAUC,CAAA,EAAGhB,KAAK,CAACM,IAAA,CAAK,CAACJ,IAAI;IAAES,IAAA,EAAK;IAAeM,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Table/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--table {
+    /* Icon uses fill. */
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CAAE,CAcxF,CAAA"}

package/dist/icons/Table/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M7 4h4.5a.5.5 0 0 1 .5.5V6H7zM6 4H4.5a.5.5 0 0 0-.5.5V6h2zm0 3H4v2h2zm0 3H4v1.5a1.5 1.5 0 0 0 .5.5H6zm1 2h4.5a.5.5 0 0 0 .5-.5V10H7zm0-3V7h5v2zM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5z',
+  24: 'M17.204 6.51A2 2 0 0 1 19 8.5V16l-.011.204a2 2 0 0 1-1.785 1.785L17 18H7l-.204-.01a2 2 0 0 1-1.786-1.786L5 16V8.5a2 2 0 0 1 1.796-1.99L7 6.5h10zM6 16a1 1 0 0 0 1 1h2v-2.5H6zm4-1.5V17h7a1 1 0 0 0 .995-.898L18 16v-1.5zm-4-1h3V11H6zm4-2.5v2.5h8V11zM7 7.5a1 1 0 0 0-.995.897L6 8.5V10h3V7.5zm3 2.5h8V8.5a1 1 0 0 0-1-1h-7z'
+};
+export const TableIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--table', 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/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","TableIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Table/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M7 4h4.5a.5.5 0 0 1 .5.5V6H7zM6 4H4.5a.5.5 0 0 0-.5.5V6h2zm0 3H4v2h2zm0 3H4v1.5a1.5 1.5 0 0 0 .5.5H6zm1 2h4.5a.5.5 0 0 0 .5-.5V10H7zm0-3V7h5v2zM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5z',\n  24: 'M17.204 6.51A2 2 0 0 1 19 8.5V16l-.011.204a2 2 0 0 1-1.785 1.785L17 18H7l-.204-.01a2 2 0 0 1-1.786-1.786L5 16V8.5a2 2 0 0 1 1.796-1.99L7 6.5h10zM6 16a1 1 0 0 0 1 1h2v-2.5H6zm4-1.5V17h7a1 1 0 0 0 .995-.898L18 16v-1.5zm-4-1h3V11H6zm4-2.5v2.5h8V11zM7 7.5a1 1 0 0 0-.995.897L6 8.5V10h3V7.5zm3 2.5h8V8.5a1 1 0 0 0-1-1h-7z',\n} as const\nexport const TableIcon: React.FC<{ readonly className?: string; readonly size?: 16 | 24 }> = ({\n  className,\n  size = 24,\n}) => (\n  <svg\n    className={['icon', 'icon--table', 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;AACA,OAAO,MAAMC,SAAA,GAAgFA,CAAC;EAC5FC,SAAS;EACTC,IAAA,GAAO;AAAE,CACV,kBACCC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,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/layouts/Root/DocumentRoot.d.ts

@@ -0,0 +1,24 @@
+import type { HtmlHTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import type { Theme } from '../../providers/Theme/shared.js';
+import type { RequestThemeSource } from '../../utilities/getRequestTheme.js';
+export type RootLayoutFont = {
+    className?: string;
+    variable?: string;
+};
+export type DocumentRootProps = {
+    children: ReactNode;
+    dir?: 'ltr' | 'rtl';
+    fonts?: RootLayoutFont[];
+    head?: ReactNode;
+    highContrastMode?: boolean;
+    htmlProps?: HtmlHTMLAttributes<HTMLHtmlElement>;
+    languageCode?: string;
+    suppressHydrationWarning?: boolean;
+    theme?: Theme;
+    themeSource?: RequestThemeSource;
+    /** Optional viewport tag; adapters with router-managed metadata supply it through `head`. */
+    viewport?: ReactNode;
+};
+export declare function DocumentRoot({ children, dir, fonts, head, highContrastMode, htmlProps, languageCode, suppressHydrationWarning, theme, themeSource, viewport, }: DocumentRootProps): React.JSX.Element;
+//# sourceMappingURL=DocumentRoot.d.ts.map

package/dist/layouts/Root/DocumentRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentRoot.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/DocumentRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAK5E,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAW,EACX,KAAU,EACV,IAAI,EACJ,gBAAwB,EACxB,SAAc,EACd,YAAY,EACZ,wBAAgC,EAChC,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,iBAAiB,qBAsBnB"}

package/dist/layouts/Root/DocumentRoot.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { defaultTheme } from '../../providers/Theme/shared.js';
+import { ResolveThemeOnClient } from './ResolveThemeOnClient.js';
+export function DocumentRoot({
+  children,
+  dir = 'ltr',
+  fonts = [],
+  head,
+  highContrastMode = false,
+  htmlProps = {},
+  languageCode,
+  suppressHydrationWarning = false,
+  theme,
+  themeSource,
+  viewport
+}) {
+  const fontClassNames = fonts.map(font => font.variable ?? font.className).filter(Boolean);
+  return /*#__PURE__*/_jsxs("html", {
+    ...htmlProps,
+    className: [...fontClassNames, htmlProps.className].filter(Boolean).join(' '),
+    "data-enhanced-contrast": highContrastMode ? '' : undefined,
+    "data-theme": theme,
+    dir: dir,
+    lang: languageCode,
+    suppressHydrationWarning: suppressHydrationWarning,
+    children: [/*#__PURE__*/_jsxs("head", {
+      children: [themeSource === 'default' && /*#__PURE__*/_jsx(ResolveThemeOnClient, {
+        serverTheme: theme ?? defaultTheme
+      }), viewport, /*#__PURE__*/_jsx("style", {
+        children: `@layer payload-default, payload;`
+      }), head]
+    }), /*#__PURE__*/_jsx("body", {
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=DocumentRoot.js.map

package/dist/layouts/Root/DocumentRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentRoot.js","names":["React","defaultTheme","ResolveThemeOnClient","DocumentRoot","children","dir","fonts","head","highContrastMode","htmlProps","languageCode","suppressHydrationWarning","theme","themeSource","viewport","fontClassNames","map","font","variable","className","filter","Boolean","_jsxs","join","undefined","lang","_jsx","serverTheme"],"sources":["../../../src/layouts/Root/DocumentRoot.tsx"],"sourcesContent":["'use client'\n\nimport type { HtmlHTMLAttributes, ReactNode } from 'react'\n\nimport React from 'react'\n\nimport type { Theme } from '../../providers/Theme/shared.js'\nimport type { RequestThemeSource } from '../../utilities/getRequestTheme.js'\n\nimport { defaultTheme } from '../../providers/Theme/shared.js'\nimport { ResolveThemeOnClient } from './ResolveThemeOnClient.js'\n\nexport type RootLayoutFont = {\n  className?: string\n  variable?: string\n}\n\nexport type DocumentRootProps = {\n  children: ReactNode\n  dir?: 'ltr' | 'rtl'\n  fonts?: RootLayoutFont[]\n  head?: ReactNode\n  highContrastMode?: boolean\n  htmlProps?: HtmlHTMLAttributes<HTMLHtmlElement>\n  languageCode?: string\n  suppressHydrationWarning?: boolean\n  theme?: Theme\n  themeSource?: RequestThemeSource\n  /** Optional viewport tag; adapters with router-managed metadata supply it through `head`. */\n  viewport?: ReactNode\n}\n\nexport function DocumentRoot({\n  children,\n  dir = 'ltr',\n  fonts = [],\n  head,\n  highContrastMode = false,\n  htmlProps = {},\n  languageCode,\n  suppressHydrationWarning = false,\n  theme,\n  themeSource,\n  viewport,\n}: DocumentRootProps) {\n  const fontClassNames = fonts.map((font) => font.variable ?? font.className).filter(Boolean)\n\n  return (\n    <html\n      {...htmlProps}\n      className={[...fontClassNames, htmlProps.className].filter(Boolean).join(' ')}\n      data-enhanced-contrast={highContrastMode ? '' : undefined}\n      data-theme={theme}\n      dir={dir}\n      lang={languageCode}\n      suppressHydrationWarning={suppressHydrationWarning}\n    >\n      <head>\n        {themeSource === 'default' && <ResolveThemeOnClient serverTheme={theme ?? defaultTheme} />}\n        {viewport}\n        <style>{`@layer payload-default, payload;`}</style>\n        {head}\n      </head>\n      <body>{children}</body>\n    </html>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAKlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ;AAsBrC,OAAO,SAASC,aAAa;EAC3BC,QAAQ;EACRC,GAAA,GAAM,KAAK;EACXC,KAAA,GAAQ,EAAE;EACVC,IAAI;EACJC,gBAAA,GAAmB,KAAK;EACxBC,SAAA,GAAY,CAAC,CAAC;EACdC,YAAY;EACZC,wBAAA,GAA2B,KAAK;EAChCC,KAAK;EACLC,WAAW;EACXC;AAAQ,CACU;EAClB,MAAMC,cAAA,GAAiBT,KAAA,CAAMU,GAAG,CAAEC,IAAA,IAASA,IAAA,CAAKC,QAAQ,IAAID,IAAA,CAAKE,SAAS,EAAEC,MAAM,CAACC,OAAA;EAEnF,oBACEC,KAAA,CAAC;IACE,GAAGb,SAAS;IACbU,SAAA,EAAW,C,GAAIJ,cAAA,EAAgBN,SAAA,CAAUU,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASE,IAAI,CAAC;IACzE,0BAAwBf,gBAAA,GAAmB,KAAKgB,SAAA;IAChD,cAAYZ,KAAA;IACZP,GAAA,EAAKA,GAAA;IACLoB,IAAA,EAAMf,YAAA;IACNC,wBAAA,EAA0BA,wBAAA;4BAE1BW,KAAA,CAAC;iBACET,WAAA,KAAgB,0BAAaa,IAAA,CAACxB,oBAAA;QAAqByB,WAAA,EAAaf,KAAA,IAASX;UACzEa,QAAA,E,aACDY,IAAA,CAAC;kBAAO;UACPnB,IAAA;qBAEHmB,IAAA,CAAC;gBAAMtB;;;AAGb","ignoreList":[]}

package/dist/layouts/Root/ResolveThemeOnClient.d.ts

@@ -0,0 +1,12 @@
+import type { Theme } from '../../providers/Theme/shared.js';
+type ResolveThemeOnClientProps = {
+    serverTheme: Theme;
+};
+/**
+ * Resolves the preferred theme before first paint when the server cannot.
+ * Some browsers omit `Sec-CH-Prefers-Color-Scheme`, so root layouts render this
+ * blocking script to detect the user's preference with `window.matchMedia`.
+ */
+export declare const ResolveThemeOnClient: ({ serverTheme }: ResolveThemeOnClientProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ResolveThemeOnClient.d.ts.map

package/dist/layouts/Root/ResolveThemeOnClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolveThemeOnClient.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/ResolveThemeOnClient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAE5D,KAAK,yBAAyB,GAAG;IAC/B,WAAW,EAAE,KAAK,CAAA;CACnB,CAAA;AASD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,oBAAqB,yBAAyB,gCAqB9E,CAAA"}

package/dist/layouts/Root/ResolveThemeOnClient.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Serializes a value for safe interpolation into an inline script. */
+const serialize = value => JSON.stringify(value).replace(/</g, '\\u003c').replace(/\u2028/g, '\\u2028').replace(/\u2029/g, '\\u2029');
+/**
+ * Resolves the preferred theme before first paint when the server cannot.
+ * Some browsers omit `Sec-CH-Prefers-Color-Scheme`, so root layouts render this
+ * blocking script to detect the user's preference with `window.matchMedia`.
+ */
+export const ResolveThemeOnClient = ({
+  serverTheme
+}) => {
+  const serializedServerTheme = serialize(serverTheme);
+  const script = `
+    (function () {
+      try {
+        var documentElement = document.documentElement
+        var resolvedTheme = ${serializedServerTheme}
+
+        if (window.matchMedia) {
+          resolvedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'dark'
+            : 'light'
+        }
+
+        documentElement.setAttribute('data-theme', resolvedTheme)
+      } catch (error) {}
+    })()
+  `;
+  return /*#__PURE__*/_jsx("script", {
+    dangerouslySetInnerHTML: {
+      __html: script
+    }
+  });
+};
+//# sourceMappingURL=ResolveThemeOnClient.js.map

package/dist/layouts/Root/ResolveThemeOnClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolveThemeOnClient.js","names":["serialize","value","JSON","stringify","replace","ResolveThemeOnClient","serverTheme","serializedServerTheme","script","_jsx","dangerouslySetInnerHTML","__html"],"sources":["../../../src/layouts/Root/ResolveThemeOnClient.tsx"],"sourcesContent":["import type { Theme } from '../../providers/Theme/shared.js'\n\ntype ResolveThemeOnClientProps = {\n  serverTheme: Theme\n}\n\n/** Serializes a value for safe interpolation into an inline script. */\nconst serialize = (value: string): string =>\n  JSON.stringify(value)\n    .replace(/</g, '\\\\u003c')\n    .replace(/\\u2028/g, '\\\\u2028')\n    .replace(/\\u2029/g, '\\\\u2029')\n\n/**\n * Resolves the preferred theme before first paint when the server cannot.\n * Some browsers omit `Sec-CH-Prefers-Color-Scheme`, so root layouts render this\n * blocking script to detect the user's preference with `window.matchMedia`.\n */\nexport const ResolveThemeOnClient = ({ serverTheme }: ResolveThemeOnClientProps) => {\n  const serializedServerTheme = serialize(serverTheme)\n\n  const script = `\n    (function () {\n      try {\n        var documentElement = document.documentElement\n        var resolvedTheme = ${serializedServerTheme}\n\n        if (window.matchMedia) {\n          resolvedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        }\n\n        documentElement.setAttribute('data-theme', resolvedTheme)\n      } catch (error) {}\n    })()\n  `\n\n  return <script dangerouslySetInnerHTML={{ __html: script }} />\n}\n"],"mappings":";AAMA;AACA,MAAMA,SAAA,GAAaC,KAAA,IACjBC,IAAA,CAAKC,SAAS,CAACF,KAAA,EACZG,OAAO,CAAC,MAAM,WACdA,OAAO,CAAC,WAAW,WACnBA,OAAO,CAAC,WAAW;AAExB;;;;;AAKA,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EAAEC;AAAW,CAA6B;EAC7E,MAAMC,qBAAA,GAAwBP,SAAA,CAAUM,WAAA;EAExC,MAAME,MAAA,GAAS;;;;8BAIaD,qBAAA;;;;;;;;;;;GAW3B;EAED,oBAAOE,IAAA,CAAC;IAAOC,uBAAA,EAAyB;MAAEC,MAAA,EAAQH;IAAO;;AAC3D","ignoreList":[]}

package/dist/layouts/Root/RootProviders.d.ts

@@ -0,0 +1,11 @@
+import type { RouterAdapterComponent, ServerFunctionClient } from 'payload';
+import React from 'react';
+import type { RootLayoutData } from './getRootLayoutData.js';
+export type RootProviderProps = {
+    readonly children: React.ReactNode;
+    readonly data: RootLayoutData;
+    readonly RouterAdapter: RouterAdapterComponent;
+    readonly serverFunction: ServerFunctionClient;
+};
+export declare const RootProviders: React.FC<RootProviderProps>;
+//# sourceMappingURL=RootProviders.d.ts.map

package/dist/layouts/Root/RootProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootProviders.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/RootProviders.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAK3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AA6B5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,aAAa,EAAE,sBAAsB,CAAA;IAC9C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiHrD,CAAA"}