@alfadocs/ui-kit-debug 1.56.0 → 1.58.0

package/dist/_chunks/{scroll-area-ZtFCv9K7.js → scroll-area-CY5SLYNw.js}

@@ -1,9 +1,11 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as m, useRef as x } from "react";
-import * as r from "@radix-ui/react-scroll-area";
-import { c as h } from "./index-D2ZczOXr.js";
-import { u as y } from "./use-direction-Dp8h70PP.js";
-const f = h(
+import { jsx as i, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as m, useRef as b, useMemo as w, useState as T } from "react";
+import * as s from "@radix-ui/react-scroll-area";
+import { c as z } from "./index-D2ZczOXr.js";
+import { c as y } from "./compose-refs-C0k0tdqF.js";
+import { u as O } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as D } from "./use-direction-Dp8h70PP.js";
+const p = z(
   [
     "ds:flex ds:touch-none ds:select-none",
     // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).
@@ -30,7 +32,7 @@ const f = h(
       size: "md"
     }
   }
-), v = h(
+), g = z(
   [
     "ds:relative ds:flex-1",
     "ds:rounded-[var(--radius-full)]",
@@ -43,49 +45,73 @@ const f = h(
     'ds:before:absolute ds:before:content-[""] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',
     "ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]"
   ].join(" ")
-), g = (o, a, s) => o ?? (a || s ? "region" : void 0), A = (o) => o === "auto" || o === void 0 ? "hover" : o, N = {
+), x = (o, r, c) => o ?? (r || c ? "region" : void 0), S = (o) => o === "auto" || o === "scroll";
+function A(o, r) {
+  const [c, u] = T(!1);
+  return O(() => {
+    const e = o.current;
+    if (!e) return;
+    if (typeof ResizeObserver > "u") {
+      u(!0);
+      return;
+    }
+    const n = () => {
+      const a = getComputedStyle(e), v = (r !== "horizontal" || S(a.overflowY)) && e.scrollHeight - e.clientHeight > 1, f = (r !== "vertical" || S(a.overflowX)) && e.scrollWidth - e.clientWidth > 1;
+      u(f || v || e.ownerDocument.activeElement === e);
+    }, l = new ResizeObserver(n), t = () => {
+      l.disconnect(), l.observe(e);
+      for (const a of Array.from(e.children)) l.observe(a);
+    }, d = new MutationObserver(() => {
+      t(), n();
+    });
+    return t(), d.observe(e, { childList: !0 }), e.addEventListener("blur", n), n(), () => {
+      l.disconnect(), d.disconnect(), e.removeEventListener("blur", n);
+    };
+  }, [o, r]), c;
+}
+const E = (o) => o === "auto" || o === void 0 ? "hover" : o, M = {
   vertical: "ds:overflow-y-auto",
   horizontal: "ds:overflow-x-auto",
   both: "ds:overflow-auto"
-}, p = m(
+}, R = m(
   ({
     orientation: o = "vertical",
-    size: a = "md",
-    type: s = "auto",
-    className: i,
-    children: t,
+    size: r = "md",
+    type: c = "auto",
+    className: u,
+    children: e,
     scrollHideDelay: n,
     // The name and role belong on the viewport, the element that takes
     // focus, not on the Root wrapper around it.
-    "aria-label": d,
-    "aria-labelledby": c,
-    role: u,
-    ...l
-  }, z) => {
-    const b = x(null), w = y(b);
-    return /* @__PURE__ */ S(
-      r.Root,
+    "aria-label": l,
+    "aria-labelledby": t,
+    role: d,
+    ...a
+  }, v) => {
+    const f = b(null), j = D(f), h = b(null), V = w(() => y(v, h), [v]), C = A(h, o);
+    return /* @__PURE__ */ H(
+      s.Root,
       {
-        ref: b,
-        type: A(s),
-        dir: w,
+        ref: f,
+        type: E(c),
+        dir: j,
         scrollHideDelay: n,
         "data-component": "scroll-area",
         className: [
           "ds:relative ds:overflow-hidden",
           "ds:min-w-0 ds:min-h-0",
-          i
+          u
         ].filter(Boolean).join(" "),
-        ...l,
+        ...a,
         children: [
-          /* @__PURE__ */ e(
-            r.Viewport,
+          /* @__PURE__ */ i(
+            s.Viewport,
             {
-              ref: z,
-              tabIndex: 0,
-              role: g(u, d, c),
-              "aria-label": d,
-              "aria-labelledby": c,
+              ref: V,
+              tabIndex: C ? 0 : void 0,
+              role: x(d, l, t),
+              "aria-label": l,
+              "aria-labelledby": t,
               className: [
                 "ds:h-full ds:w-full ds:rounded-[inherit]",
                 // Radix wraps the viewport content in an inline
@@ -103,77 +129,81 @@ const f = h(
                 "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                 "ds:forced-colors:focus-visible:outline-[Highlight]"
               ].filter(Boolean).join(" "),
-              children: t
+              children: e
             }
           ),
           (o === "vertical" || o === "both") && // forceMount keeps the element in the DOM so CSS opacity transition
           // can animate the show/hide instead of mount/unmount snapping.
-          /* @__PURE__ */ e(
-            r.Scrollbar,
+          /* @__PURE__ */ i(
+            s.Scrollbar,
             {
               forceMount: !0,
               orientation: "vertical",
-              className: f({ size: a }),
-              children: /* @__PURE__ */ e(r.Thumb, { className: v() })
+              className: p({ size: r }),
+              children: /* @__PURE__ */ i(s.Thumb, { className: g() })
             }
           ),
-          (o === "horizontal" || o === "both") && /* @__PURE__ */ e(
-            r.Scrollbar,
+          (o === "horizontal" || o === "both") && /* @__PURE__ */ i(
+            s.Scrollbar,
             {
               forceMount: !0,
               orientation: "horizontal",
-              className: f({ size: a }),
-              children: /* @__PURE__ */ e(r.Thumb, { className: v() })
+              className: p({ size: r }),
+              children: /* @__PURE__ */ i(s.Thumb, { className: g() })
             }
           ),
-          /* @__PURE__ */ e(r.Corner, {})
+          /* @__PURE__ */ i(s.Corner, {})
         ]
       }
     );
   }
 );
-p.displayName = "RadixScrollArea";
-const R = m(
-  (o, a) => {
-    const {
-      orientation: s = "vertical",
-      type: i = "auto",
-      className: t,
-      children: n,
-      scrollHideDelay: d,
-      size: c,
-      role: u,
-      ...l
-    } = o;
-    return i === "native" ? /* @__PURE__ */ e(
+R.displayName = "RadixScrollArea";
+const N = m(
+  ({
+    orientation: o = "vertical",
+    type: r,
+    className: c,
+    children: u,
+    scrollHideDelay: e,
+    size: n,
+    role: l,
+    ...t
+  }, d) => {
+    const a = b(null), v = w(() => y(d, a), [d]), f = A(a, o);
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: a,
-        role: g(u, l["aria-label"], l["aria-labelledby"]),
+        ref: v,
+        role: x(l, t["aria-label"], t["aria-labelledby"]),
         "data-component": "scroll-area",
-        tabIndex: 0,
+        tabIndex: f ? 0 : void 0,
         className: [
-          N[s],
+          M[o],
           "ds:min-w-0 ds:min-h-0",
           "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
           "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
           "ds:forced-colors:focus-visible:outline-[Highlight]",
-          t
+          c
         ].filter(Boolean).join(" "),
-        ...l,
-        children: n
+        ...t,
+        children: u
       }
-    ) : /* @__PURE__ */ e(p, { ref: a, ...o });
+    );
   }
 );
-R.displayName = "ScrollArea";
-const B = r.Root, C = r.Viewport, D = r.Scrollbar, k = r.Thumb, I = r.Corner;
+N.displayName = "NativeScrollArea";
+const B = m(
+  (o, r) => o.type === "native" ? /* @__PURE__ */ i(N, { ref: r, ...o }) : /* @__PURE__ */ i(R, { ref: r, ...o })
+);
+B.displayName = "ScrollArea";
+const X = s.Root, Y = s.Viewport, q = s.Scrollbar, F = s.Thumb, G = s.Corner;
 export {
-  R as S,
-  I as a,
-  B as b,
-  D as c,
-  k as d,
-  C as e
+  B as S,
+  G as a,
+  X as b,
+  q as c,
+  F as d,
+  Y as e
 };
-//# sourceMappingURL=scroll-area-ZtFCv9K7.js.map
+//# sourceMappingURL=scroll-area-CY5SLYNw.js.map

package/dist/_chunks/scroll-area-CY5SLYNw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-CY5SLYNw.js","sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n  type AriaRole,\n  type ComponentPropsWithoutRef,\n  type RefObject,\n} from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useDirection } from '../_shared/use-direction';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\nconst scrollbarVariants = cva(\n  [\n    'ds:flex ds:touch-none ds:select-none',\n    // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).\n    // Default opacity is 1 because ScrollAreaScrollbarVisible (type='always')\n    // never sets data-state at all — only hover/scroll/auto set data-state=\"hidden\".\n    'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[state=hidden]:opacity-0',\n    // Orientation-specific sizing + padding so thumb floats away from the frame edge\n    'ds:data-[orientation=vertical]:w-[var(--scrollbar-size)] ds:data-[orientation=vertical]:p-[var(--scrollbar-padding)]',\n    'ds:data-[orientation=horizontal]:h-[var(--scrollbar-size)] ds:data-[orientation=horizontal]:flex-col ds:data-[orientation=horizontal]:p-[var(--scrollbar-padding)]',\n    'ds:bg-[var(--scrollbar-track)]',\n    // forced-colors: 1px border keeps the track visible when background flattens\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--scrollbar-size:var(--scrollbar-size-sm)]',\n        md: 'ds:[--scrollbar-size:var(--scrollbar-size-md)]',\n        lg: 'ds:[--scrollbar-size:var(--scrollbar-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:relative ds:flex-1',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--scrollbar-thumb)]',\n    'ds:hover:bg-[var(--scrollbar-thumb-hover)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    // forced-color-adjust: auto so forced-colors paint ButtonFace/ButtonText\n    'ds:[forced-color-adjust:auto]',\n    // hit area extension via ::before for touch pointers (must be absolute)\n    'ds:before:absolute ds:before:content-[\"\"] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',\n    'ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]',\n  ].join(' '),\n);\n\nexport interface ScrollAreaProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, 'type'>,\n    VariantProps<typeof scrollbarVariants> {\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * `auto`   — scrollbar fades in on pointer-enter, fades out after `--scrollbar-fade-delay` (default).\n   * `always` — scrollbar always visible; use for data tables.\n   * `scroll` — scrollbar visible only while scrolling.\n   * `hover`  — alias for `auto` (Radix hover mode).\n   * `native` — skips the custom scrollbar entirely; the OS renders its own.\n   *            Use for virtualised lists (AG Grid, @tanstack/react-virtual).\n   */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'native';\n  /**\n   * Names the scroll container. While its content overflows, the viewport\n   * is a tab stop so keyboard users can scroll it with the arrow keys, and a\n   * tab stop needs a name. Given `aria-label` or `aria-labelledby`, the\n   * viewport (not the outer wrapper) carries the name and becomes a\n   * `region`. Prefer `aria-labelledby` pointing at a heading or landmark\n   * already on screen.\n   */\n  'aria-label'?: string;\n  /** The id of an element whose text names the scroll container. See `aria-label`. */\n  'aria-labelledby'?: string;\n  /**\n   * The tab stop's role. Default `region` when the scroll area is named, none\n   * otherwise. Pass `group` when the content may hold an `<aside>` or other\n   * landmark: a region is a landmark, and axe rejects an aside nested in one.\n   */\n  role?: AriaRole;\n  className?: string;\n  children: React.ReactNode;\n}\n\n/* The tab stop's role: a named scroll container is a region (the usual\n   pattern for a keyboard-scrollable pane); an unnamed one keeps no role,\n   as before, because a region with no name is not a landmark. */\nconst viewportRole = (\n  role: AriaRole | undefined,\n  ariaLabel: string | undefined,\n  ariaLabelledBy: string | undefined,\n): AriaRole | undefined =>\n  role ?? (ariaLabel || ariaLabelledBy ? 'region' : undefined);\n\ntype Orientation = NonNullable<ScrollAreaProps['orientation']>;\n\n/* Whether the element's style lets the user scroll it on one axis. */\nconst scrollsOn = (value: string) => value === 'auto' || value === 'scroll';\n\n/* Whether the element can scroll on an axis `orientation` or its style\n   allows, kept current as its box or content resizes. Starts false, so the\n   server renders no tab stop; the first layout pass measures before paint. */\nfunction useCanScroll(\n  ref: RefObject<HTMLElement | null>,\n  orientation: Orientation,\n): boolean {\n  const [canScroll, setCanScroll] = useState(false);\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return undefined;\n    // No observer to keep the answer fresh: stay a tab stop, as before.\n    if (typeof ResizeObserver === 'undefined') {\n      setCanScroll(true);\n      return undefined;\n    }\n    const measure = () => {\n      // A native vertical area scrolls sideways too (overflow-x computes to\n      // auto). 1px of slack absorbs sub-pixel rounding in the scroll sizes.\n      const style = getComputedStyle(el);\n      const y =\n        (orientation !== 'horizontal' || scrollsOn(style.overflowY)) &&\n        el.scrollHeight - el.clientHeight > 1;\n      const x =\n        (orientation !== 'vertical' || scrollsOn(style.overflowX)) &&\n        el.scrollWidth - el.clientWidth > 1;\n      // Never pull the tab stop out from under focus; re-check on blur.\n      setCanScroll(x || y || el.ownerDocument.activeElement === el);\n    };\n    // The box itself, and each direct child, whose size is the content's.\n    const resize = new ResizeObserver(measure);\n    const observeAll = () => {\n      resize.disconnect();\n      resize.observe(el);\n      for (const child of Array.from(el.children)) resize.observe(child);\n    };\n    const children = new MutationObserver(() => {\n      observeAll();\n      measure();\n    });\n    observeAll();\n    children.observe(el, { childList: true });\n    el.addEventListener('blur', measure);\n    measure();\n    return () => {\n      resize.disconnect();\n      children.disconnect();\n      el.removeEventListener('blur', measure);\n    };\n  }, [ref, orientation]);\n  return canScroll;\n}\n\nconst radixType = (\n  type: ScrollAreaProps['type'],\n): ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>['type'] => {\n  if (type === 'auto' || type === undefined) return 'hover';\n  return type as Exclude<\n    ScrollAreaProps['type'],\n    'auto' | 'native' | undefined\n  >;\n};\n\nconst nativeOverflow: Record<\n  NonNullable<ScrollAreaProps['orientation']>,\n  string\n> = {\n  vertical: 'ds:overflow-y-auto',\n  horizontal: 'ds:overflow-x-auto',\n  both: 'ds:overflow-auto',\n};\n\nconst RadixScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      orientation = 'vertical',\n      size = 'md',\n      type = 'auto',\n      className,\n      children,\n      scrollHideDelay,\n      // The name and role belong on the viewport, the element that takes\n      // focus, not on the Root wrapper around it.\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      role,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dir = useDirection(rootRef);\n    const viewportRef = useRef<HTMLDivElement>(null);\n    const setViewport = useMemo(() => composeRefs(ref, viewportRef), [ref]);\n    const canScroll = useCanScroll(viewportRef, orientation);\n    return (\n      <ScrollAreaPrimitive.Root\n        ref={rootRef}\n        type={radixType(type)}\n        dir={dir}\n        scrollHideDelay={scrollHideDelay}\n        data-component=\"scroll-area\"\n        className={[\n          'ds:relative ds:overflow-hidden',\n          'ds:min-w-0 ds:min-h-0',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <ScrollAreaPrimitive.Viewport\n          ref={setViewport}\n          // A viewport that can scroll must be reachable by keyboard (axe's\n          // `scrollable-region-focusable`) so the arrow keys can drive it.\n          // One that cannot would be an empty tab stop, so it is not one.\n          tabIndex={canScroll ? 0 : undefined}\n          role={viewportRole(role, ariaLabel, ariaLabelledBy)}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          className={[\n            'ds:h-full ds:w-full ds:rounded-[inherit]',\n            // Radix wraps the viewport content in an inline\n            // `display:table; min-width:100%` div that grows to the content's\n            // MAX-content width. In a vertical-only scroll area the Root's\n            // overflow-x is hidden, so anything wider than the viewport is\n            // silently CLIPPED — not scrollable (seen in the ToolRail inbox\n            // panel once accessible-mode type pushed content past the panel\n            // width). Forcing that wrapper to `block` makes content wrap to the\n            // viewport width instead. Horizontal / both keep the table wrapper\n            // so they can still scroll on the x-axis.\n            orientation === 'vertical' ? 'ds:[&>div]:!block' : '',\n            // keyboard focus ring on the scroll container\n            'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n            'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n            'ds:forced-colors:focus-visible:outline-[Highlight]',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n\n        {(orientation === 'vertical' || orientation === 'both') && (\n          // forceMount keeps the element in the DOM so CSS opacity transition\n          // can animate the show/hide instead of mount/unmount snapping.\n          <ScrollAreaPrimitive.Scrollbar\n            forceMount\n            orientation=\"vertical\"\n            className={scrollbarVariants({ size })}\n          >\n            <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n          </ScrollAreaPrimitive.Scrollbar>\n        )}\n\n        {(orientation === 'horizontal' || orientation === 'both') && (\n          <ScrollAreaPrimitive.Scrollbar\n            forceMount\n            orientation=\"horizontal\"\n            className={scrollbarVariants({ size })}\n          >\n            <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n          </ScrollAreaPrimitive.Scrollbar>\n        )}\n\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    );\n  },\n);\n\nRadixScrollArea.displayName = 'RadixScrollArea';\n\nconst NativeScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      orientation = 'vertical',\n      type: _type,\n      className,\n      children,\n      scrollHideDelay: _scrollHideDelay,\n      size: _size,\n      role,\n      ...rest\n    },\n    ref,\n  ) => {\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const setNode = useMemo(() => composeRefs(ref, nodeRef), [ref]);\n    const canScroll = useCanScroll(nodeRef, orientation);\n    return (\n      <div\n        ref={setNode}\n        role={viewportRole(role, rest['aria-label'], rest['aria-labelledby'])}\n        data-component=\"scroll-area\"\n        // A native scroll container is not focusable by default, so it is\n        // made a tab stop while it can scroll, for the arrow keys to drive.\n        tabIndex={canScroll ? 0 : undefined}\n        className={[\n          nativeOverflow[orientation],\n          'ds:min-w-0 ds:min-h-0',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:forced-colors:focus-visible:outline-[Highlight]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nNativeScrollArea.displayName = 'NativeScrollArea';\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (props, ref) =>\n    props.type === 'native' ? (\n      <NativeScrollArea ref={ref} {...props} />\n    ) : (\n      <RadixScrollArea ref={ref} {...props} />\n    ),\n);\n\nScrollArea.displayName = 'ScrollArea';\n\n// Re-export Radix parts for advanced composition\nexport const ScrollAreaRoot = ScrollAreaPrimitive.Root;\nexport const ScrollAreaViewport = ScrollAreaPrimitive.Viewport;\nexport const ScrollAreaScrollbar = ScrollAreaPrimitive.Scrollbar;\nexport const ScrollAreaThumb = ScrollAreaPrimitive.Thumb;\nexport const ScrollAreaCorner = ScrollAreaPrimitive.Corner;\n"],"names":["scrollbarVariants","cva","thumbVariants","viewportRole","role","ariaLabel","ariaLabelledBy","scrollsOn","value","useCanScroll","ref","orientation","canScroll","setCanScroll","useState","useIsomorphicLayoutEffect","el","measure","style","y","x","resize","observeAll","child","children","radixType","type","nativeOverflow","RadixScrollArea","forwardRef","size","className","scrollHideDelay","props","rootRef","useRef","dir","useDirection","viewportRef","setViewport","useMemo","composeRefs","jsxs","ScrollAreaPrimitive","jsx","NativeScrollArea","_type","_scrollHideDelay","_size","rest","nodeRef","setNode","ScrollArea","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner"],"mappings":"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"}