@santi020k/lumen-react 3.0.1 → 4.1.0

package/dist/review-workflow.d.ts

@@ -0,0 +1,32 @@
+export type LumenReviewResult = {
+    status: 'success';
+} | {
+    status: 'failure';
+    message: string;
+} | {
+    status: 'uncertain';
+    message: string;
+};
+export type LumenReviewStatus = 'editing' | 'review' | 'pending' | LumenReviewResult['status'];
+export interface LumenReviewWorkflowOptions<T> {
+    /** Change after every edit or server revision. Never reuse an earlier revision for a new draft. */
+    revision: string;
+    submit: (proposal: T) => Promise<LumenReviewResult>;
+    /** Safe localized fallback when a thrown error leaves the commit outcome unknown. */
+    uncertainMessage: string;
+}
+/** Review immutable application-owned proposals. No requests, persistence or automatic retries. */
+export declare const useLumenReviewWorkflow: <T>({ revision, submit, uncertainMessage }: LumenReviewWorkflowOptions<T>) => {
+    status: LumenReviewStatus;
+    message: string;
+    proposal: T | undefined;
+    revision: string | undefined;
+    review: (proposal: T) => boolean;
+    edit: () => boolean;
+    confirm: () => Promise<boolean>;
+    /** Call only after the application has checked the durable command outcome. */
+    reconcile: (result: Exclude<LumenReviewResult, {
+        status: "uncertain";
+    }>) => boolean;
+};
+//# sourceMappingURL=review-workflow.d.ts.map

package/dist/review-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-workflow.d.ts","sourceRoot":"","sources":["../src/review-workflow.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAAE,MAAM,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AACzI,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AAE9F,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,mGAAmG;IACnG,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACnD,qFAAqF;IACrF,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,mGAAmG;AACnG,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAE,wCAAwC,0BAA0B,CAAC,CAAC,CAAC;;;;;uBAwCxF,CAAC,KAAG,OAAO;gBAWpB,OAAO;mBAWE,OAAO,CAAC,OAAO,CAAC;IAoBnC,+EAA+E;wBAC3D,OAAO,CAAC,iBAAiB,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,CAAC,KAAG,OAAO;CAQpF,CAAA"}

package/dist/review-workflow.js

@@ -0,0 +1,76 @@
+'use client';
+import { useLayoutEffect, useRef, useState } from 'react';
+/** Review immutable application-owned proposals. No requests, persistence or automatic retries. */
+export const useLumenReviewWorkflow = ({ revision, submit, uncertainMessage }) => {
+    const latestRef = useRef({ revision, submit, uncertainMessage });
+    const snapshotRef = useRef(undefined);
+    const phaseRef = useRef('editing');
+    const mountedRef = useRef(false);
+    const [status, setStatus] = useState('editing');
+    const [message, setMessage] = useState('');
+    const [reviewedSnapshot, setReviewedSnapshot] = useState(undefined);
+    useLayoutEffect(() => {
+        latestRef.current = { revision, submit, uncertainMessage };
+    });
+    useLayoutEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    const changeStatus = (next, text = '') => {
+        phaseRef.current = next;
+        if (mountedRef.current) {
+            setStatus(next);
+            setMessage(text);
+        }
+    };
+    const locked = () => phaseRef.current === 'pending' || phaseRef.current === 'uncertain';
+    const stale = reviewedSnapshot !== undefined && reviewedSnapshot.revision !== revision;
+    const visibleStatus = stale && status !== 'pending' && status !== 'uncertain' ? 'editing' : status;
+    return {
+        status: visibleStatus,
+        message: visibleStatus === 'editing' ? '' : message,
+        proposal: visibleStatus === 'editing' ? undefined : reviewedSnapshot?.proposal,
+        revision: reviewedSnapshot?.revision,
+        review: (proposal) => {
+            if (locked())
+                return false;
+            snapshotRef.current = { revision: latestRef.current.revision, proposal };
+            setReviewedSnapshot(snapshotRef.current);
+            changeStatus('review');
+            return true;
+        },
+        edit: () => {
+            if (locked())
+                return false;
+            snapshotRef.current = undefined;
+            setReviewedSnapshot(undefined);
+            changeStatus('editing');
+            return true;
+        },
+        confirm: async () => {
+            const reviewed = snapshotRef.current;
+            if (!mountedRef.current || locked() || reviewed?.revision !== latestRef.current.revision ||
+                (phaseRef.current !== 'review' && phaseRef.current !== 'failure'))
+                return false;
+            changeStatus('pending');
+            let result;
+            try {
+                result = await latestRef.current.submit(reviewed.proposal);
+            }
+            catch {
+                result = { status: 'uncertain', message: latestRef.current.uncertainMessage };
+            }
+            changeStatus(result.status, result.status === 'success' ? '' : result.message);
+            return result.status === 'success';
+        },
+        /** Call only after the application has checked the durable command outcome. */
+        reconcile: (result) => {
+            if (phaseRef.current !== 'uncertain')
+                return false;
+            changeStatus(result.status, result.status === 'success' ? '' : result.message);
+            return true;
+        }
+    };
+};

package/dist/rich-text-editor.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef, JSX, RefObject } from 'react';
+import { type LumenRichTextChangeDetail, type LumenRichTextCommandDetail as CoreRichTextCommandDetail, type LumenRichTextCommandRequest } from '@santi020k/lumen-core';
+type ChangeHandler<T> = (value: T) => void;
+type LumenProps<Tag extends keyof JSX.IntrinsicElements> = ComponentPropsWithRef<Tag> & Record<`data-${string}`, unknown>;
+export type RichTextEditorCommandDetail = CoreRichTextCommandDetail;
+export interface RichTextEditorOptions {
+    nativeState?: boolean;
+    commandHandler?: (request: LumenRichTextCommandRequest) => boolean;
+    onChange?: ChangeHandler<LumenRichTextChangeDetail> | undefined;
+    onCommand?: ChangeHandler<RichTextEditorCommandDetail> | undefined;
+}
+export interface RichTextEditorController {
+    executeCommand: (command: string, root?: HTMLElement | null, value?: string) => boolean;
+    getCommandProps: (command: string, props?: LumenProps<'button'>) => LumenProps<'button'>;
+    getEditableProps: (props?: ComponentPropsWithRef<'div'>) => LumenProps<'div'>;
+    rootProps: LumenProps<'section'>;
+    rootRef: RefObject<HTMLElement | null>;
+}
+export declare const useRichTextEditor: ({ commandHandler, nativeState, onChange, onCommand }?: RichTextEditorOptions) => RichTextEditorController;
+export {};
+//# sourceMappingURL=rich-text-editor.d.ts.map

package/dist/rich-text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../src/rich-text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,EAIL,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,IAAI,yBAAyB,EAC5D,KAAK,2BAA2B,EACjC,MAAM,uBAAuB,CAAA;AAE9B,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAE1C,KAAK,UAAU,CAAC,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,qBAAqB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAA;AAQzH,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAA;AAEnE,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,KAAK,OAAO,CAAA;IAClE,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,aAAa,CAAC,2BAA2B,CAAC,GAAG,SAAS,CAAA;CACnE;AAED,MAAM,WAAW,wBAAwB;IACvC,cAAc,EAAE,CACd,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,EACzB,KAAK,CAAC,EAAE,MAAM,KACX,OAAO,CAAA;IACZ,eAAe,EAAE,CACf,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,KACzB,UAAU,CAAC,QAAQ,CAAC,CAAA;IACzB,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,KAAK,CAAC,CAAA;IAC7E,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CACvC;AAmFD,eAAO,MAAM,iBAAiB,GAAI,uDAK/B,qBAA0B,KAAG,wBAiJ/B,CAAA"}

package/dist/rich-text-editor.js

@@ -0,0 +1,143 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { executeLumenRichTextCommand, getLumenRichTextShortcut, isLumenRichTextToggleCommand } from '@santi020k/lumen-core';
+const composeHandlers = (userHandler, lumenHandler) => (event) => {
+    userHandler?.(event);
+    if (!event.defaultPrevented)
+        lumenHandler(event);
+};
+const getCommandState = (control, commandDocument) => {
+    const command = control.dataset.uiEditorCommand ?? '';
+    const value = control.dataset.uiEditorValue;
+    let active = false;
+    if (isLumenRichTextToggleCommand(command)) {
+        active = commandDocument.queryCommandState?.(command) ?? false;
+        control.setAttribute('aria-pressed', String(active));
+    }
+    else if (command === 'formatBlock' && value) {
+        const currentValue = commandDocument
+            .queryCommandValue?.(command)
+            .replaceAll(/[<>]/g, '')
+            .toLowerCase();
+        active = currentValue === value.replaceAll(/[<>]/g, '').toLowerCase();
+    }
+    return active;
+};
+const richTextEditorContentSelector = '[data-ui-rich-text-editable], [contenteditable="true"]';
+const getRichTextChangeDetail = (root) => {
+    const editable = root?.querySelector(richTextEditorContentSelector);
+    if (!editable)
+        return null;
+    return {
+        html: editable.innerHTML,
+        text: editable.textContent
+    };
+};
+const executeRichTextDocumentCommand = (commandDocument, command, value) => {
+    if (typeof commandDocument?.execCommand !== 'function')
+        return false;
+    return value === undefined ?
+        commandDocument.execCommand(command) :
+        commandDocument.execCommand(command, false, value);
+};
+const syncRichTextCommandStates = (root) => {
+    if (!root || root.dataset.uiEditorNativeState === 'false')
+        return;
+    const commandDocument = root.ownerDocument;
+    for (const control of root.querySelectorAll('[data-ui-editor-command]')) {
+        const active = getCommandState(control, commandDocument);
+        control.dataset.state = active ? 'on' : 'off';
+    }
+};
+const getRichTextCommandDocument = (root) => {
+    if (root)
+        return root.ownerDocument;
+    return typeof document === 'undefined' ? undefined : document;
+};
+export const useRichTextEditor = ({ commandHandler, nativeState = !commandHandler, onChange, onCommand } = {}) => {
+    const rootRef = useRef(null);
+    useEffect(() => {
+        syncRichTextCommandStates(rootRef.current);
+    }, [nativeState]);
+    const emitChange = useCallback((root) => {
+        const detail = getRichTextChangeDetail(root);
+        if (!detail)
+            return;
+        if (typeof CustomEvent !== 'undefined') {
+            root?.dispatchEvent(new CustomEvent('ui:editor-change', {
+                bubbles: true,
+                detail
+            }));
+        }
+        onChange?.(detail);
+    }, [onChange]);
+    const executeCommand = useCallback((command, root = rootRef.current, value) => {
+        if (!command)
+            return false;
+        const commandDocument = getRichTextCommandDocument(root);
+        const request = { command, ...(value === undefined ? {} : { value }) };
+        const fallback = () => executeRichTextDocumentCommand(commandDocument, command, value);
+        const executed = executeLumenRichTextCommand(root, request, fallback, commandHandler);
+        const detail = {
+            command,
+            executed,
+            ...(value === undefined ? {} : { value })
+        };
+        if (root && typeof CustomEvent !== 'undefined') {
+            root.dispatchEvent(new CustomEvent('ui:editor-command', {
+                bubbles: true,
+                detail
+            }));
+        }
+        onCommand?.(detail);
+        syncRichTextCommandStates(root);
+        emitChange(root);
+        return executed;
+    }, [commandHandler, emitChange, onCommand]);
+    const getCommandProps = useCallback((command, props = {}) => ({
+        ...props,
+        'data-ui-editor-command': command,
+        onClick: composeHandlers(props.onClick, event => {
+            const root = event.currentTarget.closest('[data-ui-rich-text-editor]') ?? rootRef.current;
+            executeCommand(command, root, event.currentTarget.dataset.uiEditorValue);
+        }),
+        type: props.type ?? 'button'
+    }), [executeCommand]);
+    const getEditableProps = useCallback((props = {}) => ({
+        ...props,
+        'aria-multiline': props['aria-multiline'] ?? true,
+        contentEditable: props.contentEditable ?? true,
+        'data-ui-rich-text-editable': true,
+        onInput: composeHandlers(props.onInput, event => {
+            const root = event.currentTarget.closest('[data-ui-rich-text-editor]') ?? rootRef.current;
+            syncRichTextCommandStates(root);
+            emitChange(root);
+        }),
+        onKeyDown: composeHandlers(props.onKeyDown, event => {
+            const command = getLumenRichTextShortcut(event);
+            if (!command)
+                return;
+            event.preventDefault();
+            const root = event.currentTarget.closest('[data-ui-rich-text-editor]') ?? rootRef.current;
+            executeCommand(command, root);
+        }),
+        onKeyUp: composeHandlers(props.onKeyUp, event => {
+            syncRichTextCommandStates(event.currentTarget.closest('[data-ui-rich-text-editor]') ?? rootRef.current);
+        }),
+        onMouseUp: composeHandlers(props.onMouseUp, event => {
+            syncRichTextCommandStates(event.currentTarget.closest('[data-ui-rich-text-editor]') ?? rootRef.current);
+        }),
+        role: props.role ?? 'textbox',
+        suppressContentEditableWarning: props.suppressContentEditableWarning ?? true
+    }), [emitChange, executeCommand]);
+    return {
+        executeCommand,
+        getCommandProps,
+        getEditableProps,
+        rootProps: {
+            'data-ui-rich-text-editor': true,
+            'data-ui-editor-native-state': String(nativeState),
+            ref: rootRef
+        },
+        rootRef
+    };
+};

package/dist/select-form.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare const useSelectFormReset: (rootRef: RefObject<HTMLElement | null>, defaultValue: string, value: string | undefined, restoreValue: (value: string) => void, close: () => void) => void;
+//# sourceMappingURL=select-form.d.ts.map

package/dist/select-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-form.d.ts","sourceRoot":"","sources":["../src/select-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,kBAAkB,GAC7B,SAAS,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,cAAc,MAAM,EACpB,OAAO,MAAM,GAAG,SAAS,EACzB,cAAc,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACrC,OAAO,MAAM,IAAI,KAChB,IAiDF,CAAA"}

package/dist/select-form.js

@@ -0,0 +1 @@
+import{useEffect}from"react";const useSelectFormReset=(rootRef,defaultValue,value,restoreValue,close)=>{useEffect(()=>{const root=rootRef.current;if(!root)return;const resets=new Set;let timer;const reset=event=>{const native=root.querySelector("[data-ui-select-native]");native&&event.target===native.form&&(resets.add(event),timer===void 0&&(timer=setTimeout(()=>{timer=void 0;const accepted=[...resets].some(resetEvent=>!resetEvent.defaultPrevented);if(resets.clear(),!accepted||!root.isConnected)return;const next=value??defaultValue;restoreValue(next),native.value=next,close()})))};return root.ownerDocument.addEventListener("reset",reset,!0),()=>{clearTimeout(timer),resets.clear(),root.ownerDocument.removeEventListener("reset",reset,!0)}},[close,defaultValue,restoreValue,rootRef,value])};export{useSelectFormReset};

package/dist/server-components.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ElementType } from 'react';
+import { type LumenControlVisualSize, type LumenSkeletonAnimation, type LumenSkeletonShape, type LumenSkeletonSize } from '@santi020k/lumen-core';
 export type LumenGlassProp = boolean | 'strong' | 'subtle';
 export type LumenPrimitiveProps<T extends ElementType = 'div'> = {
     as?: T;
@@ -11,10 +12,11 @@ export declare const Badge: ({ className, variant, ...props }: BadgeProps) => im
 type CardVariant = 'default' | 'glass' | 'interactive' | 'muted' | 'unstyled';
 export type CardProps<T extends ElementType = 'div'> = LumenPrimitiveProps<T> & {
     'data-variant'?: CardVariant;
+    density?: 'comfortable' | 'compact' | 'spacious';
     glass?: LumenGlassProp;
     variant?: CardVariant;
 };
-export declare const Card: <T extends ElementType = "div">({ as, className, glass, variant, ...props }: CardProps<T>) => import("react").JSX.Element;
+export declare const Card: <T extends ElementType = "div">({ as, className, density, glass, variant, ...props }: CardProps<T>) => import("react").JSX.Element;
 export type CardHeaderProps<T extends ElementType = 'div'> = LumenPrimitiveProps<T>;
 export declare const CardHeader: <T extends ElementType = "div">({ as, ...props }: CardHeaderProps<T>) => import("react").JSX.Element;
 export type CardTitleProps<T extends ElementType = 'div'> = LumenPrimitiveProps<T>;
@@ -35,12 +37,12 @@ export declare const Direction: ({ className, dir, ...props }: DirectionProps) =
 export interface GridProps extends ComponentPropsWithRef<'div'> {
     as?: ElementType;
     columns?: 1 | 2 | 3 | 4 | 6 | 12 | 'auto';
-    gap?: 'lg' | 'md' | 'none' | 'sm' | 'xl';
+    gap?: '2xl' | '3xl' | 'group' | 'lg' | 'md' | 'none' | 'related' | 'section' | 'sm' | 'xl' | 'xs';
     minItemWidth?: string;
 }
 export declare const Grid: ({ as, className, columns, gap, minItemWidth, style, ...props }: GridProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export interface InputProps extends ComponentPropsWithRef<'input'> {
-    visualSize?: 'default' | 'lg' | 'sm';
+    visualSize?: LumenControlVisualSize;
 }
 export declare const Input: ({ className, ref, type, visualSize, ...props }: InputProps) => import("react").JSX.Element;
 export type LabelProps = ComponentPropsWithRef<'label'>;
@@ -55,15 +57,22 @@ export interface SeparatorProps extends ComponentPropsWithRef<'hr'> {
     orientation?: Orientation;
 }
 export declare const Separator: ({ className, orientation, ...props }: SeparatorProps) => import("react").JSX.Element;
-export type SkeletonProps = ComponentPropsWithRef<'div'>;
-export declare const Skeleton: ({ className, ...props }: SkeletonProps) => import("react").JSX.Element;
+export interface SkeletonProps extends ComponentPropsWithRef<'div'> {
+    /** `shimmer` (default) keeps the existing sweep; `pulse` fades; `none` is static. */
+    animation?: LumenSkeletonAnimation;
+    /** Pixels for numbers, or a CSS length such as `0.75rem` or `60%`. */
+    height?: LumenSkeletonSize;
+    shape?: LumenSkeletonShape;
+    width?: LumenSkeletonSize;
+}
+export declare const Skeleton: ({ animation, "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, height, role, shape, style, width, ...props }: SkeletonProps) => import("react").JSX.Element;
 export type SpinnerProps = ComponentPropsWithoutRef<'span'>;
 export declare const Spinner: ({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, role, ...props }: SpinnerProps) => import("react").JSX.Element;
 export interface StackProps extends ComponentPropsWithRef<'div'> {
     align?: 'center' | 'end' | 'start' | 'stretch';
     as?: ElementType;
     direction?: Orientation;
-    gap?: 'lg' | 'md' | 'none' | 'sm' | 'xl';
+    gap?: '2xl' | '3xl' | 'group' | 'lg' | 'md' | 'none' | 'related' | 'section' | 'sm' | 'xl' | 'xs';
     justify?: 'between' | 'center' | 'end' | 'start';
     wrap?: boolean;
 }
@@ -76,5 +85,23 @@ export interface VisuallyHiddenProps extends ComponentPropsWithRef<'span'> {
     focusable?: boolean;
 }
 export declare const VisuallyHidden: ({ className, focusable, ...props }: VisuallyHiddenProps) => import("react").JSX.Element;
+export type DialogHeaderProps = ComponentPropsWithRef<'header'>;
+export declare const DialogHeader: ({ className, ...props }: DialogHeaderProps) => import("react").JSX.Element;
+export type DialogTitleProps = ComponentPropsWithRef<'h2'> & {
+    as?: 'h2' | 'h3' | 'h4';
+};
+export declare const DialogTitle: ({ as: Tag, className, ...props }: DialogTitleProps) => import("react").JSX.Element;
+export type DialogBodyProps = ComponentPropsWithRef<'div'>;
+export declare const DialogBody: ({ className, ...props }: DialogBodyProps) => import("react").JSX.Element;
+export type DialogFooterProps = ComponentPropsWithRef<'footer'>;
+export declare const DialogFooter: ({ className, ...props }: DialogFooterProps) => import("react").JSX.Element;
+export type DescriptionItemProps = ComponentPropsWithRef<'div'>;
+export declare const DescriptionItem: ({ className, ...props }: DescriptionItemProps) => import("react").JSX.Element;
+export type DescriptionTermProps = ComponentPropsWithRef<'dt'>;
+export declare const DescriptionTerm: ({ className, ...props }: DescriptionTermProps) => import("react").JSX.Element;
+export type DescriptionDetailProps = ComponentPropsWithRef<'dd'>;
+export declare const DescriptionDetail: ({ className, ...props }: DescriptionDetailProps) => import("react").JSX.Element;
+export type AttachmentListProps = ComponentPropsWithRef<'ul'>;
+export declare const AttachmentList: ({ className, ...props }: AttachmentListProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=server-components.d.ts.map

package/dist/server-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server-components.d.ts","sourceRoot":"","sources":["../src/server-components.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"server-components.d.ts","sourceRoot":"","sources":["../src/server-components.tsx"],"names":[],"mappings":"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"}

package/dist/server-components.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement } from 'react';
-import { composeClassName } from '@santi020k/lumen-core';
+import { composeClassName, normalizeLumenProgress, resolveLumenLoadingSemantics, resolveLumenSkeletonAnimation, resolveLumenSkeletonShape, resolveLumenSkeletonSize } from '@santi020k/lumen-core';
 const Primitive = ({ as, className, uiClassName, ...props }) => {
     const tag = as ?? 'div';
     const safeClassName = typeof className === 'string' ? className : undefined;
@@ -13,7 +13,7 @@ const glassIntensityClass = (glass) => glass === 'subtle' ?
     'ui-glass-subtle' :
     glass === 'strong' && 'ui-glass-strong';
 export const Badge = ({ className, variant = 'default', ...props }) => (_jsx("span", { className: composeClassName('ui-badge', `ui-badge--${variant}`, className), "data-variant": variant, ...props }));
-export const Card = ({ as, className, glass = false, variant = 'default', ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), className: composeClassName(variant === 'muted' && 'ui-card--muted', variant === 'interactive' && 'ui-card--interactive', variant === 'unstyled' && 'ui-card--unstyled', (glass || variant === 'glass') && composeClassName('ui-card--glass', glassIntensityClass(glass)), className), "data-slot": "card", "data-variant": variant, ...props, uiClassName: "ui-card" }));
+export const Card = ({ as, className, density = 'comfortable', glass = false, variant = 'default', ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), className: composeClassName(`ui-card--${density}`, variant === 'muted' && 'ui-card--muted', variant === 'interactive' && 'ui-card--interactive', variant === 'unstyled' && 'ui-card--unstyled', (glass || variant === 'glass') && composeClassName('ui-card--glass', glassIntensityClass(glass)), className), "data-density": density, "data-slot": "card", "data-variant": variant, ...props, uiClassName: "ui-card" }));
 export const CardHeader = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-header", ...props, uiClassName: "ui-card__header" }));
 export const CardTitle = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-title", ...props, uiClassName: "ui-card__title" }));
 export const CardDescription = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-description", ...props, uiClassName: "ui-card__description" }));
@@ -26,7 +26,7 @@ export const Container = ({ as = 'div', className, size = 'lg', ...props }) => c
     ...props
 });
 export const Direction = ({ className, dir = 'ltr', ...props }) => (_jsx("div", { className: composeClassName('ui-direction', className), dir: dir, ...props }));
-export const Grid = ({ as = 'div', className, columns = 'auto', gap = 'md', minItemWidth, style, ...props }) => {
+export const Grid = ({ as = 'div', className, columns = 'auto', gap = 'group', minItemWidth, style, ...props }) => {
     const gridStyle = {
         ...style,
         '--ui-grid-min': minItemWidth
@@ -42,18 +42,26 @@ export const Grid = ({ as = 'div', className, columns = 'auto', gap = 'md', minI
 export const Input = ({ className, ref, type = 'text', visualSize = 'default', ...props }) => (_jsx("input", { className: composeClassName('ui-input', visualSize === 'sm' && 'ui-input--sm', visualSize === 'lg' && 'ui-input--lg', className), ref: ref, type: type, ...props }));
 export const Label = ({ className, ...props }) => (_jsx("label", { className: composeClassName('ui-label', className), ...props }));
 export const Progress = ({ className, max = 100, value = 0, ...props }) => {
-    const safeMax = max > 0 ? max : 100;
-    const safeValue = Math.min(safeMax, Math.max(0, value));
-    const percentage = (safeValue / safeMax) * 100;
+    const { max: safeMax, percentage, value: safeValue } = normalizeLumenProgress(max, value);
     return (_jsx("div", { "aria-valuemax": safeMax, "aria-valuemin": 0, "aria-valuenow": safeValue, className: composeClassName('ui-progress', className), role: "progressbar", ...props, children: _jsx("span", { className: "ui-progress__bar", "data-slot": "progress-indicator", style: { width: `${percentage}%` } }) }));
 };
 export const Separator = ({ className, orientation = 'horizontal', ...props }) => (_jsx("hr", { "aria-orientation": orientation, className: composeClassName('ui-separator', `ui-separator--${orientation}`, className), "data-orientation": orientation, ...props }));
-export const Skeleton = ({ className, ...props }) => (_jsx("div", { className: composeClassName('ui-skeleton', className), ...props }));
+export const Skeleton = ({ animation, 'aria-hidden': ariaHidden, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, height, role, shape, style, width, ...props }) => {
+    const semantics = resolveLumenLoadingSemantics({ ariaHidden, ariaLabel, ariaLabelledby, role });
+    const resolvedShape = resolveLumenSkeletonShape(shape);
+    const resolvedAnimation = resolveLumenSkeletonAnimation(animation);
+    const skeletonStyle = {
+        '--ui-skeleton-height': resolveLumenSkeletonSize(height),
+        '--ui-skeleton-width': resolveLumenSkeletonSize(width),
+        ...style
+    };
+    return (_jsx("div", { "aria-hidden": ariaHidden ?? (semantics.ariaHidden ? true : undefined), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: composeClassName('ui-skeleton', resolvedShape !== 'rectangle' && `ui-skeleton--${resolvedShape}`, resolvedAnimation === 'pulse' && 'ui-skeleton--pulse', resolvedAnimation === 'none' && 'ui-skeleton--static', className), role: role ?? semantics.role, style: skeletonStyle, ...props }));
+};
 export const Spinner = ({ 'aria-hidden': ariaHidden, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, role, ...props }) => {
-    const isAccessible = Boolean(ariaLabel || ariaLabelledby);
-    return (_jsx("span", { "aria-hidden": ariaHidden ?? (isAccessible ? undefined : true), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: composeClassName('ui-spinner', className), role: role ?? (isAccessible ? 'status' : undefined), ...props }));
+    const semantics = resolveLumenLoadingSemantics({ ariaHidden, ariaLabel, ariaLabelledby, role });
+    return (_jsx("span", { "aria-hidden": ariaHidden ?? (semantics.ariaHidden ? true : undefined), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: composeClassName('ui-spinner', className), role: role ?? semantics.role, ...props }));
 };
-export const Stack = ({ align = 'stretch', as = 'div', className, direction = 'vertical', gap = 'md', justify = 'start', wrap = false, ...props }) => createElement(as, {
+export const Stack = ({ align = 'stretch', as = 'div', className, direction = 'vertical', gap = 'group', justify = 'start', wrap = false, ...props }) => createElement(as, {
     className: composeClassName('ui-stack', `ui-stack--${direction}`, `ui-stack--gap-${gap}`, `ui-stack--align-${align}`, `ui-stack--justify-${justify}`, wrap && 'ui-stack--wrap', className),
     'data-direction': direction,
     'data-ui-stack': true,
@@ -62,3 +70,11 @@ export const Stack = ({ align = 'stretch', as = 'div', className, direction = 'v
 export const Textarea = ({ className, ref, rows = 4, ...props }) => (_jsx("textarea", { className: composeClassName('ui-textarea', className), ref: ref, rows: rows, ...props }));
 export const Typography = ({ className, ...props }) => (_jsx("div", { className: composeClassName('ui-typography', className), ...props }));
 export const VisuallyHidden = ({ className, focusable = false, ...props }) => (_jsx("span", { className: composeClassName('ui-visually-hidden', focusable && 'ui-visually-hidden--focusable', className), "data-ui-visually-hidden": true, ...props }));
+export const DialogHeader = ({ className, ...props }) => (_jsx("header", { ...props, className: composeClassName('ui-dialog-header', className), "data-slot": "dialog-header" }));
+export const DialogTitle = ({ as: Tag = 'h2', className, ...props }) => (_jsx(Tag, { ...props, className: composeClassName('ui-dialog-title', className), "data-slot": "dialog-title" }));
+export const DialogBody = ({ className, ...props }) => (_jsx("div", { ...props, className: composeClassName('ui-dialog-body', className), "data-slot": "dialog-body" }));
+export const DialogFooter = ({ className, ...props }) => (_jsx("footer", { ...props, className: composeClassName('ui-dialog-footer', className), "data-slot": "dialog-footer" }));
+export const DescriptionItem = ({ className, ...props }) => (_jsx("div", { ...props, className: composeClassName('ui-description-item', 'ui-descriptions__item', className), "data-slot": "description-item" }));
+export const DescriptionTerm = ({ className, ...props }) => (_jsx("dt", { ...props, className: composeClassName('ui-description-term', 'ui-descriptions__term', className), "data-slot": "description-term" }));
+export const DescriptionDetail = ({ className, ...props }) => (_jsx("dd", { ...props, className: composeClassName('ui-description-detail', 'ui-descriptions__detail', className), "data-slot": "description-detail" }));
+export const AttachmentList = ({ className, ...props }) => (_jsx("ul", { ...props, className: composeClassName('ui-attachment-list', className), "data-slot": "attachment-list" }));

package/dist/server.d.ts

@@ -1,3 +1,4 @@
+export { ChangeSummary, type ChangeSummaryProps } from './change-summary.js';
 export * from './server-components.js';
 export { type LumenComponentName, lumenComponentNames } from '@santi020k/lumen-core';
 //# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,OAAO,EACL,KAAK,kBAAkB,EACvB,mBAAmB,EACpB,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,cAAc,wBAAwB,CAAA;AACtC,OAAO,EACL,KAAK,kBAAkB,EACvB,mBAAmB,EACpB,MAAM,uBAAuB,CAAA"}

package/dist/server.js

@@ -1,2 +1,3 @@
+export { ChangeSummary } from './change-summary.js';
 export * from './server-components.js';
 export { lumenComponentNames } from '@santi020k/lumen-core';

package/dist/toast-context.d.ts

@@ -0,0 +1,4 @@
+import type { ToastApi } from './hooks.js';
+export declare const ToastContext: import("react").Context<ToastApi | null>;
+export declare const useToast: () => ToastApi;
+//# sourceMappingURL=toast-context.d.ts.map

package/dist/toast-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-context.d.ts","sourceRoot":"","sources":["../src/toast-context.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE1C,eAAO,MAAM,YAAY,0CAAuC,CAAA;AAEhE,eAAO,MAAM,QAAQ,QAAO,QAQ3B,CAAA"}

package/dist/toast-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext, use } from 'react';
+export const ToastContext = createContext(null);
+export const useToast = () => {
+    const api = use(ToastContext);
+    if (!api) {
+        throw new Error('useToast must be used inside a ToastProvider.');
+    }
+    return api;
+};

package/dist/toast-provider.d.ts

@@ -0,0 +1,3 @@
+import type { ToastProviderProps } from './hooks.js';
+export declare const ToastProvider: ({ children, maxCount, placement }: ToastProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=toast-provider.d.ts.map

package/dist/toast-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.d.ts","sourceRoot":"","sources":["../src/toast-provider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAyC,kBAAkB,EAAe,MAAM,YAAY,CAAA;AA4NxG,eAAO,MAAM,aAAa,GAAI,mCAI3B,kBAAkB,gCAiFpB,CAAA"}

package/dist/toast-provider.js

@@ -0,0 +1,3 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{composeClassName}from"@santi020k/lumen-core";import{ToastContext,useToast}from"./toast-context.js";const defaultToastDuration=5e3,defaultToastMax=5,closeDelay=240,limitToastPlacement=(toasts,placement,max)=>{const open=toasts.filter(toast=>toast.open&&toast.placement===placement),staleIds=new Set(open.slice(0,Math.max(0,open.length-max)).map(toast=>toast.id));return toasts.map(toast=>staleIds.has(toast.id)?{...toast,open:!1}:toast)},createToastId=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`ui-toast-${crypto.randomUUID()}`:`ui-toast-${Math.random().toString(36).slice(2)}`,createToastRecord=(detail,placement)=>({...detail,id:detail.id??createToastId(),open:!0,placement:detail.placement??placement,title:detail.title??"Notification",variant:detail.variant??"default"}),ToastItem=({onDismiss,toast})=>{const toastRef=useRef(null),timerRef=useRef(void 0),remainingRef=useRef(toast.duration??defaultToastDuration),startedAtRef=useRef(0),pauseReasonsRef=useRef(new Set),dismiss=useToast().dismiss,clearTimer=useCallback(()=>{clearTimeout(timerRef.current),timerRef.current=void 0},[]),startTimer=useCallback(()=>{const remaining=remainingRef.current;clearTimer(),!(!Number.isFinite(remaining)||remaining<=0||pauseReasonsRef.current.size>0)&&(startedAtRef.current=Date.now(),timerRef.current=setTimeout(()=>{dismiss(toast.id)},remaining))},[clearTimer,dismiss,toast.id]),pauseTimer=useCallback(reason=>{pauseReasonsRef.current.add(reason),timerRef.current!==void 0&&(remainingRef.current=Math.max(0,remainingRef.current-(Date.now()-startedAtRef.current)),clearTimer())},[clearTimer]),resumeTimer=useCallback(reason=>{pauseReasonsRef.current.delete(reason)&&pauseReasonsRef.current.size===0&&remainingRef.current>0&&startTimer()},[startTimer]);useEffect(()=>(remainingRef.current=toast.duration??defaultToastDuration,toast.open&&startTimer(),clearTimer),[clearTimer,startTimer,toast.duration,toast.open]),useEffect(()=>{if(!toast.open){const timer=setTimeout(onDismiss,closeDelay);return()=>{clearTimeout(timer)}}},[onDismiss,toast.open]);const action=toast.action,description=toast.description??"",variantClass=["success","warning","destructive"].includes(toast.variant)&&`ui-toast--${toast.variant}`;return _jsxs("aside",{"aria-live":toast.variant==="destructive"?"assertive":"polite",className:composeClassName("ui-toast",variantClass),"data-description":description,"data-state":toast.open?"open":"closed","data-title":toast.title,"data-ui-toast":!0,"data-variant":toast.variant,id:toast.id,onBlur:event=>{event.currentTarget.contains(event.relatedTarget)||resumeTimer("focus")},onFocus:event=>{event.currentTarget.contains(event.relatedTarget)||pauseTimer("focus")},onKeyDown:event=>{event.defaultPrevented||event.nativeEvent.isComposing||event.key==="Escape"&&(event.preventDefault(),dismiss(toast.id))},onMouseEnter:()=>{pauseTimer("hover")},onMouseLeave:()=>{resumeTimer("hover")},ref:toastRef,role:toast.variant==="destructive"?"alert":"status",children:[_jsxs("div",{className:"ui-toast__body",children:[_jsx("strong",{children:toast.title}),description&&_jsx("p",{children:description})]}),action?.label&&_jsx("button",{className:`
+            ui-button ui-button--secondary ui-button--sm ui-toast__action
+          `,onClick:event=>{action.onClick?.(event,toastRef.current),toastRef.current?.dispatchEvent(new CustomEvent(action.event??"ui:toast-action",{bubbles:!0,detail:{id:toast.id,value:action.value}})),dismiss(toast.id)},type:"button",children:action.label}),_jsx("button",{"aria-label":"Dismiss notification",className:"ui-toast__dismiss",onClick:()=>{dismiss(toast.id)},type:"button",children:"Dismiss"})]})},ToastViewport=({maxCount,placement,removeToast,toasts})=>_jsx("div",{"aria-atomic":"false","aria-label":"Notifications","aria-live":"polite",className:"ui-tvp","data-placement":placement,"data-ui-toast-viewport":!0,"data-ui-toast-max":maxCount,children:toasts.map(toast=>_jsx(ToastItem,{onDismiss:()=>{removeToast(toast.id)},toast},toast.id))}),ToastProvider=({children,maxCount=defaultToastMax,placement="bottom-right"})=>{const[toasts,setToasts]=useState([]),removeToast=useCallback(id=>{setToasts(current=>current.filter(toast=>toast.id!==id))},[]),dismiss=useCallback(id=>{setToasts(current=>{const targetId=id??current.filter(toast=>toast.open).pop()?.id;return current.map(toast=>toast.id===targetId?{...toast,open:!1}:toast)})},[]),create=useCallback(detail=>{const record=createToastRecord(detail,placement),stackMax=detail.max??maxCount;return setToasts(current=>{const next=[...current.filter(toast=>toast.id!==record.id),record];return limitToastPlacement(next,record.placement,stackMax)}),record.id},[maxCount,placement]),update=useCallback((id,detail)=>{setToasts(current=>{const toast=current.find(item=>item.id===id);if(!toast)return current;const record={...toast,...detail,id,open:!0,placement:detail.placement??toast.placement,title:detail.title??toast.title,variant:detail.variant??toast.variant},next=!toast.open||record.placement!==toast.placement?[...current.filter(item=>item.id!==id),record]:current.map(item=>item.id===id?record:item);return limitToastPlacement(next,record.placement,record.max??maxCount)})},[maxCount]),api=useMemo(()=>({create,dismiss,toasts,update}),[create,dismiss,toasts,update]),placements=[...new Set([placement,...toasts.map(toast=>toast.placement)])];return _jsxs(ToastContext,{value:api,children:[children,placements.map(item=>_jsx(ToastViewport,{maxCount,placement:item,removeToast,toasts:toasts.filter(toast=>toast.placement===item)},item))]})};export{ToastProvider};

package/dist/use-copy-feedback.d.ts

@@ -0,0 +1,17 @@
+import type { MouseEvent } from 'react';
+interface CopyFeedbackOptions {
+    copiedLabel: string;
+    errorLabel: string;
+    getValue: (button: HTMLButtonElement) => string | undefined;
+    label: string;
+    onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    resetAfter?: number;
+    toast?: boolean;
+}
+export declare const useCopyFeedback: ({ copiedLabel, errorLabel, getValue, label, onClick, resetAfter, toast }: CopyFeedbackOptions) => {
+    accessibleLabel: string;
+    handleClick: (event: MouseEvent<HTMLButtonElement>) => Promise<void>;
+    state: "error" | "idle" | "copied";
+};
+export {};
+//# sourceMappingURL=use-copy-feedback.d.ts.map

package/dist/use-copy-feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-feedback.d.ts","sourceRoot":"","sources":["../src/use-copy-feedback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMvC,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAA;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAoBD,eAAO,MAAM,eAAe,GAAI,0EAQ7B,mBAAmB;;yBAYc,UAAU,CAAC,iBAAiB,CAAC;;CA0ChE,CAAA"}