@harborclient/sdk 1.0.11 → 1.0.13

package/dist/components/FormGroup/index.d.ts

@@ -21,7 +21,7 @@ interface Props {
      */
     htmlFor?: string;
     /**
-     * Muted helper text rendered below the control (stacked layout only).
+     * Muted helper text rendered below the label and above the control (stacked layout only).
      */
     description?: ReactNode;
     /**
@@ -65,7 +65,7 @@ interface Props {
  * @param label - Field label text.
  * @param children - Input, select, or composite control content.
  * @param htmlFor - ID of the primary associated control.
- * @param description - Optional helper text below the control.
+ * @param description - Optional helper text below the label and above the control.
  * @param error - Optional validation error below the control.
  * @param errorId - Explicit error element id for `aria-describedby`.
  * @param descriptionId - Explicit description element id for `aria-describedby`.

package/dist/components/FormGroup/index.js

@@ -28,7 +28,7 @@ function labelClasses(tone, srOnly, inline) {
  * @param label - Field label text.
  * @param children - Input, select, or composite control content.
  * @param htmlFor - ID of the primary associated control.
- * @param description - Optional helper text below the control.
+ * @param description - Optional helper text below the label and above the control.
  * @param error - Optional validation error below the control.
  * @param errorId - Explicit error element id for `aria-describedby`.
  * @param descriptionId - Explicit description element id for `aria-describedby`.
@@ -93,5 +93,5 @@ export function FormGroup({ label, children, htmlFor, description, error, errorI
     const wrapperClasses = extra
         ? `hc-form-group flex flex-col gap-1 ${extra}`
         : 'hc-form-group flex flex-col gap-1';
-    return (_jsxs("div", { className: wrapperClasses, children: [_jsxs("label", { htmlFor: htmlFor, className: "flex flex-col gap-1", children: [_jsx("span", { className: labelClasses(labelTone, srOnly, false), children: label }), control, resolvedDescriptionId ? (_jsx("p", { id: resolvedDescriptionId, className: "m-0 text-[14px] text-muted", children: description })) : null] }), resolvedErrorId ? (_jsx(FieldError, { id: resolvedErrorId, spacing: "field", children: error })) : null] }));
+    return (_jsxs("div", { className: wrapperClasses, children: [_jsxs("label", { htmlFor: htmlFor, className: "flex flex-col gap-1", children: [_jsx("span", { className: labelClasses(labelTone, srOnly, false), children: label }), resolvedDescriptionId ? (_jsx("p", { id: resolvedDescriptionId, className: "hc-form-description m-0 text-[14px] text-muted", children: description })) : null, control] }), resolvedErrorId ? (_jsx(FieldError, { id: resolvedErrorId, spacing: "field", children: error })) : null] }));
 }

package/dist/components/PageHeader/index.js

@@ -8,5 +8,5 @@ export function PageHeader({ title, description, icon, children, className }) {
     const wrapperClassName = className
         ? `hc-page-header -mx-6 mb-4 flex flex-wrap items-center gap-2 border-b border-separator px-6 py-3 ${className}`
         : 'hc-page-header -mx-6 mb-4 flex flex-wrap items-center gap-2 border-b border-separator px-6 py-3';
-    return (_jsxs("div", { className: wrapperClassName, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("h2", { className: "m-0 flex items-center gap-2 text-[17px] font-semibold text-text", children: [icon ? _jsx(FaIcon, { icon: icon, className: "h-4 w-4 shrink-0 text-muted", "aria-hidden": true }) : null, title] }), description ? _jsx("p", { className: "m-0 mt-1 text-[14px] text-muted", children: description }) : null] }), children ? _jsx("div", { className: "flex flex-wrap items-center gap-2", children: children }) : null] }));
+    return (_jsxs("div", { className: wrapperClassName, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("h2", { className: "m-0 flex items-center gap-2 text-[18px] font-semibold text-text leading-none", children: [icon ? _jsx(FaIcon, { icon: icon, className: "h-5 w-5 shrink-0 text-muted", "aria-hidden": true }) : null, title] }), description ? _jsx("p", { className: "m-0 mt-1 text-[14px] text-muted", children: description }) : null] }), children ? _jsx("div", { className: "flex flex-wrap items-center gap-2", children: children }) : null] }));
 }

package/dist/components/VariableInput/index.js

@@ -42,7 +42,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
      */
     const scheduleHide = () => {
         cancelHide();
-        hideTimer.current = window.setTimeout(() => setTooltip(null), 120);
+        hideTimer.current = window.setTimeout(() => setTooltip(null), 400);
     };
     /**
      * Clears any pending tooltip hide timer when the component unmounts.
@@ -127,7 +127,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
                 return;
             }
         }
-        setTooltip(null);
+        scheduleHide();
     };
     /**
      * Handles keyboard events on the input, including tooltip dismissal.
@@ -176,7 +176,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
                 }, onFocus: () => {
                     openAutocomplete();
                     updateTooltipFromCaret();
-                }, onBlur: closeAutocomplete, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onSelect: updateTooltipFromCaret, onClick: updateTooltipFromCaret, onScroll: syncScroll, onMouseMove: handleMouseMove, onMouseLeave: scheduleHide }), source && (_jsx(SuggestionList, { open: autocompleteOpen, items: autocompleteItems, activeIndex: autocompleteActiveIndex, anchorRef: inputRef, listboxId: listboxId, onSelect: selectItem, onActiveIndexChange: setActiveIndex, onClose: closeSuggestions })), tooltip && tooltipContent && (_jsxs("div", { id: tooltipId, role: "tooltip", className: "pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-1.5 rounded-md border border-separator bg-surface px-3 py-2 text-[14px] text-text shadow-md", style: { top: tooltip.top - 4, left: tooltip.left }, onMouseEnter: cancelHide, onMouseLeave: () => setTooltip(null), children: [_jsx("span", { className: tooltipContent.muted ? 'text-muted' : undefined, children: tooltipContent.text }), onEditVariable && (_jsx("button", { type: "button", className: "self-start text-[14px] text-accent hover:underline app-no-drag", "aria-label": `Edit value for ${tooltip.key}`, onClick: () => {
+                }, onBlur: closeAutocomplete, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onSelect: updateTooltipFromCaret, onClick: updateTooltipFromCaret, onScroll: syncScroll, onMouseMove: handleMouseMove, onMouseLeave: scheduleHide }), source && (_jsx(SuggestionList, { open: autocompleteOpen, items: autocompleteItems, activeIndex: autocompleteActiveIndex, anchorRef: inputRef, listboxId: listboxId, onSelect: selectItem, onActiveIndexChange: setActiveIndex, onClose: closeSuggestions })), tooltip && tooltipContent && (_jsxs("div", { id: tooltipId, role: "tooltip", className: "pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-2 rounded-md border border-separator bg-surface px-4 py-3 text-[14px] text-text shadow-md after:pointer-events-auto after:absolute after:-bottom-2 after:left-0 after:right-0 after:h-2 after:content-['']", style: { top: tooltip.top - 4, left: tooltip.left }, onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: [_jsx("span", { className: tooltipContent.muted ? 'text-muted' : undefined, children: tooltipContent.text }), onEditVariable && (_jsx("button", { type: "button", className: "-mx-1 self-start rounded px-1 py-0.5 text-[14px] text-accent hover:underline app-no-drag", "aria-label": `Edit value for ${tooltip.key}`, onClick: () => {
                             onEditVariable();
                             setTooltip(null);
                         }, children: "Edit value" }))] }))] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harborclient/sdk",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "TypeScript SDK for HarborClient plugin development.",
   "keywords": [
     "harborclient",