@opencxh/ui-kit 3.137.3 → 3.137.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,6 +38,9 @@ export interface PageHeaderProps {
38
38
  * Meta line under the title — a contact, a channel, a timestamp. Distinct
39
39
  * from `subtitle`, which sits beside the title, and from `children`, which
40
40
  * is the full-width row at the bottom of the header.
41
+ *
42
+ * A string is kept to one line and ellipsised; a node is allowed to wrap, so
43
+ * an inline row of properties survives a narrow window.
41
44
  */
42
45
  meta?: React.ReactNode;
43
46
  /** Breadcrumb items */
@@ -0,0 +1,29 @@
1
+ import { default as React } from 'react';
2
+ export interface SectionCaptionProps {
3
+ /** Uppercase label. Short — this is a caption, not a heading. */
4
+ label: string;
5
+ /**
6
+ * The right-hand slot: a count, a progress ("1/3 done") or a summary
7
+ * ("2 on a call · 1 away"). A caption with nothing to its right is a caption
8
+ * that could have been a heading.
9
+ */
10
+ meta?: string;
11
+ /** Far right — a toggle or an icon button. Sits after `meta` when both are set. */
12
+ action?: React.ReactNode;
13
+ /** Layout only (margins, alignment). Not padding: see the note below. */
14
+ className?: string;
15
+ }
16
+ /**
17
+ * The section header over rounded plates and cards — the counterpart of the
18
+ * sticky sunk band, which belongs to full-bleed divided rows.
19
+ *
20
+ * The top padding is generous and self-cancelling (`pt-7 first:pt-0`): a caption
21
+ * is what separates two blocks in a scrolling panel, so it carries the gap
22
+ * rather than the blocks around it, and the first one in a panel does not push
23
+ * the content away from the panel header.
24
+ *
25
+ * `className` cannot override that padding — `cn` is plain clsx with no
26
+ * tailwind-merge, so both classes would land in the list and CSS order would
27
+ * decide. Use it for margins and alignment only.
28
+ */
29
+ export declare const SectionCaption: React.FC<SectionCaptionProps>;
@@ -44,6 +44,7 @@ export { KpiCard, type KpiCardProps } from './content/KpiCard';
44
44
  export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';
45
45
  export { PageToolbar, PageToolbarActions, type PageToolbarActionsProps, type PageToolbarProps } from './content/PageToolbar';
46
46
  export { RichText, type RichTextProps } from './content/RichText';
47
+ export { SectionCaption, type SectionCaptionProps } from './content/SectionCaption';
47
48
  export { SectionDivider, type SectionDividerProps } from './content/SectionDivider';
48
49
  export { SettingsRow, SettingsSection, type SettingsRowProps, type SettingsSectionProps } from './content/SettingsRow';
49
50
  export { SourceChip, type SourceChipProps } from './content/SourceChip';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opencxh/ui-kit",
3
- "version": "3.137.3",
3
+ "version": "3.137.4",
4
4
  "description": "Theme-aware UI component library for OpenCXH platform",
5
5
  "type": "module",
6
6
  "exports": {