@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/scroll-area-Ds-fJn5M.js

@@ -0,0 +1,241 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import * as React from 'react';
+import { focusRing, controlStateColorTransition } from './primitives/transitions.es.js';
+import { quietTextHover } from './primitives/typography.es.js';
+import { useAutoscroll } from './hooks/use-autoscroll.es.js';
+import { m as mergeRefs } from './merge-refs-DA1xt2OQ.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const DEFAULT_SCROLL_BUTTON_SPEED = 100;
+const DEFAULT_SCROLL_BUTTON_INTERVAL_TIME = 20;
+const MIN_SCROLL_BUTTON_SPEED = 1;
+const MIN_SCROLL_BUTTON_INTERVAL_TIME = 16;
+const DEFAULT_MASK_FADE_DEPTH = "2rem";
+const NO_MASK_FADE = "0px";
+const SCROLL_DRIVEN_FADE_CLASSES = [
+  "mask-t-from-[calc(100%-min(var(--scroll-area-fade-top),var(--scroll-area-overflow-y-start,0px)))]",
+  "mask-b-from-[calc(100%-min(var(--scroll-area-fade-bottom),var(--scroll-area-overflow-y-end,0px)))]",
+  "mask-l-from-[calc(100%-min(var(--scroll-area-fade-left),var(--scroll-area-overflow-x-start,0px)))]",
+  "mask-r-from-[calc(100%-min(var(--scroll-area-fade-right),var(--scroll-area-overflow-x-end,0px)))]"
+].join(" ");
+const fadeDepth = (side) => side === true ? DEFAULT_MASK_FADE_DEPTH : side;
+function resolveMask(mask, orientation) {
+  if (mask === false) return { top: false, bottom: false, left: false, right: false };
+  const verticalFade = (orientation === "vertical" || orientation === "both") && DEFAULT_MASK_FADE_DEPTH;
+  const horizontalFade = (orientation === "horizontal" || orientation === "both") && DEFAULT_MASK_FADE_DEPTH;
+  const sides = { top: verticalFade, bottom: verticalFade, left: horizontalFade, right: horizontalFade };
+  if (mask === true || mask === void 0) return sides;
+  if (mask.y !== void 0) {
+    sides.top = fadeDepth(mask.y);
+    sides.bottom = fadeDepth(mask.y);
+  }
+  if (mask.x !== void 0) {
+    sides.left = fadeDepth(mask.x);
+    sides.right = fadeDepth(mask.x);
+  }
+  if (mask.top !== void 0) sides.top = fadeDepth(mask.top);
+  if (mask.bottom !== void 0) sides.bottom = fadeDepth(mask.bottom);
+  if (mask.left !== void 0) sides.left = fadeDepth(mask.left);
+  if (mask.right !== void 0) sides.right = fadeDepth(mask.right);
+  return sides;
+}
+const fadeDepthVars = (sides) => ({
+  "--scroll-area-fade-top": sides.top || NO_MASK_FADE,
+  "--scroll-area-fade-bottom": sides.bottom || NO_MASK_FADE,
+  "--scroll-area-fade-left": sides.left || NO_MASK_FADE,
+  "--scroll-area-fade-right": sides.right || NO_MASK_FADE
+});
+function clampScrollButtonNumber(value, fallback, min) {
+  const resolvedValue = value ?? fallback;
+  return Number.isFinite(resolvedValue) ? Math.max(min, resolvedValue) : Math.max(min, fallback);
+}
+const ScrollButton = ({ direction, label, onStartScrolling, onStopScrolling, onKeyboardScroll }) => {
+  const Icon = direction === "left" ? ChevronLeftIcon : ChevronRightIcon;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      className: cn(
+        "absolute inset-y-1 z-10 hidden w-8 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent hover:bg-fill-subtle active:bg-fill",
+        quietTextHover,
+        controlStateColorTransition,
+        focusRing,
+        direction === "left" ? "left-1 group-data-[overflow-x-start]/scroll-area:flex" : "right-1 group-data-[overflow-x-end]/scroll-area:flex"
+      ),
+      onPointerDown: (event) => onStartScrolling(direction, event),
+      onPointerUp: onStopScrolling,
+      onPointerLeave: onStopScrolling,
+      onPointerCancel: onStopScrolling,
+      onBlur: onStopScrolling,
+      onClick: (event) => {
+        if (event.detail === 0) onKeyboardScroll(direction);
+      },
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-4" })
+    }
+  );
+};
+const ScrollButtons = ({ areaRef, scrollButtons }) => {
+  const scrollButtonInterval = React.useRef(null);
+  const scrollButtonOptions = typeof scrollButtons === "object" ? scrollButtons : void 0;
+  const scrollButtonSpeed = clampScrollButtonNumber(
+    scrollButtonOptions?.scrollSpeed,
+    DEFAULT_SCROLL_BUTTON_SPEED,
+    MIN_SCROLL_BUTTON_SPEED
+  );
+  const scrollButtonIntervalTime = clampScrollButtonNumber(
+    scrollButtonOptions?.scrollIntervalTime,
+    DEFAULT_SCROLL_BUTTON_INTERVAL_TIME,
+    MIN_SCROLL_BUTTON_INTERVAL_TIME
+  );
+  const leftScrollButtonLabel = scrollButtonOptions?.leftLabel ?? "Scroll left";
+  const rightScrollButtonLabel = scrollButtonOptions?.rightLabel ?? "Scroll right";
+  const stopScrollButtonScrolling = React.useCallback(() => {
+    if (!scrollButtonInterval.current) return;
+    clearInterval(scrollButtonInterval.current);
+    scrollButtonInterval.current = null;
+  }, []);
+  const scrollByDirection = React.useCallback(
+    (direction, multiplier = 1) => {
+      const viewport = areaRef.current;
+      if (!viewport) return;
+      viewport.scrollBy({
+        left: direction === "right" ? scrollButtonSpeed * multiplier : -scrollButtonSpeed * multiplier,
+        behavior: "smooth"
+      });
+    },
+    [areaRef, scrollButtonSpeed]
+  );
+  const startScrollButtonScrolling = React.useCallback(
+    (direction, event) => {
+      event?.preventDefault();
+      event?.stopPropagation();
+      event?.currentTarget.setPointerCapture?.(event.pointerId);
+      stopScrollButtonScrolling();
+      scrollByDirection(direction, 2);
+      scrollButtonInterval.current = setInterval(() => {
+        scrollByDirection(direction);
+      }, scrollButtonIntervalTime);
+    },
+    [scrollButtonIntervalTime, scrollByDirection, stopScrollButtonScrolling]
+  );
+  React.useEffect(() => {
+    return () => {
+      stopScrollButtonScrolling();
+    };
+  }, [stopScrollButtonScrolling]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScrollButton,
+      {
+        direction: "left",
+        label: leftScrollButtonLabel,
+        onStartScrolling: startScrollButtonScrolling,
+        onStopScrolling: stopScrollButtonScrolling,
+        onKeyboardScroll: (direction) => scrollByDirection(direction, 2)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ScrollButton,
+      {
+        direction: "right",
+        label: rightScrollButtonLabel,
+        onStartScrolling: startScrollButtonScrolling,
+        onStopScrolling: stopScrollButtonScrolling,
+        onKeyboardScroll: (direction) => scrollByDirection(direction, 2)
+      }
+    )
+  ] });
+};
+const ScrollAreaViewportContext = React.createContext(null);
+function useScrollAreaViewportContext() {
+  const viewport = React.use(ScrollAreaViewportContext);
+  if (!viewport) throw new Error("ScrollAreaViewport must be a direct child of ScrollArea");
+  return viewport;
+}
+function ScrollAreaViewport({ className, children, ref }) {
+  const viewport = useScrollAreaViewportContext();
+  const { areaRef } = viewport;
+  const viewportRef = React.useMemo(() => mergeRefs(areaRef, ref), [areaRef, ref]);
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.Viewport,
+    {
+      ref: viewportRef,
+      className: cn(viewport.className, className),
+      style: viewport.style,
+      children: /* @__PURE__ */ jsx(ScrollArea$1.Content, { style: viewport.contentStyle, children: /* @__PURE__ */ jsx(ScrollAreaViewportContext, { value: null, children }) })
+    }
+  );
+}
+function ScrollArea({
+  className,
+  children,
+  maxHeight,
+  autoScroll = false,
+  orientation = "vertical",
+  scrollButtons,
+  mask,
+  revealScrollbarOnHover = true,
+  ...props
+}) {
+  const areaRef = React.useRef(null);
+  useAutoscroll(areaRef, { enabled: autoScroll });
+  const sides = resolveMask(mask, orientation);
+  const fadesAnySide = Object.values(sides).some(Boolean);
+  const viewportStyle = fadeDepthVars(sides);
+  if (maxHeight) viewportStyle.maxHeight = maxHeight;
+  if (orientation === "vertical") {
+    viewportStyle.overflowX = "hidden";
+    viewportStyle.overflowY = "scroll";
+  } else if (orientation === "horizontal") {
+    viewportStyle.overflowX = "scroll";
+    viewportStyle.overflowY = "hidden";
+  }
+  const contentStyle = orientation === "vertical" ? { minWidth: "0px" } : orientation === "horizontal" ? { minHeight: "0px" } : void 0;
+  const viewport = {
+    areaRef,
+    className: cn("size-full", fadesAnySide && SCROLL_DRIVEN_FADE_CLASSES),
+    style: viewportStyle,
+    contentStyle
+  };
+  const callerViewportCount = React.Children.toArray(children).filter(
+    (child) => React.isValidElement(child) && child.type === ScrollAreaViewport
+  ).length;
+  if (callerViewportCount > 1) throw new Error("ScrollArea takes at most one ScrollAreaViewport");
+  const callerRendersViewport = callerViewportCount === 1;
+  return /* @__PURE__ */ jsxs(ScrollArea$1.Root, { className: cn("group/scroll-area relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsx(ScrollAreaViewportContext, { value: viewport, children: callerRendersViewport ? children : /* @__PURE__ */ jsx(ScrollAreaViewport, { children }) }),
+    scrollButtons && orientation !== "vertical" && /* @__PURE__ */ jsx(ScrollButtons, { areaRef, scrollButtons }),
+    (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical", revealOnHover: revealScrollbarOnHover }),
+    (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal", revealOnHover: revealScrollbarOnHover }),
+    orientation === "both" && /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+  ] });
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  revealOnHover = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.Scrollbar,
+    {
+      orientation,
+      className: cn(
+        "flex touch-none transition-opacity duration-normal ease-out-custom select-none",
+        "opacity-0 data-[scrolling]:opacity-100 data-[scrolling]:duration-0",
+        revealOnHover && "data-[hovering]:opacity-100",
+        orientation === "vertical" && "h-full w-1.5 p-px",
+        orientation === "horizontal" && "h-1.5 w-full flex-col p-px",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "relative flex-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/60" })
+    }
+  );
+}
+
+export { ScrollArea as S, ScrollAreaViewport as a, ScrollBar as b };
+//# sourceMappingURL=scroll-area-Ds-fJn5M.js.map

package/dist/scroll-area-Ds-fJn5M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-Ds-fJn5M.js","sources":["../src/ds/components/ScrollArea/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useAutoscroll } from '@/hooks/use-autoscroll';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'vertical' | 'horizontal' | 'both';\ntype ScrollButtonDirection = 'left' | 'right';\n\nconst DEFAULT_SCROLL_BUTTON_SPEED = 100;\nconst DEFAULT_SCROLL_BUTTON_INTERVAL_TIME = 20;\nconst MIN_SCROLL_BUTTON_SPEED = 1;\nconst MIN_SCROLL_BUTTON_INTERVAL_TIME = 16;\n\ntype MaskFadeDepth = `${number}${'rem' | 'px'}`;\ntype MaskSide = boolean | MaskFadeDepth;\n\nconst DEFAULT_MASK_FADE_DEPTH: MaskFadeDepth = '2rem';\nconst NO_MASK_FADE: MaskFadeDepth = '0px';\n\nconst SCROLL_DRIVEN_FADE_CLASSES = [\n  'mask-t-from-[calc(100%-min(var(--scroll-area-fade-top),var(--scroll-area-overflow-y-start,0px)))]',\n  'mask-b-from-[calc(100%-min(var(--scroll-area-fade-bottom),var(--scroll-area-overflow-y-end,0px)))]',\n  'mask-l-from-[calc(100%-min(var(--scroll-area-fade-left),var(--scroll-area-overflow-x-start,0px)))]',\n  'mask-r-from-[calc(100%-min(var(--scroll-area-fade-right),var(--scroll-area-overflow-x-end,0px)))]',\n].join(' ');\n\nexport type MaskSides = {\n  top?: MaskSide;\n  bottom?: MaskSide;\n  left?: MaskSide;\n  right?: MaskSide;\n  /** Shorthand: sets both `left` and `right`. Per-side keys override. */\n  x?: MaskSide;\n  /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */\n  y?: MaskSide;\n};\n\n/**\n * - `true` / omitted: fade the edges that match `orientation`, 2rem deep.\n * - `false`: no fade.\n * - object: per-side override on top of the orientation default; a length (`'5rem'`) sets that side's fade depth.\n *\n * A fade grows with the distance scrolled from its edge, up to its depth.\n */\nexport type ScrollAreaMask = boolean | MaskSides;\n\nexport type ScrollAreaScrollButtons =\n  | boolean\n  | {\n      /** Pixels to scroll per repeated interval. */\n      scrollSpeed?: number;\n      /** Milliseconds between repeated scroll steps while the button is held. */\n      scrollIntervalTime?: number;\n      leftLabel?: string;\n      rightLabel?: string;\n    };\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  maxHeight?: string;\n  autoScroll?: boolean;\n  orientation?: Orientation;\n  /** Show left/right controls for horizontal overflow. Only applies to `horizontal` and `both` orientations. */\n  scrollButtons?: ScrollAreaScrollButtons;\n  /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */\n  mask?: ScrollAreaMask;\n  /**\n   * Reveal the overlay scrollbar when the pointer hovers the area. When `false`,\n   * the scrollbar only appears while actively scrolling. Defaults to `true`.\n   */\n  revealScrollbarOnHover?: boolean;\n};\n\ntype ResolvedMask = Record<'top' | 'bottom' | 'left' | 'right', MaskFadeDepth | false>;\n\ntype ScrollAreaViewportStyle = React.CSSProperties & {\n  '--scroll-area-fade-top'?: MaskFadeDepth;\n  '--scroll-area-fade-bottom'?: MaskFadeDepth;\n  '--scroll-area-fade-left'?: MaskFadeDepth;\n  '--scroll-area-fade-right'?: MaskFadeDepth;\n};\n\nconst fadeDepth = (side: MaskSide) => (side === true ? DEFAULT_MASK_FADE_DEPTH : side);\n\nfunction resolveMask(mask: ScrollAreaMask | undefined, orientation: Orientation): ResolvedMask {\n  if (mask === false) return { top: false, bottom: false, left: false, right: false };\n\n  const verticalFade = (orientation === 'vertical' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const horizontalFade = (orientation === 'horizontal' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const sides: ResolvedMask = { top: verticalFade, bottom: verticalFade, left: horizontalFade, right: horizontalFade };\n\n  if (mask === true || mask === undefined) return sides;\n\n  if (mask.y !== undefined) {\n    sides.top = fadeDepth(mask.y);\n    sides.bottom = fadeDepth(mask.y);\n  }\n  if (mask.x !== undefined) {\n    sides.left = fadeDepth(mask.x);\n    sides.right = fadeDepth(mask.x);\n  }\n  if (mask.top !== undefined) sides.top = fadeDepth(mask.top);\n  if (mask.bottom !== undefined) sides.bottom = fadeDepth(mask.bottom);\n  if (mask.left !== undefined) sides.left = fadeDepth(mask.left);\n  if (mask.right !== undefined) sides.right = fadeDepth(mask.right);\n\n  return sides;\n}\n\nconst fadeDepthVars = (sides: ResolvedMask): ScrollAreaViewportStyle => ({\n  '--scroll-area-fade-top': sides.top || NO_MASK_FADE,\n  '--scroll-area-fade-bottom': sides.bottom || NO_MASK_FADE,\n  '--scroll-area-fade-left': sides.left || NO_MASK_FADE,\n  '--scroll-area-fade-right': sides.right || NO_MASK_FADE,\n});\n\nfunction clampScrollButtonNumber(value: number | undefined, fallback: number, min: number) {\n  const resolvedValue = value ?? fallback;\n  return Number.isFinite(resolvedValue) ? Math.max(min, resolvedValue) : Math.max(min, fallback);\n}\n\ntype ScrollButtonProps = {\n  direction: ScrollButtonDirection;\n  label: string;\n  onStartScrolling: (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => void;\n  onStopScrolling: () => void;\n  onKeyboardScroll: (direction: ScrollButtonDirection) => void;\n};\n\nconst ScrollButton = ({ direction, label, onStartScrolling, onStopScrolling, onKeyboardScroll }: ScrollButtonProps) => {\n  const Icon = direction === 'left' ? ChevronLeftIcon : ChevronRightIcon;\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      className={cn(\n        'absolute inset-y-1 z-10 hidden w-8 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent hover:bg-fill-subtle active:bg-fill',\n        quietTextHover,\n        controlStateColorTransition,\n        focusRing,\n        direction === 'left'\n          ? 'left-1 group-data-[overflow-x-start]/scroll-area:flex'\n          : 'right-1 group-data-[overflow-x-end]/scroll-area:flex',\n      )}\n      onPointerDown={event => onStartScrolling(direction, event)}\n      onPointerUp={onStopScrolling}\n      onPointerLeave={onStopScrolling}\n      onPointerCancel={onStopScrolling}\n      onBlur={onStopScrolling}\n      onClick={event => {\n        if (event.detail === 0) onKeyboardScroll(direction);\n      }}\n    >\n      <Icon aria-hidden=\"true\" className=\"size-4\" />\n    </button>\n  );\n};\n\ntype ScrollButtonsProps = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  scrollButtons: Exclude<ScrollAreaScrollButtons, false | undefined>;\n};\n\nconst ScrollButtons = ({ areaRef, scrollButtons }: ScrollButtonsProps) => {\n  const scrollButtonInterval = React.useRef<ReturnType<typeof setInterval> | null>(null);\n  const scrollButtonOptions = typeof scrollButtons === 'object' ? scrollButtons : undefined;\n  const scrollButtonSpeed = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollSpeed,\n    DEFAULT_SCROLL_BUTTON_SPEED,\n    MIN_SCROLL_BUTTON_SPEED,\n  );\n  const scrollButtonIntervalTime = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollIntervalTime,\n    DEFAULT_SCROLL_BUTTON_INTERVAL_TIME,\n    MIN_SCROLL_BUTTON_INTERVAL_TIME,\n  );\n  const leftScrollButtonLabel = scrollButtonOptions?.leftLabel ?? 'Scroll left';\n  const rightScrollButtonLabel = scrollButtonOptions?.rightLabel ?? 'Scroll right';\n\n  const stopScrollButtonScrolling = React.useCallback(() => {\n    if (!scrollButtonInterval.current) return;\n    clearInterval(scrollButtonInterval.current);\n    scrollButtonInterval.current = null;\n  }, []);\n\n  const scrollByDirection = React.useCallback(\n    (direction: ScrollButtonDirection, multiplier = 1) => {\n      const viewport = areaRef.current;\n      if (!viewport) return;\n\n      viewport.scrollBy({\n        left: direction === 'right' ? scrollButtonSpeed * multiplier : -scrollButtonSpeed * multiplier,\n        behavior: 'smooth',\n      });\n    },\n    [areaRef, scrollButtonSpeed],\n  );\n\n  const startScrollButtonScrolling = React.useCallback(\n    (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      event?.currentTarget.setPointerCapture?.(event.pointerId);\n\n      stopScrollButtonScrolling();\n      scrollByDirection(direction, 2);\n\n      scrollButtonInterval.current = setInterval(() => {\n        scrollByDirection(direction);\n      }, scrollButtonIntervalTime);\n    },\n    [scrollButtonIntervalTime, scrollByDirection, stopScrollButtonScrolling],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      stopScrollButtonScrolling();\n    };\n  }, [stopScrollButtonScrolling]);\n\n  return (\n    <>\n      <ScrollButton\n        direction=\"left\"\n        label={leftScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n      <ScrollButton\n        direction=\"right\"\n        label={rightScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n    </>\n  );\n};\n\ntype ScrollAreaViewportContextValue = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  className: string;\n  style: React.CSSProperties;\n  contentStyle: React.CSSProperties | undefined;\n};\n\nconst ScrollAreaViewportContext = React.createContext<ScrollAreaViewportContextValue | null>(null);\n\nexport type ScrollAreaViewportProps = {\n  className?: string;\n  children?: React.ReactNode;\n  /** The scrolling element, e.g. a virtualizer's `getScrollElement`. */\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nfunction useScrollAreaViewportContext() {\n  const viewport = React.use(ScrollAreaViewportContext);\n  if (!viewport) throw new Error('ScrollAreaViewport must be a direct child of ScrollArea');\n  return viewport;\n}\n\nfunction ScrollAreaViewport({ className, children, ref }: ScrollAreaViewportProps) {\n  const viewport = useScrollAreaViewportContext();\n  const { areaRef } = viewport;\n  const viewportRef = React.useMemo(() => mergeRefs(areaRef, ref), [areaRef, ref]);\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      ref={viewportRef}\n      className={cn(viewport.className, className)}\n      style={viewport.style}\n    >\n      <ScrollAreaPrimitive.Content style={viewport.contentStyle}>\n        <ScrollAreaViewportContext value={null}>{children}</ScrollAreaViewportContext>\n      </ScrollAreaPrimitive.Content>\n    </ScrollAreaPrimitive.Viewport>\n  );\n}\n\nfunction ScrollArea({\n  className,\n  children,\n  maxHeight,\n  autoScroll = false,\n  orientation = 'vertical',\n  scrollButtons,\n  mask,\n  revealScrollbarOnHover = true,\n  ...props\n}: ScrollAreaProps) {\n  const areaRef = React.useRef<HTMLDivElement>(null);\n  useAutoscroll(areaRef, { enabled: autoScroll });\n\n  const sides = resolveMask(mask, orientation);\n  const fadesAnySide = Object.values(sides).some(Boolean);\n\n  const viewportStyle = fadeDepthVars(sides);\n  if (maxHeight) viewportStyle.maxHeight = maxHeight;\n  if (orientation === 'vertical') {\n    viewportStyle.overflowX = 'hidden';\n    viewportStyle.overflowY = 'scroll';\n  } else if (orientation === 'horizontal') {\n    viewportStyle.overflowX = 'scroll';\n    viewportStyle.overflowY = 'hidden';\n  }\n\n  // Base UI's ScrollAreaContent forces `min-width: fit-content` so the\n  // content can grow wider than the viewport (required for horizontal scroll\n  // measurement). For vertical-only scroll we override it so children shrink\n  // to the viewport width instead of forcing horizontal scroll.\n  const contentStyle: React.CSSProperties | undefined =\n    orientation === 'vertical' ? { minWidth: '0px' } : orientation === 'horizontal' ? { minHeight: '0px' } : undefined;\n\n  const viewport: ScrollAreaViewportContextValue = {\n    areaRef,\n    className: cn('size-full', fadesAnySide && SCROLL_DRIVEN_FADE_CLASSES),\n    style: viewportStyle,\n    contentStyle,\n  };\n  const callerViewportCount = React.Children.toArray(children).filter(\n    child => React.isValidElement(child) && child.type === ScrollAreaViewport,\n  ).length;\n  if (callerViewportCount > 1) throw new Error('ScrollArea takes at most one ScrollAreaViewport');\n  const callerRendersViewport = callerViewportCount === 1;\n\n  return (\n    <ScrollAreaPrimitive.Root className={cn('group/scroll-area relative overflow-hidden', className)} {...props}>\n      <ScrollAreaViewportContext value={viewport}>\n        {callerRendersViewport ? children : <ScrollAreaViewport>{children}</ScrollAreaViewport>}\n      </ScrollAreaViewportContext>\n      {scrollButtons && orientation !== 'vertical' && <ScrollButtons areaRef={areaRef} scrollButtons={scrollButtons} />}\n      {(orientation === 'vertical' || orientation === 'both') && (\n        <ScrollBar orientation=\"vertical\" revealOnHover={revealScrollbarOnHover} />\n      )}\n      {(orientation === 'horizontal' || orientation === 'both') && (\n        <ScrollBar orientation=\"horizontal\" revealOnHover={revealScrollbarOnHover} />\n      )}\n      {orientation === 'both' && <ScrollAreaPrimitive.Corner />}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  revealOnHover = true,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar> & { revealOnHover?: boolean }) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      className={cn(\n        'flex touch-none transition-opacity duration-normal ease-out-custom select-none',\n        'opacity-0 data-[scrolling]:opacity-100 data-[scrolling]:duration-0',\n        revealOnHover && 'data-[hovering]:opacity-100',\n        orientation === 'vertical' && 'h-full w-1.5 p-px',\n        orientation === 'horizontal' && 'h-1.5 w-full flex-col p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/60\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollAreaViewport, ScrollBar };\n"],"names":["ScrollAreaPrimitive"],"mappings":"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"}

package/dist/search-field-block-B1eqMV8x.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-BnmR2HRc.cjs');
+const input = require('./input-bd223EJW.cjs');
+const tooltip = require('./tooltip-DIZ5oqjV.cjs');
+const fieldBlock = require('./field-block-BIDi9Bvc.cjs');
+const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function SearchFieldBlock({
+  name,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  placeholder = "Search...",
+  onChange,
+  onReset,
+  className,
+  size,
+  isMinimized,
+  onMinimizedChange,
+  inputRef: externalInputRef
+}) {
+  const inputRef = React.useRef(null);
+  const setInputRef = (element) => {
+    inputRef.current = element;
+    if (externalInputRef) externalInputRef.current = element;
+  };
+  React.useEffect(() => {
+    if (isMinimized === false) {
+      inputRef.current?.focus();
+    }
+  }, [isMinimized]);
+  if (isMinimized) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          size: size || "sm",
+          "aria-label": label || "Search",
+          disabled,
+          onClick: () => onMinimizedChange?.(false),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label || "Search" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
+      layout === "vertical" && label ? /* @__PURE__ */ jsxRuntime.jsx(
+        fieldBlock.FieldBlock.Label,
+        {
+          name,
+          required,
+          disabled,
+          className: labelIsHidden ? "sr-only" : void 0,
+          children: label
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            input.Input,
+            {
+              ref: setInputRef,
+              id: `input-${name}`,
+              name,
+              disabled,
+              value,
+              placeholder,
+              onChange,
+              size,
+              error: error || Boolean(errorMsg),
+              "aria-describedby": errorMsg ? fieldErrorId.fieldErrorId(name) : void 0,
+              className: utils_cn.cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.SearchIcon,
+            {
+              "aria-hidden": "true",
+              className: utils_cn.cn(
+                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
+                size === "sm" && "size-3.5",
+                (!size || size === "md") && "size-4",
+                size === "lg" && "size-[1.125rem]"
+              )
+            }
+          ),
+          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              variant: "ghost",
+              size: size || "md",
+              "aria-label": "Clear search",
+              onClick: () => {
+                if (value) {
+                  onReset();
+                }
+                if (isMinimized === false) {
+                  onMinimizedChange?.(true);
+                }
+              },
+              className: "absolute top-1/2 right-0 -translate-y-1/2",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {})
+            }
+          )
+        ] }),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+exports.SearchFieldBlock = SearchFieldBlock;
+//# sourceMappingURL=search-field-block-B1eqMV8x.cjs.map

package/dist/search-field-block-B1eqMV8x.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-block-B1eqMV8x.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}

package/dist/search-field-block-Cj9lJsYi.js

@@ -0,0 +1,125 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchIcon, XIcon } from 'lucide-react';
+import { useRef, useEffect } from 'react';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { I as Input } from './input-CHghVv3k.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
+import { F as FieldBlock } from './field-block-DpejZ6U6.js';
+import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function SearchFieldBlock({
+  name,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  value,
+  label,
+  labelIsHidden = false,
+  layout = "vertical",
+  placeholder = "Search...",
+  onChange,
+  onReset,
+  className,
+  size,
+  isMinimized,
+  onMinimizedChange,
+  inputRef: externalInputRef
+}) {
+  const inputRef = useRef(null);
+  const setInputRef = (element) => {
+    inputRef.current = element;
+    if (externalInputRef) externalInputRef.current = element;
+  };
+  useEffect(() => {
+    if (isMinimized === false) {
+      inputRef.current?.focus();
+    }
+  }, [isMinimized]);
+  if (isMinimized) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: size || "sm",
+          "aria-label": label || "Search",
+          disabled,
+          onClick: () => onMinimizedChange?.(false),
+          children: /* @__PURE__ */ jsx(SearchIcon, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: label || "Search" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { className: labelIsHidden ? "sr-only" : void 0, children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, children: label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { className: layout === "horizontal" && labelIsHidden ? "col-span-full" : void 0, children: [
+      layout === "vertical" && label ? /* @__PURE__ */ jsx(
+        FieldBlock.Label,
+        {
+          name,
+          required,
+          disabled,
+          className: labelIsHidden ? "sr-only" : void 0,
+          children: label
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: setInputRef,
+              id: `input-${name}`,
+              name,
+              disabled,
+              value,
+              placeholder,
+              onChange,
+              size,
+              error: error || Boolean(errorMsg),
+              "aria-describedby": errorMsg ? fieldErrorId(name) : void 0,
+              className: cn(size === "sm" && "px-8", (!size || size === "md") && "px-9", size === "lg" && "px-10")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SearchIcon,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground",
+                size === "sm" && "size-3.5",
+                (!size || size === "md") && "size-4",
+                size === "lg" && "size-[1.125rem]"
+              )
+            }
+          ),
+          onReset && (value || isMinimized === false) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: size || "md",
+              "aria-label": "Clear search",
+              onClick: () => {
+                if (value) {
+                  onReset();
+                }
+                if (isMinimized === false) {
+                  onMinimizedChange?.(true);
+                }
+              },
+              className: "absolute top-1/2 right-0 -translate-y-1/2",
+              children: /* @__PURE__ */ jsx(XIcon, {})
+            }
+          )
+        ] }),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { SearchFieldBlock as S };
+//# sourceMappingURL=search-field-block-Cj9lJsYi.js.map

package/dist/search-field-block-Cj9lJsYi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-block-Cj9lJsYi.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}