@harborclient/sdk 0.6.6 → 0.6.7

package/dist/components/SegmentedTabs/SegmentedTabPanel.d.ts

@@ -0,0 +1,21 @@
+import type { JSX, ReactNode } from 'react';
+interface Props<T extends string> {
+    /**
+     * Tab value that controls visibility of this panel.
+     */
+    value: T;
+    /**
+     * Panel content shown when this tab is selected.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the panel container.
+     */
+    className?: string;
+}
+/**
+ * Renders a WAI-ARIA tab panel linked to the matching tab in the parent group.
+ */
+export declare function SegmentedTabPanel<T extends string>({ value, children, className }: Props<T>): JSX.Element | null;
+export {};
+//# sourceMappingURL=SegmentedTabPanel.d.ts.map

package/dist/components/SegmentedTabs/SegmentedTabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkB/B"}

package/dist/components/SegmentedTabs/SegmentedTabPanel.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { useContext } from '@harborclient/sdk/react';
+import { SegmentedTabsContext } from './SegmentedTabsContext.js';
+/**
+ * Renders a WAI-ARIA tab panel linked to the matching tab in the parent group.
+ */
+export function SegmentedTabPanel({ value, children, className }) {
+    const context = useContext(SegmentedTabsContext);
+    if (!context) {
+        throw new Error('SegmentedTabPanel must be used within SegmentedTabsGroup');
+    }
+    if (context.value !== value)
+        return null;
+    return (_jsx("div", { role: "tabpanel", id: context.getPanelId(value), "aria-labelledby": context.getTabId(value), className: className, children: children }));
+}

package/dist/components/SegmentedTabs/SegmentedTabsContext.d.ts

@@ -0,0 +1,24 @@
+export interface SegmentedTabsContextValue {
+    /**
+     * Currently selected tab value.
+     */
+    value: string;
+    /**
+     * Selects a tab by value.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Accessible name for the tab list.
+     */
+    ariaLabel: string;
+    /**
+     * Stable DOM id for a tab control.
+     */
+    getTabId: (value: string) => string;
+    /**
+     * Stable DOM id for a tab panel linked to a tab.
+     */
+    getPanelId: (value: string) => string;
+}
+export declare const SegmentedTabsContext: import("react").Context<SegmentedTabsContextValue | null>;
+//# sourceMappingURL=SegmentedTabsContext.d.ts.map

package/dist/components/SegmentedTabs/SegmentedTabsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEpC;;OAEG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,eAAO,MAAM,oBAAoB,2DAAwD,CAAC"}

package/dist/components/SegmentedTabs/SegmentedTabsContext.js

@@ -0,0 +1,2 @@
+import { createContext } from '@harborclient/sdk/react';
+export const SegmentedTabsContext = createContext(null);

package/dist/components/SegmentedTabs/SegmentedTabsGroup.d.ts

@@ -0,0 +1,28 @@
+import type { JSX, ReactNode } from 'react';
+interface Props<T extends string> {
+    /**
+     * Currently selected tab value.
+     */
+    value: T;
+    /**
+     * Called when the user selects a different tab.
+     *
+     * @param value - Newly selected tab value.
+     */
+    onChange: (value: T) => void;
+    /**
+     * Accessible name for the tab list.
+     */
+    ariaLabel: string;
+    /**
+     * Tab list and linked tab panels.
+     */
+    children: ReactNode;
+}
+/**
+ * Provides tab selection state and stable ids for `SegmentedTabs` and
+ * `SegmentedTabPanel` children.
+ */
+export declare function SegmentedTabsGroup<T extends string>({ value, onChange, ariaLabel, children }: Props<T>): JSX.Element;
+export {};
+//# sourceMappingURL=SegmentedTabsGroup.d.ts.map

package/dist/components/SegmentedTabs/SegmentedTabsGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabsGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabsGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAmBxB"}

package/dist/components/SegmentedTabs/SegmentedTabsGroup.js

@@ -0,0 +1,21 @@
+import { createElement, useId, useMemo } from '@harborclient/sdk/react';
+import { SegmentedTabsContext } from './SegmentedTabsContext.js';
+/**
+ * Provides tab selection state and stable ids for `SegmentedTabs` and
+ * `SegmentedTabPanel` children.
+ */
+export function SegmentedTabsGroup({ value, onChange, ariaLabel, children }) {
+    const baseId = useId();
+    /**
+     * Memoizes context so tab ids stay stable across renders while value updates
+     * propagate to list and panel children.
+     */
+    const contextValue = useMemo(() => ({
+        value,
+        onChange: (nextValue) => onChange(nextValue),
+        ariaLabel,
+        getTabId: (tabValue) => `${baseId}-tab-${tabValue}`,
+        getPanelId: (tabValue) => `${baseId}-panel-${tabValue}`
+    }), [value, onChange, ariaLabel, baseId]);
+    return createElement(SegmentedTabsContext.Provider, { value: contextValue }, children);
+}

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

@@ -1,69 +1,8 @@
-import type { JSX, ReactNode } from 'react';
-export interface TabItem<T extends string> {
-    /**
-     * Unique tab identifier.
-     */
-    value: T;
-    /**
-     * Tab label or custom content.
-     */
-    label: ReactNode;
-    /**
-     * When true, the tab is not rendered.
-     */
-    hidden?: boolean;
-    /**
-     * When true, the tab button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * When true, renders a small dot indicating the tab has values set.
-     */
-    indicator?: boolean;
-}
-interface GroupProps<T extends string> {
-    /**
-     * Currently selected tab value.
-     */
-    value: T;
-    /**
-     * Called when the user selects a different tab.
-     *
-     * @param value - Newly selected tab value.
-     */
-    onChange: (value: T) => void;
-    /**
-     * Accessible name for the tab list.
-     */
-    ariaLabel: string;
-    /**
-     * Tab list and linked tab panels.
-     */
-    children: ReactNode;
-}
-/**
- * Provides tab selection state and stable ids for `SegmentedTabs` and
- * `SegmentedTabPanel` children.
- */
-export declare function SegmentedTabsGroup<T extends string>({ value, onChange, ariaLabel, children }: GroupProps<T>): JSX.Element;
-interface PanelProps<T extends string> {
-    /**
-     * Tab value that controls visibility of this panel.
-     */
-    value: T;
-    /**
-     * Panel content shown when this tab is selected.
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS classes for the panel container.
-     */
-    className?: string;
-}
-/**
- * Renders a WAI-ARIA tab panel linked to the matching tab in the parent group.
- */
-export declare function SegmentedTabPanel<T extends string>({ value, children, className }: PanelProps<T>): JSX.Element | null;
+import type { JSX } from 'react';
+import type { TabItem } from './types.js';
+export { SegmentedTabsGroup } from './SegmentedTabsGroup.js';
+export { SegmentedTabPanel } from './SegmentedTabPanel.js';
+export type { TabItem } from './types.js';
 interface Props<T extends string> {
     /**
      * Tab definitions to render.
@@ -103,5 +42,4 @@ interface Props<T extends string> {
  * macOS-style segmented tab control with WAI-ARIA tabs or radiogroup semantics.
  */
 export declare function SegmentedTabs<T extends string>({ tabs, value: valueProp, onChange: onChangeProp, fullWidth, className, pattern, ariaLabel: ariaLabelProp }: Props<T>): JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,GAAG,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM;IACvC;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+BD,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM;IACnC;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,EACnD,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAmB7B;AAED,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM;IACnC;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBpC;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAEhC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,SAAiB,EACjB,SAAS,EACT,OAAgB,EAChB,SAAS,EAAE,aAAa,EACzB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA+GxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAEhC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,SAAiB,EACjB,SAAS,EACT,OAAgB,EAChB,SAAS,EAAE,aAAa,EACzB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA+GxB"}

package/dist/components/SegmentedTabs/index.js

@@ -1,39 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
-import { createContext, createElement, useCallback, useContext, useId, useMemo, useRef } from '@harborclient/sdk/react';
+import { useCallback, useContext, useId, useMemo, useRef } from '@harborclient/sdk/react';
 import { resolveTabListKeyAction } from '../utils.js';
 import { segment, segmentGroup } from '../classes.js';
-const SegmentedTabsContext = createContext(null);
-/**
- * Provides tab selection state and stable ids for `SegmentedTabs` and
- * `SegmentedTabPanel` children.
- */
-export function SegmentedTabsGroup({ value, onChange, ariaLabel, children }) {
-    const baseId = useId();
-    /**
-     * Memoizes context so tab ids stay stable across renders while value updates
-     * propagate to list and panel children.
-     */
-    const contextValue = useMemo(() => ({
-        value,
-        onChange: (nextValue) => onChange(nextValue),
-        ariaLabel,
-        getTabId: (tabValue) => `${baseId}-tab-${tabValue}`,
-        getPanelId: (tabValue) => `${baseId}-panel-${tabValue}`
-    }), [value, onChange, ariaLabel, baseId]);
-    return createElement(SegmentedTabsContext.Provider, { value: contextValue }, children);
-}
-/**
- * Renders a WAI-ARIA tab panel linked to the matching tab in the parent group.
- */
-export function SegmentedTabPanel({ value, children, className }) {
-    const context = useContext(SegmentedTabsContext);
-    if (!context) {
-        throw new Error('SegmentedTabPanel must be used within SegmentedTabsGroup');
-    }
-    if (context.value !== value)
-        return null;
-    return (_jsx("div", { role: "tabpanel", id: context.getPanelId(value), "aria-labelledby": context.getTabId(value), className: className, children: children }));
-}
+import { SegmentedTabsContext } from './SegmentedTabsContext.js';
+export { SegmentedTabsGroup } from './SegmentedTabsGroup.js';
+export { SegmentedTabPanel } from './SegmentedTabPanel.js';
 /**
  * macOS-style segmented tab control with WAI-ARIA tabs or radiogroup semantics.
  */

package/dist/components/SegmentedTabs/types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface TabItem<T extends string> {
+    /**
+     * Unique tab identifier.
+     */
+    value: T;
+    /**
+     * Tab label or custom content.
+     */
+    label: ReactNode;
+    /**
+     * When true, the tab is not rendered.
+     */
+    hidden?: boolean;
+    /**
+     * When true, the tab button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * When true, renders a small dot indicating the tab has values set.
+     */
+    indicator?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/SegmentedTabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM;IACvC;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/SegmentedTabs/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/classes.js

@@ -9,6 +9,6 @@ export const segmentGroup = 'inline-flex p-3 border-b border-separator w-full sh
  */
 export function segment(active) {
     return active
-        ? 'cursor-pointer rounded-[2.5px] border-none bg-control px-3 py-1 text-[15px] text-text shadow-sm app-no-drag'
+        ? 'cursor-pointer rounded-[2.5px] border-none bg-field px-3 py-1 text-[15px] text-text shadow-sm app-no-drag'
         : 'cursor-pointer rounded-[2.5px] border-none bg-transparent px-3 py-1 text-[15px] text-muted hover:text-text app-no-drag';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harborclient/sdk",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "TypeScript SDK for HarborClient plugin development.",
   "keywords": [
     "harborclient",