@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/hooks/usePointerSafeArea.js

@@ -0,0 +1,232 @@
+import { useCallback, useEffect, useRef } from 'react';
+/** Tracks a safe area for pointer travel between two elements in either direction. */
+export const usePointerSafeArea = ({
+  enabled,
+  from,
+  idleTimeout = 300,
+  onChange,
+  onRelease,
+  to
+}) => {
+  const origin = useRef(undefined);
+  const isReturning = useRef(false);
+  const isProtected = useRef(false);
+  const idleTimer = useRef(undefined);
+  const callbacks = useRef({
+    onChange,
+    onRelease
+  });
+  useEffect(() => {
+    callbacks.current = {
+      onChange,
+      onRelease
+    };
+  }, [onChange, onRelease]);
+  const clear = useCallback(() => {
+    clearTimeout(idleTimer.current);
+    idleTimer.current = undefined;
+    if (isProtected.current) {
+      isProtected.current = false;
+      callbacks.current.onChange({
+        polygon: null
+      });
+    }
+    origin.current = undefined;
+  }, []);
+  const release = useCallback(pointer => {
+    clear();
+    callbacks.current.onRelease(pointer);
+  }, [clear]);
+  const update = useCallback(({
+    pointer
+  } = {}) => {
+    const target = isReturning.current ? from.current : to.current;
+    const start = origin.current;
+    if (!enabled || !target || !start || !pointer && !isProtected.current) {
+      return false;
+    }
+    const rect = target.getBoundingClientRect();
+    if (rect.left <= start.x && rect.right >= start.x) {
+      return false;
+    }
+    const points = getSafeAreaPoints({
+      rect,
+      start
+    });
+    if (pointer && !isInsideSafeArea({
+      pointer,
+      points
+    })) {
+      return false;
+    }
+    isProtected.current = true;
+    callbacks.current.onChange({
+      polygon: `polygon(${points.map(({
+        x,
+        y
+      }) => `${x}px ${y}px`).join(', ')})`
+    });
+    if (pointer) {
+      clearTimeout(idleTimer.current);
+      idleTimer.current = setTimeout(() => release(pointer), idleTimeout);
+    }
+    return true;
+  }, [enabled, from, idleTimeout, release, to]);
+  const trackSource = useCallback(pointer => {
+    clear();
+    origin.current = pointer;
+    isReturning.current = false;
+  }, [clear]);
+  const trackTarget = useCallback(pointer => {
+    // A keyboard-opened target does not start pointer tracking on its own.
+    if (!origin.current) {
+      return;
+    }
+    clear();
+    origin.current = pointer;
+    isReturning.current = true;
+  }, [clear]);
+  useEffect(() => {
+    if (!enabled) {
+      clear();
+      return;
+    }
+    const handleMove = event => {
+      if (event.pointerType !== 'mouse' || !origin.current) {
+        return;
+      }
+      const pointer = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      const target = event.target;
+      if (target && from.current?.contains(target)) {
+        trackSource(pointer);
+      } else if (target && to.current?.contains(target)) {
+        trackTarget(pointer);
+      } else if (isProtected.current && !update({
+        pointer
+      })) {
+        release(pointer);
+      }
+    };
+    const handlePress = event => {
+      if (event.pointerType === 'mouse') {
+        // Preserve tracking after clicks that keep either endpoint open, while
+        // letting clicks elsewhere reach their target without sending a replacement event.
+        const pointer = {
+          x: event.clientX,
+          y: event.clientY
+        };
+        const target = event.target;
+        if (target && from.current?.contains(target)) {
+          trackSource(pointer);
+        } else if (target && to.current?.contains(target)) {
+          trackTarget(pointer);
+        } else {
+          clear();
+        }
+      }
+    };
+    const document = from.current?.ownerDocument;
+    document?.addEventListener('pointermove', handleMove, {
+      capture: true,
+      passive: true
+    });
+    document?.addEventListener('pointerdown', handlePress, {
+      capture: true,
+      passive: true
+    });
+    return () => {
+      document?.removeEventListener('pointermove', handleMove, {
+        capture: true
+      });
+      document?.removeEventListener('pointerdown', handlePress, {
+        capture: true
+      });
+      clear();
+    };
+  }, [clear, enabled, from, release, to, trackSource, trackTarget, update]);
+  return {
+    clear,
+    isProtected: useCallback(() => isProtected.current, []),
+    isTracking: useCallback(() => origin.current !== undefined, []),
+    protect: ({
+      pointer
+    }) => update({
+      pointer
+    }),
+    refresh: () => update(),
+    trackSource,
+    trackTarget
+  };
+};
+const isInsideSafeArea = ({
+  pointer,
+  points
+}) => points.every((edgeStart, index) => isPointerInsideEdge({
+  edgeEnd: points[(index + 1) % points.length],
+  edgeStart,
+  pointer
+}));
+// The convex hull covers the whole destination, allowing return paths to enter
+// through its top or bottom as well as its nearest edge.
+const getSafeAreaPoints = ({
+  rect,
+  start
+}) => {
+  const points = [{
+    x: start.x,
+    y: start.y - 4
+  }, {
+    x: start.x,
+    y: start.y + 4
+  }, {
+    x: rect.left,
+    y: rect.top
+  }, {
+    x: rect.right,
+    y: rect.top
+  }, {
+    x: rect.right,
+    y: rect.bottom
+  }, {
+    x: rect.left,
+    y: rect.bottom
+  }].sort((a, b) => a.x - b.x || a.y - b.y);
+  const getOuterEdge = ({
+    orderedPoints
+  }) => {
+    const edge = [];
+    for (const point of orderedPoints) {
+      while (edge.length > 1) {
+        const previous = edge[edge.length - 2];
+        const corner = edge[edge.length - 1];
+        const edgeX = corner.x - previous.x;
+        const edgeY = corner.y - previous.y;
+        const pointX = point.x - previous.x;
+        const pointY = point.y - previous.y;
+        const shouldRemoveCorner = edgeX * pointY - edgeY * pointX <= 0;
+        // Remove corners that bend into the area or lie on a straight edge.
+        if (!shouldRemoveCorner) {
+          break;
+        }
+        edge.pop();
+      }
+      edge.push(point);
+    }
+    return edge.slice(0, -1);
+  };
+  return [...getOuterEdge({
+    orderedPoints: points
+  }), ...getOuterEdge({
+    orderedPoints: [...points].reverse()
+  })];
+};
+// Edges follow the safe area's point order. Points on the boundary count as inside.
+const isPointerInsideEdge = ({
+  edgeEnd,
+  edgeStart,
+  pointer
+}) => (edgeEnd.x - edgeStart.x) * (pointer.y - edgeStart.y) - (edgeEnd.y - edgeStart.y) * (pointer.x - edgeStart.x) >= 0;
+//# sourceMappingURL=usePointerSafeArea.js.map

package/dist/hooks/usePointerSafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerSafeArea.js","names":["useCallback","useEffect","useRef","usePointerSafeArea","enabled","from","idleTimeout","onChange","onRelease","to","origin","undefined","isReturning","isProtected","idleTimer","callbacks","current","clear","clearTimeout","polygon","release","pointer","update","target","start","rect","getBoundingClientRect","left","x","right","points","getSafeAreaPoints","isInsideSafeArea","map","y","join","setTimeout","trackSource","trackTarget","handleMove","event","pointerType","clientX","clientY","contains","handlePress","document","ownerDocument","addEventListener","capture","passive","removeEventListener","isTracking","protect","refresh","every","edgeStart","index","isPointerInsideEdge","edgeEnd","length","top","bottom","sort","a","b","getOuterEdge","orderedPoints","edge","point","previous","corner","edgeX","edgeY","pointX","pointY","shouldRemoveCorner","pop","push","slice","reverse"],"sources":["../../src/hooks/usePointerSafeArea.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { useCallback, useEffect, useRef } from 'react'\n\nexport type PointerPosition = { x: number; y: number }\n\ntype UsePointerSafeAreaArgs = {\n  enabled: boolean\n  from: RefObject<HTMLElement | null>\n  idleTimeout?: number\n  onChange: (args: { polygon: null | string }) => void\n  onRelease: (pointer: PointerPosition) => void\n  to: RefObject<HTMLElement | null>\n}\n\n/** Tracks a safe area for pointer travel between two elements in either direction. */\nexport const usePointerSafeArea = ({\n  enabled,\n  from,\n  idleTimeout = 300,\n  onChange,\n  onRelease,\n  to,\n}: UsePointerSafeAreaArgs) => {\n  const origin = useRef<PointerPosition | undefined>(undefined)\n  const isReturning = useRef(false)\n  const isProtected = useRef(false)\n  const idleTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  const callbacks = useRef({ onChange, onRelease })\n\n  useEffect(() => {\n    callbacks.current = { onChange, onRelease }\n  }, [onChange, onRelease])\n\n  const clear = useCallback(() => {\n    clearTimeout(idleTimer.current)\n    idleTimer.current = undefined\n    if (isProtected.current) {\n      isProtected.current = false\n      callbacks.current.onChange({ polygon: null })\n    }\n    origin.current = undefined\n  }, [])\n\n  const release = useCallback(\n    (pointer: PointerPosition) => {\n      clear()\n      callbacks.current.onRelease(pointer)\n    },\n    [clear],\n  )\n\n  const update = useCallback(\n    ({ pointer }: { pointer?: PointerPosition } = {}) => {\n      const target = isReturning.current ? from.current : to.current\n      const start = origin.current\n\n      if (!enabled || !target || !start || (!pointer && !isProtected.current)) {\n        return false\n      }\n\n      const rect = target.getBoundingClientRect()\n      if (rect.left <= start.x && rect.right >= start.x) {\n        return false\n      }\n      const points = getSafeAreaPoints({ rect, start })\n\n      if (pointer && !isInsideSafeArea({ pointer, points })) {\n        return false\n      }\n\n      isProtected.current = true\n      callbacks.current.onChange({\n        polygon: `polygon(${points.map(({ x, y }) => `${x}px ${y}px`).join(', ')})`,\n      })\n      if (pointer) {\n        clearTimeout(idleTimer.current)\n        idleTimer.current = setTimeout(() => release(pointer), idleTimeout)\n      }\n      return true\n    },\n    [enabled, from, idleTimeout, release, to],\n  )\n\n  const trackSource = useCallback(\n    (pointer: PointerPosition) => {\n      clear()\n      origin.current = pointer\n      isReturning.current = false\n    },\n    [clear],\n  )\n\n  const trackTarget = useCallback(\n    (pointer: PointerPosition) => {\n      // A keyboard-opened target does not start pointer tracking on its own.\n      if (!origin.current) {\n        return\n      }\n      clear()\n      origin.current = pointer\n      isReturning.current = true\n    },\n    [clear],\n  )\n\n  useEffect(() => {\n    if (!enabled) {\n      clear()\n      return\n    }\n\n    const handleMove = (event: PointerEvent) => {\n      if (event.pointerType !== 'mouse' || !origin.current) {\n        return\n      }\n      const pointer = { x: event.clientX, y: event.clientY }\n      const target = event.target as Node | null\n\n      if (target && from.current?.contains(target)) {\n        trackSource(pointer)\n      } else if (target && to.current?.contains(target)) {\n        trackTarget(pointer)\n      } else if (isProtected.current && !update({ pointer })) {\n        release(pointer)\n      }\n    }\n    const handlePress = (event: PointerEvent) => {\n      if (event.pointerType === 'mouse') {\n        // Preserve tracking after clicks that keep either endpoint open, while\n        // letting clicks elsewhere reach their target without sending a replacement event.\n        const pointer = { x: event.clientX, y: event.clientY }\n        const target = event.target as Node | null\n\n        if (target && from.current?.contains(target)) {\n          trackSource(pointer)\n        } else if (target && to.current?.contains(target)) {\n          trackTarget(pointer)\n        } else {\n          clear()\n        }\n      }\n    }\n    const document = from.current?.ownerDocument\n\n    document?.addEventListener('pointermove', handleMove, { capture: true, passive: true })\n    document?.addEventListener('pointerdown', handlePress, { capture: true, passive: true })\n    return () => {\n      document?.removeEventListener('pointermove', handleMove, { capture: true })\n      document?.removeEventListener('pointerdown', handlePress, { capture: true })\n      clear()\n    }\n  }, [clear, enabled, from, release, to, trackSource, trackTarget, update])\n\n  return {\n    clear,\n    isProtected: useCallback(() => isProtected.current, []),\n    isTracking: useCallback(() => origin.current !== undefined, []),\n    protect: ({ pointer }: { pointer: PointerPosition }) => update({ pointer }),\n    refresh: () => update(),\n    trackSource,\n    trackTarget,\n  }\n}\n\nconst isInsideSafeArea = ({\n  pointer,\n  points,\n}: {\n  pointer: PointerPosition\n  points: PointerPosition[]\n}) =>\n  points.every((edgeStart, index) =>\n    isPointerInsideEdge({\n      edgeEnd: points[(index + 1) % points.length],\n      edgeStart,\n      pointer,\n    }),\n  )\n\n// The convex hull covers the whole destination, allowing return paths to enter\n// through its top or bottom as well as its nearest edge.\nconst getSafeAreaPoints = ({ rect, start }: { rect: DOMRect; start: PointerPosition }) => {\n  const points = [\n    { x: start.x, y: start.y - 4 },\n    { x: start.x, y: start.y + 4 },\n    { x: rect.left, y: rect.top },\n    { x: rect.right, y: rect.top },\n    { x: rect.right, y: rect.bottom },\n    { x: rect.left, y: rect.bottom },\n  ].sort((a, b) => a.x - b.x || a.y - b.y)\n  const getOuterEdge = ({ orderedPoints }: { orderedPoints: PointerPosition[] }) => {\n    const edge: PointerPosition[] = []\n\n    for (const point of orderedPoints) {\n      while (edge.length > 1) {\n        const previous = edge[edge.length - 2]\n        const corner = edge[edge.length - 1]\n        const edgeX = corner.x - previous.x\n        const edgeY = corner.y - previous.y\n        const pointX = point.x - previous.x\n        const pointY = point.y - previous.y\n        const shouldRemoveCorner = edgeX * pointY - edgeY * pointX <= 0\n\n        // Remove corners that bend into the area or lie on a straight edge.\n        if (!shouldRemoveCorner) {\n          break\n        }\n        edge.pop()\n      }\n      edge.push(point)\n    }\n    return edge.slice(0, -1)\n  }\n\n  return [\n    ...getOuterEdge({ orderedPoints: points }),\n    ...getOuterEdge({ orderedPoints: [...points].reverse() }),\n  ]\n}\n\n// Edges follow the safe area's point order. Points on the boundary count as inside.\nconst isPointerInsideEdge = ({\n  edgeEnd,\n  edgeStart,\n  pointer,\n}: {\n  edgeEnd: PointerPosition\n  edgeStart: PointerPosition\n  pointer: PointerPosition\n}): boolean =>\n  (edgeEnd.x - edgeStart.x) * (pointer.y - edgeStart.y) -\n    (edgeEnd.y - edgeStart.y) * (pointer.x - edgeStart.x) >=\n  0\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/usePopupWindow.js.map

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

package/dist/hooks/useRelatedCollections.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRelatedCollections.js","names":["c","_c","useState","useConfig","useRelatedCollections","relationTo","$","getEntityConfig","t0","relations","map","relation","collectionSlug","relatedCollections"],"sources":["../../src/hooks/useRelatedCollections.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\n/**\n * Gets the corresponding client collection config(s) for the given collection slug.\n */\nexport const useRelatedCollections = (relationTo: string | string[]): ClientCollectionConfig[] => {\n  const { getEntityConfig } = useConfig()\n\n  const [relatedCollections] = useState(() => {\n    if (relationTo) {\n      const relations = typeof relationTo === 'string' ? [relationTo] : relationTo\n      return relations.map((relation) => getEntityConfig({ collectionSlug: relation }))\n    }\n    return []\n  })\n\n  return relatedCollections\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AAEzB,SAASC,SAAS,QAAQ;AAE1B;;;AAGA,OAAO,MAAMC,qBAAA,GAAwBC,UAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnC;IAAAM;EAAA,IAA4BJ,SAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAD,UAAA;IAEUG,EAAA,GAAAA,CAAA;MAAA,IAChCH,UAAA;QACF,MAAAI,SAAA,GAAkB,OAAOJ,UAAA,KAAe,YAAYA,UAAA,IAAcA,UAAA;QAAA,OAC3DI,SAAA,CAAAC,GAAA,CAAAC,QAAA,IAA4BJ,eAAA;UAAAK,cAAA,EAAkCD;QAAA,CAAS;MAAA;MAAA;IAAA;IAGlFL,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAD,UAAA;IAAAC,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EANA,OAAAO,kBAAA,IAA6BX,QAAA,CAASM,EAMtC;EAAA,OAEOK,kBAAA;AAAA,CACT","ignoreList":[]}
+{"version":3,"file":"useRelatedCollections.js","names":["c","_c","useState","useConfig","useRelatedCollections","relationTo","$","getEntityConfig","t0","relations","map","relation","collectionSlug","relatedCollections"],"sources":["../../src/hooks/useRelatedCollections.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useState } from 'react'\n\nimport { useConfig } from '../providers/Config/index.js'\n\n/**\n * Gets the corresponding client collection config(s) for the given collection slug.\n */\nexport const useRelatedCollections = (relationTo: string | string[]): ClientCollectionConfig[] => {\n  const { getEntityConfig } = useConfig()\n\n  const [relatedCollections] = useState(() => {\n    if (relationTo) {\n      const relations = typeof relationTo === 'string' ? [relationTo] : relationTo\n      return relations.map((relation) => getEntityConfig({ collectionSlug: relation }))\n    }\n    return []\n  })\n\n  return relatedCollections\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AAEzB,SAASC,SAAS,QAAQ;AAE1B;;;AAGA,OAAO,MAAMC,qBAAA,GAAwBC,UAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnC;IAAAM;EAAA,IAA4BJ,SAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAD,UAAA;IAEUG,EAAA,GAAAA,CAAA;MACpC,IAAIH,UAAA;QACF,MAAAI,SAAA,GAAkB,OAAOJ,UAAA,KAAe,QAA0B,GAAhD,CAAkCA,UAAA,CAAc,GAAhDA,UAAgD;QAAA,OAC3DI,SAAA,CAAAC,GAAa,CAACC,QAAA,IAAcJ,eAAA,CAAgB;UAAAK,cAAA,EAAkBD;QAAS;MAAA;MAChF,OACO,EAAE;IAAA,CACX;IAAAL,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAD,UAAA;IAAAC,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EANA,OAAAO,kBAAA,IAA6BX,QAAA,CAASM,EAMtC;EAAA,OAEOK,kBAAA;AAAA,CACT","ignoreList":[]}

package/dist/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","names":["c","_c","useEffect","useState","useResize","element","$","size","setSize","t0","t1","observer","entries","forEach","entry","contentBoxSize","contentRect","newWidth","newHeight","newSize","Array","isArray","blockSize","inlineSize","height","width","observe","unobserve","t2"],"sources":["../../src/hooks/useResize.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\ninterface Size {\n  height: number\n  width: number\n}\n\ninterface Resize {\n  size?: Size\n}\n\nexport const useResize = (element: HTMLElement): Resize => {\n  const [size, setSize] = useState<Size>()\n\n  useEffect(() => {\n    let observer: any // eslint-disable-line\n\n    if (element) {\n      observer = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const {\n            contentBoxSize,\n            contentRect, // for Safari iOS compatibility, will be deprecated eventually (see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect)\n          } = entry\n\n          let newWidth = 0\n          let newHeight = 0\n\n          if (contentBoxSize) {\n            const newSize = Array.isArray(contentBoxSize) ? contentBoxSize[0] : contentBoxSize\n\n            if (newSize) {\n              const { blockSize, inlineSize } = newSize\n              newWidth = inlineSize\n              newHeight = blockSize\n            }\n          } else if (contentRect) {\n            // see note above for why this block is needed\n            const { height, width } = contentRect\n            newWidth = width\n            newHeight = height\n          }\n\n          setSize({\n            height: newHeight,\n            width: newWidth,\n          })\n        })\n      })\n\n      observer.observe(element)\n    }\n\n    return () => {\n      if (observer) {\n        observer.unobserve(element)\n      }\n    }\n  }, [element])\n\n  return {\n    size,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAWpC,OAAO,MAAMC,SAAA,GAAYC,OAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACvB,OAAAM,IAAA,EAAAC,OAAA,IAAwBL,QAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAD,OAAA;IAEdI,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,QAAA;MAAc,IAEdN,OAAA;QACFM,QAAA,CAAAA,CAAA,CAAAA,GAAA,CAAAA,sBAAA,CAAAA,EAAA,CAAAA;UACEC,OAAA,CAAAC,OAAA,CAAAC,KAAA;YACE;cAAAC,cAAA;cAAAC;YAAA,IAGIF,KAAA;YAEJ,IAAAG,QAAA;YACA,IAAAC,SAAA;YAAgB,IAEZH,cAAA;cACF,MAAAI,OAAA,GAAgBC,KAAA,CAAAC,OAAA,CAAcN,cAAA,IAAkBA,cAAc,MAAMA,cAAA;cAAA,IAEhEI,OAAA;gBACF;kBAAAG,SAAA;kBAAAC;gBAAA,IAAkCJ,OAAA;gBAClCF,QAAA,CAAAA,CAAA,CAAWM,UAAA;gBACXL,SAAA,CAAAA,CAAA,CAAYI,SAAA;cAAZ;YAAA;cAAA,IAEON,WAAA;gBAET;kBAAAQ,MAAA;kBAAAC;gBAAA,IAA0BT,WAAA;gBAC1BC,QAAA,CAAAA,CAAA,CAAWQ,KAAA;gBACXP,SAAA,CAAAA,CAAA,CAAYM,MAAA;cAAZ;YAAA;YAGFhB,OAAA;cAAAgB,MAAA,EACUN,SAAA;cAAAO,KAAA,EACDR;YAAA,CACT;UAAA,CACF;QAAA;QAGFN,QAAA,CAAAe,OAAA,CAAiBrB,OAAA;MAAA;MAAA;QAAA,IAIbM,QAAA;UACFA,QAAA,CAAAgB,SAAA,CAAmBtB,OAAA;QAAA;MAAA;IAAA;IAGtBK,EAAA,IAACL,OAAA;IAAQC,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EA5CZJ,SAAA,CAAUO,EA4CV,EAAGC,EAAS;EAAA,IAAAkB,EAAA;EAAA,IAAAtB,CAAA,QAAAC,IAAA;IAELqB,EAAA;MAAArB;IAAA;IAEPD,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,OAFOsB,EAEP;AAAA,CACF","ignoreList":[]}
+{"version":3,"file":"useResize.js","names":["c","_c","useEffect","useState","useResize","element","$","size","setSize","t0","t1","observer","ResizeObserver","entries","forEach","entry","contentBoxSize","contentRect","newWidth","newHeight","newSize","Array","isArray","blockSize","inlineSize","height","width","observe","unobserve","t2"],"sources":["../../src/hooks/useResize.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\ninterface Size {\n  height: number\n  width: number\n}\n\ninterface Resize {\n  size?: Size\n}\n\nexport const useResize = (element: HTMLElement): Resize => {\n  const [size, setSize] = useState<Size>()\n\n  useEffect(() => {\n    let observer: any // eslint-disable-line\n\n    if (element) {\n      observer = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const {\n            contentBoxSize,\n            contentRect, // for Safari iOS compatibility, will be deprecated eventually (see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect)\n          } = entry\n\n          let newWidth = 0\n          let newHeight = 0\n\n          if (contentBoxSize) {\n            const newSize = Array.isArray(contentBoxSize) ? contentBoxSize[0] : contentBoxSize\n\n            if (newSize) {\n              const { blockSize, inlineSize } = newSize\n              newWidth = inlineSize\n              newHeight = blockSize\n            }\n          } else if (contentRect) {\n            // see note above for why this block is needed\n            const { height, width } = contentRect\n            newWidth = width\n            newHeight = height\n          }\n\n          setSize({\n            height: newHeight,\n            width: newWidth,\n          })\n        })\n      })\n\n      observer.observe(element)\n    }\n\n    return () => {\n      if (observer) {\n        observer.unobserve(element)\n      }\n    }\n  }, [element])\n\n  return {\n    size,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAWpC,OAAO,MAAMC,SAAA,GAAYC,OAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACvB,OAAAM,IAAA,EAAAC,OAAA,IAAwBL,QAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAD,OAAA;IAEdI,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,QAAA;MAEJ,IAAIN,OAAA;QACFM,QAAA,CAAAA,CAAA,CAAWA,GAAA,CAAIC,cAAA,CAAeC,OAAA;UAC5BA,OAAA,CAAAC,OAAe,CAACC,KAAA;YACd;cAAAC,cAAA;cAAAC;YAAA,IAGIF,KAAA;YAEJ,IAAAG,QAAA,GAAe;YACf,IAAAC,SAAA,GAAgB;YAEhB,IAAIH,cAAA;cACF,MAAAI,OAAA,GAAgBC,KAAA,CAAAC,OAAa,CAACN,cAAsC,IAApBA,cAAc,GAAM,GAApDA,cAAoD;cAEpE,IAAII,OAAA;gBACF;kBAAAG,SAAA;kBAAAC;gBAAA,IAAkCJ,OAAA;gBAClCF,QAAA,CAAAA,CAAA,CAAWM,UAAA;gBACXL,SAAA,CAAAA,CAAA,CAAYI,SAAA;cAAZ;YACF;cACK,IAAIN,WAAA;gBAET;kBAAAQ,MAAA;kBAAAC;gBAAA,IAA0BT,WAAA;gBAC1BC,QAAA,CAAAA,CAAA,CAAWQ,KAAA;gBACXP,SAAA,CAAAA,CAAA,CAAYM,MAAA;cAAZ;YACF;YAEAjB,OAAA,CAAQ;cAAAiB,MAAA,EACEN,SAAA;cAAAO,KAAA,EACDR;YACT;UAAA,CACF;QAAA,CACF;QAEAP,QAAA,CAAAgB,OAAgB,CAACtB,OAAA;MAAA;MACnB,OAEO;QACL,IAAIM,QAAA;UACFA,QAAA,CAAAiB,SAAkB,CAACvB,OAAA;QAAA;MACrB,CACF;IAAA,CACF;IAAGK,EAAA,IAACL,OAAA,CAAQ;IAAAC,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EA5CZJ,SAAA,CAAUO,EA4CV,EAAGC,EAAS;EAAA,IAAAmB,EAAA;EAAA,IAAAvB,CAAA,QAAAC,IAAA;IAELsB,EAAA;MAAAtB;IAEP;IAAAD,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OAFOuB,EAEP;AAAA,CACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottledEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useThrottledEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,kBAAkB,GAAG,CACxB,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,CAAC,cAAc,KACvB,IAAI,CAAA;AAET;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAkBhC,CAAA"}
+{"version":3,"file":"useThrottledEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useThrottledEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,kBAAkB,GAAG,CACxB,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,CAAC,cAAc,KACvB,IAAI,CAAA;AAET;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAoBhC,CAAA"}

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/icons/Branch/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .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/Edit/index.d.ts

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

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

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