cekat-ui 1.3.17 → 1.3.19

package/README.md

@@ -6,7 +6,7 @@ A modern, lightweight **React UI component library** built with **TypeScript**,
 
 - Composable (compound components, Radix / react-aria-inspired)
 - Tree-shakeable (ESM + UMD, fully typed)
-- Framework-friendly (Next.js, Vite, and other React 18 apps)
+- Framework-friendly (Next.js, Vite, and other React 18 and 19 apps)
 
 This repo uses **Yarn Classic** (`yarn.lock` v1).
 
@@ -39,8 +39,8 @@ Peer dependencies:
 
 ```json
 {
-  "react": "^18.3.1",
-  "react-dom": "^18.3.1"
+  "react": "^18.3.1 || ^19.0.0",
+  "react-dom": "^18.3.1 || ^19.0.0"
 }
 ```
 
@@ -170,16 +170,21 @@ yarn fmt:check
 yarn test-storybook --run
 yarn build:lib          # ESM/UMD + dist/style.css
 yarn check:pack         # dist artifacts, publint, attw
-yarn check:consumer     # Next 14 smoke against the packed tarball
+yarn check:consumer     # React 18 / Next 14 smoke against the packed tarball
+yarn check:consumer:react19 # React 19 / Next 15 smoke against the same tarball
 ```
 
+CI runs the browser stories with both React 18 and React 19. Both consumer checks install the packed library without peer-dependency overrides, verify that the app and library resolve the same React runtime, typecheck the public API, build/prerender the main and editor pages, and exercise the installed library in Chromium (popover interaction and editor input) with no console or page errors. The React 19 fixture shares its pages and configuration with `fixtures/next-consumer`.
+
+The UMD builds externalize the automatic JSX runtime as `ReactJSXRuntime`; script-tag consumers must provide that global alongside `React` and `ReactDOM`. Bundlers resolve `react/jsx-runtime` from the consuming app.
+
 `yarn fmt` / `yarn lint:fix` apply formatting and lint fixes. Pre-commit runs `lint-staged` (oxfmt).
 
 ---
 
 ## Tech stack
 
-- React 18 + TypeScript
+- React 18 / 19 + TypeScript (developed and built with React 19)
 - Tailwind CSS 3 + class-variance-authority / clsx / tailwind-merge
 - react-aria-components (Button, tabs)
 - @tabler/icons-react

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,3 @@
+import { RichTextEditorProps } from './richTextEditor.types';
+import * as React from 'react';
+export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { RichTextEditor } from './RichTextEditor';
+export type { RichTextEditorProps, RichTextFeature } from './richTextEditor.types';

package/dist/components/RichTextEditor/richTextEditor.styles.d.ts

@@ -0,0 +1,22 @@
+export declare const richTextEditorWrapperStyles = "flex w-full flex-col gap-1";
+export declare const richTextEditorLabelStyles: (props?: ({
+    invalid?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const richTextEditorDescriptionStyles = "text-caption-lg text-light-700";
+export declare const richTextEditorShellStyles: (props?: ({
+    invalid?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const richTextToolbarStyles: string;
+export declare const richTextToolbarGroupStyles = "flex shrink-0 items-center gap-1";
+export declare const richTextToolbarSeparatorStyles = "mx-1 h-5 w-px shrink-0 bg-light-200 forced-colors:bg-[ButtonText]";
+export declare const richTextToolbarControlStyles: string;
+export declare const richTextEditorSurfaceStyles: string;
+export declare const richTextEditorContentStyles: string;
+export declare const richTextEditorPlaceholderStyles = "pointer-events-none absolute left-3 top-3 text-caption-lg leading-6 text-light-500";
+export declare const richTextEditorSupportingStyles = "flex min-h-5 items-start justify-between gap-3";
+export declare const richTextEditorHintStyles: (props?: ({
+    invalid?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const richTextEditorCounterStyles: (props?: ({
+    invalid?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/RichTextEditor/richTextEditor.types.d.ts

@@ -0,0 +1,22 @@
+import { ClassValue } from 'clsx';
+import type * as React from 'react';
+export type RichTextFeature = 'history' | 'bold' | 'italic' | 'strikethrough' | 'heading' | 'quote' | 'link' | 'bulletList' | 'orderedList';
+export interface RichTextEditorProps {
+    /** Markdown value. The spike deliberately supports one serialization contract. */
+    value: string;
+    /** Called with Markdown after an editor-authored document change. */
+    onChange: (value: string) => void;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    hint?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    placeholder?: string;
+    features?: readonly RichTextFeature[];
+    maxLength?: number;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: ClassValue;
+    editorClassName?: ClassValue;
+}

package/dist/editor.d.mts

@@ -0,0 +1 @@
+export * from './components/RichTextEditor/index.js';

package/dist/editor.d.ts

@@ -0,0 +1 @@
+export * from './components/RichTextEditor';