@harborclient/sdk 1.0.29 → 1.0.30

package/dist/components/PageHeader/index.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { FaIcon } from '../FaIcon/index.js';
+import { cn } from '../utils.js';
 /**
  * Full-bleed page header with a bordered bottom edge, title block on the left,
  * and optional action controls on the right.
  */
-export function PageHeader({ title, description, icon, children, className }) {
-    const wrapperClassName = className
-        ? `hc-page-header -mx-6 mb-4 flex flex-wrap items-center gap-2 border-b border-separator px-6 py-4 ${className}`
-        : 'hc-page-header -mx-6 mb-4 flex flex-wrap items-center gap-2 border-b border-separator px-6 py-4';
-    return (_jsxs("div", { className: wrapperClassName, children: [_jsxs("div", { className: "hc-page-header-content min-w-0 flex-1", children: [_jsxs("h2", { className: "hc-page-header-title m-0 flex items-center gap-2 text-[28px] font-bold leading-[1.15] tracking-[-0.01em] text-text", children: [icon ? (_jsx(FaIcon, { icon: icon, className: "hc-page-header-title-icon h-5 w-5 shrink-0 text-muted", "aria-hidden": true })) : null, title] }), description ? (_jsx("p", { className: "hc-page-header-description m-0 mt-1 text-[16px] text-muted leading-none", children: description })) : null] }), children ? (_jsx("div", { className: "hc-page-header-actions flex flex-wrap items-center gap-2", children: children })) : null] }));
+export function PageHeader({ title, description, icon, children, className, ...props }) {
+    return (_jsxs("div", { ...props, className: cn('hc-page-header -mx-6 mb-4 flex flex-wrap items-center gap-2 border-b border-separator px-6 py-4', className), children: [_jsxs("div", { className: "hc-page-header-content min-w-0 flex-1", children: [_jsxs("h2", { className: "hc-page-header-title m-0 flex items-center gap-2 text-[24px] leading-[1.15] font-bold tracking-[-0.01em] text-text", children: [icon ? (_jsx(FaIcon, { icon: icon, className: "hc-page-header-title-icon h-5 w-5 shrink-0 text-muted", "aria-hidden": true })) : null, title] }), description ? (_jsx("p", { className: "hc-page-header-description m-0 mt-1 text-[16px] leading-none text-muted", children: description })) : null] }), children ? (_jsx("div", { className: "hc-page-header-actions flex flex-wrap items-center gap-2", children: children })) : null] }));
 }

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

@@ -1,5 +1,5 @@
 import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import type { JSX } from 'react';
+import type { ComponentPropsWithoutRef, JSX } from 'react';
 /**
  * One entry in a {@link PageSidebar} navigation list.
  */
@@ -17,7 +17,7 @@ export interface PageSidebarItem<T extends string = string> {
      */
     icon?: IconDefinition;
 }
-interface Props<T extends string> {
+interface Props<T extends string> extends Omit<ComponentPropsWithoutRef<'nav'>, 'aria-label' | 'onSelect'> {
     /**
      * Navigation entries to render in the sidebar.
      */
@@ -28,8 +28,6 @@ interface Props<T extends string> {
     selected: T;
     /**
      * Called when the user selects a different section.
-     *
-     * @param value - Newly selected section value.
      */
     onSelect: (value: T) => void;
     /**
@@ -40,6 +38,6 @@ interface Props<T extends string> {
 /**
  * Narrow sidebar navigation for multi-section pages such as settings overlays.
  */
-export declare function PageSidebar<T extends string>({ items, selected, onSelect, ariaLabel }: Props<T>): JSX.Element;
+export declare function PageSidebar<T extends string>({ items, selected, onSelect, ariaLabel, className, ...props }: Props<T>): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC;IAEZ;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAaD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAuCxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3D;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAC5C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,YAAY,GAAG,UAAU,CAC1B;IACC;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAWD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA4CxB"}

package/dist/components/PageSidebar/index.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { FaIcon } from '../FaIcon/index.js';
+import { cn } from '../utils.js';
 /**
  * Tailwind classes for a sidebar navigation row.
- *
- * @param active - Whether this row is the current selection.
  */
 function sidebarRow(active) {
     return active
@@ -13,12 +12,12 @@ function sidebarRow(active) {
 /**
  * Narrow sidebar navigation for multi-section pages such as settings overlays.
  */
-export function PageSidebar({ items, selected, onSelect, ariaLabel }) {
-    return (_jsx("nav", { className: "hc-page-sidebar flex w-[180px] shrink-0 flex-col gap-1 border-r border-separator bg-sidebar px-2 py-3", "aria-label": ariaLabel, children: items.map((item) => {
+export function PageSidebar({ items, selected, onSelect, ariaLabel, className, ...props }) {
+    return (_jsx("nav", { ...props, className: cn('hc-page-sidebar flex w-[180px] shrink-0 flex-col gap-1 border-r border-separator bg-sidebar px-2 py-3', className), "aria-label": ariaLabel, children: items.map((item) => {
             const active = selected === item.value;
             const rowClass = item.icon
                 ? `hc-page-sidebar-item ${sidebarRow(active)} w-full gap-2 border-none text-left text-[15px] app-no-drag`
                 : `hc-page-sidebar-item ${sidebarRow(active)} w-full border-none text-left text-[15px] app-no-drag`;
-            return (_jsxs("button", { type: "button", className: rowClass, "aria-current": active ? 'page' : undefined, onClick: () => onSelect(item.value), children: [item.icon ? (_jsx(FaIcon, { icon: item.icon, className: `hc-page-sidebar-item-icon h-[18px] w-[18px] shrink-0 ${active ? 'text-text' : 'text-muted'}`, "aria-hidden": true })) : null, _jsx("span", { className: "hc-page-sidebar-item-label min-w-0 truncate", children: item.label })] }, item.value));
+            return (_jsxs("button", { type: "button", className: rowClass, "aria-current": active ? 'page' : undefined, onClick: () => onSelect(item.value), children: [item.icon ? (_jsx(FaIcon, { icon: item.icon, className: cn('hc-page-sidebar-item-icon h-[18px] w-[18px] shrink-0', active ? 'text-text' : 'text-muted'), "aria-hidden": true })) : null, _jsx("span", { className: "hc-page-sidebar-item-label min-w-0 truncate", children: item.label })] }, item.value));
         }) }));
 }

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

@@ -1,9 +1,5 @@
-import type { JSX } from 'react';
-interface Props {
-    /**
-     * Called when the user closes the panel or overlay.
-     */
-    onClose: () => void;
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'aria-label'> {
     /**
      * Default accessible name when `ariaLabel` is not provided.
      */
@@ -13,18 +9,13 @@ interface Props {
      */
     ariaLabel?: string;
     /**
-     * Additional Tailwind classes merged onto the button element.
+     * Called when the user closes the panel or overlay.
      */
-    className?: string;
+    onClose: () => void;
 }
 /**
  * Secondary icon close control for settings headers and full-page panels.
- *
- * @param onClose - Close handler.
- * @param label - Default accessible name; defaults to "Close".
- * @param ariaLabel - Accessible name override.
- * @param className - Extra classes appended after the layout preset.
  */
-export declare function PanelCloseButton({ onClose, label, ariaLabel, className }: Props): JSX.Element;
+export declare function PanelCloseButton({ onClose, label, ariaLabel, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelCloseButton/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;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAe,EACf,SAAS,EACT,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelCloseButton/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;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAe,EACf,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBrB"}

package/dist/components/PanelCloseButton/index.js

@@ -1,19 +1,11 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
 import { Button } from '../Button/index.js';
 import { FaIcon } from '../FaIcon/index.js';
-import { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { cn } from '../utils.js';
 /**
  * Secondary icon close control for settings headers and full-page panels.
- *
- * @param onClose - Close handler.
- * @param label - Default accessible name; defaults to "Close".
- * @param ariaLabel - Accessible name override.
- * @param className - Extra classes appended after the layout preset.
  */
-export function PanelCloseButton({ onClose, label = 'Close', ariaLabel, className }) {
-    const base = 'inline-flex shrink-0 items-center justify-center py-2';
-    const classes = className
-        ? `hc-panel-close-button ${base} ${className}`
-        : `hc-panel-close-button ${base}`;
-    return (_jsx(Button, { type: "button", variant: "secondary", className: classes, "aria-label": ariaLabel ?? label, onClick: onClose, children: _jsx(FaIcon, { icon: faXmark, className: "hc-panel-close-button-icon h-4 w-4" }) }));
+export function PanelCloseButton({ onClose, label = 'Close', ariaLabel, className, ...props }) {
+    return (_jsx(Button, { ...props, type: "button", variant: "secondary", className: cn('hc-panel-close-button inline-flex shrink-0 items-center justify-center py-2', className), "aria-label": ariaLabel ?? label, onClick: onClose, children: _jsx(FaIcon, { icon: faXmark, className: "hc-panel-close-button-icon h-4 w-4" }) }));
 }

package/dist/components/Resizable/Resizable.d.ts

@@ -1,5 +1,5 @@
-import type { JSX, ReactNode } from 'react';
-interface Props {
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'id' | 'title'> {
     /**
      * Root element id used by footer toggles via aria-controls.
      */
@@ -43,6 +43,6 @@ interface Props {
  * Encapsulates resize handle wiring, height persistence, open/close animation,
  * and close affordance shared by Console, Variables, and plugin footer panels.
  */
-export declare function Resizable({ id, open, onClose, closeLabel, storageKey, title, headerless, unmountWhenClosed, children }: Props): JSX.Element;
+export declare function Resizable({ id, open, onClose, closeLabel, storageKey, title, headerless, unmountWhenClosed, children, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=Resizable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/Resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAa5C,UAAU,KAAK;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiFrB"}
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/Resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAatE,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC;IACxF;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,KAAK,EACL,UAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqFrB"}

package/dist/components/Resizable/Resizable.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@harborclient/sdk/jsx-runtime";
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
 import { useCallback, useRef } from '@harborclient/sdk/react';
 import { FaIcon } from '../FaIcon/index.js';
-import { faXmark } from '@fortawesome/free-solid-svg-icons';
-import { DEFAULT_HEIGHT, MIN_HEIGHT, footerPanelClassName, footerPanelCloseButtonClassName, getFooterPanelMaxSize } from './footerPanelUtils';
+import { cn } from '../utils.js';
 import { ResizeHandle } from './ResizeHandle.js';
+import { DEFAULT_HEIGHT, MIN_HEIGHT, footerPanelClassName, footerPanelCloseButtonClassName, getFooterPanelMaxSize } from './footerPanelUtils';
 import { useResizable } from './useResizable.js';
 /**
  * Slide-up, resizable footer panel shell with optional header bar.
@@ -11,7 +12,7 @@ import { useResizable } from './useResizable.js';
  * Encapsulates resize handle wiring, height persistence, open/close animation,
  * and close affordance shared by Console, Variables, and plugin footer panels.
  */
-export function Resizable({ id, open, onClose, closeLabel, storageKey, title, headerless = false, unmountWhenClosed = false, children }) {
+export function Resizable({ id, open, onClose, closeLabel, storageKey, title, headerless = false, unmountWhenClosed = false, children, className, ...props }) {
     const containerRef = useRef(null);
     /**
      * Keeps max-size measurement stable across re-renders so useResizable
@@ -26,7 +27,7 @@ export function Resizable({ id, open, onClose, closeLabel, storageKey, title, he
         getMaxSize,
         storageKey
     });
-    const closeButton = (_jsx("button", { type: "button", className: `hc-resizable-close ${footerPanelCloseButtonClassName}`, onClick: onClose, "aria-label": `Close ${closeLabel}`, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }));
+    const closeButton = (_jsx("button", { type: "button", className: cn('hc-resizable-close', footerPanelCloseButtonClassName), onClick: onClose, "aria-label": `Close ${closeLabel}`, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }));
     const body = unmountWhenClosed && !open ? null : children;
-    return (_jsxs("div", { ref: containerRef, id: id, className: `hc-resizable ${footerPanelClassName(open)}`, style: { height }, role: "region", "aria-label": `${closeLabel} panel`, "aria-hidden": !open, inert: !open || undefined, children: [_jsx(ResizeHandle, { orientation: "horizontal", value: height, min: panelMinSize, max: panelMaxSize, onResizeStart: onResizeStart, onKeyboardResize: onKeyboardResize, ariaLabel: `Resize ${closeLabel} panel` }), headerless ? (_jsxs("div", { className: "hc-resizable-headerless relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("button", { type: "button", className: `hc-resizable-headerless-close absolute right-2 top-2 z-10 ${footerPanelCloseButtonClassName}`, onClick: onClose, "aria-label": `Close ${closeLabel}`, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }), _jsx("div", { className: "hc-resizable-body flex min-h-0 flex-1 flex-col", children: body })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "hc-resizable-header flex shrink-0 items-center justify-between border-b border-separator px-3 py-2", children: [_jsx("div", { className: "hc-resizable-header-title min-w-0 flex-1", children: title }), closeButton] }), body] }))] }));
+    return (_jsxs("div", { ref: containerRef, ...props, id: id, className: cn('hc-resizable', footerPanelClassName(open), className), style: { height }, role: "region", "aria-label": `${closeLabel} panel`, "aria-hidden": !open, inert: !open || undefined, children: [_jsx(ResizeHandle, { orientation: "horizontal", value: height, min: panelMinSize, max: panelMaxSize, onResizeStart: onResizeStart, onKeyboardResize: onKeyboardResize, ariaLabel: `Resize ${closeLabel} panel` }), headerless ? (_jsxs("div", { className: "hc-resizable-headerless relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("button", { type: "button", className: cn('hc-resizable-headerless-close absolute top-2 right-2 z-10', footerPanelCloseButtonClassName), onClick: onClose, "aria-label": `Close ${closeLabel}`, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }), _jsx("div", { className: "hc-resizable-body flex min-h-0 flex-1 flex-col", children: body })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "hc-resizable-header flex shrink-0 items-center justify-between border-b border-separator px-3 py-2", children: [_jsx("div", { className: "hc-resizable-header-title min-w-0 flex-1", children: title }), closeButton] }), body] }))] }));
 }

package/dist/components/Resizable/ResizeHandle.d.ts

@@ -1,5 +1,5 @@
-import type { JSX, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent } from 'react';
-interface Props {
+import type { ComponentPropsWithoutRef, JSX, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'aria-label' | 'aria-valuenow' | 'aria-valuemin' | 'aria-valuemax'> {
     /**
      * Handle orientation: horizontal resizes height, vertical resizes width.
      */
@@ -28,14 +28,10 @@ interface Props {
      * Accessible label for the separator.
      */
     ariaLabel: string;
-    /**
-     * Optional additional classes for the handle container.
-     */
-    className?: string;
 }
 /**
  * Draggable separator handle for resizable panels.
  */
-export declare function ResizeHandle({ orientation, value, min, max, onResizeStart, onKeyboardResize, ariaLabel, className }: Props): JSX.Element;
+export declare function ResizeHandle({ orientation, value, min, max, onResizeStart, onKeyboardResize, ariaLabel, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=ResizeHandle.d.ts.map

package/dist/components/Resizable/ResizeHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/ResizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,GAAG,EACH,aAAa,IAAI,kBAAkB,EACnC,UAAU,IAAI,eAAe,EAC9B,MAAM,OAAO,CAAC;AAEf,UAAU,KAAK;IACb;;OAEG;IACH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,GAAG,EACH,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmCrB"}
+{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/ResizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,GAAG,EACH,aAAa,IAAI,kBAAkB,EACnC,UAAU,IAAI,eAAe,EAC9B,MAAM,OAAO,CAAC;AAGf,UAAU,KAAM,SAAQ,IAAI,CAC1B,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,YAAY,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAChF;IACC;;OAEG;IACH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,GAAG,EACH,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB"}

package/dist/components/Resizable/ResizeHandle.js

@@ -1,19 +1,13 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
 /**
  * Draggable separator handle for resizable panels.
  */
-export function ResizeHandle({ orientation, value, min, max, onResizeStart, onKeyboardResize, ariaLabel, className }) {
+export function ResizeHandle({ orientation, value, min, max, onResizeStart, onKeyboardResize, ariaLabel, className, ...props }) {
     const isHorizontal = orientation === 'horizontal';
-    const containerClassName = [
-        'hc-resize-handle m-0 flex shrink-0 items-center justify-center bg-control p-0 font-inherit text-inherit hover:bg-selection/60 app-no-drag',
-        isHorizontal
+    return (_jsx("div", { ...props, role: "separator", tabIndex: 0, className: cn('hc-resize-handle font-inherit app-no-drag m-0 flex shrink-0 items-center justify-center bg-control p-0 text-inherit hover:bg-selection/60', isHorizontal
             ? 'h-1.5 w-full cursor-row-resize border-b border-separator'
-            : 'h-full w-1.5 cursor-col-resize border-r border-separator',
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsx("div", { role: "separator", tabIndex: 0, className: containerClassName, onMouseDown: onResizeStart, onKeyDown: onKeyboardResize, "aria-orientation": orientation, "aria-label": ariaLabel, "aria-valuenow": Math.round(value), "aria-valuemin": min, "aria-valuemax": Math.round(max), children: _jsx("div", { className: isHorizontal
+            : 'h-full w-1.5 cursor-col-resize border-r border-separator', className), onMouseDown: onResizeStart, onKeyDown: onKeyboardResize, "aria-orientation": orientation, "aria-label": ariaLabel, "aria-valuenow": Math.round(value), "aria-valuemin": min, "aria-valuemax": Math.round(max), children: _jsx("div", { className: isHorizontal
                 ? 'hc-resize-handle-grip h-0.5 w-8 rounded-full bg-muted/50'
                 : 'hc-resize-handle-grip h-8 w-0.5 rounded-full bg-muted/50', "aria-hidden": true }) }));
 }

package/dist/components/ResourceList/ResourceListEmptyItem.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends ComponentPropsWithoutRef<'li'> {
+    /**
+     * Empty-state message content.
+     */
+    children: ReactNode;
+}
+/**
+ * Inline empty-state row rendered inside a {@link ResourceList}.
+ */
+export declare function ResourceListEmptyItem({ children, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=ResourceListEmptyItem.d.ts.map

package/dist/components/ResourceList/ResourceListEmptyItem.d.ts.map

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

package/dist/components/ResourceList/ResourceListEmptyItem.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Inline empty-state row rendered inside a {@link ResourceList}.
+ */
+export function ResourceListEmptyItem({ children, className, ...props }) {
+    return (_jsx("li", { ...props, className: cn('hc-resource-list-empty-item text-[14px] text-muted', className), children: children }));
+}

package/dist/components/ResourceList/ResourceListPrimary.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Primary title content.
+     */
+    children: ReactNode;
+}
+/**
+ * Primary title styling for {@link ResourceListRow}.
+ */
+export declare function ResourceListPrimary({ children, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=ResourceListPrimary.d.ts.map

package/dist/components/ResourceList/ResourceListPrimary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceListPrimary.d.ts","sourceRoot":"","sources":["../../../src/components/ResourceList/ResourceListPrimary.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;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAYzF"}

package/dist/components/ResourceList/ResourceListPrimary.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Primary title styling for {@link ResourceListRow}.
+ */
+export function ResourceListPrimary({ children, className, ...props }) {
+    return (_jsx("div", { ...props, className: cn('hc-resource-list-primary truncate text-[14px] font-medium text-text', className), children: children }));
+}

package/dist/components/ResourceList/ResourceListRow.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'li'>, 'children'> {
+    /**
+     * Primary title or name for the resource.
+     */
+    primary: ReactNode;
+    /**
+     * Optional secondary line such as a URL or identifier.
+     */
+    secondary?: ReactNode;
+    /**
+     * Optional metadata rendered below primary/secondary content, e.g. badges.
+     */
+    meta?: ReactNode;
+    /**
+     * Trailing action buttons or menus.
+     */
+    actions?: ReactNode;
+    /**
+     * When true, allows primary content and actions to wrap on narrow widths.
+     */
+    wrap?: boolean;
+}
+/**
+ * Bordered list row with primary text, optional secondary line, metadata, and actions.
+ */
+export declare function ResourceListRow({ primary, secondary, meta, actions, wrap, className, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=ResourceListRow.d.ts.map

package/dist/components/ResourceList/ResourceListRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceListRow.d.ts","sourceRoot":"","sources":["../../../src/components/ResourceList/ResourceListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IACtE;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0BrB"}

package/dist/components/ResourceList/ResourceListRow.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+/**
+ * Bordered list row with primary text, optional secondary line, metadata, and actions.
+ */
+export function ResourceListRow({ primary, secondary, meta, actions, wrap = false, className, ...props }) {
+    return (_jsxs("li", { ...props, className: cn('hc-resource-list-row flex items-center justify-between gap-3 rounded-[10px] border border-separator/80 px-4 py-[14px] shadow-[0_1px_2px_rgba(0,0,0,0.04)] transition-[background-color,box-shadow] duration-[120ms] ease-out hover:shadow-[0_2px_8px_rgba(0,0,0,0.06)] dark:shadow-[0_1px_2px_rgba(0,0,0,0.2)] dark:hover:shadow-[0_2px_8px_rgba(0,0,0,0.28)]', wrap && 'flex-wrap', className), children: [_jsxs("div", { className: "hc-resource-list-row-content min-w-0", children: [_jsx("div", { className: "hc-resource-list-row-primary min-w-0", children: primary }), secondary != null ? (_jsx("div", { className: "hc-resource-list-row-secondary truncate text-[14px] text-muted", children: secondary })) : null, meta] }), actions ? (_jsx("div", { className: "hc-resource-list-row-actions flex shrink-0 flex-wrap items-center justify-end gap-2", children: actions })) : null] }));
+}

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

@@ -1,83 +1,15 @@
-import type { JSX, ReactNode } from 'react';
-interface ResourceListProps {
+import type { ComponentPropsWithoutRef, JSX, ReactNode } from 'react';
+export { ResourceListEmptyItem } from './ResourceListEmptyItem.js';
+export { ResourceListPrimary } from './ResourceListPrimary.js';
+export { ResourceListRow } from './ResourceListRow.js';
+interface Props extends ComponentPropsWithoutRef<'ul'> {
     /**
      * List row elements, typically {@link ResourceListRow} items.
      */
     children: ReactNode;
-    /**
-     * Additional Tailwind classes merged onto the list element.
-     */
-    className?: string;
-    /**
-     * Accessible name when no visible heading labels the list.
-     */
-    'aria-label'?: string;
-    /**
-     * Id of the element that labels this list when using a visible heading.
-     */
-    'aria-labelledby'?: string;
 }
 /**
  * Vertical list shell used for bordered resource rows in settings and Team Hub.
- *
- * @param children - List item elements.
- * @param className - Extra classes appended after the layout preset.
- * @param aria-label - Accessible name when surrounding context does not name the list.
- * @param aria-labelledby - Id of a visible heading that names the list.
  */
-export declare function ResourceList({ children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }: ResourceListProps): JSX.Element;
-interface ResourceListRowProps {
-    /**
-     * Primary title or name for the resource.
-     */
-    primary: ReactNode;
-    /**
-     * Optional secondary line such as a URL or identifier.
-     */
-    secondary?: ReactNode;
-    /**
-     * Optional metadata rendered below primary/secondary content, e.g. badges.
-     */
-    meta?: ReactNode;
-    /**
-     * Trailing action buttons or menus.
-     */
-    actions?: ReactNode;
-    /**
-     * When true, allows primary content and actions to wrap on narrow widths.
-     */
-    wrap?: boolean;
-    /**
-     * Additional Tailwind classes merged onto the row element.
-     */
-    className?: string;
-}
-/**
- * Bordered list row with primary text, optional secondary line, metadata, and actions.
- *
- * @param primary - Main label for the resource.
- * @param secondary - Optional muted secondary line.
- * @param meta - Optional content below the title block.
- * @param actions - Trailing controls aligned to the row end.
- * @param wrap - Whether the row uses flex-wrap for narrow layouts.
- * @param className - Extra classes appended after the layout preset.
- */
-export declare function ResourceListRow({ primary, secondary, meta, actions, wrap, className }: ResourceListRowProps): JSX.Element;
-/**
- * Primary title styling for {@link ResourceListRow}.
- *
- * @param children - Title content.
- */
-export declare function ResourceListPrimary({ children }: {
-    children: ReactNode;
-}): JSX.Element;
-/**
- * Inline empty-state row rendered inside a {@link ResourceList}.
- *
- * @param children - Empty message content.
- */
-export declare function ResourceListEmptyItem({ children }: {
-    children: ReactNode;
-}): JSX.Element;
-export {};
+export declare function ResourceList({ children, className, ...props }: Props): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResourceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EAClC,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CASjC;AAED,UAAU,oBAAoB;IAC5B;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAY,EACZ,SAAS,EACV,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAwBpC;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAMtF;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAExF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResourceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,KAAM,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IACpD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CASlF"}

package/dist/components/ResourceList/index.js

@@ -1,46 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { cn } from '../utils.js';
+export { ResourceListEmptyItem } from './ResourceListEmptyItem.js';
+export { ResourceListPrimary } from './ResourceListPrimary.js';
+export { ResourceListRow } from './ResourceListRow.js';
 /**
  * Vertical list shell used for bordered resource rows in settings and Team Hub.
- *
- * @param children - List item elements.
- * @param className - Extra classes appended after the layout preset.
- * @param aria-label - Accessible name when surrounding context does not name the list.
- * @param aria-labelledby - Id of a visible heading that names the list.
  */
-export function ResourceList({ children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }) {
-    const base = 'hc-resource-list m-0 flex list-none flex-col gap-[10px] p-0';
-    const classes = className ? `${base} ${className}` : base;
-    return (_jsx("ul", { className: classes, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children: children }));
-}
-/**
- * Bordered list row with primary text, optional secondary line, metadata, and actions.
- *
- * @param primary - Main label for the resource.
- * @param secondary - Optional muted secondary line.
- * @param meta - Optional content below the title block.
- * @param actions - Trailing controls aligned to the row end.
- * @param wrap - Whether the row uses flex-wrap for narrow layouts.
- * @param className - Extra classes appended after the layout preset.
- */
-export function ResourceListRow({ primary, secondary, meta, actions, wrap = false, className }) {
-    const wrapClass = wrap ? 'flex-wrap' : '';
-    const base = `hc-resource-list-row flex items-center justify-between gap-3 rounded-[10px] border border-separator/80 px-4 py-[14px] shadow-[0_1px_2px_rgba(0,0,0,0.04)] transition-[background-color,box-shadow] duration-[120ms] ease-out hover:shadow-[0_2px_8px_rgba(0,0,0,0.06)] dark:shadow-[0_1px_2px_rgba(0,0,0,0.2)] dark:hover:shadow-[0_2px_8px_rgba(0,0,0,0.28)] ${wrapClass}`.trim();
-    const classes = className ? `${base} ${className}` : base;
-    return (_jsxs("li", { className: classes, children: [_jsxs("div", { className: "hc-resource-list-row-content min-w-0", children: [_jsx("div", { className: "hc-resource-list-row-primary min-w-0", children: primary }), secondary != null ? (_jsx("div", { className: "hc-resource-list-row-secondary truncate text-[14px] text-muted", children: secondary })) : null, meta] }), actions ? (_jsx("div", { className: "hc-resource-list-row-actions flex shrink-0 flex-wrap items-center justify-end gap-2", children: actions })) : null] }));
-}
-/**
- * Primary title styling for {@link ResourceListRow}.
- *
- * @param children - Title content.
- */
-export function ResourceListPrimary({ children }) {
-    return (_jsx("div", { className: "hc-resource-list-primary truncate text-[14px] font-medium text-text", children: children }));
-}
-/**
- * Inline empty-state row rendered inside a {@link ResourceList}.
- *
- * @param children - Empty message content.
- */
-export function ResourceListEmptyItem({ children }) {
-    return _jsx("li", { className: "hc-resource-list-empty-item text-[14px] text-muted", children: children });
+export function ResourceList({ children, className, ...props }) {
+    return (_jsx("ul", { ...props, className: cn('hc-resource-list m-0 flex list-none flex-col gap-[10px] p-0', className), children: children }));
 }

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

@@ -1,10 +1,10 @@
-import type { JSX } from 'react';
+import type { ComponentPropsWithoutRef, JSX } from 'react';
 export type MenuItem = {
     label: string;
     onSelect: () => void;
     variant?: 'default' | 'danger';
 };
-interface Props {
+interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     /**
      * Grouped menu entries shown when the trigger is open. Each inner array is
      * one visual group separated by a divider line.
@@ -20,14 +20,12 @@ interface Props {
     openMenuId: string | null;
     /**
      * Called when the user opens or closes a menu.
-     *
-     * @param id - Open menu id, or null to close.
      */
     onOpenChange: (id: string | null) => void;
 }
 /**
  * Hamburger-triggered dropdown for row-level actions (rename, delete, etc.).
  */
-export declare function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange }: Props): JSX.Element;
+export declare function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RowActionsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAMhD,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAEF,UAAU,KAAK;IACb;;;OAGG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;OAIG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAkBD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoP/F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RowActionsMenu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAK1E,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAEF,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE;;;OAGG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAgBD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgPrB"}