@harborclient/sdk 1.1.5 → 1.1.6

package/dist/components/SidebarItem/SidebarItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+import { SortableSidebarItem } from './SortableSidebarItem.js';
+import { sourceRow } from './sidebarItemClasses.js';
+import { stopSortableDragPointerDown } from './stopSortableDragPointerDown.js';
+/**
+ * Base shell for sidebar list rows. Applies shared row chrome, optional sortable
+ * drag behavior, and a trailing actions slot suitable for future Sidebar layout reuse.
+ */
+export function SidebarItem({ selected = false, compact = true, sortable, onContextMenu, actions, actionsStopDrag = true, as: Container = 'div', className, children }) {
+    const rowClassName = cn('hc-sidebar-item', sourceRow(selected, compact), className);
+    const rowContent = (_jsxs(_Fragment, { children: [children, actions != null ? (_jsx("div", { className: "shrink-0", ...(actionsStopDrag ? { onPointerDown: stopSortableDragPointerDown } : {}), children: actions })) : null] }));
+    if (sortable != null) {
+        return (_jsx(SortableSidebarItem, { id: sortable.id, className: rowClassName, dragHandleLabel: sortable.dragHandleLabel, disabled: sortable.disabled, onRowContextMenu: onContextMenu, children: rowContent }));
+    }
+    return (_jsx(Container, { className: rowClassName, onContextMenu: onContextMenu, children: rowContent }));
+}

package/dist/components/SidebarItem/SidebarMethodBadge.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * HTTP method name shown in the badge (e.g. GET, POST).
+     */
+    method: string;
+    /**
+     * When true, renders the method in uppercase with medium font weight.
+     */
+    uppercase?: boolean;
+}
+/**
+ * Renders a colored HTTP method badge for sidebar request and history rows.
+ */
+export declare function SidebarMethodBadge({ method, uppercase }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarMethodBadge.d.ts.map

package/dist/components/SidebarItem/SidebarMethodBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarMethodBadge.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarMethodBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,SAAiB,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAYpF"}

package/dist/components/SidebarItem/SidebarMethodBadge.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+import { METHOD_CLASSES } from './sidebarItemClasses.js';
+/**
+ * Renders a colored HTTP method badge for sidebar request and history rows.
+ */
+export function SidebarMethodBadge({ method, uppercase = false }) {
+    const methodKey = method.toLowerCase();
+    const colorClass = METHOD_CLASSES[methodKey] ?? 'text-info';
+    return (_jsx("span", { className: cn('shrink-0 px-1 py-px', uppercase && 'font-medium uppercase', colorClass), "aria-hidden": uppercase ? true : undefined, children: method }));
+}

package/dist/components/SidebarItem/SidebarRequestItem.d.ts

@@ -0,0 +1,143 @@
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import type { JSX, MouseEvent, ReactNode } from 'react';
+import { type SidebarItemSortableConfig } from './SidebarItem.js';
+interface Props {
+    /**
+     * HTTP method shown in the leading badge.
+     */
+    method: string;
+    /**
+     * Primary label text for the row.
+     */
+    name: string;
+    /**
+     * Optional Tailwind classes applied to the name text (e.g. git status colors).
+     */
+    nameClassName?: string;
+    /**
+     * Optional color dot configuration for collection sidebar rows.
+     */
+    colorDot?: {
+        color: string | null | undefined;
+        visible?: boolean;
+        label?: string;
+    };
+    /**
+     * Optional git change status marker shown after the name in git sidebar rows.
+     */
+    statusMarker?: {
+        marker: string;
+        className?: string;
+        label: string;
+    };
+    /**
+     * Whether this row should use selected/highlighted row styling.
+     */
+    selected?: boolean;
+    /**
+     * Optional dnd-kit sortable configuration.
+     */
+    sortable?: SidebarItemSortableConfig;
+    /**
+     * Called when the user right-clicks the row container.
+     */
+    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when the primary label button is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible label for the primary button.
+     */
+    ariaLabel?: string;
+    /**
+     * When true, sets aria-current="true" on the primary button.
+     */
+    ariaCurrent?: boolean;
+    /**
+     * When true, sets aria-selected="true" on the primary button.
+     */
+    ariaSelected?: boolean;
+    /**
+     * Trailing actions slot, typically a row actions menu.
+     */
+    actions?: ReactNode;
+    /**
+     * HTML element for the row container when not sortable.
+     */
+    as?: 'div' | 'li';
+}
+/**
+ * Renders a saved-request sidebar row with method badge, optional color dot or git
+ * status marker, and shared row chrome. Used in both Collections and Git sidebars.
+ */
+export declare function SidebarRequestItem({ method, name, nameClassName, colorDot, statusMarker, selected, sortable, onContextMenu, onClick, ariaLabel, ariaCurrent, ariaSelected, actions, as }: Props): JSX.Element;
+interface DocumentProps {
+    /**
+     * Icon shown before the document name. Defaults to a file-lines icon when omitted.
+     */
+    icon?: IconDefinition;
+    /**
+     * Primary label text for the row.
+     */
+    name: string;
+    /**
+     * Optional Tailwind classes applied to the name text (e.g. git status colors).
+     */
+    nameClassName?: string;
+    /**
+     * Optional color dot configuration for collection sidebar rows.
+     */
+    colorDot?: {
+        color: string | null | undefined;
+        visible?: boolean;
+        label?: string;
+    };
+    /**
+     * Optional git change status marker shown after the name in git sidebar rows.
+     */
+    statusMarker?: {
+        marker: string;
+        className?: string;
+        label: string;
+    };
+    /**
+     * Whether this row should use selected/highlighted row styling.
+     */
+    selected?: boolean;
+    /**
+     * Called when the user right-clicks the row container.
+     */
+    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when the primary label button is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Called when the primary label button is double-clicked.
+     */
+    onDoubleClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible label for the primary button.
+     */
+    ariaLabel?: string;
+    /**
+     * When true, sets aria-current="true" on the primary button.
+     */
+    ariaCurrent?: boolean;
+    /**
+     * Trailing actions slot, typically a row actions menu.
+     */
+    actions?: ReactNode;
+    /**
+     * HTML element for the row container.
+     */
+    as?: 'div' | 'li';
+}
+/**
+ * Renders a markdown document sidebar row with file icon, optional color dot or git
+ * status marker, and shared row chrome. Used in both Collections and Git sidebars.
+ */
+export declare function SidebarDocumentItem({ icon, name, nameClassName, colorDot, statusMarker, selected, onContextMenu, onClick, onDoubleClick, ariaLabel, ariaCurrent, actions, as }: DocumentProps): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarRequestItem.d.ts.map

package/dist/components/SidebarItem/SidebarRequestItem.d.ts.map

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

package/dist/components/SidebarItem/SidebarRequestItem.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { faFileLines } from '@fortawesome/free-solid-svg-icons';
+import { FaIcon } from '../FaIcon/index.js';
+import { SidebarColorDot } from './SidebarColorDot.js';
+import { SidebarItem } from './SidebarItem.js';
+import { SidebarMethodBadge } from './SidebarMethodBadge.js';
+import { SidebarStatusMarker } from './SidebarStatusMarker.js';
+import { SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
+/**
+ * Renders a saved-request sidebar row with method badge, optional color dot or git
+ * status marker, and shared row chrome. Used in both Collections and Git sidebars.
+ */
+export function SidebarRequestItem({ method, name, nameClassName, colorDot, statusMarker, selected = false, sortable, onContextMenu, onClick, ariaLabel, ariaCurrent = false, ariaSelected = false, actions, as = 'div' }) {
+    return (_jsx(SidebarItem, { selected: selected, sortable: sortable, onContextMenu: onContextMenu, actions: actions, as: as, children: _jsxs("button", { type: "button", className: SIDEBAR_ITEM_BUTTON_CLASS, "aria-current": ariaCurrent ? 'true' : undefined, "aria-selected": ariaSelected ? 'true' : undefined, "aria-label": ariaLabel, onClick: onClick, children: [_jsx(SidebarMethodBadge, { method: method }), colorDot != null ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name }), _jsx(SidebarColorDot, { color: colorDot.color, visible: colorDot.visible, label: colorDot.label })] })) : (_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name })), statusMarker != null ? (_jsx(SidebarStatusMarker, { marker: statusMarker.marker, className: statusMarker.className, label: statusMarker.label })) : null] }) }));
+}
+/**
+ * Renders a markdown document sidebar row with file icon, optional color dot or git
+ * status marker, and shared row chrome. Used in both Collections and Git sidebars.
+ */
+export function SidebarDocumentItem({ icon = faFileLines, name, nameClassName, colorDot, statusMarker, selected = false, onContextMenu, onClick, onDoubleClick, ariaLabel, ariaCurrent = false, actions, as = 'div' }) {
+    return (_jsx(SidebarItem, { selected: selected, onContextMenu: onContextMenu, actions: actions, as: as, children: _jsxs("button", { type: "button", className: SIDEBAR_ITEM_BUTTON_CLASS, "aria-current": ariaCurrent ? 'true' : undefined, "aria-label": ariaLabel, onClick: onClick, onDoubleClick: onDoubleClick, children: [_jsx(FaIcon, { icon: icon, className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), colorDot != null ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name }), _jsx(SidebarColorDot, { color: colorDot.color, visible: colorDot.visible, label: colorDot.label })] })) : (_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name })), statusMarker != null ? (_jsx(SidebarStatusMarker, { marker: statusMarker.marker, className: statusMarker.className, label: statusMarker.label })) : null] }) }));
+}

package/dist/components/SidebarItem/SidebarRunItem.d.ts

@@ -0,0 +1,57 @@
+import type { JSX, MouseEvent, ReactNode } from 'react';
+interface Props {
+    /**
+     * Optional HTTP method shown in the leading badge.
+     */
+    method?: string;
+    /**
+     * Primary label text for the saved run row.
+     */
+    label: string;
+    /**
+     * Optional connection badge text (e.g. storage location name).
+     */
+    connectionBadge?: string;
+    /**
+     * Tailwind background color class for the pass/fail status dot.
+     */
+    statusDotClassName: string;
+    /**
+     * Screen-reader text describing the run summary status.
+     */
+    statusSummary: string;
+    /**
+     * Whether this row is part of a multi-selection.
+     */
+    selected?: boolean;
+    /**
+     * Tooltip title for the primary button.
+     */
+    title?: string;
+    /**
+     * Accessible label for the primary button.
+     */
+    ariaLabel: string;
+    /**
+     * Called when the user right-clicks the row container.
+     */
+    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when the primary row button is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Trailing actions slot, typically a row actions menu.
+     */
+    actions?: ReactNode;
+    /**
+     * Optional data attribute value for keyboard navigation focus targets.
+     */
+    dataSidebarRunResultId?: string | number;
+}
+/**
+ * Renders a saved run result row in the Collections sidebar Runs section.
+ */
+export declare function SidebarRunItem({ method, label, connectionBadge, statusDotClassName, statusSummary, selected, title, ariaLabel, onContextMenu, onClick, actions, dataSidebarRunResultId }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarRunItem.d.ts.map

package/dist/components/SidebarItem/SidebarRunItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRunItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarRunItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,OAAO,EACP,sBAAsB,EACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8BrB"}

package/dist/components/SidebarItem/SidebarRunItem.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { Button } from '../Button/index.js';
+import { SidebarItem } from './SidebarItem.js';
+import { SidebarMethodBadge } from './SidebarMethodBadge.js';
+import { SidebarStatusDot } from './SidebarStatusDot.js';
+/**
+ * Renders a saved run result row in the Collections sidebar Runs section.
+ */
+export function SidebarRunItem({ method, label, connectionBadge, statusDotClassName, statusSummary, selected = false, title, ariaLabel, onContextMenu, onClick, actions, dataSidebarRunResultId }) {
+    return (_jsx(SidebarItem, { selected: selected, onContextMenu: onContextMenu, actions: actions, children: _jsxs(Button, { variant: "toolbar", className: "flex min-w-0 flex-1 items-center gap-2 py-0.5 text-left text-text hover:bg-transparent", ...(dataSidebarRunResultId != null
+                ? { 'data-sidebar-run-result-id': String(dataSidebarRunResultId) }
+                : {}), title: title, "aria-label": ariaLabel, "aria-selected": selected ? 'true' : undefined, onClick: onClick, children: [method != null && method !== '' ? _jsx(SidebarMethodBadge, { method: method, uppercase: true }) : null, _jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [_jsx("span", { className: "min-w-0 truncate text-text", children: label }), connectionBadge != null ? (_jsx("span", { className: "shrink-0 rounded bg-info/15 px-1.5 py-0.5 text-[14px] font-medium text-info", title: `Stored in ${connectionBadge}`, children: connectionBadge })) : null] }), _jsx(SidebarStatusDot, { className: statusDotClassName, srOnlyLabel: statusSummary })] }) }));
+}

package/dist/components/SidebarItem/SidebarStatusDot.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * Tailwind background color class for the dot (e.g. from {@link statusDotClass}).
+     */
+    className: string;
+    /**
+     * Screen-reader text describing the status when a visible label is not shown.
+     */
+    srOnlyLabel?: string;
+}
+/**
+ * Renders a small circular status indicator with optional screen-reader text.
+ */
+export declare function SidebarStatusDot({ className, srOnlyLabel }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarStatusDot.d.ts.map

package/dist/components/SidebarItem/SidebarStatusDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarStatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarStatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAU/E"}

package/dist/components/SidebarItem/SidebarStatusDot.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Renders a small circular status indicator with optional screen-reader text.
+ */
+export function SidebarStatusDot({ className, srOnlyLabel }) {
+    return (_jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx("span", { className: cn('inline-block h-2 w-2 shrink-0 rounded-full', className), "aria-hidden": "true" }), srOnlyLabel != null ? _jsx("span", { className: "sr-only", children: srOnlyLabel }) : null] }));
+}

package/dist/components/SidebarItem/SidebarStatusMarker.d.ts

@@ -0,0 +1,21 @@
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * Bracket marker text (e.g. A, M, D, C).
+     */
+    marker: string;
+    /**
+     * Tailwind classes applied to the marker text.
+     */
+    className?: string;
+    /**
+     * Tooltip and accessible name for the marker.
+     */
+    label: string;
+}
+/**
+ * Renders a git change status marker in square brackets after a file name.
+ */
+export declare function SidebarStatusMarker({ marker, className, label }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarStatusMarker.d.ts.map

package/dist/components/SidebarItem/SidebarStatusMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarStatusMarker.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarStatusMarker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMpF"}

package/dist/components/SidebarItem/SidebarStatusMarker.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Renders a git change status marker in square brackets after a file name.
+ */
+export function SidebarStatusMarker({ marker, className, label }) {
+    return (_jsxs("span", { className: cn('shrink-0', className), title: label, "aria-label": label, children: ["[", marker, "]"] }));
+}

package/dist/components/SidebarItem/SidebarTabGroupItem.d.ts

@@ -0,0 +1,51 @@
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import type { JSX, MouseEvent, ReactNode } from 'react';
+import { type SidebarItemSortableConfig } from './SidebarItem.js';
+interface Props {
+    /**
+     * Tab group display name.
+     */
+    name: string;
+    /**
+     * Summary text for tab count (e.g. "3 tabs").
+     */
+    summary: string;
+    /**
+     * Icon shown before the tab group name.
+     */
+    icon: IconDefinition;
+    /**
+     * Optional color dot beside the tab group name.
+     */
+    colorDot?: {
+        color: string | null | undefined;
+        visible?: boolean;
+        label?: string;
+    };
+    /**
+     * Whether this row is part of a multi-selection.
+     */
+    selected?: boolean;
+    /**
+     * dnd-kit sortable configuration for tab group reordering.
+     */
+    sortable?: SidebarItemSortableConfig;
+    /**
+     * Called when the user right-clicks the row container.
+     */
+    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when the primary row button is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Trailing actions slot, typically a row actions menu.
+     */
+    actions?: ReactNode;
+}
+/**
+ * Renders a tab group row in the Collections sidebar Tab Groups section.
+ */
+export declare function SidebarTabGroupItem({ name, summary, icon, colorDot, selected, sortable, onContextMenu, onClick, actions }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SidebarTabGroupItem.d.ts.map

package/dist/components/SidebarItem/SidebarTabGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarTabGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarTabGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACjC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA6BrB"}

package/dist/components/SidebarItem/SidebarTabGroupItem.js

@@ -0,0 +1,11 @@
+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 { SidebarColorDot } from './SidebarColorDot.js';
+import { SidebarItem } from './SidebarItem.js';
+/**
+ * Renders a tab group row in the Collections sidebar Tab Groups section.
+ */
+export function SidebarTabGroupItem({ name, summary, icon, colorDot, selected = false, sortable, onContextMenu, onClick, actions }) {
+    return (_jsx(SidebarItem, { selected: selected, sortable: sortable, onContextMenu: onContextMenu, actions: actions, children: _jsxs(Button, { variant: "toolbar", className: "min-w-0 flex-1 justify-start gap-2 rounded-md px-2 py-1 text-left text-text hover:bg-transparent", "aria-selected": selected ? 'true' : undefined, onClick: onClick, children: [_jsx(FaIcon, { icon: icon, className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsxs("span", { className: "inline-flex min-w-0 flex-1 items-center gap-1.5", children: [_jsx("span", { className: "min-w-0 truncate", children: name }), colorDot != null ? (_jsx(SidebarColorDot, { color: colorDot.color, visible: colorDot.visible, label: colorDot.label })) : null] }), _jsx("span", { className: "shrink-0 text-muted", children: summary })] }) }));
+}

package/dist/components/SidebarItem/SortableSidebarItem.d.ts

@@ -0,0 +1,35 @@
+import type { JSX, MouseEvent, ReactNode } from 'react';
+interface Props {
+    /**
+     * Stable dnd-kit sortable id for this row.
+     */
+    id: string;
+    /**
+     * Row container class names.
+     */
+    className: string;
+    /**
+     * Accessible name for the drag handle (e.g. "Reorder collection \"API\"").
+     */
+    dragHandleLabel: string;
+    /**
+     * Row contents, typically label and action controls.
+     */
+    children: ReactNode;
+    /**
+     * When true, renders a static row without drag-and-drop behavior.
+     */
+    disabled?: boolean;
+    /**
+     * Called when the user right-clicks the row container.
+     */
+    onRowContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Wraps a sidebar row with dnd-kit sortable drag behavior. The row itself is
+ * the drag activator; nested controls should call
+ * {@link stopSortableDragPointerDown} so expand and menu actions do not start a drag.
+ */
+export declare function SortableSidebarItem({ id, className, dragHandleLabel, children, disabled, onRowContextMenu }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=SortableSidebarItem.d.ts.map

package/dist/components/SidebarItem/SortableSidebarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SortableSidebarItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,UAAU,KAAK;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,eAAe,EACf,QAAQ,EACR,QAAgB,EAChB,gBAAgB,EACjB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8CrB"}

package/dist/components/SidebarItem/SortableSidebarItem.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+/**
+ * Wraps a sidebar row with dnd-kit sortable drag behavior. The row itself is
+ * the drag activator; nested controls should call
+ * {@link stopSortableDragPointerDown} so expand and menu actions do not start a drag.
+ */
+export function SortableSidebarItem({ id, className, dragHandleLabel, children, disabled = false, onRowContextMenu }) {
+    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({ id, disabled });
+    if (disabled) {
+        return (_jsx("div", { className: className, onContextMenu: onRowContextMenu, children: children }));
+    }
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition: isDragging ? transition : undefined,
+        opacity: isDragging ? 0.45 : undefined
+    };
+    const { role, tabIndex, ...sortableAttributes } = attributes;
+    void role;
+    void tabIndex;
+    return (_jsx("div", { ref: (node) => {
+            setNodeRef(node);
+            setActivatorNodeRef(node);
+        }, style: style, className: `${className} cursor-grab active:cursor-grabbing`, "aria-label": dragHandleLabel, tabIndex: -1, onContextMenu: onRowContextMenu, ...sortableAttributes, ...listeners, children: children }));
+}

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

@@ -0,0 +1,16 @@
+export { SidebarItem, type SidebarItemSortableConfig } from './SidebarItem.js';
+export { SortableSidebarItem } from './SortableSidebarItem.js';
+export { stopSortableDragPointerDown } from './stopSortableDragPointerDown.js';
+export { SidebarColorDot } from './SidebarColorDot.js';
+export { sourceRow, METHOD_CLASSES, statusDotClass, SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
+export { SidebarMethodBadge } from './SidebarMethodBadge.js';
+export { SidebarStatusDot } from './SidebarStatusDot.js';
+export { SidebarStatusMarker } from './SidebarStatusMarker.js';
+export { SidebarRequestItem, SidebarDocumentItem } from './SidebarRequestItem.js';
+export { SidebarFolderItem } from './SidebarFolderItem.js';
+export { SidebarRunItem } from './SidebarRunItem.js';
+export { SidebarHistoryItem } from './SidebarHistoryItem.js';
+export { SidebarEnvironmentItem } from './SidebarEnvironmentItem.js';
+export { SidebarTabGroupItem } from './SidebarTabGroupItem.js';
+export { SidebarCommitItem } from './SidebarCommitItem.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/SidebarItem/index.js

@@ -0,0 +1,15 @@
+export { SidebarItem } from './SidebarItem.js';
+export { SortableSidebarItem } from './SortableSidebarItem.js';
+export { stopSortableDragPointerDown } from './stopSortableDragPointerDown.js';
+export { SidebarColorDot } from './SidebarColorDot.js';
+export { sourceRow, METHOD_CLASSES, statusDotClass, SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
+export { SidebarMethodBadge } from './SidebarMethodBadge.js';
+export { SidebarStatusDot } from './SidebarStatusDot.js';
+export { SidebarStatusMarker } from './SidebarStatusMarker.js';
+export { SidebarRequestItem, SidebarDocumentItem } from './SidebarRequestItem.js';
+export { SidebarFolderItem } from './SidebarFolderItem.js';
+export { SidebarRunItem } from './SidebarRunItem.js';
+export { SidebarHistoryItem } from './SidebarHistoryItem.js';
+export { SidebarEnvironmentItem } from './SidebarEnvironmentItem.js';
+export { SidebarTabGroupItem } from './SidebarTabGroupItem.js';
+export { SidebarCommitItem } from './SidebarCommitItem.js';

package/dist/components/SidebarItem/sidebarItemClasses.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Tailwind classes for sidebar source rows and HTTP method badges.
+ */
+/**
+ * Tailwind classes for a sidebar source row (collection, folder, request, etc.).
+ *
+ * @param selected - Whether this row is the active selection.
+ * @param compact - When true, uses tighter vertical padding for top-level list rows.
+ * @returns Combined Tailwind class string for the row container.
+ */
+export declare function sourceRow(selected: boolean, compact?: boolean): string;
+/**
+ * HTTP method color classes keyed by lowercase method name.
+ */
+export declare const METHOD_CLASSES: Record<string, string>;
+/**
+ * Status dot color class for an HTTP response code.
+ *
+ * @param status - HTTP status code, or 0 for network errors.
+ * @returns Tailwind background color class for the status dot.
+ */
+export declare function statusDotClass(status: number): string;
+/**
+ * Standard primary button classes for sidebar item label areas.
+ */
+export declare const SIDEBAR_ITEM_BUTTON_CLASS = "flex min-w-0 flex-1 cursor-pointer items-center gap-1.5 border-none bg-transparent py-0 text-left text-inherit app-no-drag";
+//# sourceMappingURL=sidebarItemClasses.d.ts.map

package/dist/components/SidebarItem/sidebarItemClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarItemClasses.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/sidebarItemClasses.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,UAAQ,GAAG,MAAM,CAKpE;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQjD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAMrD;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB,+HACwF,CAAC"}

package/dist/components/SidebarItem/sidebarItemClasses.js

@@ -0,0 +1,49 @@
+/**
+ * Tailwind classes for sidebar source rows and HTTP method badges.
+ */
+/**
+ * Tailwind classes for a sidebar source row (collection, folder, request, etc.).
+ *
+ * @param selected - Whether this row is the active selection.
+ * @param compact - When true, uses tighter vertical padding for top-level list rows.
+ * @returns Combined Tailwind class string for the row container.
+ */
+export function sourceRow(selected, compact = false) {
+    const py = compact ? 'py-0' : 'py-0.5';
+    return selected
+        ? `group flex items-center gap-1 rounded-md bg-selection px-1.5 ${py} app-no-drag`
+        : `group flex items-center gap-1 rounded-md px-1.5 ${py} hover:bg-selection/60 app-no-drag`;
+}
+/**
+ * HTTP method color classes keyed by lowercase method name.
+ */
+export const METHOD_CLASSES = {
+    get: 'text-method-get',
+    post: 'text-method-post',
+    put: 'text-method-put',
+    patch: 'text-method-patch',
+    delete: 'text-method-delete',
+    head: 'text-method-head',
+    options: 'text-method-options'
+};
+/**
+ * Status dot color class for an HTTP response code.
+ *
+ * @param status - HTTP status code, or 0 for network errors.
+ * @returns Tailwind background color class for the status dot.
+ */
+export function statusDotClass(status) {
+    if (status === 0)
+        return 'bg-danger';
+    if (status >= 200 && status < 300)
+        return 'bg-success';
+    if (status >= 300 && status < 400)
+        return 'bg-warning';
+    if (status >= 400)
+        return 'bg-danger';
+    return 'bg-info';
+}
+/**
+ * Standard primary button classes for sidebar item label areas.
+ */
+export const SIDEBAR_ITEM_BUTTON_CLASS = 'flex min-w-0 flex-1 cursor-pointer items-center gap-1.5 border-none bg-transparent py-0 text-left text-inherit app-no-drag';

package/dist/components/SidebarItem/stopSortableDragPointerDown.d.ts

@@ -0,0 +1,8 @@
+import type { PointerEvent as ReactPointerEvent } from 'react';
+/**
+ * Stops pointer events from bubbling to the sortable row drag activator.
+ *
+ * @param event - Pointer event from a nested interactive control.
+ */
+export declare function stopSortableDragPointerDown(event: ReactPointerEvent): void;
+//# sourceMappingURL=stopSortableDragPointerDown.d.ts.map