@harborclient/sdk 0.4.6 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAc1F"}

package/dist/components/StatusMessage/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+/**
+ * Muted helper or progress text with optional polite live-region semantics.
+ *
+ * @param children - Status message content.
+ * @param live - Whether to set `role="status"` and `aria-live="polite"`.
+ * @param className - Extra classes appended after the preset.
+ */
+export function StatusMessage({ children, live = true, id, className }) {
+    const base = 'text-[14px] text-muted';
+    const classes = className ? `${base} ${className}` : base;
+    return (_jsx("p", { id: id, className: classes, role: live ? 'status' : undefined, "aria-live": live ? 'polite' : undefined, children: children }));
+}

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

@@ -0,0 +1,25 @@
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * Accessible name for the close control, typically including the tab title.
+     */
+    ariaLabel: string;
+    /**
+     * Called when the user activates the close button.
+     */
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Optional tooltip label; defaults to "Close tab".
+     */
+    title?: string;
+}
+/**
+ * Hover-reveal close control for document-style tabs in the request editor and AI chat.
+ *
+ * @param ariaLabel - Accessible name describing which tab closes.
+ * @param onClick - Click handler; callers should stop propagation when needed.
+ * @param title - Optional native tooltip text.
+ */
+export declare function TabCloseButton({ ariaLabel, onClick, title }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabCloseButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAmB,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAY9F"}

package/dist/components/TabCloseButton/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FaIcon } from '../FaIcon/index.js';
+/**
+ * Hover-reveal close control for document-style tabs in the request editor and AI chat.
+ *
+ * @param ariaLabel - Accessible name describing which tab closes.
+ * @param onClick - Click handler; callers should stop propagation when needed.
+ * @param title - Optional native tooltip text.
+ */
+export function TabCloseButton({ ariaLabel, onClick, title = 'Close tab' }) {
+    return (_jsx("button", { type: "button", className: "inline-flex aspect-square shrink-0 cursor-pointer items-center justify-center self-stretch rounded-md border-none bg-transparent text-[14px] text-muted opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100 focus-visible:opacity-100 hover:bg-selection hover:text-text app-no-drag", title: title, "aria-label": ariaLabel, onClick: onClick, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }));
+}

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

@@ -0,0 +1,58 @@
+import type { JSX, KeyboardEvent } from 'react';
+import type { Variable } from '../../types.js';
+export interface Props {
+    /**
+     * Current input value.
+     */
+    value: string;
+    /**
+     * Called when the value changes.
+     *
+     * @param value - Updated input value.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Collection-scoped variables for highlighting and tooltips.
+     */
+    variables: Variable[];
+    /**
+     * Placeholder shown when value is empty.
+     */
+    placeholder?: string;
+    /**
+     * Optional keyboard handler (e.g. Enter to submit).
+     */
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Additional classes applied to the input element.
+     */
+    className?: string;
+    /**
+     * Classes applied to the outer wrapper (e.g. field border and tint for table cells).
+     */
+    wrapperClassName?: string;
+    /**
+     * Opens collection settings to edit the hovered variable.
+     */
+    onEditVariable?: () => void;
+    /**
+     * DOM id forwarded to the underlying input for label association.
+     */
+    id?: string;
+    /**
+     * Accessible name when no visible label is associated via `htmlFor`.
+     */
+    'aria-label'?: string;
+    /**
+     * Id of the element that labels this input when using `aria-labelledby`.
+     */
+    'aria-labelledby'?: string;
+}
+/**
+ * Text input that highlights {{variable}} tokens and shows resolved values on hover.
+ *
+ * Token highlight color (`text-[#32D2E2]`) and the tooltip `app-no-drag` class rely on
+ * host styling in HarborClient `styles.css`.
+ */
+export declare function VariableInput({ value, onChange, variables, placeholder, onKeyDown, className, wrapperClassName, onEditVariable, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }: Props): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariableInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB/C,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAc,EACd,gBAAgB,EAChB,cAAc,EACd,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EAClC,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiKrB"}

package/dist/components/VariableInput/index.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from '@harborclient/sdk/react';
+import { getDynamicVariableDescription, resolveVariable, tokenizeVariables } from '../../variables/index.js';
+import { Input } from '../forms/index.js';
+/**
+ * Text input that highlights {{variable}} tokens and shows resolved values on hover.
+ *
+ * Token highlight color (`text-[#32D2E2]`) and the tooltip `app-no-drag` class rely on
+ * host styling in HarborClient `styles.css`.
+ */
+export function VariableInput({ value, onChange, variables, placeholder, onKeyDown, className = '', wrapperClassName, onEditVariable, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }) {
+    const inputRef = useRef(null);
+    const backdropRef = useRef(null);
+    const spanRefs = useRef(new Map());
+    const hideTimer = useRef(null);
+    const [tooltip, setTooltip] = useState(null);
+    /**
+     * Splits the input value into plain text and {{variable}} token spans for highlighting.
+     */
+    const tokens = useMemo(() => tokenizeVariables(value), [value]);
+    /**
+     * Clears any pending tooltip hide timer.
+     */
+    const cancelHide = () => {
+        if (hideTimer.current != null) {
+            window.clearTimeout(hideTimer.current);
+            hideTimer.current = null;
+        }
+    };
+    /**
+     * Hides the tooltip after a short grace period so the pointer can reach it.
+     */
+    const scheduleHide = () => {
+        cancelHide();
+        hideTimer.current = window.setTimeout(() => setTooltip(null), 120);
+    };
+    /**
+     * Clears any pending tooltip hide timer when the component unmounts.
+     */
+    useEffect(() => () => cancelHide(), []);
+    /**
+     * Keeps the colored backdrop aligned with horizontal scroll in the input.
+     */
+    const syncScroll = () => {
+        const input = inputRef.current;
+        const backdrop = backdropRef.current;
+        if (input && backdrop) {
+            backdrop.scrollLeft = input.scrollLeft;
+        }
+    };
+    /**
+     * Shows a tooltip when the pointer is over a variable token span.
+     *
+     * @param e - Mouse move event from the input.
+     */
+    const handleMouseMove = (e) => {
+        cancelHide();
+        for (const [index, token] of tokens.entries()) {
+            if (!token.key)
+                continue;
+            const span = spanRefs.current.get(index);
+            if (!span)
+                continue;
+            const rect = span.getBoundingClientRect();
+            if (e.clientX >= rect.left &&
+                e.clientX <= rect.right &&
+                e.clientY >= rect.top &&
+                e.clientY <= rect.bottom) {
+                setTooltip({
+                    key: token.key,
+                    value: resolveVariable(token.key, variables),
+                    dynamicDescription: getDynamicVariableDescription(token.key),
+                    top: rect.top,
+                    left: rect.left + rect.width / 2
+                });
+                return;
+            }
+        }
+        setTooltip(null);
+    };
+    return (_jsxs("div", { className: wrapperClassName ? `relative min-w-0 ${wrapperClassName}` : 'relative min-w-0 flex-1', children: [_jsx("div", { ref: backdropRef, "aria-hidden": true, className: "pointer-events-none absolute inset-0 overflow-hidden whitespace-nowrap px-2 py-1.5 text-[14px] text-inherit", children: value ? (tokens.map((token, index) => token.key ? (_jsx("span", { ref: (el) => {
+                        if (el)
+                            spanRefs.current.set(index, el);
+                        else
+                            spanRefs.current.delete(index);
+                    }, className: "text-[#32D2E2]", children: token.text }, index)) : (_jsx("span", { children: token.text }, index)))) : (_jsx("span", { className: "text-muted", children: placeholder })) }), _jsx(Input, { ref: inputRef, id: id, variant: "plain", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: `relative w-full min-w-0 border-none bg-transparent px-2 py-1.5 text-[14px] text-transparent caret-text focus-visible:shadow-none ${className}`, type: "text", placeholder: placeholder, value: value, onChange: (e) => onChange(e.target.value), onKeyDown: onKeyDown, onScroll: syncScroll, onMouseMove: handleMouseMove, onMouseLeave: scheduleHide }), tooltip && (_jsxs("div", { 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: [tooltip.value !== undefined ? (tooltip.value) : tooltip.dynamicDescription ? (_jsxs("span", { className: "text-muted", children: ["Dynamic: ", tooltip.dynamicDescription] })) : (_jsx("span", { className: "text-muted", children: "Not defined" })), onEditVariable && (_jsx("button", { type: "button", className: "self-start text-[14px] text-accent hover:underline app-no-drag", onClick: () => {
+                            onEditVariable();
+                            setTooltip(null);
+                        }, children: "Edit value" }))] }))] }));
+}

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

@@ -0,0 +1,22 @@
+import type { JSX } from 'react';
+import type { Variable } from '../../types.js';
+interface Props {
+    /**
+     * Variable rows to display.
+     */
+    variables: Variable[];
+    /**
+     * Called when variable rows change.
+     */
+    onChange: (variables: Variable[]) => void;
+    /**
+     * Optional helper text above the table.
+     */
+    description?: string;
+}
+/**
+ * Editable table for key/value/default/share variable rows.
+ */
+export declare function VariableTable({ variables, onChange, description }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariableTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa/C,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkHtF"}

package/dist/components/VariableTable/index.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { Button } from '../Button/index.js';
+import { FaIcon } from '../FaIcon/index.js';
+import { faPlus, faXmark } from '@fortawesome/free-solid-svg-icons';
+import { Input } from '../forms/index.js';
+/**
+ * Returns a blank variable row for new table entries.
+ */
+const emptyVariable = () => ({ key: '', value: '', defaultValue: '', share: false });
+const thClass = 'pb-1 text-left text-[14px] font-medium uppercase tracking-wide text-muted';
+/**
+ * Editable table for key/value/default/share variable rows.
+ */
+export function VariableTable({ variables, onChange, description }) {
+    /**
+     * Updates a single variable row by index.
+     *
+     * @param index - Row index to update.
+     * @param patch - Partial fields to merge into the row.
+     */
+    const updateVariable = (index, patch) => {
+        onChange(variables.map((row, i) => (i === index ? { ...row, ...patch } : row)));
+    };
+    /**
+     * Appends a blank variable row.
+     */
+    const addVariable = () => {
+        onChange([...variables, emptyVariable()]);
+    };
+    /**
+     * Removes a variable row, keeping at least one empty row.
+     *
+     * @param index - Row index to remove.
+     */
+    const removeVariable = (index) => {
+        if (variables.length === 1) {
+            onChange([emptyVariable()]);
+            return;
+        }
+        onChange(variables.filter((_, i) => i !== index));
+    };
+    return (_jsxs("div", { children: [description && _jsx("p", { className: "mb-3 text-[14px] text-muted", children: description }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("table", { className: "w-full border-separate border-spacing-x-1.5 border-spacing-y-1.5", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: thClass, children: "Key" }), _jsx("th", { className: thClass, children: "Value" }), _jsx("th", { className: thClass, children: "Default" }), _jsx("th", { className: `${thClass} w-14 text-center`, children: "Share" }), _jsx("th", { className: `${thClass} w-7 p-0 text-center` })] }) }), _jsx("tbody", { children: variables.map((variable, index) => (_jsxs("tr", { className: "group", children: [_jsx("td", { children: _jsx(Input, { type: "text", className: "w-full", value: variable.key, placeholder: "variable", "aria-label": `Key, row ${index + 1}`, onChange: (e) => updateVariable(index, { key: e.target.value }) }) }), _jsx("td", { children: _jsx(Input, { type: "text", className: "w-full", value: variable.value, placeholder: "value", "aria-label": `Value, row ${index + 1}`, onChange: (e) => updateVariable(index, { value: e.target.value }) }) }), _jsx("td", { children: _jsx(Input, { type: "text", className: "w-full", value: variable.defaultValue, placeholder: "default", "aria-label": `Default, row ${index + 1}`, onChange: (e) => updateVariable(index, { defaultValue: e.target.value }) }) }), _jsx("td", { className: "w-14 text-center", children: _jsx(Input, { type: "checkbox", checked: variable.share, onChange: (e) => updateVariable(index, { share: e.target.checked }), "aria-label": `Include value in export, row ${index + 1}`, title: "Include value in export" }) }), _jsx("td", { className: "w-7 p-0 text-center", children: _jsx(Button, { type: "button", variant: "iconDanger", onClick: () => removeVariable(index), title: "Remove", children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }) })] }, index))) })] }), _jsxs(Button, { type: "button", variant: "toolbar", className: "inline-flex items-center gap-1 self-start", onClick: addVariable, children: [_jsx(FaIcon, { icon: faPlus, className: "h-3 w-3" }), "Add variable"] })] })] }));
+}

package/dist/components/classes.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Shared macOS-style Tailwind class strings for SDK UI components.
+ */
+export declare const segmentGroup = "inline-flex rounded-md p-0.5 shadow-[inset_0_0.5px_1px_rgba(0,0,0,0.06)] app-no-drag";
+/**
+ * Tailwind classes for a segmented control button.
+ *
+ * @param active - Whether this segment is selected.
+ */
+export declare function segment(active: boolean): string;
+//# sourceMappingURL=classes.d.ts.map

package/dist/components/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/components/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY,yFAC+D,CAAC;AAEzF;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C"}

package/dist/components/classes.js

@@ -0,0 +1,14 @@
+/**
+ * Shared macOS-style Tailwind class strings for SDK UI components.
+ */
+export const segmentGroup = 'inline-flex rounded-md p-0.5 shadow-[inset_0_0.5px_1px_rgba(0,0,0,0.06)] app-no-drag';
+/**
+ * Tailwind classes for a segmented control button.
+ *
+ * @param active - Whether this segment is selected.
+ */
+export function segment(active) {
+    return active
+        ? 'cursor-pointer rounded-[5px] border-none bg-control px-3 py-1 text-[15px] text-text shadow-sm app-no-drag'
+        : 'cursor-pointer rounded-[5px] border-none bg-transparent px-3 py-1 text-[15px] text-muted hover:text-text app-no-drag';
+}

package/dist/components/forms/Input.d.ts

@@ -0,0 +1,22 @@
+import type { InputHTMLAttributes, JSX, Ref } from 'react';
+import { type FieldVariant } from './classes.js';
+interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Base field styling preset. Checkbox and radio inputs default to `plain`.
+     */
+    variant?: FieldVariant;
+    /**
+     * Additional Tailwind classes merged after the variant preset.
+     */
+    className?: string;
+    /**
+     * Ref forwarded to the underlying native input.
+     */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * macOS-style text and choice input with shared field styling presets.
+ */
+export declare function Input({ ref, variant, type, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/forms/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,KAAM,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,OAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAWjG"}

package/dist/components/forms/Input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { mergeFieldClasses } from './classes.js';
+/**
+ * macOS-style text and choice input with shared field styling presets.
+ */
+export function Input({ ref, variant = 'control', type, className, ...props }) {
+    const resolvedVariant = type === 'checkbox' || type === 'radio' ? 'plain' : variant;
+    return (_jsx("input", { ref: ref, type: type, className: mergeFieldClasses(resolvedVariant, className), ...props }));
+}

package/dist/components/forms/Select.d.ts

@@ -0,0 +1,24 @@
+import type { JSX, Ref, SelectHTMLAttributes } from 'react';
+import { type FieldVariant } from './classes.js';
+interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Base field styling preset.
+     */
+    variant?: FieldVariant;
+    /**
+     * Additional Tailwind classes merged after the variant preset.
+     */
+    className?: string;
+    /**
+     * Ref forwarded to the underlying native select.
+     */
+    ref?: Ref<HTMLSelectElement>;
+}
+/**
+ * macOS-style select menu with shared field styling presets.
+ *
+ * Children should be plain `<option>` elements.
+ */
+export declare function Select({ ref, variant, className, children, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/forms/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC7D;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB"}

package/dist/components/forms/Select.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { mergeFieldClasses } from './classes.js';
+/**
+ * macOS-style select menu with shared field styling presets.
+ *
+ * Children should be plain `<option>` elements.
+ */
+export function Select({ ref, variant = 'control', className, children, ...props }) {
+    return (_jsx("select", { ref: ref, className: mergeFieldClasses(variant, className), ...props, children: children }));
+}

package/dist/components/forms/Textarea.d.ts

@@ -0,0 +1,22 @@
+import type { JSX, Ref, TextareaHTMLAttributes } from 'react';
+import { type FieldVariant } from './classes.js';
+interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Base field styling preset.
+     */
+    variant?: FieldVariant;
+    /**
+     * Additional Tailwind classes merged after the variant preset.
+     */
+    className?: string;
+    /**
+     * Ref forwarded to the underlying native textarea.
+     */
+    ref?: Ref<HTMLTextAreaElement>;
+}
+/**
+ * macOS-style multiline input with shared field styling presets.
+ */
+export declare function Textarea({ ref, variant, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/forms/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,KAAM,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAE9F"}

package/dist/components/forms/Textarea.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { mergeFieldClasses } from './classes.js';
+/**
+ * macOS-style multiline input with shared field styling presets.
+ */
+export function Textarea({ ref, variant = 'control', className, ...props }) {
+    return _jsx("textarea", { ref: ref, className: mergeFieldClasses(variant, className), ...props });
+}

package/dist/components/forms/classes.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared Tailwind class strings for macOS-style form controls.
+ */
+/**
+ * Visual style preset for form field wrappers.
+ */
+export type FieldVariant = 'control' | 'surface' | 'plain';
+/**
+ * Border and subtle tint shell for composite inputs (e.g. VariableInput wrappers).
+ */
+export declare const fieldFrame = "overflow-hidden rounded-md border border-separator bg-field";
+/** Inset control style for standard settings and editor fields. */
+export declare const field = "rounded-md border border-separator bg-field px-2 py-1 text-[15px] text-text app-no-drag";
+/** Surface style for modal and Team Hub form fields. */
+export declare const surfaceField = "w-full rounded-md border border-separator bg-field px-3 py-2 text-[14px] text-text";
+/**
+ * Merges a field variant preset with optional caller classes.
+ *
+ * @param variant - Base styling preset; `plain` applies no preset classes.
+ * @param className - Additional Tailwind classes appended after the preset.
+ * @returns Combined class string, or undefined when both inputs are empty.
+ */
+export declare function mergeFieldClasses(variant: FieldVariant, className?: string): string | undefined;
+//# sourceMappingURL=classes.d.ts.map

package/dist/components/forms/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/components/forms/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,UAAU,gEAAgE,CAAC;AAExF,mEAAmE;AACnE,eAAO,MAAM,KAAK,4FACyE,CAAC;AAE5F,wDAAwD;AACxD,eAAO,MAAM,YAAY,uFAC6D,CAAC;AAOvF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAM/F"}

package/dist/components/forms/classes.js

@@ -0,0 +1,32 @@
+/**
+ * Shared Tailwind class strings for macOS-style form controls.
+ */
+/**
+ * Border and subtle tint shell for composite inputs (e.g. VariableInput wrappers).
+ */
+export const fieldFrame = 'overflow-hidden rounded-md border border-separator bg-field';
+/** Inset control style for standard settings and editor fields. */
+export const field = 'rounded-md border border-separator bg-field px-2 py-1 text-[15px] text-text app-no-drag';
+/** Surface style for modal and Team Hub form fields. */
+export const surfaceField = 'w-full rounded-md border border-separator bg-field px-3 py-2 text-[14px] text-text';
+const VARIANT_CLASSES = {
+    control: field,
+    surface: surfaceField
+};
+/**
+ * Merges a field variant preset with optional caller classes.
+ *
+ * @param variant - Base styling preset; `plain` applies no preset classes.
+ * @param className - Additional Tailwind classes appended after the preset.
+ * @returns Combined class string, or undefined when both inputs are empty.
+ */
+export function mergeFieldClasses(variant, className) {
+    const base = variant === 'plain' ? '' : VARIANT_CLASSES[variant];
+    if (base && className)
+        return `${base} ${className}`;
+    if (base)
+        return base;
+    if (className)
+        return className;
+    return undefined;
+}

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

@@ -0,0 +1,5 @@
+export { field, fieldFrame, surfaceField, mergeFieldClasses, type FieldVariant } from './classes.js';
+export { Input } from './Input.js';
+export { Textarea } from './Textarea.js';
+export { Select } from './Select.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/forms/index.js

@@ -0,0 +1,4 @@
+export { field, fieldFrame, surfaceField, mergeFieldClasses } from './classes.js';
+export { Input } from './Input.js';
+export { Textarea } from './Textarea.js';
+export { Select } from './Select.js';

package/dist/components/index.d.ts

@@ -0,0 +1,51 @@
+export { AsyncListState, ErrorRetry, LoadingMessage } from './AsyncListState/index.js';
+export { BusyIndicator } from './BusyIndicator/index.js';
+export type { Props as BusyIndicatorProps } from './BusyIndicator/index.js';
+export { BackButton } from './BackButton/index.js';
+export { Badge } from './Badge/index.js';
+export type { BadgeVariant } from './Badge/index.js';
+export { Button } from './Button/index.js';
+export { CodeEditor, CODE_EDITOR_THEME_OPTIONS } from './CodeEditor/index.js';
+export { CodeEditorConfigProvider, useCodeEditorConfig, DEFAULT_CODE_EDITOR_CONFIG } from './CodeEditor/config.js';
+export type { CodeEditorConfig } from './CodeEditor/config.js';
+export type { Props as CodeEditorProps, CodeEditorLanguage } from './CodeEditor/index.js';
+export { EmptyState } from './EmptyState/index.js';
+export { FaIcon } from './FaIcon/index.js';
+export { FieldError } from './FieldError/index.js';
+export { FormDataEditor } from './FormDataEditor/index.js';
+export type { Props as FormDataEditorProps } from './FormDataEditor/index.js';
+export { FooterButton } from './FooterButton/index.js';
+export { FooterIcon } from './FooterIcon/index.js';
+export { FormGroup } from './FormGroup/index.js';
+export { Input, Select, Textarea, field, fieldFrame, surfaceField, mergeFieldClasses } from './forms/index.js';
+export type { FieldVariant } from './forms/classes.js';
+export { KeyValueEditor } from './KeyValueEditor/index.js';
+export type { Props as KeyValueEditorProps } from './KeyValueEditor/index.js';
+export { MethodSelect } from './MethodSelect/index.js';
+export { Modal, ModalFooter, ModalFormLayout } from './Modal/index.js';
+export { ModalHeader } from './Modal/ModalHeader.js';
+export { OverlayCloseButton } from './OverlayCloseButton/index.js';
+export { OverlayPage } from './OverlayPage/index.js';
+export { PageHeader } from './PageHeader/index.js';
+export { PanelCloseButton } from './PanelCloseButton/index.js';
+export { Resizable, ResizeHandle, useResizable } from './Resizable/index.js';
+export type { UseResizableOptions, UseResizableResult } from './Resizable/useResizable.js';
+export { DEFAULT_HEIGHT, MIN_HEIGHT, footerPanelClassName, footerPanelCloseButtonClassName, getFooterPanelMaxSize } from './Resizable/footerPanelUtils.js';
+export { ResourceList, ResourceListRow, ResourceListPrimary, ResourceListEmptyItem } from './ResourceList/index.js';
+export { RowActionsMenu } from './RowActionsMenu/index.js';
+export type { MenuItem } from './RowActionsMenu/index.js';
+export { buildReorderMenuGroup } from './rowActionsMenuHelpers.js';
+export { SegmentedTabs, SegmentedTabsGroup, SegmentedTabPanel } from './SegmentedTabs/index.js';
+export type { TabItem } from './SegmentedTabs/index.js';
+export { Spinner } from './Spinner/index.js';
+export { StatusMessage } from './StatusMessage/index.js';
+export { TabCloseButton } from './TabCloseButton/index.js';
+export { VariableInput } from './VariableInput/index.js';
+export type { Props as VariableInputProps } from './VariableInput/index.js';
+export { VariableTable } from './VariableTable/index.js';
+export { cleanVariables, resolveTabListKeyAction } from './utils.js';
+export type { TabListKeyOptions } from './utils.js';
+export { useDialogFocus, getFocusableElements } from './useDialogFocus.js';
+export { segment, segmentGroup } from './classes.js';
+export type { FormDataPart, FormDataPartType, HttpMethod, KeyValue, Variable } from '../types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/index.js

@@ -0,0 +1,37 @@
+export { AsyncListState, ErrorRetry, LoadingMessage } from './AsyncListState/index.js';
+export { BusyIndicator } from './BusyIndicator/index.js';
+export { BackButton } from './BackButton/index.js';
+export { Badge } from './Badge/index.js';
+export { Button } from './Button/index.js';
+export { CodeEditor, CODE_EDITOR_THEME_OPTIONS } from './CodeEditor/index.js';
+export { CodeEditorConfigProvider, useCodeEditorConfig, DEFAULT_CODE_EDITOR_CONFIG } from './CodeEditor/config.js';
+export { EmptyState } from './EmptyState/index.js';
+export { FaIcon } from './FaIcon/index.js';
+export { FieldError } from './FieldError/index.js';
+export { FormDataEditor } from './FormDataEditor/index.js';
+export { FooterButton } from './FooterButton/index.js';
+export { FooterIcon } from './FooterIcon/index.js';
+export { FormGroup } from './FormGroup/index.js';
+export { Input, Select, Textarea, field, fieldFrame, surfaceField, mergeFieldClasses } from './forms/index.js';
+export { KeyValueEditor } from './KeyValueEditor/index.js';
+export { MethodSelect } from './MethodSelect/index.js';
+export { Modal, ModalFooter, ModalFormLayout } from './Modal/index.js';
+export { ModalHeader } from './Modal/ModalHeader.js';
+export { OverlayCloseButton } from './OverlayCloseButton/index.js';
+export { OverlayPage } from './OverlayPage/index.js';
+export { PageHeader } from './PageHeader/index.js';
+export { PanelCloseButton } from './PanelCloseButton/index.js';
+export { Resizable, ResizeHandle, useResizable } from './Resizable/index.js';
+export { DEFAULT_HEIGHT, MIN_HEIGHT, footerPanelClassName, footerPanelCloseButtonClassName, getFooterPanelMaxSize } from './Resizable/footerPanelUtils.js';
+export { ResourceList, ResourceListRow, ResourceListPrimary, ResourceListEmptyItem } from './ResourceList/index.js';
+export { RowActionsMenu } from './RowActionsMenu/index.js';
+export { buildReorderMenuGroup } from './rowActionsMenuHelpers.js';
+export { SegmentedTabs, SegmentedTabsGroup, SegmentedTabPanel } from './SegmentedTabs/index.js';
+export { Spinner } from './Spinner/index.js';
+export { StatusMessage } from './StatusMessage/index.js';
+export { TabCloseButton } from './TabCloseButton/index.js';
+export { VariableInput } from './VariableInput/index.js';
+export { VariableTable } from './VariableTable/index.js';
+export { cleanVariables, resolveTabListKeyAction } from './utils.js';
+export { useDialogFocus, getFocusableElements } from './useDialogFocus.js';
+export { segment, segmentGroup } from './classes.js';