@opencxh/ui-kit 3.172.0 → 3.175.2

package/dist/src/navigation/Sidebar.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 export interface MenuItemAction {
-    /** Icoon aan de rechterkant van de rij. */
+    /** Icon on the right side of the row. */
     icon: React.ReactNode;
-    /** Verplicht: aria-label + tooltip, het is een icon-only knop. */
+    /** Required: aria-label + tooltip — the button is icon-only. */
     label: string;
     onClick: () => void;
-    /** "hover" (default) = alleen zichtbaar bij hover/focus, "always" = altijd. */
+    /** "hover" (default) = only visible on hover/focus, "always" = always visible. */
     visibility?: "hover" | "always";
 }
 export interface MenuItem {
@@ -13,24 +13,22 @@ export interface MenuItem {
     label: string;
     count?: number;
     /**
-     * Korte hint rechts op de rij, waar de count anders staat: de talen van een
-     * kennisbank, de status van een omgeving. Voor een rij waar het getal niet het
-     * interessante feit is — of niet te weten valt zonder alles te laden.
-     *
-     * De count wint als beide gezet zijn: een aantal is preciezer dan een label.
+     * Short hint on the right of the row, where the count normally sits — for
+     * rows where the number is not the interesting fact, or cannot be known
+     * without loading everything. When both are set the count wins.
      */
     meta?: React.ReactNode;
     /**
-     * Optionele actie rechts op de rij — verwijderen, pinnen, dempen. Navigeert
-     * niet: de knop stopt propagatie en roept alleen zijn eigen onClick aan.
+     * Optional action on the right of the row — delete, pin, mute. Does not
+     * navigate: the button stops propagation and only calls its own onClick.
      */
     action?: MenuItemAction;
     children?: MenuItem[];
     path?: string;
     /**
-     * @deprecated Groepen klappen niet meer in — een sectie met children rendert
-     * als kop met zijn items eronder. Blijft bestaan zodat bestaande call-sites
-     * blijven compileren; de waarde wordt genegeerd.
+     * @deprecated Groups no longer collapse — a section with children renders as
+     * a heading with its items below. Kept so existing call sites keep
+     * compiling; the value is ignored.
      */
     defaultCollapsed?: boolean;
 }
@@ -48,12 +46,10 @@ interface SidebarMenuProps {
     loading?: boolean;
 }
 /**
- * Sidebar — een vrij slot (zoek) en daaronder de nav-items. Secties met
- * children zijn koppen, geen knoppen.
- *
- * Géén titel en géén actie-iconen meer: de app-switcher (titel + `＋`) en de
- * gebruikersvoet zijn shell-chrome en staan in `NavigationPanel`. Dit component
- * vult alleen het middenstuk van die kolom.
+ * A free slot (search) with the nav items below. Sections with children are
+ * headings, not buttons. No title or action icons here: the app switcher and
+ * user footer are shell chrome in `NavigationPanel`; this only fills the
+ * middle of that column.
  */
 export declare const SidebarMenu: React.FC<SidebarMenuProps>;
 export default SidebarMenu;

package/dist/src/navigation/Tabs.d.ts

@@ -21,9 +21,9 @@ export interface TabsProps {
     /** Tab change handler */
     onTabChange?: (tabId: string) => void;
     /** Tabs variant */
-    variant?: 'default' | 'pills' | 'underline';
+    variant?: "default" | "pills" | "underline";
     /** Tabs size */
-    size?: 'sm' | 'md' | 'lg';
+    size?: "sm" | "md" | "lg";
     /** Additional CSS classes */
     className?: string;
 }

package/dist/src/overlays/ConfirmDialog.d.ts

@@ -21,18 +21,5 @@ export interface ConfirmDialogProps {
  * Note the shape difference: `confirm()` returns a boolean inline, so callers
  * written as `if (!confirm(...)) return;` have to split into a request step
  * and a confirm step.
- *
- * @example
- * ```tsx
- * <ConfirmDialog
- *   open={pendingDelete !== null}
- *   tone="danger"
- *   title={t("channel_delete_title")}
- *   description={t("channel_delete_description")}
- *   confirmLabel={t("delete")}
- *   onConfirm={() => remove(pendingDelete!)}
- *   onCancel={() => setPendingDelete(null)}
- * />
- * ```
  */
 export declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, tone, loading, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;

package/dist/src/overlays/Dropdown.d.ts

@@ -1,41 +1,23 @@
 import { default as React } from 'react';
 export interface DropdownOption {
-    /** Option value */
     value: string;
-    /** Option label */
     label: string;
-    /** Option icon */
     icon?: React.ReactNode;
-    /** Whether option is disabled */
     disabled?: boolean;
-    /** Whether option is a divider */
     divider?: boolean;
-    /** Optional description for the option */
     description?: string;
-    /** Nested sub-options */
     children?: DropdownOption[];
 }
 export interface DropdownProps {
-    /** Dropdown trigger element */
     trigger: React.ReactNode;
-    /** Dropdown options */
     options: DropdownOption[];
-    /** Selected value */
     value?: string | Record<string, string | string[]>;
-    /** Change handler */
     onSelect?: (value: string, parentValue?: string) => void;
-    /** Dropdown placement */
     placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
-    /** Whether dropdown is disabled */
     disabled?: boolean;
-    /** Additional CSS classes */
     className?: string;
-    /** Show check mark for selected option */
     showCheck?: boolean;
-    /** Header text for the dropdown */
     header?: string | React.ReactNode;
 }
-/**
- * Dropdown component for menus and select-like interfaces
- */
+/** Menu dropdown with optional nested submenus and roving keyboard focus. */
 export declare const Dropdown: React.FC<DropdownProps>;

package/dist/src/overlays/Modal.d.ts

@@ -1,82 +1,18 @@
 import { default as React } from 'react';
 export interface ModalProps {
-    /**
-     * Whether the modal is open
-     */
     open: boolean;
-    /**
-     * Callback fired when the modal should be closed
-     */
     onClose: () => void;
-    /**
-     * The title of the modal
-     */
     title?: string;
-    /**
-     * The size of the modal
-     */
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    /**
-     * Whether clicking the backdrop should close the modal
-     */
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    /** Close when the backdrop is clicked. */
     closeOnBackdropClick?: boolean;
-    /**
-     * Whether pressing escape should close the modal
-     */
+    /** Close on Escape. */
     closeOnEscape?: boolean;
-    /**
-     * Additional class name for the modal content
-     */
     className?: string;
-    /**
-     * Additional class name for the modal backdrop
-     */
     backdropClassName?: string;
-    /**
-     * The content of the modal
-     */
     children: React.ReactNode;
-    /**
-     * Footer content for the modal
-     */
     footer?: React.ReactNode;
-    /**
-     * Whether to show the close button
-     */
     showCloseButton?: boolean;
 }
-/**
- * Modal component with theme integration and accessibility features
- *
- * @example
- * ```tsx
- * <Modal
- *   open={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="Confirm Action"
- *   size="md"
- * >
- *   <p>Are you sure you want to delete this item?</p>
- * </Modal>
- *
- * <Modal
- *   open={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="Settings"
- *   size="lg"
- *   footer={
- *     <div className="flex justify-end space-x-2">
- *       <Button variant="outline" onClick={() => setIsOpen(false)}>
- *         Cancel
- *       </Button>
- *       <Button onClick={handleSave}>
- *         Save
- *       </Button>
- *     </div>
- *   }
- * >
- *   <SettingsForm />
- * </Modal>
- * ```
- */
+/** Dialog overlay with focus management, Escape/backdrop close, and body-scroll lock. */
 export declare function Modal({ open, onClose, title, size, closeOnBackdropClick, closeOnEscape, className, backdropClassName, children, footer, showCloseButton, }: ModalProps): React.JSX.Element | null;

package/dist/src/overlays/Popover.d.ts

@@ -9,7 +9,6 @@ export interface PopoverProps {
     children: React.ReactNode | ((close: () => void) => React.ReactNode);
     /** Panel placement relative to the trigger. Flips when there is no room. */
     placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
-    /** Additional CSS classes for the panel */
     className?: string;
     /**
      * Layout classes for the wrapper around the trigger. Needed when the trigger
@@ -19,7 +18,6 @@ export interface PopoverProps {
     rootClassName?: string;
     /** Layout classes for the trigger button itself. */
     triggerClassName?: string;
-    /** Whether the trigger is disabled */
     disabled?: boolean;
     /**
      * Accessible name for the trigger button. Needed when the trigger is

package/dist/src/primitives/Box.d.ts

@@ -3,31 +3,31 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Padding size
      */
-    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    padding?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /**
      * Margin size
      */
-    margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    margin?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /**
      * Background color
      */
-    background?: 'none' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'white' | 'module' | 'module-subtle' | 'backdrop' | 'editor' | 'input';
+    background?: "none" | "primary" | "secondary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | "white" | "module" | "module-subtle" | "backdrop" | "editor" | "input";
     /**
      * Border radius
      */
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    radius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
     /**
      * Shadow size
      */
-    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    shadow?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
     /**
      * Border width
      */
-    border?: 'none' | 'sm' | 'md' | 'lg';
+    border?: "none" | "sm" | "md" | "lg";
     /**
      * Border color
      */
-    borderColor?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'white';
+    borderColor?: "primary" | "secondary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | "white";
 }
 /**
  * Box primitive component for layout and styling

package/dist/src/typography/Heading.d.ts

@@ -3,13 +3,13 @@ export interface HeadingProps {
     /** Heading level */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /** Visual size (can be different from semantic level) */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
     /** Font weight */
-    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
     /** Text color */
-    color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'current';
+    color?: "primary" | "secondary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | "current";
     /** Text alignment */
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     /** Whether to truncate text with ellipsis */
     truncate?: boolean;
     /** Additional CSS classes */

package/dist/src/typography/Text.d.ts

@@ -1,15 +1,15 @@
 import { default as React } from 'react';
 export interface TextProps {
     /** Text variant */
-    variant?: 'body' | 'caption' | 'label' | 'code';
+    variant?: "body" | "caption" | "label" | "code";
     /** Text size */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
     /** Font weight */
-    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
     /** Text color */
-    color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'current' | 'muted';
+    color?: "primary" | "secondary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | "current" | "muted";
     /** Text alignment */
-    align?: 'left' | 'center' | 'right' | 'justify';
+    align?: "left" | "center" | "right" | "justify";
     /** Whether to truncate text with ellipsis */
     truncate?: boolean;
     /** Whether text should be italic */
@@ -17,9 +17,9 @@ export interface TextProps {
     /** Whether text should be underlined */
     underline?: boolean;
     /** Line height */
-    lineHeight?: 'tight' | 'normal' | 'relaxed';
+    lineHeight?: "tight" | "normal" | "relaxed";
     /** HTML element to render */
-    as?: 'p' | 'span' | 'div' | 'code' | 'pre';
+    as?: "p" | "span" | "div" | "code" | "pre";
     /** Additional CSS classes */
     className?: string;
     /** Child content */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.172.0",
+  "version": "3.175.2",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {
@@ -24,7 +24,8 @@
     "test": "vitest",
     "test:run": "vitest run",
     "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage"
+    "test:coverage": "vitest --coverage",
+    "lint": "biome check ."
   },
   "dependencies": {
     "clsx": "^2.1.0",
@@ -37,18 +38,17 @@
     "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
     "@vitejs/plugin-react": "^5.0.4",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "jsdom": "^26.1.0",
     "typescript": "6.0.3",
     "vite": "7.1.7",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^2.1.8"
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": ">=19.2.4",