@deepseek-ai/dsh-client-ui-primitives 0.2.0-rc.1 → 0.2.1-alpha.1

package/lib/types/DisclosureRow.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-/** Shared 24px disclosure chrome for compact flow rows. */
+/** Shared 24px process row: tertiary text and icons, secondary on hover. */
 export interface DisclosureRowProps {
     icon: ReactNode;
     title: string;

package/lib/types/InlineEditor.d.ts

@@ -0,0 +1,23 @@
+/** Multi-line inline editor for short saved-on-Enter drafts such as queued messages and goals. */
+/**
+ * Render an autofocused textarea that grows with its text up to six lines, then scrolls.
+ * A textarea rather than an input: HTML strips newlines from single-line input values.
+ * Enter saves, Shift+Enter breaks the line, Enter during IME composition does nothing,
+ * and Escape cancels.
+ * @param props.value - current draft text.
+ * @param props.label - localized accessible name.
+ * @param props.onChange - receives the edited text.
+ * @param props.onSave - called for a plain Enter.
+ * @param props.onCancel - called for Escape.
+ * @param props.className - extra class for the editor's placement.
+ * @returns the textarea.
+ */
+export declare function InlineEditor({ value, label, onChange, onSave, onCancel, className }: {
+    value: string;
+    label: string;
+    onChange: (value: string) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=InlineEditor.d.ts.map

package/lib/types/Input.d.ts

@@ -1,11 +1,12 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
+import { type InputHTMLAttributes, type ReactNode } from 'react';
 /**
  * Render a text input with an optional leading icon.
  * @param props.icon - optional 16px leading icon node.
+ * @param ref - the native input, cleared when it unmounts.
  * @returns wrapper span containing the native input; input attributes pass through.
  */
-export declare function Input({ icon, className, ...rest }: {
+export declare const Input: import("react").ForwardRefExoticComponent<{
     icon?: ReactNode;
     className?: string;
-} & InputHTMLAttributes<HTMLInputElement>): import("react").JSX.Element;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Input.d.ts.map

package/lib/types/MenuGroup.d.ts

@@ -0,0 +1,22 @@
+/** Accessible menu groups with shared sticky-heading presentation and viewport observation. */
+import { type ReactNode } from 'react';
+/**
+ * Render a named group with an instance-owned heading id and an inaccessible position sentinel.
+ * @param props - Caller-localized label and optional menu rows.
+ * @returns A section named by its direct heading, followed by the supplied children.
+ */
+export declare function MenuGroup({ label, children }: {
+    label: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Update heading backgrounds asynchronously from native intersection and viewport-size observations.
+ * Headings remain transparent until observations identify a section crossing the viewport top.
+ * Without IntersectionObserver or ResizeObserver, CSS sticky headings remain transparent.
+ * Group membership is captured at setup; dispose before observing changed groups or the same viewport again.
+ * @param viewport - Unpadded, borderless scroll container with direct MenuGroup children.
+ * @returns Cleanup owning both intersection observers and the viewport resize observer; disconnects
+ * them, ignores queued callbacks, and clears managed data-stuck attributes. No valid groups acquires nothing.
+ */
+export declare function observeStickyMenuGroups(viewport: HTMLElement): () => void;
+//# sourceMappingURL=MenuGroup.d.ts.map

package/lib/types/index.d.ts

@@ -21,9 +21,11 @@ export { SegmentedControl } from './SegmentedControl.tsx';
 export type { SegmentedControlOption } from './SegmentedControl.tsx';
 export { Checkbox } from './Checkbox.tsx';
 export { Input } from './Input.tsx';
+export { InlineEditor } from './InlineEditor.tsx';
 export { Menu, MenuItemButton } from './Menu.tsx';
 export { MenuSurface } from './MenuSurface.tsx';
 export type { MenuSurfaceProps } from './MenuSurface.tsx';
+export { MenuGroup, observeStickyMenuGroups } from './MenuGroup.tsx';
 export type { MenuItemButtonProps, MenuEntry, MenuItem, MenuSeparator, MenuLabel } from './Menu.tsx';
 export { useAnchoredMaxHeight } from './useAnchoredMaxHeight.ts';
 export { useAnchoredPosition } from './useAnchoredPosition.ts';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepseek-ai/dsh-client-ui-primitives",
   "description": "Pure React atoms for the dsh web UI: controls, icons, markdown, and JSON inspectors (zero cordis)",
-  "version": "0.2.0-rc.1",
+  "version": "0.2.1-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -47,10 +47,10 @@
     "micromark-extension-gfm": "^3.0.0",
     "micromark-util-sanitize-uri": "^2.0.1",
     "simple-icons": "16.31.0",
-    "@deepseek-ai/dsh-client-store": "0.2.0-rc.1",
-    "@deepseek-ai/cordis": "~4.0.4",
-    "@deepseek-ai/dsh-util-code-language": "0.2.0-rc.1",
-    "@deepseek-ai/dsh-util-workspace-path": "0.2.0-rc.1"
+    "@deepseek-ai/dsh-client-store": "0.2.1-alpha.1",
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1",
+    "@deepseek-ai/dsh-util-code-language": "0.2.1-alpha.1",
+    "@deepseek-ai/dsh-util-workspace-path": "0.2.1-alpha.1"
   },
   "files": [
     "lib/index.js",
@@ -58,6 +58,6 @@
     "lib/types/**/*.d.ts"
   ],
   "peerDependencies": {
-    "@deepseek-ai/cordis": "~4.0.4"
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1"
   }
 }