@harborclient/sdk 1.0.29 → 1.0.30

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjD;AAwCD;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAqDrF;AAYD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAiB7E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAIpD;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjD;AAwCD;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAqDrF;AAYD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAiB7E"}

package/dist/build/index.js

@@ -1,6 +1,6 @@
+import * as esbuild from 'esbuild';
 import { cpSync, mkdirSync } from 'node:fs';
 import { dirname } from 'node:path';
-import * as esbuild from 'esbuild';
 const JSX_RUNTIME_HOST = '@harborclient/sdk/jsx-runtime-host';
 const JSX_RUNTIME = '@harborclient/sdk/jsx-runtime';
 const JSX_DEV_RUNTIME = '@harborclient/sdk/jsx-dev-runtime';

package/dist/components/AsyncListState/ErrorRetry.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /**
+     * Error message shown beside the retry control.
+     */
+    error: ReactNode;
+    /**
+     * Called when the user activates the retry button.
+     */
+    onRetry: () => void;
+    /**
+     * Accessible label for the retry button.
+     */
+    retryLabel?: string;
+}
+/**
+ * Inline error message paired with a secondary retry button.
+ */
+export declare function ErrorRetry({ error, onRetry, retryLabel, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=ErrorRetry.d.ts.map

package/dist/components/AsyncListState/ErrorRetry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorRetry.d.ts","sourceRoot":"","sources":["../../../src/components/AsyncListState/ErrorRetry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,UAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAWrB"}

package/dist/components/AsyncListState/ErrorRetry.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { Button } from '../Button/index.js';
+import { FieldError } from '../FieldError/index.js';
+import { cn } from '../utils.js';
+/**
+ * Inline error message paired with a secondary retry button.
+ */
+export function ErrorRetry({ error, onRetry, retryLabel = 'Retry', className, ...props }) {
+    return (_jsxs("div", { ...props, className: cn('hc-error-retry flex flex-wrap items-center gap-2', className), children: [_jsx(FieldError, { spacing: "field", className: "hc-error-retry-message mt-0 mb-0", children: error }), _jsx(Button, { type: "button", variant: "secondary", className: "hc-error-retry-button", onClick: onRetry, children: retryLabel })] }));
+}

package/dist/components/AsyncListState/LoadingMessage.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends ComponentPropsWithoutRef<'p'> {
+    /**
+     * Loading text announced to assistive technologies.
+     */
+    children?: ReactNode;
+}
+/**
+ * Muted loading label used while async list data is fetched.
+ */
+export declare function LoadingMessage({ children, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=LoadingMessage.d.ts.map

package/dist/components/AsyncListState/LoadingMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingMessage.d.ts","sourceRoot":"","sources":["../../../src/components/AsyncListState/LoadingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,UAAU,KAAM,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAUjG"}

package/dist/components/AsyncListState/LoadingMessage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Muted loading label used while async list data is fetched.
+ */
+export function LoadingMessage({ children = 'Loading…', className, ...props }) {
+    return (_jsx("p", { ...props, role: "status", className: cn('hc-loading-message text-[14px] text-muted', className), children: children }));
+}

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

@@ -1,44 +1,7 @@
 import type { JSX, ReactNode } from 'react';
-interface LoadingMessageProps {
-    /**
-     * Loading text announced to assistive technologies.
-     */
-    children?: ReactNode;
-    /**
-     * Additional Tailwind classes merged onto the status paragraph.
-     */
-    className?: string;
-}
-/**
- * Muted loading label used while async list data is fetched.
- *
- * @param children - Loading message; defaults to "Loading…".
- * @param className - Extra classes appended after the preset.
- */
-export declare function LoadingMessage({ children, className }: LoadingMessageProps): JSX.Element;
-interface ErrorRetryProps {
-    /**
-     * Error message shown beside the retry control.
-     */
-    error: ReactNode;
-    /**
-     * Called when the user activates the retry button.
-     */
-    onRetry: () => void;
-    /**
-     * Accessible label for the retry button.
-     */
-    retryLabel?: string;
-}
-/**
- * Inline error message paired with a secondary retry button.
- *
- * @param error - Error text rendered in danger color.
- * @param onRetry - Handler invoked when retry is clicked.
- * @param retryLabel - Visible retry button label.
- */
-export declare function ErrorRetry({ error, onRetry, retryLabel }: ErrorRetryProps): JSX.Element;
-interface AsyncListStateProps {
+export { ErrorRetry } from './ErrorRetry.js';
+export { LoadingMessage } from './LoadingMessage.js';
+interface Props {
     /**
      * When true, renders the loading placeholder instead of children.
      */
@@ -71,15 +34,6 @@ interface AsyncListStateProps {
 /**
  * Switches between loading, error-with-retry, empty, and ready list content for
  * async CRUD screens such as Team Hub and storage location lists.
- *
- * @param loading - Whether data is still loading.
- * @param error - Optional fetch error message.
- * @param onRetry - Retry handler shown when `error` is set.
- * @param emptyMessage - Placeholder when `isEmpty` is true.
- * @param isEmpty - Whether the loaded collection has no items.
- * @param children - Ready-state list markup.
- * @param loadingMessage - Optional override for the loading placeholder.
  */
-export declare function AsyncListState({ loading, error, onRetry, emptyMessage, isEmpty, children, loadingMessage }: AsyncListStateProps): JSX.Element;
-export {};
+export declare function AsyncListState({ loading, error, onRetry, emptyMessage, isEmpty, children, loadingMessage }: Props): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AsyncListState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,mBAAmB;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAqB,EACrB,SAAS,EACV,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CASnC;AAED,UAAU,eAAe;IACvB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAoB,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAWjG;AAED,UAAU,mBAAmB;IAC3B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,QAAQ,EACR,cAAc,EACf,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiBnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AsyncListState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,UAAU,KAAK;IACb;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,QAAQ,EACR,cAAc,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBrB"}

package/dist/components/AsyncListState/index.js

@@ -1,38 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@harborclient/sdk/jsx-runtime";
-import { Button } from '../Button/index.js';
+import { jsx as _jsx, Fragment as _Fragment } from "@harborclient/sdk/jsx-runtime";
 import { FieldError } from '../FieldError/index.js';
-/**
- * Muted loading label used while async list data is fetched.
- *
- * @param children - Loading message; defaults to "Loading…".
- * @param className - Extra classes appended after the preset.
- */
-export function LoadingMessage({ children = 'Loading…', className }) {
-    const base = 'hc-loading-message text-[14px] text-muted';
-    const classes = className ? `${base} ${className}` : base;
-    return (_jsx("p", { role: "status", className: classes, children: children }));
-}
-/**
- * Inline error message paired with a secondary retry button.
- *
- * @param error - Error text rendered in danger color.
- * @param onRetry - Handler invoked when retry is clicked.
- * @param retryLabel - Visible retry button label.
- */
-export function ErrorRetry({ error, onRetry, retryLabel = 'Retry' }) {
-    return (_jsxs("div", { className: "hc-error-retry flex flex-wrap items-center gap-2", children: [_jsx(FieldError, { spacing: "field", className: "hc-error-retry-message mb-0 mt-0", children: error }), _jsx(Button, { type: "button", variant: "secondary", className: "hc-error-retry-button", onClick: onRetry, children: retryLabel })] }));
-}
+import { ErrorRetry } from './ErrorRetry.js';
+import { LoadingMessage } from './LoadingMessage.js';
+export { ErrorRetry } from './ErrorRetry.js';
+export { LoadingMessage } from './LoadingMessage.js';
 /**
  * Switches between loading, error-with-retry, empty, and ready list content for
  * async CRUD screens such as Team Hub and storage location lists.
- *
- * @param loading - Whether data is still loading.
- * @param error - Optional fetch error message.
- * @param onRetry - Retry handler shown when `error` is set.
- * @param emptyMessage - Placeholder when `isEmpty` is true.
- * @param isEmpty - Whether the loaded collection has no items.
- * @param children - Ready-state list markup.
- * @param loadingMessage - Optional override for the loading placeholder.
  */
 export function AsyncListState({ loading, error, onRetry, emptyMessage, isEmpty = false, children, loadingMessage }) {
     if (loading) {

package/dist/components/Autocomplete/AutocompleteInput.d.ts

@@ -1,14 +1,12 @@
-import type { InputHTMLAttributes, JSX } from 'react';
+import type { ComponentPropsWithoutRef, JSX } from 'react';
 import type { AutocompleteSource } from './types.js';
-export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+export interface Props extends Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange' | 'ref'> {
     /**
      * Current input value.
      */
     value: string;
     /**
      * Called when the value changes.
-     *
-     * @param value - Updated input value.
      */
     onChange: (value: string) => void;
     /**

package/dist/components/Autocomplete/AutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGrD,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkErB"}
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGrD,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,OAAO,CAAC,EACjC,OAAO,GAAG,UAAU,GAAG,KAAK,CAC7B;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkErB"}

package/dist/components/Autocomplete/AutocompleteInput.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { Input } from '../forms/index.js';
+import { cn } from '../utils.js';
 import { SuggestionList } from './SuggestionList.js';
 import { useAutocomplete } from './useAutocomplete.js';
 /**
@@ -12,7 +13,7 @@ export function AutocompleteInput({ value, onChange, source, className, onFocus,
         value: safeValue,
         onSelect: onChange
     });
-    return (_jsxs(_Fragment, { children: [_jsx(Input, { ...props, ref: anchorRef, role: source ? 'combobox' : undefined, "aria-autocomplete": source ? 'list' : undefined, "aria-expanded": source ? open : undefined, "aria-controls": source && open ? listboxId : undefined, "aria-activedescendant": source && open && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined, className: className ? `hc-autocomplete-input ${className}` : 'hc-autocomplete-input', value: safeValue, onChange: (event) => onChange(event.target.value), onFocus: (event) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { ...props, ref: anchorRef, role: source ? 'combobox' : undefined, "aria-autocomplete": source ? 'list' : undefined, "aria-expanded": source ? open : undefined, "aria-controls": source && open ? listboxId : undefined, "aria-activedescendant": source && open && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined, className: cn('hc-autocomplete-input', className), value: safeValue, onChange: (event) => onChange(event.target.value), onFocus: (event) => {
                     openAutocomplete();
                     onFocus?.(event);
                 }, onBlur: (event) => {

package/dist/components/Autocomplete/SuggestionList.d.ts

@@ -1,5 +1,5 @@
-import type { JSX, RefObject } from 'react';
-interface SuggestionListProps {
+import type { ComponentPropsWithoutRef, JSX, RefObject } from 'react';
+interface SuggestionListProps extends Omit<ComponentPropsWithoutRef<'ul'>, 'children' | 'id' | 'role' | 'onSelect'> {
     /**
      * Whether the suggestion popup should render.
      */
@@ -22,14 +22,10 @@ interface SuggestionListProps {
     listboxId: string;
     /**
      * Called when the user selects a suggestion.
-     *
-     * @param item - Selected suggestion value.
      */
     onSelect: (item: string) => void;
     /**
      * Called when the active highlight changes via mouse hover.
-     *
-     * @param index - Highlighted suggestion index.
      */
     onActiveIndexChange: (index: number) => void;
     /**
@@ -40,6 +36,6 @@ interface SuggestionListProps {
 /**
  * Portaled suggestion list for combobox autocomplete inputs.
  */
-export declare function SuggestionList({ open, items, activeIndex, anchorRef, listboxId, onSelect, onActiveIndexChange, onClose }: SuggestionListProps): JSX.Element | null;
+export declare function SuggestionList({ open, items, activeIndex, anchorRef, listboxId, onSelect, onActiveIndexChange, onClose, className, ...props }: SuggestionListProps): JSX.Element | null;
 export {};
 //# sourceMappingURL=SuggestionList.d.ts.map

package/dist/components/Autocomplete/SuggestionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionList.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/SuggestionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,mBAAmB;IAC3B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA0BD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,OAAO,EACR,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAoF1C"}
+{"version":3,"file":"SuggestionList.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/SuggestionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,UAAU,mBAAoB,SAAQ,IAAI,CACxC,wBAAwB,CAAC,IAAI,CAAC,EAC9B,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CACxC;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwBD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwF1C"}

package/dist/components/Autocomplete/SuggestionList.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
 import { useEffect, useState } from '@harborclient/sdk/react';
 import { portalToBody } from '../portalToBody.js';
+import { cn } from '../utils.js';
 /**
  * Computes fixed popup coordinates from the anchor element.
- *
- * @param anchor - Anchor element for positioning.
  */
 function getPopupPosition(anchor) {
     if (!anchor) {
@@ -20,7 +19,7 @@ function getPopupPosition(anchor) {
 /**
  * Portaled suggestion list for combobox autocomplete inputs.
  */
-export function SuggestionList({ open, items, activeIndex, anchorRef, listboxId, onSelect, onActiveIndexChange, onClose }) {
+export function SuggestionList({ open, items, activeIndex, anchorRef, listboxId, onSelect, onActiveIndexChange, onClose, className, ...props }) {
     const [position, setPosition] = useState(null);
     useEffect(() => {
         if (!open) {
@@ -66,7 +65,7 @@ export function SuggestionList({ open, items, activeIndex, anchorRef, listboxId,
     if (!open || items.length === 0 || !position) {
         return null;
     }
-    return portalToBody(_jsx("ul", { id: listboxId, role: "listbox", className: "hc-suggestion-list fixed z-50 max-h-48 overflow-y-auto rounded-lg border border-separator bg-surface py-1 text-[14px] text-text shadow-md", style: { top: position.top, left: position.left, width: position.width }, children: items.map((item, index) => (_jsx("li", { id: `${listboxId}-option-${index}`, role: "option", "aria-selected": index === activeIndex, className: index === activeIndex
+    return portalToBody(_jsx("ul", { ...props, id: listboxId, role: "listbox", className: cn('hc-suggestion-list fixed z-50 max-h-48 overflow-y-auto rounded-lg border border-separator bg-surface py-1 text-[14px] text-text shadow-md', className), style: { top: position.top, left: position.left, width: position.width }, children: items.map((item, index) => (_jsx("li", { id: `${listboxId}-option-${index}`, role: "option", "aria-selected": index === activeIndex, className: index === activeIndex
                 ? 'hc-suggestion-list-option cursor-pointer bg-selection px-2 py-1'
                 : 'hc-suggestion-list-option cursor-pointer px-2 py-1 hover:bg-selection', onMouseEnter: () => onActiveIndexChange(index), onMouseDown: (event) => event.preventDefault(), onClick: () => onSelect(item), children: item }, item))) }));
 }

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

@@ -1,9 +1,5 @@
-import type { JSX } from 'react';
-interface Props {
-    /**
-     * Called when the user activates the back control.
-     */
-    onClick: () => void;
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'aria-label'> {
     /**
      * Visible button text and default accessible name when `ariaLabel` is not provided.
      */
@@ -12,21 +8,12 @@ interface Props {
      * Accessible name when it should differ from the visible `label`.
      */
     ariaLabel?: string;
-    /**
-     * Additional Tailwind classes merged onto the button element.
-     */
-    className?: string;
 }
 /**
  * Secondary back control for nested panel and overlay headers.
  *
  * Matches {@link PanelCloseButton} sizing with a left-angle icon and visible label.
- *
- * @param onClick - Back navigation handler.
- * @param label - Visible button text; defaults to "Back".
- * @param ariaLabel - Accessible name override when it should differ from `label`.
- * @param className - Extra classes appended after the layout preset.
  */
-export declare function BackButton({ onClick, label, ariaLabel, className }: Props): JSX.Element;
+export declare function BackButton({ onClick, label, ariaLabel, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BackButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,KAAK;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAc,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBhG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BackButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAK3D,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAc,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBrB"}

package/dist/components/BackButton/index.js

@@ -1,19 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
 import { Button } from '../Button/index.js';
 import { FaIcon } from '../FaIcon/index.js';
-import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { cn } from '../utils.js';
 /**
  * Secondary back control for nested panel and overlay headers.
  *
  * Matches {@link PanelCloseButton} sizing with a left-angle icon and visible label.
- *
- * @param onClick - Back navigation handler.
- * @param label - Visible button text; defaults to "Back".
- * @param ariaLabel - Accessible name override when it should differ from `label`.
- * @param className - Extra classes appended after the layout preset.
  */
-export function BackButton({ onClick, label = 'Back', ariaLabel, className }) {
-    const base = 'inline-flex shrink-0 items-center justify-center gap-1.5 py-1 text-[14px] h-6';
-    const classes = className ? `hc-back-button ${base} ${className}` : `hc-back-button ${base}`;
-    return (_jsxs(Button, { type: "button", variant: "toolbar", className: classes, "aria-label": ariaLabel, onClick: onClick, children: [_jsx(FaIcon, { icon: faAngleLeft, className: "hc-back-button-icon h-4 w-4", "aria-hidden": true }), _jsx("span", { children: label })] }));
+export function BackButton({ onClick, label = 'Back', ariaLabel, className, ...props }) {
+    return (_jsxs(Button, { ...props, type: "button", variant: "toolbar", className: cn('hc-back-button inline-flex h-6 shrink-0 items-center justify-center gap-1.5 py-1 text-[14px]', className), "aria-label": ariaLabel, onClick: onClick, children: [_jsx(FaIcon, { icon: faAngleLeft, className: "hc-back-button-icon h-4 w-4", "aria-hidden": true }), _jsx("span", { children: label })] }));
 }

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

@@ -1,9 +1,9 @@
-import type { JSX, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
 /**
  * Visual tone for compact status badges.
  */
 export type BadgeVariant = 'success' | 'danger' | 'muted' | 'accent' | 'warning';
-interface Props {
+interface Props extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
     /**
      * Badge label content.
      */
@@ -12,18 +12,10 @@ interface Props {
      * Color and background preset.
      */
     variant?: BadgeVariant;
-    /**
-     * Additional Tailwind classes merged onto the badge element.
-     */
-    className?: string;
 }
 /**
  * Compact pill badge for status labels in lists and settings panels.
- *
- * @param children - Badge text.
- * @param variant - Color preset (`success`, `danger`, `muted`, `accent`, or `warning`).
- * @param className - Extra classes appended after the variant preset.
  */
-export declare function Badge({ children, variant, className }: Props): JSX.Element;
+export declare function Badge({ children, variant, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAiB,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAOpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACxE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAuBD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAa9F"}

package/dist/components/Badge/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 /**
  * Returns background and text classes for the chosen badge variant.
  *
- * @param variant - Badge color preset.
  * @returns Tailwind classes for the badge span.
  */
 function variantClasses(variant) {
@@ -22,13 +22,7 @@ function variantClasses(variant) {
 }
 /**
  * Compact pill badge for status labels in lists and settings panels.
- *
- * @param children - Badge text.
- * @param variant - Color preset (`success`, `danger`, `muted`, `accent`, or `warning`).
- * @param className - Extra classes appended after the variant preset.
  */
-export function Badge({ children, variant = 'muted', className }) {
-    const base = `hc-badge inline-flex shrink-0 items-center rounded px-1.5 py-0.5 text-[14px] ${variantClasses(variant)}`;
-    const classes = className ? `${base} ${className}` : base;
-    return _jsx("span", { className: classes, children: children });
+export function Badge({ children, variant = 'muted', className, ...props }) {
+    return (_jsx("span", { ...props, className: cn('hc-badge inline-flex shrink-0 items-center rounded px-1.5 py-0.5 text-[14px]', variantClasses(variant), className), children: children }));
 }

package/dist/components/BusyIndicator/index.js

@@ -82,5 +82,5 @@ export function BusyIndicator({ isBusy }) {
     if (!visible) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hc-busy-indicator pointer-events-none fixed inset-x-0 top-0 z-[100] h-0.5 overflow-hidden bg-separator", "aria-hidden": "true", children: _jsx("div", { className: "hc-busy-indicator-progress busy-progress-bar h-full w-1/3 bg-accent" }) }), _jsx("div", { className: "hc-busy-indicator-badge pointer-events-none fixed right-3 top-3 z-[100] flex h-6 w-6 items-center justify-center rounded-full border border-separator bg-surface shadow-sm", role: "status", "aria-label": "Working", children: _jsx(Spinner, { size: "sm" }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "hc-busy-indicator pointer-events-none fixed inset-x-0 top-0 z-[100] h-0.5 overflow-hidden bg-separator", "aria-hidden": "true", children: _jsx("div", { className: "hc-busy-indicator-progress busy-progress-bar h-full w-1/3 bg-accent" }) }), _jsx("div", { className: "hc-busy-indicator-badge pointer-events-none fixed top-3 right-3 z-[100] flex h-6 w-6 items-center justify-center rounded-full border border-separator bg-surface shadow-sm", role: "status", "aria-label": "Working", children: _jsx(Spinner, { size: "sm" }) })] }));
 }

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

@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes, JSX, RefObject } from 'react';
+import type { ComponentPropsWithoutRef, JSX, RefObject } from 'react';
 /**
  * Visual style for a macOS-style button.
  */
@@ -11,7 +11,7 @@ type AccessibleName = {
     'aria-labelledby': string;
     'aria-label'?: undefined;
 };
-type BaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-labelledby'> & {
+type BaseProps = Omit<ComponentPropsWithoutRef<'button'>, 'aria-label' | 'aria-labelledby' | 'ref'> & {
     /**
      * Additional Tailwind classes merged after the variant preset.
      */
@@ -34,10 +34,6 @@ export type ButtonProps = (BaseProps & {
  * Pass `type="submit"` explicitly when submit behavior is intended.
  *
  * Icon variants (`icon`, `iconDanger`) require `aria-label` or `aria-labelledby`.
- *
- * @param variant - Visual preset; defaults to `primary`.
- * @param className - Extra classes appended after the variant classes.
- * @param type - Native button type; defaults to `button`.
  */
 export declare function Button({ variant, className, type, innerRef, ...props }: ButtonProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,MAAM,GACN,YAAY,CAAC;AAEjB,KAAK,iBAAiB,GAAG,MAAM,GAAG,YAAY,CAAC;AAE/C,KAAK,cAAc,GACf;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAE,GACvD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE5D,KAAK,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,GAAG,iBAAiB,CAAC,GAAG;IACjG;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,CAAC,SAAS,GAAG;IAAE,OAAO,EAAE,iBAAiB,CAAA;CAAE,GAAG,cAAc,CAAC,GAC7D,CAAC,SAAS,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAA;CAAE,CAAC,CAAC;AAc1E;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,SAAS,EACT,IAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAK3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,MAAM,GACN,YAAY,CAAC;AAEjB,KAAK,iBAAiB,GAAG,MAAM,GAAG,YAAY,CAAC;AAE/C,KAAK,cAAc,GACf;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAE,GACvD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE5D,KAAK,SAAS,GAAG,IAAI,CACnB,wBAAwB,CAAC,QAAQ,CAAC,EAClC,YAAY,GAAG,iBAAiB,GAAG,KAAK,CACzC,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,CAAC,SAAS,GAAG;IAAE,OAAO,EAAE,iBAAiB,CAAA;CAAE,GAAG,cAAc,CAAC,GAC7D,CAAC,SAAS,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAA;CAAE,CAAC,CAAC;AAmC1E;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,SAAS,EACT,IAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAS3B"}

package/dist/components/Button/index.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 const BUTTON_BASE = 'inline-flex cursor-pointer items-center rounded-full app-no-drag';
 const VARIANT_CLASSES = {
-    primary: `${BUTTON_BASE} min-h-[32px] justify-center border border-transparent bg-accent px-3 py-1 text-[15px] font-medium text-white shadow-sm hover:brightness-110 disabled:cursor-not-allowed disabled:opacity-50`,
-    secondary: `${BUTTON_BASE} min-h-[32px] justify-center border border-separator bg-control px-3 py-1 text-[15px] text-text shadow-sm hover:bg-selection disabled:cursor-not-allowed disabled:opacity-50`,
-    primaryDanger: `${BUTTON_BASE} min-h-[32px] justify-center border border-transparent bg-danger px-3 py-1 text-[15px] font-medium text-white shadow-sm hover:brightness-110 disabled:cursor-not-allowed disabled:opacity-50`,
-    secondaryDanger: `${BUTTON_BASE} min-h-[32px] justify-center border border-separator bg-control px-3 py-1 text-[15px] text-danger shadow-sm hover:bg-danger/15 disabled:cursor-not-allowed disabled:opacity-50`,
-    toolbar: `${BUTTON_BASE} min-h-[32px] border-none bg-transparent px-2 py-1 text-[15px] hover:bg-selection`,
-    icon: `${BUTTON_BASE} size-[30px] shrink-0 justify-center border-none bg-transparent text-muted hover:bg-selection hover:text-text`,
-    iconDanger: `${BUTTON_BASE} size-[30px] shrink-0 justify-center border-none bg-transparent text-muted hover:bg-danger/15 hover:text-danger`
+    primary: cn(BUTTON_BASE, 'min-h-[32px] justify-center border border-transparent bg-accent px-3 py-1 text-[15px] font-medium text-white shadow-sm hover:brightness-110 disabled:cursor-not-allowed disabled:opacity-50'),
+    secondary: cn(BUTTON_BASE, 'min-h-[32px] justify-center border border-separator bg-control px-3 py-1 text-[15px] text-text shadow-sm hover:bg-selection disabled:cursor-not-allowed disabled:opacity-50'),
+    primaryDanger: cn(BUTTON_BASE, 'min-h-[32px] justify-center border border-transparent bg-danger px-3 py-1 text-[15px] font-medium text-white shadow-sm hover:brightness-110 disabled:cursor-not-allowed disabled:opacity-50'),
+    secondaryDanger: cn(BUTTON_BASE, 'min-h-[32px] justify-center border border-separator bg-control px-3 py-1 text-[15px] text-danger shadow-sm hover:bg-danger/15 disabled:cursor-not-allowed disabled:opacity-50'),
+    toolbar: cn(BUTTON_BASE, 'min-h-[32px] border-none bg-transparent px-2 py-1 text-[15px] hover:bg-selection'),
+    icon: cn(BUTTON_BASE, 'size-[30px] shrink-0 justify-center border-none bg-transparent text-muted hover:bg-selection hover:text-text'),
+    iconDanger: cn(BUTTON_BASE, 'size-[30px] shrink-0 justify-center border-none bg-transparent text-muted hover:bg-danger/15 hover:text-danger')
 };
 /**
  * macOS-style button with shared variant presets for primary actions, secondary
@@ -17,14 +18,7 @@ const VARIANT_CLASSES = {
  * Pass `type="submit"` explicitly when submit behavior is intended.
  *
  * Icon variants (`icon`, `iconDanger`) require `aria-label` or `aria-labelledby`.
- *
- * @param variant - Visual preset; defaults to `primary`.
- * @param className - Extra classes appended after the variant classes.
- * @param type - Native button type; defaults to `button`.
  */
 export function Button({ variant = 'primary', className, type = 'button', innerRef, ...props }) {
-    const classes = className
-        ? `hc-button ${VARIANT_CLASSES[variant]} ${className}`
-        : `hc-button ${VARIANT_CLASSES[variant]}`;
-    return _jsx("button", { ref: innerRef, type: type, className: classes, ...props });
+    return (_jsx("button", { ref: innerRef, type: type, className: cn('hc-button', VARIANT_CLASSES[variant], className), ...props }));
 }

package/dist/components/Card/Body.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends ComponentPropsWithoutRef<'div'> {
+    /**
+     */
+    children: ReactNode;
+}
+/**
+ * Renders the body of a card.
+ */
+export declare function Body({ children, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Body.d.ts.map

package/dist/components/Card/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,UAAU,KAAM,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrD;OACG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAM1E"}

package/dist/components/Card/Body.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Renders the body of a card.
+ */
+export function Body({ children, className, ...props }) {
+    return (_jsx("div", { ...props, className: cn('hc-card-body p-4', className), children: children }));
+}

package/dist/components/Card/Image.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+type Props = ComponentPropsWithoutRef<'img'>;
+/**
+ * Renders a card image.
+ */
+export declare function Image({ src, alt, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Card/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG3D,KAAK,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE7C;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAS3E"}

package/dist/components/Card/Image.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Renders a card image.
+ */
+export function Image({ src, alt, className, ...props }) {
+    return (_jsx("img", { ...props, src: src, alt: alt, className: cn('hc-card-image h-full w-full max-w-full object-cover', className) }));
+}

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

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends ComponentPropsWithoutRef<'div'> {
+    /**
+     */
+    children: ReactNode;
+}
+/**
+ * Renders a card with an image, title, and description.
+ */
+export declare function Card({ children, className, ...props }: Props): JSX.Element;
+export declare namespace Card {
+    var Body: typeof import("./Body.js").Body;
+    var Image: typeof import("./Image.js").Image;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,UAAU,KAAM,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrD;OACG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAW1E;yBAXe,IAAI"}