@opencxh/ui-kit 3.110.0 → 3.110.1

package/dist/src/action/FilterChip.d.ts

@@ -15,6 +15,8 @@ export interface FilterChipProps {
      * rather than a filter, where a softer corner sits better next to inputs.
      */
     shape?: "pill" | "rect";
+    /** `md` is the default control height; `sm` for a dense toolbar. */
+    size?: "sm" | "md";
     /** Selected/active — renders the filled dark treatment. */
     active?: boolean;
     /** Show a trailing caret (opens a menu the consumer wires with Dropdown/Popover). */
@@ -38,4 +40,4 @@ export interface FilterChipProps {
  *   active={!!status} onClick={openMenu} onClear={() => setStatus(null)} />
  * ```
  */
-export declare function FilterChip({ label, icon, tone, shape, active, caret, onClear, clearLabel, onClick, className, }: FilterChipProps): React.JSX.Element;
+export declare function FilterChip({ label, icon, tone, shape, size, active, caret, onClear, clearLabel, onClick, className, }: FilterChipProps): React.JSX.Element;

package/dist/src/content/PageHeader.d.ts

@@ -15,8 +15,20 @@ export interface PageHeaderAction {
     disabled?: boolean;
     /** Dropdown options for split button */
     splitOptions?: SplitButtonOption[];
+    /**
+     * Render this action yourself instead of as a Button — a filter chip, a
+     * segmented toggle, an avatar stack. Position follows the array, so put it
+     * before the buttons to have it sit to their left. When set, every other
+     * field except `id` is ignored.
+     */
+    render?: () => React.ReactNode;
 }
 export interface PageHeaderProps {
+    /**
+     * `plain` sits directly on the page. `surface` is the app-bar treatment:
+     * its own background, full-bleed, closed off with a bottom border.
+     */
+    surface?: boolean;
     /** Page title */
     title: string;
     /** Page subtitle/description */

package/dist/src/utils/useAnchoredPosition.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, RefObject } from 'react';
+export interface AnchoredPositionOptions {
+    /** Gap between the anchor and the panel, in px. */
+    gap?: number;
+    /** Match the panel's width to the anchor — what a select wants, a menu does not. */
+    matchWidth?: boolean;
+    /** Preferred side. Flips automatically when there is no room. */
+    placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
+}
+/**
+ * Position a floating panel against its trigger, in viewport coordinates.
+ *
+ * Two problems this solves, both of which a plain `absolute` panel has:
+ * an ancestor with `overflow-hidden` (a bordered form panel, a scroll area)
+ * clips the panel, and a trigger near the bottom of the window opens a panel
+ * that runs off-screen. Fixed coordinates escape every ancestor, and the
+ * placement flips upward when the space below is too small.
+ *
+ * Recomputes on scroll and resize while open, so the panel tracks its trigger
+ * instead of detaching when the page moves under it.
+ */
+export declare function useAnchoredPosition(open: boolean, anchorRef: RefObject<HTMLElement | null>, { gap, matchWidth, placement }?: AnchoredPositionOptions): CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.110.0",
+  "version": "3.110.1",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {