@harborclient/sdk 1.0.29 → 1.0.30

package/dist/components/Card/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+import { Body } from './Body.js';
+import { Image } from './Image.js';
+/**
+ * Renders a card with an image, title, and description.
+ */
+export function Card({ children, className, ...props }) {
+    const classes = cn('hc-card flex h-full min-w-0 flex-col overflow-hidden rounded-md border border-separator bg-control', className);
+    return (_jsx("div", { ...props, className: classes, children: children }));
+}
+Card.Body = Body;
+Card.Image = Image;

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

@@ -1,5 +1,5 @@
 import { type CompletionSource } from '@codemirror/autocomplete';
-import type { JSX } from 'react';
+import type { ComponentPropsWithoutRef, JSX } from 'react';
 import type { CodeEditorSetup, CodeEditorTheme, Variable } from '../../types.js';
 export { CODE_EDITOR_THEME_OPTIONS } from './themes.js';
 export type CodeEditorLanguage = 'json' | 'text' | 'javascript' | 'shell';
@@ -92,15 +92,13 @@ export interface CodeEditorViewState {
      */
     selection: CodeEditorSelectionRange;
 }
-export interface Props {
+export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onChange' | 'className' | 'id' | 'aria-label' | 'aria-labelledby' | 'aria-invalid' | 'aria-describedby' | 'style'> {
     /**
      * Editor content.
      */
     value: string;
     /**
      * Called when the user edits the content; omitted for read-only views.
-     *
-     * @param value - Updated editor content.
      */
     onChange?: (value: string) => void;
     /**
@@ -134,8 +132,6 @@ export interface Props {
     height?: string;
     /**
      * Called when the wrapper height changes (for example after native resize-y drag).
-     *
-     * @param heightPx - Observed wrapper height rounded to the nearest pixel.
      */
     onHeightChange?: (heightPx: number) => void;
     /**
@@ -218,5 +214,5 @@ export interface Props {
  * Styling relies on host CSS variables (`--mac-*`, `--font-mono`) and the `.app-no-drag`
  * class defined in HarborClient `styles.css`.
  */
-export declare function CodeEditor({ value, onChange, language, readOnly, editable, placeholder, placeholderHighlight, minHeight, height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className, variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy }: Props): JSX.Element;
+export declare function CodeEditor({ value, onChange, language, readOnly, editable, placeholder, placeholderHighlight, minHeight, height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className, variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }: Props): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CodeEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/CodeEditor/index.js

@@ -6,10 +6,10 @@ import { StreamLanguage } from '@codemirror/language';
 import { shell } from '@codemirror/legacy-modes/mode/shell';
 import { Prec } from '@codemirror/state';
 import { Decoration, EditorView, MatchDecorator, ViewPlugin, hoverTooltip, keymap } from '@codemirror/view';
+import { createElement, useCallback, useEffect, useId, useMemo, useRef, useState } from '@harborclient/sdk/react';
 import CodeMirrorImport from '@uiw/react-codemirror';
-import { useCallback, useEffect, useId, useMemo, useRef, useState, createElement } from '@harborclient/sdk/react';
-import { getVariableTooltipContent, VARIABLE_NAME_CHARS } from '../../variables/index.js';
 import { normalizeCodeEditorFontSize } from '../../ui/codeEditorSettings.js';
+import { VARIABLE_NAME_CHARS, getVariableTooltipContent } from '../../variables/index.js';
 import { useCodeEditorConfig } from './config.js';
 import { createBuiltInSyntaxHighlighting, createEditorTheme } from './editorChrome.js';
 import { createSlashCommandHighlighter } from './slashCommandHighlighter.js';
@@ -20,8 +20,6 @@ export { CODE_EDITOR_THEME_OPTIONS } from './themes.js';
 /**
  * Clamps selection offsets to the current document length.
  *
- * @param docLength - Current document length in characters.
- * @param selection - Selection offsets to clamp.
  * @returns Offsets safe to dispatch into CodeMirror.
  */
 function clampSelection(docLength, selection) {
@@ -41,16 +39,12 @@ const variableHighlighter = ViewPlugin.fromClass(class {
     decorations;
     /**
      * Builds the initial {{variable}} decoration set for the editor view.
-     *
-     * @param view - CodeMirror editor view instance.
      */
     constructor(view) {
         this.decorations = variableMatcher.createDeco(view);
     }
     /**
      * Recomputes decorations when document content or viewport changes.
-     *
-     * @param update - View update describing what changed.
      */
     update(update) {
         this.decorations = variableMatcher.updateDeco(update, this.decorations);
@@ -60,11 +54,6 @@ const variableHighlighter = ViewPlugin.fromClass(class {
 const SLASH_COMMAND_LINE_PATTERN = /^(\s*)\/(\w+)(?:[ \t]+(.*))?$/;
 /**
  * Returns a parsed slash command on a line when the name is registered.
- *
- * @param lineText - Full line text without the trailing newline.
- * @param lineFrom - Document offset of the line start.
- * @param lineNumber - 1-based line number.
- * @param commands - Registered slash commands.
  */
 function parseSlashCommandLine(lineText, lineFrom, lineNumber, commands) {
     const match = lineText.match(SLASH_COMMAND_LINE_PATTERN);
@@ -89,14 +78,10 @@ function parseSlashCommandLine(lineText, lineFrom, lineNumber, commands) {
 }
 /**
  * Builds a CodeMirror completion source for registered slash commands at line start.
- *
- * @param commands - Slash commands to offer after `/`.
  */
 function createSlashCommandCompletionSource(commands) {
     /**
      * Returns slash command completions when the caret follows `/` at line start.
-     *
-     * @param context - CodeMirror completion context at the cursor.
      */
     return (context) => {
         const word = context.matchBefore(/^\s*\/\w*/);
@@ -120,9 +105,6 @@ function createSlashCommandCompletionSource(commands) {
 }
 /**
  * Returns an Enter keymap that triggers registered slash commands before default newline handling.
- *
- * @param commands - Slash commands to recognize.
- * @param onSlashCommand - Host callback invoked with parsed trigger details.
  */
 function slashCommandEnterHandler(commands, onSlashCommand) {
     return Prec.highest(keymap.of([
@@ -130,8 +112,6 @@ function slashCommandEnterHandler(commands, onSlashCommand) {
             key: 'Enter',
             /**
              * Opens host slash-command UI when Enter is pressed on a complete command line.
-             *
-             * @param view - CodeMirror editor view instance.
              */
             run: (view) => {
                 const pos = view.state.selection.main.head;
@@ -163,8 +143,6 @@ function slashCommandEnterHandler(commands, onSlashCommand) {
 /**
  * Finds the {{variable}} token at a document position, if any.
  *
- * @param doc - CodeMirror document.
- * @param pos - Character position in the document.
  * @returns Variable key and token range, or null when not inside a token.
  */
 function findVariableAtPos(doc, pos) {
@@ -181,10 +159,6 @@ function findVariableAtPos(doc, pos) {
 }
 /**
  * Builds DOM content for a variable tooltip.
- *
- * @param key - Variable name from the token.
- * @param variables - Collection-scoped variables for resolution.
- * @param onEditVariable - Optional callback to open collection settings.
  */
 function buildVariableTooltipDom(key, variables, onEditVariable) {
     const content = getVariableTooltipContent(key, variables);
@@ -213,7 +187,6 @@ function buildVariableTooltipDom(key, variables, onEditVariable) {
 /**
  * Joins non-empty element ids into a space-separated `aria-describedby` value.
  *
- * @param ids - Candidate element ids.
  * @returns Merged id string, or undefined when no ids are provided.
  */
 function mergeDescribedBy(...ids) {
@@ -222,10 +195,6 @@ function mergeDescribedBy(...ids) {
 }
 /**
  * Sets or clears `aria-describedby` on the CodeMirror content element.
- *
- * @param content - Editable `.cm-content` element.
- * @param getValidationDescribedBy - Returns validation/helper ids from props.
- * @param tooltipId - Optional variable tooltip id to include while visible.
  */
 function setContentDescribedBy(content, getValidationDescribedBy, tooltipId) {
     if (!content)
@@ -240,10 +209,6 @@ function setContentDescribedBy(content, getValidationDescribedBy, tooltipId) {
 }
 /**
  * Shows a keyboard-driven tooltip when the caret moves inside a {{variable}} token.
- *
- * @param tooltipId - Stable id referenced by `aria-describedby`.
- * @param onTooltipChange - Callback invoked when tooltip visibility or position changes.
- * @param getValidationDescribedBy - Returns validation/helper ids from editor props.
  */
 function variableSelectionTooltip(tooltipId, onTooltipChange, getValidationDescribedBy) {
     return EditorView.updateListener.of((update) => {
@@ -273,10 +238,6 @@ function variableSelectionTooltip(tooltipId, onTooltipChange, getValidationDescr
 }
 /**
  * Dismisses the keyboard tooltip when Escape is pressed.
- *
- * @param isOpen - Returns whether the keyboard tooltip is currently visible.
- * @param onDismiss - Called to hide the keyboard tooltip.
- * @param getValidationDescribedBy - Returns validation/helper ids from editor props.
  */
 function variableTooltipEscapeHandler(isOpen, onDismiss, getValidationDescribedBy) {
     return EditorView.domEventHandlers({
@@ -293,9 +254,6 @@ function variableTooltipEscapeHandler(isOpen, onDismiss, getValidationDescribedB
 }
 /**
  * Builds a hover tooltip extension for {{variable}} tokens.
- *
- * @param getVariables - Returns the current collection-scoped variables.
- * @param getOnEditVariable - Returns the optional edit callback.
  */
 function variableTooltip(getVariables, getOnEditVariable) {
     return hoverTooltip((view, pos) => {
@@ -322,7 +280,7 @@ const RESIZE_GRIP_PX = 16;
  * Styling relies on host CSS variables (`--mac-*`, `--font-mono`) and the `.app-no-drag`
  * class defined in HarborClient `styles.css`.
  */
-export function CodeEditor({ value, onChange, language = 'text', readOnly = false, editable, placeholder, placeholderHighlight = false, minHeight = '144px', height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className = '', variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint = true, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy }) {
+export function CodeEditor({ value, onChange, language = 'text', readOnly = false, editable, placeholder, placeholderHighlight = false, minHeight = '144px', height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className = '', variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint = true, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }) {
     const config = useCodeEditorConfig();
     const resolvedTheme = themeOverride ?? config.theme;
     const resolvedSetup = setupOverride ?? (readOnly ? null : config.setup);
@@ -367,7 +325,6 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
     /**
      * Reads the current scroll and selection snapshot from an editor view.
      *
-     * @param view - Live CodeMirror view.
      * @returns Rounded scroll offset and selection offsets.
      */
     const readViewState = useCallback((view) => {
@@ -455,8 +412,6 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
         }
         /**
          * Marks resize drags that begin on the native bottom-right grip.
-         *
-         * @param event - Pointer down on the editor wrapper.
          */
         const handlePointerDown = (event) => {
             const rect = wrapper.getBoundingClientRect();
@@ -686,7 +641,7 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
         : null;
     const wrapperStyle = height ? { height } : undefined;
     const shouldTrackViewState = onViewStateChange != null || initialScrollTop != null || initialSelection != null;
-    return (_jsxs("div", { ref: wrapperRef, className: wrapperClassName, style: wrapperStyle, children: [createElement(CodeMirrorImport, {
+    return (_jsxs("div", { ref: wrapperRef, ...props, className: wrapperClassName, style: wrapperStyle, children: [createElement(CodeMirrorImport, {
                 value,
                 onChange: readOnly ? undefined : stableOnChange,
                 extensions,
@@ -698,7 +653,7 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
                 ...(height ? { height: '100%' } : {}),
                 basicSetup,
                 ...(shouldTrackViewState ? { onCreateEditor: stableOnCreateEditor } : {})
-            }), selectionTooltip && selectionTooltipContent && variables ? (_jsxs("div", { id: tooltipId, role: "tooltip", className: "hc-code-editor-tooltip pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-1.5 rounded-lg border border-separator bg-surface px-3 py-2 text-[14px] text-text shadow-md app-no-drag", style: { top: selectionTooltip.top - 4, left: selectionTooltip.left }, children: [_jsx("span", { className: selectionTooltipContent.muted
+            }), selectionTooltip && selectionTooltipContent && variables ? (_jsxs("div", { id: tooltipId, role: "tooltip", className: "hc-code-editor-tooltip app-no-drag pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-1.5 rounded-lg border border-separator bg-surface px-3 py-2 text-[14px] text-text shadow-md", style: { top: selectionTooltip.top - 4, left: selectionTooltip.left }, children: [_jsx("span", { className: selectionTooltipContent.muted
                             ? 'hc-code-editor-tooltip-text text-muted'
                             : 'hc-code-editor-tooltip-text', children: selectionTooltipContent.text }), onEditVariable ? (_jsx("button", { type: "button", className: "hc-code-editor-tooltip-edit self-start text-[14px] text-accent hover:underline", "aria-label": `Edit value for ${selectionTooltip.key}`, onMouseDown: (event) => {
                             event.preventDefault();

package/dist/components/CodeEditor/renderHighlightedPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderHighlightedPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/renderHighlightedPlaceholder.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGpG;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAClD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACpC;AA8DD;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mCAAmC,GAC3C,WAAW,CA4Cb"}
+{"version":3,"file":"renderHighlightedPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/renderHighlightedPlaceholder.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,KAAK,gBAAgB,EAAiC,MAAM,8BAA8B,CAAC;AAGpG;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAClD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACpC;AA8DD;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mCAAmC,GAC3C,WAAW,CA4Cb"}

package/dist/components/CodeEditor/slashCommandHighlighter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slashCommandHighlighter.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/slashCommandHighlighter.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAeD;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,gBAAgB,EAAE,GAAG,SAAS,CA+CrF"}
+{"version":3,"file":"slashCommandHighlighter.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/slashCommandHighlighter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAUnD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAeD;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,gBAAgB,EAAE,GAAG,SAAS,CA+CrF"}

package/dist/components/CodeEditor/syntaxHighlightedPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"syntaxHighlightedPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/syntaxHighlightedPlaceholder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AASnD,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,mCAAmC,GAAG,mCAAmC,CAAC;AA2DtF;;;;;;GAMG;AACH,wBAAgB,kCAAkC,CAChD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mCAAmC,GAC3C,SAAS,EAAE,CA+Cb"}
+{"version":3,"file":"syntaxHighlightedPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/syntaxHighlightedPlaceholder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AASnD,OAAO,EACL,KAAK,mCAAmC,EAEzC,MAAM,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,mCAAmC,GAAG,mCAAmC,CAAC;AA2DtF;;;;;;GAMG;AACH,wBAAgB,kCAAkC,CAChD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mCAAmC,GAC3C,SAAS,EAAE,CA+Cb"}

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

@@ -1,6 +1,6 @@
-import type { JSX, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
 type EmptyStateVariant = 'inline' | 'centered';
-interface Props {
+interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     /**
      * Empty-state message content.
      */
@@ -9,18 +9,10 @@ interface Props {
      * Layout preset; centered fills available space in panel bodies.
      */
     variant?: EmptyStateVariant;
-    /**
-     * Additional Tailwind classes merged onto the wrapper element.
-     */
-    className?: string;
 }
 /**
  * Placeholder shown when a panel or list has no content to display.
- *
- * @param children - Empty message text or markup.
- * @param variant - Layout preset (`inline` or `centered`).
- * @param className - Extra classes appended after the preset.
  */
-export declare function EmptyState({ children, variant, className }: Props): JSX.Element;
+export declare function EmptyState({ children, variant, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/EmptyState/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAkB,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAK1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,KAAK,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/C,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAcD;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CASrB"}

package/dist/components/EmptyState/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 /**
  * Returns layout classes for inline or centered empty placeholders.
  *
- * @param variant - Empty state layout preset.
  * @returns Tailwind classes for the wrapper.
  */
 function variantClasses(variant) {
@@ -13,13 +13,7 @@ function variantClasses(variant) {
 }
 /**
  * Placeholder shown when a panel or list has no content to display.
- *
- * @param children - Empty message text or markup.
- * @param variant - Layout preset (`inline` or `centered`).
- * @param className - Extra classes appended after the preset.
  */
-export function EmptyState({ children, variant = 'inline', className }) {
-    const base = `hc-empty-state text-[16px] ${variantClasses(variant)}`;
-    const classes = className ? `${base} ${className}` : base;
-    return _jsx("div", { className: classes, children: children });
+export function EmptyState({ children, variant = 'inline', className, ...props }) {
+    return (_jsx("div", { ...props, className: cn('hc-empty-state text-[16px]', variantClasses(variant), className), children: children }));
 }

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

@@ -1,22 +1,15 @@
 import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { type FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import type { JSX } from 'react';
-interface Props {
+interface Props extends Omit<FontAwesomeIconProps, 'icon' | 'ref'> {
     /**
      * Font Awesome icon definition registered in the library.
      */
     icon: IconDefinition;
-    /**
-     * Optional Tailwind or custom classes for sizing and color.
-     */
-    className?: string;
-    /**
-     * When set, the icon is exposed to assistive tech instead of being decorative.
-     */
-    title?: string;
 }
 /**
  * Renders a Font Awesome SVG icon with consistent default sizing.
  */
-export declare function FaIcon({ icon, className, title }: Props): JSX.Element;
+export declare function FaIcon({ icon, className, title, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FaIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FaIcon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,SAAyB,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQrF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FaIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,UAAU,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,KAAK,CAAC;IAChE;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,SAAyB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQ/F"}

package/dist/components/FaIcon/index.js

@@ -1,13 +1,14 @@
-import { createElement } from '@harborclient/sdk/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { createElement } from '@harborclient/sdk/react';
+import { cn } from '../utils.js';
 /**
  * Renders a Font Awesome SVG icon with consistent default sizing.
  */
-export function FaIcon({ icon, className = 'h-3.5 w-3.5', title }) {
-    const classes = className ? `hc-fa-icon ${className}` : 'hc-fa-icon';
+export function FaIcon({ icon, className = 'h-3.5 w-3.5', title, ...props }) {
     return createElement(FontAwesomeIcon, {
+        ...props,
         icon,
-        className: classes,
+        className: cn('hc-fa-icon', className),
         title,
         'aria-hidden': title ? undefined : true
     });

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

@@ -1,17 +1,13 @@
-import type { JSX, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
 /**
  * Vertical spacing preset for inline error text.
  */
 export type FieldErrorSpacing = 'field' | 'section' | 'modal';
-interface Props {
+interface Props extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {
     /**
      * Error message content. When empty, nothing is rendered.
      */
     children?: ReactNode;
-    /**
-     * Element id referenced by `aria-describedby` on the related control.
-     */
-    id?: string;
     /**
      * Margin preset matching common form, section, and modal layouts.
      */
@@ -20,20 +16,10 @@ interface Props {
      * When true, exposes the message as an alert for assistive technologies.
      */
     roleAlert?: boolean;
-    /**
-     * Additional Tailwind classes merged onto the error paragraph.
-     */
-    className?: string;
 }
 /**
  * Accessible inline validation or error text with consistent typography and spacing.
- *
- * @param children - Error message; omitted or empty values render nothing.
- * @param id - Optional id for `aria-describedby` linkage.
- * @param spacing - Margin preset (`field`, `section`, or `modal`).
- * @param roleAlert - Whether to set `role="alert"`.
- * @param className - Extra classes appended after the preset.
  */
-export declare function FieldError({ children, id, spacing, roleAlert, className }: Props): JSX.Element | null;
+export declare function FieldError({ children, spacing, roleAlert, className, ...props }: Props): JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FieldError/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9D,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,EAAE,EACF,OAAiB,EACjB,SAAgB,EAChB,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAW5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9D,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmBD;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAiB,EACjB,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAY5B"}

package/dist/components/FieldError/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 /**
  * Returns margin classes for the chosen error spacing preset.
  *
- * @param spacing - Vertical spacing preset.
  * @returns Tailwind margin classes for the error paragraph.
  */
 function spacingClasses(spacing) {
@@ -18,17 +18,9 @@ function spacingClasses(spacing) {
 }
 /**
  * Accessible inline validation or error text with consistent typography and spacing.
- *
- * @param children - Error message; omitted or empty values render nothing.
- * @param id - Optional id for `aria-describedby` linkage.
- * @param spacing - Margin preset (`field`, `section`, or `modal`).
- * @param roleAlert - Whether to set `role="alert"`.
- * @param className - Extra classes appended after the preset.
  */
-export function FieldError({ children, id, spacing = 'field', roleAlert = true, className }) {
+export function FieldError({ children, spacing = 'field', roleAlert = true, className, ...props }) {
     if (children == null || children === '')
         return null;
-    const base = `hc-field-error ${spacingClasses(spacing)} text-[14px] text-danger`;
-    const classes = className ? `${base} ${className}` : base;
-    return (_jsx("p", { id: id, className: classes, role: roleAlert ? 'alert' : undefined, children: children }));
+    return (_jsx("p", { ...props, className: cn('hc-field-error text-[14px] text-danger', spacingClasses(spacing), className), role: roleAlert ? 'alert' : undefined, children: children }));
 }

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

@@ -1,13 +1,9 @@
-import type { JSX, ReactNode } from 'react';
-interface Props {
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'aria-expanded' | 'aria-controls'> {
     /**
      * Whether the associated slide-up panel is currently open.
      */
     active: boolean;
-    /**
-     * Called when the user activates the footer segment button.
-     */
-    onClick: () => void;
     /**
      * Panel element id referenced by `aria-controls`.
      */
@@ -16,15 +12,11 @@ interface Props {
      * Button label and optional count badge content.
      */
     children: ReactNode;
-    /**
-     * Additional Tailwind classes merged onto the button element.
-     */
-    className?: string;
 }
 /**
  * Text segment toggle button for the window footer bar, used to open and close
  * slide-up panels such as Console and Variables.
  */
-export declare function FooterButton({ active, onClick, controlsId, children, className }: Props): JSX.Element;
+export declare function FooterButton({ active, onClick, controlsId, children, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FooterButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FooterButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FooterButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,UAAU,KAAM,SAAQ,IAAI,CAC1B,wBAAwB,CAAC,QAAQ,CAAC,EAClC,UAAU,GAAG,eAAe,GAAG,eAAe,CAC/C;IACC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAWD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAarB"}

package/dist/components/FooterButton/index.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 /**
  * Compact segment button styles for the footer bar.
- *
- * @param active - Whether the associated panel is currently expanded.
  */
 function footerSegment(active) {
     return active
@@ -13,9 +12,6 @@ function footerSegment(active) {
  * Text segment toggle button for the window footer bar, used to open and close
  * slide-up panels such as Console and Variables.
  */
-export function FooterButton({ active, onClick, controlsId, children, className }) {
-    const classes = className
-        ? `hc-footer-button ${footerSegment(active)} ${className}`
-        : `hc-footer-button ${footerSegment(active)}`;
-    return (_jsx("button", { type: "button", className: classes, onClick: onClick, "aria-expanded": active, "aria-controls": controlsId, children: children }));
+export function FooterButton({ active, onClick, controlsId, children, className, ...props }) {
+    return (_jsx("button", { ...props, type: "button", className: cn('hc-footer-button', footerSegment(active), className), onClick: onClick, "aria-expanded": active, "aria-controls": controlsId, children: children }));
 }

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

@@ -1,6 +1,6 @@
 import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import type { JSX } from 'react';
-interface Props {
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'button'>, 'aria-label' | 'aria-pressed' | 'title'> {
     /**
      * Font Awesome icon shown inside the footer toggle button.
      */
@@ -9,24 +9,16 @@ interface Props {
      * Whether the associated panel or sidebar is currently open.
      */
     active: boolean;
-    /**
-     * Called when the user activates the toggle button.
-     */
-    onClick: () => void;
     /**
      * Noun phrase for accessibility labels, e.g. `"sidebar"` becomes
      * `"Hide sidebar"` / `"Show sidebar"`.
      */
     label: string;
-    /**
-     * Additional Tailwind classes merged onto the button element.
-     */
-    className?: string;
 }
 /**
  * Icon-only toggle button for the window footer bar, used to show or hide
  * sidebars and similar panels.
  */
-export declare function FooterIcon({ icon, active, onClick, label, className }: Props): JSX.Element;
+export declare function FooterIcon({ icon, active, onClick, label, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FooterIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FooterIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkB1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FooterIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3D,UAAU,KAAM,SAAQ,IAAI,CAC1B,wBAAwB,CAAC,QAAQ,CAAC,EAClC,YAAY,GAAG,cAAc,GAAG,OAAO,CACxC;IACC;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAWD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAerB"}

package/dist/components/FooterIcon/index.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
 import { FaIcon } from '../FaIcon/index.js';
+import { cn } from '../utils.js';
 /**
  * Square icon toggle styles for footer sidebar buttons.
- *
- * @param active - Whether the associated sidebar is currently visible.
  */
 function footerIconButton(active) {
     return active
@@ -14,10 +13,7 @@ function footerIconButton(active) {
  * Icon-only toggle button for the window footer bar, used to show or hide
  * sidebars and similar panels.
  */
-export function FooterIcon({ icon, active, onClick, label, className }) {
+export function FooterIcon({ icon, active, onClick, label, className, ...props }) {
     const accessibleLabel = active ? `Hide ${label}` : `Show ${label}`;
-    const classes = className
-        ? `hc-footer-icon ${footerIconButton(active)} ${className}`
-        : `hc-footer-icon ${footerIconButton(active)}`;
-    return (_jsx("button", { type: "button", className: classes, onClick: onClick, "aria-pressed": active, "aria-label": accessibleLabel, title: accessibleLabel, children: _jsx(FaIcon, { icon: icon, className: "hc-footer-icon-icon h-4 w-4" }) }));
+    return (_jsx("button", { ...props, type: "button", className: cn('hc-footer-icon', footerIconButton(active), className), onClick: onClick, "aria-pressed": active, "aria-label": accessibleLabel, title: accessibleLabel, children: _jsx(FaIcon, { icon: icon, className: "hc-footer-icon-icon h-4 w-4" }) }));
 }

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

@@ -7,8 +7,6 @@ export interface Props {
     parts: FormDataPart[];
     /**
      * Called when rows are added, updated, or removed.
-     *
-     * @param parts - Updated part list.
      */
     onChange: (parts: FormDataPart[]) => void;
     /**

package/dist/components/FormDataEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormDataEditor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAoB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ/E,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuLrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormDataEditor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAoB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ/E,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA6KrB"}