@wix/web5-core 1.56.0

package/dist/esm/components/ui/SearchSection.js

@@ -0,0 +1,317 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef, useEffect, useImperativeHandle, useState, useRef, useCallback, useLayoutEffect } from 'react';
+import { cn } from '../../lib/utils.js';
+import { isWeb5Url } from '../../types/link-types.js';
+const ArrowDownIcon = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M12 5v14"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m19 12-7 7-7-7"
+}));
+const MicrophoneIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  stroke: "none",
+  "aria-hidden": "true"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 10v2a7 7 0 0 1-14 0v-2M12 19v3",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  fill: "none"
+}));
+const ArrowRightIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5 12h14"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m12 5 7 7-7 7"
+}));
+const PromptSendIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  "aria-hidden": "true"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13.0306 7.53114C12.9609 7.60106 12.8781 7.65654 12.787 7.69439C12.6958 7.73224 12.5981 7.75173 12.4993 7.75173C12.4006 7.75173 12.3029 7.73224 12.2117 7.69439C12.1206 7.65654 12.0378 7.60106 11.9681 7.53114L8.74997 4.31301V13.5005C8.74997 13.6994 8.67095 13.8902 8.5303 14.0308C8.38965 14.1715 8.19888 14.2505 7.99997 14.2505C7.80106 14.2505 7.61029 14.1715 7.46964 14.0308C7.32899 13.8902 7.24997 13.6994 7.24997 13.5005V4.31301L4.0306 7.53114C3.8897 7.67203 3.69861 7.75119 3.49935 7.75119C3.30009 7.75119 3.10899 7.67203 2.9681 7.53114C2.8272 7.39024 2.74805 7.19915 2.74805 6.99989C2.74805 6.80063 2.8272 6.60953 2.9681 6.46864L7.4681 1.96864C7.53778 1.89872 7.62057 1.84324 7.71173 1.80539C7.8029 1.76753 7.90064 1.74805 7.99935 1.74805C8.09806 1.74805 8.1958 1.76753 8.28696 1.80539C8.37813 1.84324 8.46092 1.89872 8.5306 1.96864L13.0306 6.46864C13.1005 6.53832 13.156 6.62111 13.1938 6.71227C13.2317 6.80344 13.2512 6.90118 13.2512 6.99989C13.2512 7.0986 13.2317 7.19634 13.1938 7.2875C13.156 7.37867 13.1005 7.46146 13.0306 7.53114Z",
+  fill: "currentColor"
+}));
+export const SearchSection = /*#__PURE__*/forwardRef(function SearchSection(_ref, ref) {
+  let {
+    onSubmit,
+    placeholder = 'Talk to us',
+    submitLabel,
+    collapsedLabel,
+    onCollapsedChange,
+    chips = [],
+    chipDisplayMode = 'focus',
+    chipPosition = 'top',
+    onVoiceInput,
+    progressMessage,
+    className = '',
+    contextBanner,
+    hasContext,
+    canSubmitEmpty = false,
+    hasContent = false,
+    isBottomZoneVisible = false,
+    onChipClick,
+    onFocusChange
+  } = _ref;
+  const [inputValue, setInputValue] = useState('');
+  const [isFocused, setIsFocused] = useState(false);
+  const [hasFocusInside, setHasFocusInside] = useState(false);
+  const [isMultiline, setIsMultiline] = useState(false);
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const inputRef = useRef(null);
+  const hasExpandedWhileZoneVisibleRef = useRef(false);
+  const previouslyFocusedElementRef = useRef(null);
+  const showChips = chips.length > 0 && !hasContext && (chipDisplayMode === 'always' || hasFocusInside);
+  const effectiveCollapsedLabel = collapsedLabel ?? placeholder.replace(/\.\.\.$/, '');
+  const handleSubmit = useCallback(() => {
+    const trimmedValue = inputValue.trim();
+    if (trimmedValue || canSubmitEmpty) {
+      onSubmit == null || onSubmit(trimmedValue);
+      setInputValue('');
+    }
+  }, [canSubmitEmpty, inputValue, onSubmit]);
+  useLayoutEffect(() => {
+    const element = inputRef.current;
+    if (!element) {
+      return;
+    }
+    const computedStyles = window.getComputedStyle(element);
+    const lineHeight = Number.parseFloat(computedStyles.lineHeight) || 32;
+    const hasValue = inputValue.trim().length > 0;
+    element.style.height = 'auto';
+    const nextHeight = hasValue ? Math.min(Math.max(element.scrollHeight, lineHeight), 175) : lineHeight;
+    element.style.height = `${nextHeight}px`;
+    setIsMultiline(hasValue && nextHeight > lineHeight);
+  }, [inputValue]);
+  useEffect(() => {
+    if (progressMessage || !hasContent) {
+      setIsCollapsed(false);
+      hasExpandedWhileZoneVisibleRef.current = false;
+      return;
+    }
+    if (!isBottomZoneVisible) {
+      hasExpandedWhileZoneVisibleRef.current = false;
+      setIsCollapsed(false);
+      return;
+    }
+    if (!hasExpandedWhileZoneVisibleRef.current) {
+      setIsCollapsed(true);
+    }
+  }, [hasContent, isBottomZoneVisible, progressMessage]);
+  useEffect(() => {
+    onCollapsedChange == null || onCollapsedChange(isCollapsed);
+  }, [isCollapsed, onCollapsedChange]);
+  const hasFocusInsideRef = useRef(hasFocusInside);
+  hasFocusInsideRef.current = hasFocusInside;
+  const onFocusChangeRef = useRef(onFocusChange);
+  onFocusChangeRef.current = onFocusChange;
+  useEffect(() => {
+    onFocusChange == null || onFocusChange(hasFocusInside);
+  }, [hasFocusInside, onFocusChange]);
+  useEffect(() => {
+    return () => {
+      if (hasFocusInsideRef.current) {
+        onFocusChangeRef.current == null || onFocusChangeRef.current(false);
+      }
+    };
+  }, []);
+  const focusInput = useCallback(() => {
+    const active = document.activeElement;
+    if (active instanceof HTMLElement && active !== inputRef.current && active !== document.body) {
+      previouslyFocusedElementRef.current = active;
+    }
+    if (isCollapsed) {
+      hasExpandedWhileZoneVisibleRef.current = true;
+      setIsCollapsed(false);
+      window.requestAnimationFrame(() => {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+      });
+    } else {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
+    }
+  }, [isCollapsed]);
+  const blurInput = useCallback(() => {
+    var _inputRef$current3;
+    (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.blur();
+  }, []);
+  useImperativeHandle(ref, () => ({
+    focusInput,
+    blurInput
+  }), [focusInput, blurInput]);
+  const handleKeyDown = e => {
+    if (e.key === 'Escape') {
+      var _inputRef$current4;
+      e.preventDefault();
+      const prev = previouslyFocusedElementRef.current;
+      previouslyFocusedElementRef.current = null;
+      (_inputRef$current4 = inputRef.current) == null || _inputRef$current4.blur();
+      prev == null || prev.focus == null || prev.focus();
+      return;
+    }
+    if (e.key === 'Enter' && !e.shiftKey && (inputValue.trim() || canSubmitEmpty)) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+  const handleInputChange = e => {
+    setInputValue(e.target.value);
+  };
+  const handleInputFocus = e => {
+    setIsFocused(true);
+    if (e.relatedTarget instanceof HTMLElement && e.relatedTarget !== inputRef.current) {
+      previouslyFocusedElementRef.current = e.relatedTarget;
+    }
+  };
+  const handleContentFocus = () => {
+    setHasFocusInside(true);
+  };
+  const handleContentBlur = e => {
+    const next = e.relatedTarget;
+    if (!next || !e.currentTarget.contains(next)) {
+      setHasFocusInside(false);
+    }
+  };
+  if (progressMessage) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('web5-prompt-progress', className),
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "web5-prompt-progress__indicator",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement(ArrowDownIcon, null)), /*#__PURE__*/React.createElement("div", {
+      className: "web5-prompt-progress__message"
+    }, progressMessage));
+  }
+  const canSubmit = inputValue.trim().length > 0 || canSubmitEmpty;
+  const chipsMarkup = chips.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: cn('web5-prompt-shell__chips', chipPosition === 'bottom' ? 'web5-prompt-shell__chips--bottom' : 'web5-prompt-shell__chips--top', showChips ? 'web5-prompt-shell__chips--visible' : 'web5-prompt-shell__chips--hidden'),
+    "aria-hidden": isCollapsed || !showChips
+  }, chips.map(chip => /*#__PURE__*/React.createElement("a", {
+    key: chip.label,
+    href: isWeb5Url(chip.href) ? '#' : chip.href,
+    onMouseDown: e => e.preventDefault(),
+    onClick: e => {
+      var _inputRef$current5;
+      e.preventDefault();
+      onChipClick == null || onChipClick(e, chip.href);
+      setInputValue('');
+      (_inputRef$current5 = inputRef.current) == null || _inputRef$current5.blur();
+    },
+    tabIndex: !isCollapsed && showChips ? 0 : -1
+    // `has-custom-focus` opts out of Wix Thunderbolt's global keyboard focus ring
+    // so our inset :focus-visible ring isn't overwritten when embedded in a Wix site.
+    ,
+    className: "web5-prompt-chip has-custom-focus"
+  }, chip.label, /*#__PURE__*/React.createElement(PromptSendIcon, {
+    "aria-hidden": "true",
+    className: "web5-prompt-send-icon"
+  })))) : null;
+  const handleExpandClick = () => {
+    focusInput();
+  };
+  const showHint = inputValue === '' && !isFocused && !isCollapsed;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('web5-prompt-shell', isCollapsed && 'web5-prompt-shell--collapsed', className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-shell__stage"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "web5-prompt-shell__collapsed-button has-custom-focus",
+    onClick: handleExpandClick,
+    "aria-label": effectiveCollapsedLabel,
+    "aria-hidden": !isCollapsed,
+    tabIndex: isCollapsed ? 0 : -1
+  }, effectiveCollapsedLabel), /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-shell__content",
+    "aria-hidden": isCollapsed,
+    onFocus: handleContentFocus,
+    onBlur: handleContentBlur
+  }, contextBanner, /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-shell__panel"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('web5-prompt-shell__stack', chipPosition === 'top' && 'web5-prompt-shell__stack--chips-top')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-search",
+    role: "search"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-search__inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('web5-prompt-field', isFocused && 'web5-prompt-field--focused', isMultiline && 'web5-prompt-field--multiline')
+  }, /*#__PURE__*/React.createElement("textarea", {
+    ref: inputRef,
+    rows: 1,
+    value: inputValue,
+    onChange: handleInputChange,
+    onKeyDown: handleKeyDown,
+    onFocus: handleInputFocus,
+    onBlur: () => setIsFocused(false),
+    placeholder: placeholder,
+    "aria-label": "Search or ask a question",
+    "aria-keyshortcuts": "/ Control+K",
+    className: "web5-prompt-input has-custom-focus placeholder:text-search-input-hint",
+    tabIndex: isCollapsed ? -1 : undefined
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "web5-prompt-actions"
+  }, showHint && /*#__PURE__*/React.createElement("span", {
+    className: "web5-prompt-hint",
+    "aria-hidden": "true"
+  }, "Press ", /*#__PURE__*/React.createElement("kbd", {
+    className: "web5-prompt-hint__key"
+  }, "/"), ' ', "to search"), onVoiceInput && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onVoiceInput,
+    className: "web5-prompt-voice",
+    "aria-label": "Voice input",
+    tabIndex: isCollapsed ? -1 : undefined
+  }, /*#__PURE__*/React.createElement(MicrophoneIcon, null)), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleSubmit,
+    className: cn('web5-prompt-submit', submitLabel && 'web5-prompt-submit--labeled', canSubmit && 'web5-prompt-submit--active'),
+    "aria-label": submitLabel ?? 'Submit',
+    disabled: !canSubmit || isCollapsed,
+    tabIndex: isCollapsed ? -1 : undefined
+  }, submitLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: "web5-prompt-submit__label"
+  }, submitLabel), /*#__PURE__*/React.createElement(ArrowRightIcon, {
+    "aria-hidden": "true",
+    className: "web5-prompt-send-icon"
+  })) : /*#__PURE__*/React.createElement(PromptSendIcon, {
+    "aria-hidden": "true",
+    className: "web5-prompt-send-icon"
+  })))))), chipsMarkup)))));
+});
+//# sourceMappingURL=SearchSection.js.map

package/dist/esm/components/ui/SearchSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useState","useRef","useCallback","useLayoutEffect","cn","isWeb5Url","ArrowDownIcon","createElement","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","MicrophoneIcon","props","_extends","ArrowRightIcon","PromptSendIcon","SearchSection","_ref","ref","onSubmit","placeholder","submitLabel","collapsedLabel","onCollapsedChange","chips","chipDisplayMode","chipPosition","onVoiceInput","progressMessage","className","contextBanner","hasContext","canSubmitEmpty","hasContent","isBottomZoneVisible","onChipClick","onFocusChange","inputValue","setInputValue","isFocused","setIsFocused","hasFocusInside","setHasFocusInside","isMultiline","setIsMultiline","isCollapsed","setIsCollapsed","inputRef","hasExpandedWhileZoneVisibleRef","previouslyFocusedElementRef","showChips","length","effectiveCollapsedLabel","replace","handleSubmit","trimmedValue","trim","element","current","computedStyles","window","getComputedStyle","lineHeight","Number","parseFloat","hasValue","style","nextHeight","Math","min","max","scrollHeight","hasFocusInsideRef","onFocusChangeRef","focusInput","active","document","activeElement","HTMLElement","body","requestAnimationFrame","_inputRef$current","focus","_inputRef$current2","blurInput","_inputRef$current3","blur","handleKeyDown","e","key","_inputRef$current4","preventDefault","prev","shiftKey","handleInputChange","target","value","handleInputFocus","relatedTarget","handleContentFocus","handleContentBlur","next","currentTarget","contains","role","canSubmit","chipsMarkup","map","chip","label","href","onMouseDown","onClick","_inputRef$current5","tabIndex","handleExpandClick","showHint","type","onFocus","onBlur","rows","onChange","onKeyDown","undefined","disabled","Fragment"],"sources":["../../../../src/components/ui/SearchSection.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n  useRef,\n  useCallback,\n  useLayoutEffect,\n} from 'react';\nimport { cn } from '../../lib/utils';\nimport { isWeb5Url } from '../../types/link-types';\n\nexport interface ScrollChip {\n  label: string;\n  href: string;\n  iconHint?: string;\n}\n\nexport interface SearchSectionProps {\n  onSubmit?: (value: string) => void;\n  placeholder?: string;\n  /**\n   * When set, the submit control renders as a labeled CTA button (text +\n   * right arrow) instead of the icon-only send button. Used by the empty\n   * state (e.g. \"Find Your Pair\").\n   */\n  submitLabel?: string;\n  collapsedLabel?: string;\n  onCollapsedChange?: (isCollapsed: boolean) => void;\n  chips?: ScrollChip[];\n  chipDisplayMode?: 'focus' | 'always';\n  chipPosition?: 'top' | 'bottom';\n  onVoiceInput?: () => void;\n  progressMessage?: string;\n  className?: string;\n  contextBanner?: React.ReactNode;\n  hasContext?: boolean;\n  canSubmitEmpty?: boolean;\n  hasContent?: boolean;\n  isBottomZoneVisible?: boolean;\n  onChipClick?: (e: React.MouseEvent<HTMLAnchorElement>, href: string) => void;\n  onFocusChange?: (focused: boolean) => void;\n}\n\nexport interface SearchSectionHandle {\n  focusInput: () => void;\n  blurInput: () => void;\n}\n\nconst ArrowDownIcon: React.FC = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M12 5v14\" />\n    <path d=\"m19 12-7 7-7-7\" />\n  </svg>\n);\n\nconst MicrophoneIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    stroke=\"none\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n    <path\n      d=\"M19 10v2a7 7 0 0 1-14 0v-2M12 19v3\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      fill=\"none\"\n    />\n  </svg>\n);\n\nconst ArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M5 12h14\" />\n    <path d=\"m12 5 7 7-7 7\" />\n  </svg>\n);\n\nconst PromptSendIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path\n      d=\"M13.0306 7.53114C12.9609 7.60106 12.8781 7.65654 12.787 7.69439C12.6958 7.73224 12.5981 7.75173 12.4993 7.75173C12.4006 7.75173 12.3029 7.73224 12.2117 7.69439C12.1206 7.65654 12.0378 7.60106 11.9681 7.53114L8.74997 4.31301V13.5005C8.74997 13.6994 8.67095 13.8902 8.5303 14.0308C8.38965 14.1715 8.19888 14.2505 7.99997 14.2505C7.80106 14.2505 7.61029 14.1715 7.46964 14.0308C7.32899 13.8902 7.24997 13.6994 7.24997 13.5005V4.31301L4.0306 7.53114C3.8897 7.67203 3.69861 7.75119 3.49935 7.75119C3.30009 7.75119 3.10899 7.67203 2.9681 7.53114C2.8272 7.39024 2.74805 7.19915 2.74805 6.99989C2.74805 6.80063 2.8272 6.60953 2.9681 6.46864L7.4681 1.96864C7.53778 1.89872 7.62057 1.84324 7.71173 1.80539C7.8029 1.76753 7.90064 1.74805 7.99935 1.74805C8.09806 1.74805 8.1958 1.76753 8.28696 1.80539C8.37813 1.84324 8.46092 1.89872 8.5306 1.96864L13.0306 6.46864C13.1005 6.53832 13.156 6.62111 13.1938 6.71227C13.2317 6.80344 13.2512 6.90118 13.2512 6.99989C13.2512 7.0986 13.2317 7.19634 13.1938 7.2875C13.156 7.37867 13.1005 7.46146 13.0306 7.53114Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport const SearchSection = forwardRef<\n  SearchSectionHandle,\n  SearchSectionProps\n>(function SearchSection(\n  {\n    onSubmit,\n    placeholder = 'Talk to us',\n    submitLabel,\n    collapsedLabel,\n    onCollapsedChange,\n    chips = [],\n    chipDisplayMode = 'focus',\n    chipPosition = 'top',\n    onVoiceInput,\n    progressMessage,\n    className = '',\n    contextBanner,\n    hasContext,\n    canSubmitEmpty = false,\n    hasContent = false,\n    isBottomZoneVisible = false,\n    onChipClick,\n    onFocusChange,\n  },\n  ref,\n) {\n  const [inputValue, setInputValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const [isMultiline, setIsMultiline] = useState(false);\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const hasExpandedWhileZoneVisibleRef = useRef(false);\n  const previouslyFocusedElementRef = useRef<HTMLElement | null>(null);\n  const showChips =\n    chips.length > 0 &&\n    !hasContext &&\n    (chipDisplayMode === 'always' || hasFocusInside);\n  const effectiveCollapsedLabel =\n    collapsedLabel ?? placeholder.replace(/\\.\\.\\.$/, '');\n\n  const handleSubmit = useCallback(() => {\n    const trimmedValue = inputValue.trim();\n    if (trimmedValue || canSubmitEmpty) {\n      onSubmit?.(trimmedValue);\n      setInputValue('');\n    }\n  }, [canSubmitEmpty, inputValue, onSubmit]);\n\n  useLayoutEffect(() => {\n    const element = inputRef.current;\n    if (!element) {\n      return;\n    }\n\n    const computedStyles = window.getComputedStyle(element);\n    const lineHeight = Number.parseFloat(computedStyles.lineHeight) || 32;\n\n    const hasValue = inputValue.trim().length > 0;\n    element.style.height = 'auto';\n    const nextHeight = hasValue\n      ? Math.min(Math.max(element.scrollHeight, lineHeight), 175)\n      : lineHeight;\n    element.style.height = `${nextHeight}px`;\n    setIsMultiline(hasValue && nextHeight > lineHeight);\n  }, [inputValue]);\n\n  useEffect(() => {\n    if (progressMessage || !hasContent) {\n      setIsCollapsed(false);\n      hasExpandedWhileZoneVisibleRef.current = false;\n      return;\n    }\n\n    if (!isBottomZoneVisible) {\n      hasExpandedWhileZoneVisibleRef.current = false;\n      setIsCollapsed(false);\n      return;\n    }\n\n    if (!hasExpandedWhileZoneVisibleRef.current) {\n      setIsCollapsed(true);\n    }\n  }, [hasContent, isBottomZoneVisible, progressMessage]);\n\n  useEffect(() => {\n    onCollapsedChange?.(isCollapsed);\n  }, [isCollapsed, onCollapsedChange]);\n\n  const hasFocusInsideRef = useRef(hasFocusInside);\n  hasFocusInsideRef.current = hasFocusInside;\n  const onFocusChangeRef = useRef(onFocusChange);\n  onFocusChangeRef.current = onFocusChange;\n\n  useEffect(() => {\n    onFocusChange?.(hasFocusInside);\n  }, [hasFocusInside, onFocusChange]);\n\n  useEffect(() => {\n    return () => {\n      if (hasFocusInsideRef.current) {\n        onFocusChangeRef.current?.(false);\n      }\n    };\n  }, []);\n\n  const focusInput = useCallback(() => {\n    const active = document.activeElement;\n    if (\n      active instanceof HTMLElement &&\n      active !== inputRef.current &&\n      active !== document.body\n    ) {\n      previouslyFocusedElementRef.current = active;\n    }\n    if (isCollapsed) {\n      hasExpandedWhileZoneVisibleRef.current = true;\n      setIsCollapsed(false);\n      window.requestAnimationFrame(() => {\n        inputRef.current?.focus();\n      });\n    } else {\n      inputRef.current?.focus();\n    }\n  }, [isCollapsed]);\n\n  const blurInput = useCallback(() => {\n    inputRef.current?.blur();\n  }, []);\n\n  useImperativeHandle(ref, () => ({ focusInput, blurInput }), [\n    focusInput,\n    blurInput,\n  ]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      const prev = previouslyFocusedElementRef.current;\n      previouslyFocusedElementRef.current = null;\n      inputRef.current?.blur();\n      prev?.focus?.();\n      return;\n    }\n    if (\n      e.key === 'Enter' &&\n      !e.shiftKey &&\n      (inputValue.trim() || canSubmitEmpty)\n    ) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setInputValue(e.target.value);\n  };\n\n  const handleInputFocus = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n    setIsFocused(true);\n    if (\n      e.relatedTarget instanceof HTMLElement &&\n      e.relatedTarget !== inputRef.current\n    ) {\n      previouslyFocusedElementRef.current = e.relatedTarget;\n    }\n  };\n\n  const handleContentFocus = () => {\n    setHasFocusInside(true);\n  };\n\n  const handleContentBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n    const next = e.relatedTarget as Node | null;\n    if (!next || !e.currentTarget.contains(next)) {\n      setHasFocusInside(false);\n    }\n  };\n\n  if (progressMessage) {\n    return (\n      <div\n        className={cn('web5-prompt-progress', className)}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        <div className=\"web5-prompt-progress__indicator\" aria-hidden=\"true\">\n          <ArrowDownIcon />\n        </div>\n        <div className=\"web5-prompt-progress__message\">{progressMessage}</div>\n      </div>\n    );\n  }\n\n  const canSubmit = inputValue.trim().length > 0 || canSubmitEmpty;\n  const chipsMarkup =\n    chips.length > 0 ? (\n      <div\n        className={cn(\n          'web5-prompt-shell__chips',\n          chipPosition === 'bottom'\n            ? 'web5-prompt-shell__chips--bottom'\n            : 'web5-prompt-shell__chips--top',\n          showChips\n            ? 'web5-prompt-shell__chips--visible'\n            : 'web5-prompt-shell__chips--hidden',\n        )}\n        aria-hidden={isCollapsed || !showChips}\n      >\n        {chips.map((chip) => (\n          <a\n            key={chip.label}\n            href={isWeb5Url(chip.href) ? '#' : chip.href}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e) => {\n              e.preventDefault();\n              onChipClick?.(e, chip.href);\n              setInputValue('');\n              inputRef.current?.blur();\n            }}\n            tabIndex={!isCollapsed && showChips ? 0 : -1}\n            // `has-custom-focus` opts out of Wix Thunderbolt's global keyboard focus ring\n            // so our inset :focus-visible ring isn't overwritten when embedded in a Wix site.\n            className=\"web5-prompt-chip has-custom-focus\"\n          >\n            {chip.label}\n            <PromptSendIcon\n              aria-hidden=\"true\"\n              className=\"web5-prompt-send-icon\"\n            />\n          </a>\n        ))}\n      </div>\n    ) : null;\n\n  const handleExpandClick = () => {\n    focusInput();\n  };\n\n  const showHint = inputValue === '' && !isFocused && !isCollapsed;\n\n  return (\n    <div\n      className={cn(\n        'web5-prompt-shell',\n        isCollapsed && 'web5-prompt-shell--collapsed',\n        className,\n      )}\n    >\n      <div className=\"web5-prompt-shell__stage\">\n        <button\n          type=\"button\"\n          className=\"web5-prompt-shell__collapsed-button has-custom-focus\"\n          onClick={handleExpandClick}\n          aria-label={effectiveCollapsedLabel}\n          aria-hidden={!isCollapsed}\n          tabIndex={isCollapsed ? 0 : -1}\n        >\n          {effectiveCollapsedLabel}\n        </button>\n\n        <div\n          className=\"web5-prompt-shell__content\"\n          aria-hidden={isCollapsed}\n          onFocus={handleContentFocus}\n          onBlur={handleContentBlur}\n        >\n          {contextBanner}\n          <div className=\"web5-prompt-shell__panel\">\n            <div\n              className={cn(\n                'web5-prompt-shell__stack',\n                chipPosition === 'top' && 'web5-prompt-shell__stack--chips-top',\n              )}\n            >\n              <div className=\"web5-prompt-search\" role=\"search\">\n                <div className=\"web5-prompt-search__inner\">\n                  <div\n                    className={cn(\n                      'web5-prompt-field',\n                      isFocused && 'web5-prompt-field--focused',\n                      isMultiline && 'web5-prompt-field--multiline',\n                    )}\n                  >\n                    <textarea\n                      ref={inputRef}\n                      rows={1}\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      onBlur={() => setIsFocused(false)}\n                      placeholder={placeholder}\n                      aria-label=\"Search or ask a question\"\n                      aria-keyshortcuts=\"/ Control+K\"\n                      className=\"web5-prompt-input has-custom-focus placeholder:text-search-input-hint\"\n                      tabIndex={isCollapsed ? -1 : undefined}\n                    />\n\n                    <div className=\"web5-prompt-actions\">\n                      {showHint && (\n                        <span className=\"web5-prompt-hint\" aria-hidden=\"true\">\n                          Press <kbd className=\"web5-prompt-hint__key\">/</kbd>{' '}\n                          to search\n                        </span>\n                      )}\n                      {onVoiceInput && (\n                        <button\n                          type=\"button\"\n                          onClick={onVoiceInput}\n                          className=\"web5-prompt-voice\"\n                          aria-label=\"Voice input\"\n                          tabIndex={isCollapsed ? -1 : undefined}\n                        >\n                          <MicrophoneIcon />\n                        </button>\n                      )}\n                      <button\n                        type=\"button\"\n                        onClick={handleSubmit}\n                        className={cn(\n                          'web5-prompt-submit',\n                          submitLabel && 'web5-prompt-submit--labeled',\n                          canSubmit && 'web5-prompt-submit--active',\n                        )}\n                        aria-label={submitLabel ?? 'Submit'}\n                        disabled={!canSubmit || isCollapsed}\n                        tabIndex={isCollapsed ? -1 : undefined}\n                      >\n                        {submitLabel ? (\n                          <>\n                            <span className=\"web5-prompt-submit__label\">\n                              {submitLabel}\n                            </span>\n                            <ArrowRightIcon\n                              aria-hidden=\"true\"\n                              className=\"web5-prompt-send-icon\"\n                            />\n                          </>\n                        ) : (\n                          <PromptSendIcon\n                            aria-hidden=\"true\"\n                            className=\"web5-prompt-send-icon\"\n                          />\n                        )}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {chipsMarkup}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ui/SectionSkeleton.css

@@ -0,0 +1,109 @@
+/* SectionSkeleton — status-driven placeholder for a not-yet-streamed V3
+   section (DL #106). Self-contained: structure/sizing live here (NOT Tailwind
+   utilities) so the skeleton renders correctly regardless of whether the
+   consuming app's Tailwind scans this core package. Colors are tokenized; the
+   `shimmer` keyframe is defined globally in base-utilities.css. */
+
+.w5-skeleton {
+  /* Decorative; never intercept clicks or text selection. */
+  pointer-events: none;
+  user-select: none;
+  padding-block: 4rem;
+}
+
+@media (min-width: 64rem) {
+  .w5-skeleton {
+    padding-block: 6rem;
+  }
+}
+
+.w5-skeleton__inner {
+  width: 100%;
+  max-width: var(--container-section, 1080px);
+  margin-inline: auto;
+  padding-inline: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.w5-skeleton__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1.5rem;
+}
+
+@media (min-width: 48rem) {
+  .w5-skeleton__grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
+.w5-skeleton__card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.w5-skeleton__lines {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+/* --- bar sizes --------------------------------------------------------------- */
+.w5-skeleton__title {
+  height: 1.75rem;
+  width: 33%;
+  border-radius: 6px;
+}
+.w5-skeleton__media {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border-radius: 12px;
+}
+.w5-skeleton__tile {
+  width: 100%;
+  height: 6rem;
+  border-radius: 12px;
+}
+.w5-skeleton__row {
+  width: 100%;
+  height: 2.5rem;
+  border-radius: 6px;
+}
+.w5-skeleton__line {
+  height: 1rem;
+  border-radius: 4px;
+}
+.w5-skeleton__line--lg {
+  width: 100%;
+}
+.w5-skeleton__line--md {
+  width: 80%;
+}
+.w5-skeleton__line--sm {
+  width: 60%;
+}
+
+/* --- shimmer treatment ------------------------------------------------------- */
+.w5-skeleton__bar {
+  display: block;
+  /* Grey base with a lighter sheen swept across by the global `shimmer`
+     keyframe (pans background-position -200% → 200%). Both tones are tokens. */
+  background-color: var(--color-border);
+  background-image: linear-gradient(
+    90deg,
+    var(--color-border) 25%,
+    var(--color-muted) 37%,
+    var(--color-border) 63%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.4s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .w5-skeleton__bar {
+    animation: none;
+  }
+}

package/dist/esm/components/ui/SectionSkeleton.js

@@ -0,0 +1,100 @@
+import React from 'react';
+import './SectionSkeleton.css';
+
+/**
+ * Default status-driven placeholder for a V3 section that's been declared (its
+ * `<!-- section ... -->` remark arrived in the layout pass) but whose body
+ * hasn't finished streaming yet (DL #106). Lives in core so every surface has a
+ * sensible default; client packages can override via
+ * `uiSlots.SectionSkeletonComponent` and the app resolves the override at
+ * render time (see web50-server-ui `SectionSkeletonSlot`).
+ *
+ * Unlike real sections it does NOT go through the ComponentRegistry — the
+ * registry maps parsed content nodes to components, and a skeleton has no
+ * content node. The consumption layer hand-builds a `PageSection` whose
+ * `component` is this element.
+ *
+ * Shape is chosen from the section's `semantic`/`sectionType` so the placeholder
+ * roughly matches what will replace it (cards for item grids, tiles for KPIs,
+ * rows for tables, lines for prose) — minimizing reflow on the skeleton→content
+ * swap.
+ */
+
+const shapeFor = function (sectionType, semantic) {
+  if (sectionType === void 0) {
+    sectionType = '';
+  }
+  if (semantic === void 0) {
+    semantic = '';
+  }
+  const key = `${semantic} ${sectionType}`.toLowerCase();
+  if (/\bkpi\b|metric/.test(key)) {
+    return 'tiles';
+  }
+  if (/comparison|table/.test(key)) {
+    return 'rows';
+  }
+  if (/item|feature_list|gallery|card/.test(key)) {
+    return 'cards';
+  }
+  return 'lines';
+};
+const Cards = () => /*#__PURE__*/React.createElement("div", {
+  className: "w5-skeleton__grid"
+}, [0, 1, 2, 3].map(i => /*#__PURE__*/React.createElement("div", {
+  key: i,
+  className: "w5-skeleton__card"
+}, /*#__PURE__*/React.createElement("span", {
+  className: "w5-skeleton__bar w5-skeleton__media"
+}), /*#__PURE__*/React.createElement("span", {
+  className: "w5-skeleton__bar w5-skeleton__line w5-skeleton__line--md"
+}), /*#__PURE__*/React.createElement("span", {
+  className: "w5-skeleton__bar w5-skeleton__line w5-skeleton__line--sm"
+}))));
+const Tiles = () => /*#__PURE__*/React.createElement("div", {
+  className: "w5-skeleton__grid"
+}, [0, 1, 2, 3].map(i => /*#__PURE__*/React.createElement("span", {
+  key: i,
+  className: "w5-skeleton__bar w5-skeleton__tile"
+})));
+const Rows = () => /*#__PURE__*/React.createElement("div", {
+  className: "w5-skeleton__lines"
+}, [0, 1, 2, 3, 4].map(i => /*#__PURE__*/React.createElement("span", {
+  key: i,
+  className: "w5-skeleton__bar w5-skeleton__row"
+})));
+const LINE_WIDTHS = ['lg', 'md', 'lg', 'md', 'sm'];
+const Lines = () => /*#__PURE__*/React.createElement("div", {
+  className: "w5-skeleton__lines"
+}, LINE_WIDTHS.map((w, i) => /*#__PURE__*/React.createElement("span", {
+  key: i,
+  className: `w5-skeleton__bar w5-skeleton__line w5-skeleton__line--${w}`
+})));
+const SHAPES = {
+  cards: Cards,
+  tiles: Tiles,
+  rows: Rows,
+  lines: Lines
+};
+export const SectionSkeleton = _ref => {
+  let {
+    sectionType,
+    semantic,
+    className = ''
+  } = _ref;
+  const shape = shapeFor(sectionType, semantic);
+  const Shape = SHAPES[shape];
+  const label = (semantic || sectionType || 'content').replace(/[-_]/g, ' ');
+  return /*#__PURE__*/React.createElement("section", {
+    className: `w5-skeleton ${className}`.trim(),
+    role: "status",
+    "aria-busy": "true",
+    "aria-label": `Loading ${label} section`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w5-skeleton__inner"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "w5-skeleton__bar w5-skeleton__title",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement(Shape, null)));
+};
+//# sourceMappingURL=SectionSkeleton.js.map

package/dist/esm/components/ui/SectionSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","shapeFor","sectionType","semantic","key","toLowerCase","test","Cards","createElement","className","map","i","Tiles","Rows","LINE_WIDTHS","Lines","w","SHAPES","cards","tiles","rows","lines","SectionSkeleton","_ref","shape","Shape","label","replace","trim","role"],"sources":["../../../../src/components/ui/SectionSkeleton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport './SectionSkeleton.css';\n\n/**\n * Default status-driven placeholder for a V3 section that's been declared (its\n * `<!-- section ... -->` remark arrived in the layout pass) but whose body\n * hasn't finished streaming yet (DL #106). Lives in core so every surface has a\n * sensible default; client packages can override via\n * `uiSlots.SectionSkeletonComponent` and the app resolves the override at\n * render time (see web50-server-ui `SectionSkeletonSlot`).\n *\n * Unlike real sections it does NOT go through the ComponentRegistry — the\n * registry maps parsed content nodes to components, and a skeleton has no\n * content node. The consumption layer hand-builds a `PageSection` whose\n * `component` is this element.\n *\n * Shape is chosen from the section's `semantic`/`sectionType` so the placeholder\n * roughly matches what will replace it (cards for item grids, tiles for KPIs,\n * rows for tables, lines for prose) — minimizing reflow on the skeleton→content\n * swap.\n */\nexport interface SectionSkeletonProps {\n  sectionType?: string;\n  semantic?: string;\n  className?: string;\n}\n\ntype SkeletonShape = 'cards' | 'tiles' | 'rows' | 'lines';\n\nconst shapeFor = (sectionType = '', semantic = ''): SkeletonShape => {\n  const key = `${semantic} ${sectionType}`.toLowerCase();\n  if (/\\bkpi\\b|metric/.test(key)) {\n    return 'tiles';\n  }\n  if (/comparison|table/.test(key)) {\n    return 'rows';\n  }\n  if (/item|feature_list|gallery|card/.test(key)) {\n    return 'cards';\n  }\n  return 'lines';\n};\n\nconst Cards: FC = () => (\n  <div className=\"w5-skeleton__grid\">\n    {[0, 1, 2, 3].map((i) => (\n      <div key={i} className=\"w5-skeleton__card\">\n        <span className=\"w5-skeleton__bar w5-skeleton__media\" />\n        <span className=\"w5-skeleton__bar w5-skeleton__line w5-skeleton__line--md\" />\n        <span className=\"w5-skeleton__bar w5-skeleton__line w5-skeleton__line--sm\" />\n      </div>\n    ))}\n  </div>\n);\n\nconst Tiles: FC = () => (\n  <div className=\"w5-skeleton__grid\">\n    {[0, 1, 2, 3].map((i) => (\n      <span key={i} className=\"w5-skeleton__bar w5-skeleton__tile\" />\n    ))}\n  </div>\n);\n\nconst Rows: FC = () => (\n  <div className=\"w5-skeleton__lines\">\n    {[0, 1, 2, 3, 4].map((i) => (\n      <span key={i} className=\"w5-skeleton__bar w5-skeleton__row\" />\n    ))}\n  </div>\n);\n\nconst LINE_WIDTHS = ['lg', 'md', 'lg', 'md', 'sm'] as const;\nconst Lines: FC = () => (\n  <div className=\"w5-skeleton__lines\">\n    {LINE_WIDTHS.map((w, i) => (\n      <span\n        key={i}\n        className={`w5-skeleton__bar w5-skeleton__line w5-skeleton__line--${w}`}\n      />\n    ))}\n  </div>\n);\n\nconst SHAPES: Record<SkeletonShape, FC> = {\n  cards: Cards,\n  tiles: Tiles,\n  rows: Rows,\n  lines: Lines,\n};\n\nexport const SectionSkeleton: FC<SectionSkeletonProps> = ({\n  sectionType,\n  semantic,\n  className = '',\n}) => {\n  const shape = shapeFor(sectionType, semantic);\n  const Shape = SHAPES[shape];\n  const label = (semantic || sectionType || 'content').replace(/[-_]/g, ' ');\n\n  return (\n    <section\n      className={`w5-skeleton ${className}`.trim()}\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={`Loading ${label} section`}\n    >\n      <div className=\"w5-skeleton__inner\">\n        <span\n          className=\"w5-skeleton__bar w5-skeleton__title\"\n          aria-hidden=\"true\"\n        />\n        <Shape />\n      </div>\n    </section>\n  );\n};\n"],"mappings":"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","ignoreList":[]}