@cratis/components 3.6.1 → 4.0.0

package/dist/esm/Common/SurfaceImplementation.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const assignSurfaceRef = (ref, element) => {
+    if (typeof ref === 'function')
+        ref(element);
+    else if (ref)
+        ref.current = element;
+};
+const SurfaceImplementation = forwardRef(function SurfaceImplementation({ as: Element = 'div', pt, className, style, ...nativeProps }, ref) {
+    return (jsx(Element, { ...pt?.root, ...nativeProps, ref: (element) => {
+            assignSurfaceRef(ref, element);
+        }, className: ['cratis-surface', pt?.root?.className, className]
+            .filter(Boolean)
+            .join(' '), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root' }));
+});
+
+export { SurfaceImplementation };
+//# sourceMappingURL=SurfaceImplementation.js.map

package/dist/esm/Common/SurfaceImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurfaceImplementation.js","sources":["../../../Common/SurfaceImplementation.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAMA,MAAM,gBAAgB,GAAG,CAAC,GAA8B,EAAE,OAA2B,KAAI;IACrF,IAAI,OAAO,GAAG,KAAK,UAAU;QAAE,GAAG,CAAC,OAAO,CAAC;AACtC,SAAA,IAAI,GAAG;AAAE,QAAA,GAAG,CAAC,OAAO,GAAG,OAAO;AACvC,CAAC;AAGM,MAAM,qBAAqB,GAAG,UAAU,CAC3C,SAAS,qBAAqB,CAC1B,EAAE,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EAC7D,GAAG,EAAA;AAEH,IAAA,QACIA,GAAA,CAAC,OAAO,EAAA,EAAA,GACA,EAAE,EAAE,IAAI,EAAA,GACR,WAAW,EACf,GAAG,EAAE,CAAC,OAAO,KAAI;AACb,YAAA,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC;AAClC,QAAA,CAAC,EACD,SAAS,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;aACvD,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC,EACd,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,kBAAA,EACtB,MAAM,EAAA,CACzB;AAEV,CAAC;;"}

package/dist/esm/Common/Switch.d.ts

@@ -0,0 +1,34 @@
+import { type CSSProperties, type HTMLAttributes, type InputHTMLAttributes, type LabelHTMLAttributes, type ReactNode } from 'react';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+/** Stable Cratis-owned parts for styling a {@link Switch}. */
+export interface SwitchParts {
+    /** Wrapping native label. */
+    root?: LabelHTMLAttributes<HTMLLabelElement>;
+    /** Native checkbox input with switch semantics. */
+    input?: InputHTMLAttributes<HTMLInputElement>;
+    /** Visual switch track. */
+    control?: HTMLAttributes<HTMLSpanElement>;
+    /** Visual switch handle. */
+    handle?: HTMLAttributes<HTMLSpanElement>;
+    /** Visible label content. */
+    label?: HTMLAttributes<HTMLSpanElement>;
+}
+/** Props for {@link Switch}. */
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'className' | 'onChange' | 'readOnly' | 'style' | 'type'> {
+    /** Visible label content. Supply `aria-label` when no visible label is rendered. */
+    label?: ReactNode;
+    /** Prevents user changes without removing the checked value from form submission. */
+    readOnly?: boolean;
+    /** Marks the switch invalid and exposes the canonical invalid state. */
+    invalid?: boolean;
+    /** Receives the next checked value and native user-event metadata. */
+    onChange?: ChangeHandler<boolean>;
+    /** Class name applied to the wrapping label. */
+    className?: string;
+    /** Inline style applied to the wrapping label. */
+    style?: CSSProperties;
+    /** Cratis-owned per-part attributes. */
+    pt?: SwitchParts;
+}
+/** A native checkbox with switch semantics, semantic changes, and stable visual parts. */
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Common/Switch.js

@@ -0,0 +1,17 @@
+import { forwardRef } from 'react';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { SwitchImplementation } from './SwitchImplementation.js';
+
+const coreSwitchDeclaration = Object.freeze({
+    mode: 'presentation',
+    fidelity: 'native',
+    render: SwitchImplementation,
+});
+const Switch = forwardRef(function Switch(props, ref) {
+    const declaration = unstable_useSlot('common.switch', coreSwitchDeclaration);
+    return renderSlot(declaration, props, ref);
+});
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/esm/Common/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../Common/Switch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAyDA,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC;AACxC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,oBAAoB;AAC/B,CAAA,CAAqD;AAG/C,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CAC3E,KAAK,EACL,GAAG,EAAA;IAEH,MAAM,WAAW,GAAG,gBAAgB,CAAC,eAAe,EAAE,qBAAqB,CAAC;IAC5E,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC;AAC9C,CAAC;;"}

package/dist/esm/Common/SwitchImplementation.d.ts

@@ -0,0 +1,3 @@
+import type { SwitchProps } from './Switch.js';
+/** Core implementation for the native switch presentation slot. */
+export declare const SwitchImplementation: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Common/SwitchImplementation.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useNativeCheckedState } from './useNativeCheckedState.js';
+
+const SwitchImplementation = forwardRef(function SwitchImplementation({ label, readOnly, invalid = false, onChange, className, style, pt, checked, defaultChecked, disabled, onClick, 'aria-invalid': ariaInvalid, ...nativeProps }, forwardedRef) {
+    const effectiveChecked = checked ?? pt?.input?.checked;
+    const effectiveDefaultChecked = defaultChecked ?? pt?.input?.defaultChecked;
+    const effectiveDisabled = disabled ?? pt?.input?.disabled;
+    const effectiveReadOnly = readOnly ?? pt?.input?.readOnly;
+    const effectiveAriaInvalid = ariaInvalid ?? pt?.input?.['aria-invalid'] ?? (invalid || undefined);
+    const effectiveInvalid = invalid ||
+        effectiveAriaInvalid === true ||
+        effectiveAriaInvalid === 'true';
+    const { ref, selected, synchronize } = useNativeCheckedState(effectiveChecked, effectiveDefaultChecked, forwardedRef);
+    return (jsxs("label", { ...pt?.root, className: ['cratis-choice', pt?.root?.className, className]
+            .filter(Boolean)
+            .join(' '), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined, children: [jsx("input", { ...pt?.input, ...nativeProps, ref: ref, type: 'checkbox', role: 'switch', checked: effectiveChecked, defaultChecked: effectiveDefaultChecked, disabled: effectiveDisabled, readOnly: undefined, "aria-invalid": effectiveAriaInvalid, "aria-readonly": effectiveReadOnly || undefined, onClick: (event) => {
+                    pt?.input?.onClick?.(event);
+                    onClick?.(event);
+                    if (effectiveReadOnly)
+                        event.preventDefault();
+                }, onChange: (event) => {
+                    pt?.input?.onChange?.(event);
+                    if (effectiveReadOnly)
+                        return;
+                    synchronize(event.currentTarget.checked);
+                    onChange?.(event.currentTarget.checked, {
+                        source: 'user',
+                        nativeEvent: event.nativeEvent,
+                    });
+                }, className: ['cratis-choice__input', pt?.input?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'input', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined }), jsx("span", { ...pt?.control, className: ['cratis-switch__control', pt?.control?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'control', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined, "aria-hidden": 'true', children: jsx("span", { ...pt?.handle, className: [
+                        'cratis-switch__handle',
+                        pt?.handle?.className,
+                    ]
+                        .filter(Boolean)
+                        .join(' '), "data-cratis-part": 'handle', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined }) }), label !== undefined && (jsx("span", { ...pt?.label, className: ['cratis-choice__label', pt?.label?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'label', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined, children: label }))] }));
+});
+
+export { SwitchImplementation };
+//# sourceMappingURL=SwitchImplementation.js.map

package/dist/esm/Common/SwitchImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchImplementation.js","sources":["../../../Common/SwitchImplementation.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAQO,MAAM,oBAAoB,GAAG,UAAU,CAC1C,SAAS,oBAAoB,CACzB,EACI,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,cAAc,EAAE,WAAW,EAC3B,GAAG,WAAW,EACjB,EACD,YAAY,EAAA;IAEZ,MAAM,gBAAgB,GAAG,OAAO,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO;IACtD,MAAM,uBAAuB,GAAG,cAAc,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc;IAC3E,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ;IACzD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ;AACzD,IAAA,MAAM,oBAAoB,GACtB,WAAW,IAAI,EAAE,EAAE,KAAK,GAAG,cAAc,CAAC,KAAK,OAAO,IAAI,SAAS,CAAC;IACxE,MAAM,gBAAgB,GAClB,OAAO;AACP,QAAA,oBAAoB,KAAK,IAAI;QAC7B,oBAAoB,KAAK,MAAM;AACnC,IAAA,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,CACxD,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,CACf;AACD,IAAA,QACIA,IAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,CAAC,eAAe,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;aACtD,MAAM,CAAC,OAAO;AACd,aAAA,IAAI,CAAC,GAAG,CAAC,EACd,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,kBAAA,EACtB,MAAM,EAAA,eAAA,EACR,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,mBAC5B,iBAAiB,IAAI,SAAS,EAAA,eAAA,EAC9B,QAAQ,IAAI,SAAS,aAEpCC,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,KAAK,EAAA,GACT,WAAW,EACf,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,gBAAgB,EACzB,cAAc,EAAE,uBAAuB,EACvC,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,SAAS,kBACL,oBAAoB,EAAA,eAAA,EACnB,iBAAiB,IAAI,SAAS,EAC7C,OAAO,EAAE,CAAC,KAAK,KAAI;oBACf,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC;AAC3B,oBAAA,OAAO,GAAG,KAAK,CAAC;AAChB,oBAAA,IAAI,iBAAiB;wBAAE,KAAK,CAAC,cAAc,EAAE;AACjD,gBAAA,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,KAAI;oBAChB,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC;AAC5B,oBAAA,IAAI,iBAAiB;wBAAE;AACvB,oBAAA,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;AACxC,oBAAA,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACpC,wBAAA,MAAM,EAAE,MAAM;wBACd,WAAW,EAAE,KAAK,CAAC,WAAW;AACjC,qBAAA,CAAC;gBACN,CAAC,EACD,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS;qBACnD,MAAM,CAAC,OAAO;AACd,qBAAA,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,OAAO,mBACT,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,mBAC5B,iBAAiB,IAAI,SAAS,EAAA,eAAA,EAC9B,QAAQ,IAAI,SAAS,GACtC,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,OAAO,EACf,SAAS,EAAE,CAAC,wBAAwB,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS;qBACvD,MAAM,CAAC,OAAO;AACd,qBAAA,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,SAAS,EAAA,eAAA,EACX,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,EAAA,eAAA,EAC5B,iBAAiB,IAAI,SAAS,EAAA,eAAA,EAC9B,QAAQ,IAAI,SAAS,EAAA,aAAA,EACxB,MAAM,EAAA,QAAA,EAElBA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,MAAM,EACd,SAAS,EAAE;wBACP,uBAAuB;wBACvB,EAAE,EAAE,MAAM,EAAE,SAAS;AACxB;yBACI,MAAM,CAAC,OAAO;yBACd,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,QAAQ,EAAA,eAAA,EACV,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,mBAC5B,iBAAiB,IAAI,SAAS,EAAA,eAAA,EAC9B,QAAQ,IAAI,SAAS,EAAA,CACtC,GACC,EACN,KAAK,KAAK,SAAS,KAChBA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,KAAK,EACb,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS;qBACnD,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,OAAO,EAAA,eAAA,EACT,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,EAAA,eAAA,EAC5B,iBAAiB,IAAI,SAAS,EAAA,eAAA,EAC9B,QAAQ,IAAI,SAAS,EAAA,QAAA,EAEnC,KAAK,EAAA,CACH,CACV,CAAA,EAAA,CACG;AAEhB,CAAC;;"}

package/dist/esm/Common/TextArea.d.ts

@@ -0,0 +1,18 @@
+import { type TextareaHTMLAttributes } from 'react';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+/** Stable Cratis-owned parts for styling a {@link TextArea}. */
+export interface TextAreaParts {
+    /** Native textarea element. */
+    root?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+}
+/** Props for {@link TextArea}. */
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    /** Marks the textarea invalid and exposes the canonical invalid state. */
+    invalid?: boolean;
+    /** Receives the next string value and native user-event metadata. */
+    onChange?: ChangeHandler<string>;
+    /** Cratis-owned per-part attributes. */
+    pt?: TextAreaParts;
+}
+/** A native multi-line text control with semantic value changes and stable Components parts. */
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/Common/TextArea.js

@@ -0,0 +1,17 @@
+import { forwardRef } from 'react';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { TextAreaImplementation } from './TextAreaImplementation.js';
+
+const coreTextAreaDeclaration = Object.freeze({
+    mode: 'presentation',
+    fidelity: 'native',
+    render: TextAreaImplementation,
+});
+const TextArea = forwardRef(function TextArea(props, ref) {
+    const declaration = unstable_useSlot('common.textArea', coreTextAreaDeclaration);
+    return renderSlot(declaration, props, ref);
+});
+
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

package/dist/esm/Common/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../Common/TextArea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkCA,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC;AAC1C,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,sBAAsB;AACjC,CAAA,CAAuD;AAGjD,MAAM,QAAQ,GAAG,UAAU,CAC9B,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAA;IACxB,MAAM,WAAW,GAAG,gBAAgB,CAChC,iBAAiB,EACjB,uBAAuB,CAC1B;IACD,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC;AAC9C,CAAC;;"}

package/dist/esm/Common/TextAreaImplementation.d.ts

@@ -0,0 +1,3 @@
+import type { TextAreaProps } from './TextArea.js';
+/** Core implementation for the native text-area presentation slot. */
+export declare const TextAreaImplementation: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/Common/TextAreaImplementation.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const TextAreaImplementation = forwardRef(function TextAreaImplementation({ invalid = false, onChange, pt, className, style, disabled, readOnly, 'aria-invalid': ariaInvalid, ...nativeProps }, ref) {
+    const effectiveDisabled = disabled ?? pt?.root?.disabled;
+    const effectiveReadOnly = readOnly ?? pt?.root?.readOnly;
+    const effectiveAriaInvalid = ariaInvalid ?? pt?.root?.['aria-invalid'] ?? (invalid || undefined);
+    const effectiveInvalid = invalid || effectiveAriaInvalid === true || effectiveAriaInvalid === 'true';
+    return (jsx("textarea", { ...pt?.root, ...nativeProps, ref: ref, disabled: effectiveDisabled, readOnly: effectiveReadOnly, "aria-invalid": effectiveAriaInvalid, onChange: (event) => {
+            pt?.root?.onChange?.(event);
+            onChange?.(event.currentTarget.value, {
+                source: 'user',
+                nativeEvent: event.nativeEvent,
+            });
+        }, className: ['cratis-text-area', pt?.root?.className, className]
+            .filter(Boolean)
+            .join(' '), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined }));
+});
+
+export { TextAreaImplementation };
+//# sourceMappingURL=TextAreaImplementation.js.map

package/dist/esm/Common/TextAreaImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaImplementation.js","sources":["../../../Common/TextAreaImplementation.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAOO,MAAM,sBAAsB,GAAG,UAAU,CAG9C,SAAS,sBAAsB,CAC7B,EACI,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,GAAG,WAAW,EACjB,EACD,GAAG,EAAA;IAEH,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ;IACxD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ;AACxD,IAAA,MAAM,oBAAoB,GACtB,WAAW,IAAI,EAAE,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK,OAAO,IAAI,SAAS,CAAC;IACvE,MAAM,gBAAgB,GAClB,OAAO,IAAI,oBAAoB,KAAK,IAAI,IAAI,oBAAoB,KAAK,MAAM;IAE/E,QACIA,GAAA,CAAA,UAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EAAA,GACR,WAAW,EACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAAA,cAAA,EACb,oBAAoB,EAClC,QAAQ,EAAE,CAAC,KAAK,KAAI;YAChB,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,CAAC;AAC3B,YAAA,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClC,gBAAA,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK,CAAC,WAAW;AACjC,aAAA,CAAC;AACN,QAAA,CAAC,EACD,SAAS,EAAE,CAAC,kBAAkB,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;aACzD,MAAM,CAAC,OAAO;AACd,aAAA,IAAI,CAAC,GAAG,CAAC,EACd,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,kBAAA,EACtB,MAAM,EAAA,eAAA,EACR,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,mBAC5B,iBAAiB,IAAI,SAAS,EAAA,CAC/C;AAEV,CAAC;;"}

package/dist/esm/Common/TextInput.d.ts

@@ -0,0 +1,22 @@
+import { type InputHTMLAttributes } from 'react';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+/** Native text-like input types supported by {@link TextInput}. */
+export type TextInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+/** Stable Cratis-owned parts for styling a {@link TextInput}. */
+export interface TextInputParts {
+    /** Native input element. */
+    root?: InputHTMLAttributes<HTMLInputElement>;
+}
+/** Props for {@link TextInput}. */
+export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {
+    /** Native text-like input type. Defaults to `text`. */
+    type?: TextInputType;
+    /** Marks the input invalid and exposes the canonical invalid state. */
+    invalid?: boolean;
+    /** Receives the next string value and native user-event metadata. */
+    onChange?: ChangeHandler<string>;
+    /** Cratis-owned per-part attributes. */
+    pt?: TextInputParts;
+}
+/** A native text input with semantic value changes and stable Components parts. */
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Common/TextInput.js

@@ -0,0 +1,17 @@
+import { forwardRef } from 'react';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { TextInputImplementation } from './TextInputImplementation.js';
+
+const coreTextInputDeclaration = Object.freeze({
+    mode: 'presentation',
+    fidelity: 'native',
+    render: TextInputImplementation,
+});
+const TextInput = forwardRef(function TextInput(props, ref) {
+    const declaration = unstable_useSlot('common.textInput', coreTextInputDeclaration);
+    return renderSlot(declaration, props, ref);
+});
+
+export { TextInput };
+//# sourceMappingURL=TextInput.js.map

package/dist/esm/Common/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../Common/TextInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA0CA,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3C,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,uBAAuB;AAClC,CAAA,CAAwD;AAGlD,MAAM,SAAS,GAAG,UAAU,CAC/B,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,EAAA;IACzB,MAAM,WAAW,GAAG,gBAAgB,CAChC,kBAAkB,EAClB,wBAAwB,CAC3B;IACD,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC;AAC9C,CAAC;;"}

package/dist/esm/Common/TextInputImplementation.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputProps } from './TextInput.js';
+/** Core implementation for the native text-input presentation slot. */
+export declare const TextInputImplementation: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Common/TextInputImplementation.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const TextInputImplementation = forwardRef(function TextInputImplementation({ type = 'text', invalid = false, onChange, pt, className, style, disabled, readOnly, 'aria-invalid': ariaInvalid, ...nativeProps }, ref) {
+    const effectiveDisabled = disabled ?? pt?.root?.disabled;
+    const effectiveReadOnly = readOnly ?? pt?.root?.readOnly;
+    const effectiveAriaInvalid = ariaInvalid ?? pt?.root?.['aria-invalid'] ?? (invalid || undefined);
+    const effectiveInvalid = invalid || effectiveAriaInvalid === true || effectiveAriaInvalid === 'true';
+    return (jsx("input", { ...pt?.root, ...nativeProps, ref: ref, type: type, disabled: effectiveDisabled, readOnly: effectiveReadOnly, "aria-invalid": effectiveAriaInvalid, onChange: (event) => {
+            pt?.root?.onChange?.(event);
+            onChange?.(event.currentTarget.value, {
+                source: 'user',
+                nativeEvent: event.nativeEvent,
+            });
+        }, className: ['cratis-text-input', pt?.root?.className, className]
+            .filter(Boolean)
+            .join(' '), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined }));
+});
+
+export { TextInputImplementation };
+//# sourceMappingURL=TextInputImplementation.js.map

package/dist/esm/Common/TextInputImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputImplementation.js","sources":["../../../Common/TextInputImplementation.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAOO,MAAM,uBAAuB,GAAG,UAAU,CAG/C,SAAS,uBAAuB,CAC9B,EACI,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,GAAG,WAAW,EACjB,EACD,GAAG,EAAA;IAEH,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ;IACxD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ;AACxD,IAAA,MAAM,oBAAoB,GACtB,WAAW,IAAI,EAAE,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK,OAAO,IAAI,SAAS,CAAC;IACvE,MAAM,gBAAgB,GAClB,OAAO,IAAI,oBAAoB,KAAK,IAAI,IAAI,oBAAoB,KAAK,MAAM;AAE/E,IAAA,QACIA,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EAAA,GACR,WAAW,EACf,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB,EAAA,cAAA,EACb,oBAAoB,EAClC,QAAQ,EAAE,CAAC,KAAK,KAAI;YAChB,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,CAAC;AAC3B,YAAA,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClC,gBAAA,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK,CAAC,WAAW;AACjC,aAAA,CAAC;AACN,QAAA,CAAC,EACD,SAAS,EAAE,CAAC,mBAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;aAC1D,MAAM,CAAC,OAAO;AACd,aAAA,IAAI,CAAC,GAAG,CAAC,EACd,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,kBAAA,EACtB,MAAM,EAAA,eAAA,EACR,iBAAiB,IAAI,SAAS,EAAA,cAAA,EAC/B,gBAAgB,IAAI,SAAS,mBAC5B,iBAAiB,IAAI,SAAS,EAAA,CAC/C;AAEV,CAAC;;"}

package/dist/esm/Common/Tooltip.d.ts

@@ -1,11 +1,26 @@
-import React from 'react';
+import type { ReactElement } from 'react';
+/** Position of the tooltip relative to its trigger element. */
 export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
+interface TooltipTriggerElementProps {
+    className?: string;
+    disabled?: boolean;
+    'data-cratis-part'?: string;
+    'data-cratis-tooltip-trigger'?: string;
+}
+/** Props for the {@link Tooltip} component. */
 export interface TooltipProps {
+    /** Text displayed inside the tooltip. Empty content disables the tooltip. */
     content?: string;
+    /** Where the tooltip appears relative to its trigger. */
     position?: TooltipPosition;
+    /** When true, suppresses the tooltip. */
     disabled?: boolean;
+    /** Extra class name applied to the actual trigger element. */
     className?: string;
-    children: React.ReactNode;
+    /** One focusable element that triggers the tooltip. */
+    children: ReactElement<TooltipTriggerElementProps>;
 }
-export declare const Tooltip: React.FC<TooltipProps>;
+/** An accessible hover and keyboard-focus tooltip with stable Cratis parts. */
+export declare const Tooltip: (props: TooltipProps) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/esm/Common/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../Common/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGlE,MAAM,WAAW,YAAY;IAMzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAM3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAqBD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../Common/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,+DAA+D;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElE,UAAU,0BAA0B;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAC;CAC1C;AAED,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IACzB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,QAAQ,EAAE,YAAY,CAAC,0BAA0B,CAAC,CAAC;CACtD;AAQD,+EAA+E;AAC/E,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,+EAG1C,CAAC"}

package/dist/esm/Common/Tooltip.js

@@ -1,30 +1,15 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Tooltip as Tooltip$1 } from 'primereact/tooltip';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { TooltipImplementation } from './TooltipImplementation.js';
 
-/**
- * A hover tooltip wrapper around PrimeReact 11's compositional Tooltip. Wraps
- * any child element and shows a floating label on hover, portaled to the
- * document body so it is never clipped by an overflow container (table cells,
- * dropdowns, scroll regions) — the reason this wrapper exists rather than a
- * plain CSS `position: absolute` bubble.
- *
- * The public API (`content`, `position`, `disabled`, `children`) is preserved
- * from the previous CSS-only implementation, so existing call sites are
- * unaffected. This replaces the removed PrimeReact 10 `data-pr-tooltip`
- * directive: wrap the trigger element instead of tagging it with a
- * `data-pr-tooltip` attribute.
- *
- * ```tsx
- * <Tooltip content="Delete" position="top">
- *     <i className="pi pi-trash" />
- * </Tooltip>
- * ```
- */
-const Tooltip = ({ content, position = 'top', disabled = false, className, children }) => {
-    if (!content || disabled) {
-        return jsx(Fragment, { children: children });
-    }
-    return (jsxs(Tooltip$1.Root, { children: [jsx(Tooltip$1.Trigger, { as: "span", className: className ? `cratis-tooltip-trigger ${className}` : 'cratis-tooltip-trigger', children: children }), jsx(Tooltip$1.Portal, { children: jsx(Tooltip$1.Positioner, { side: position, sideOffset: 8, children: jsx(Tooltip$1.Popup, { className: "cratis-tooltip-popup", children: content }) }) })] }));
+const coreTooltipDeclaration = Object.freeze({
+    mode: 'atomic',
+    fidelity: 'native',
+    render: TooltipImplementation,
+});
+const Tooltip = (props) => {
+    const declaration = unstable_useSlot('common.tooltip', coreTooltipDeclaration);
+    return renderSlot(declaration, props);
 };
 
 export { Tooltip };

package/dist/esm/Common/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../Common/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","PrimeTooltip"],"mappings":";;;AAmCA;;;;;;;;;;;;;;;;;;AAkBG;MACU,OAAO,GAA2B,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAI;AACpH,IAAA,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;QACtB,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IAC1B;AAEA,IAAA,QACIC,IAAA,CAACC,SAAY,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACdH,GAAA,CAACG,SAAY,CAAC,OAAO,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAG,CAAA,uBAAA,EAA0B,SAAS,CAAA,CAAE,GAAG,wBAAwB,EAAA,QAAA,EAClH,QAAQ,EAAA,CACU,EACvBH,GAAA,CAACG,SAAY,CAAC,MAAM,EAAA,EAAA,QAAA,EAChBH,GAAA,CAACG,SAAY,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAA,QAAA,EAClDH,GAAA,CAACG,SAAY,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAC/C,OAAO,EAAA,CACS,EAAA,CACC,EAAA,CACR,CAAA,EAAA,CACN;AAE5B;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../Common/Tooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAiCA,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC;AACzC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,qBAAqB;AAChC,CAAA,CAAsD;AAGhD,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;IAC3C,MAAM,WAAW,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;AAC9E,IAAA,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC;AACzC;;"}

package/dist/esm/Common/TooltipImplementation.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipProps } from './Tooltip.js';
+/** Core implementation for the atomic tooltip slot. */
+export declare const TooltipImplementation: ({ content, position, disabled, className, children, }: TooltipProps) => import("react").JSX.Element;

package/dist/esm/Common/TooltipImplementation.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cloneElement } from 'react';
+import { TooltipTrigger, Focusable, Tooltip } from 'react-aria-components/Tooltip';
+import { UNSAFE_PortalProvider } from 'react-aria';
+import { unstable_useOverlayEnvironment } from '../renderer/RendererContext.js';
+
+const TooltipImplementation = ({ content, position = 'top', disabled = false, className, children, }) => {
+    const overlayEnvironment = unstable_useOverlayEnvironment();
+    if (!content || disabled)
+        return children;
+    const trigger = cloneElement(children, {
+        className: ['cratis-tooltip-trigger', children.props.className, className]
+            .filter(Boolean)
+            .join(' '),
+        'data-cratis-part': children.props['data-cratis-part'] ?? 'trigger',
+        'data-cratis-tooltip-trigger': '',
+    });
+    return (jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsxs(TooltipTrigger, { delay: 350, closeDelay: 100, children: [jsx(Focusable, { isDisabled: trigger.props.disabled, children: trigger }), jsx(Tooltip, { placement: position, offset: 8, className: 'cratis-tooltip-popup', "data-cratis-part": 'popup', "data-open": true, children: content })] }) }));
+};
+
+export { TooltipImplementation };
+//# sourceMappingURL=TooltipImplementation.js.map

package/dist/esm/Common/TooltipImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipImplementation.js","sources":["../../../Common/TooltipImplementation.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaTooltip"],"mappings":";;;;;;MAqBa,qBAAqB,GAAG,CAAC,EAClC,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,kBAAkB,GAAG,8BAA8B,EAAE;IAC3D,IAAI,CAAC,OAAO,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ;AAEzC,IAAA,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,EAAE;QACnC,SAAS,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS;aACpE,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;QACd,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,SAAS;AACnE,QAAA,6BAA6B,EAAE,EAAE;AACN,KAAA,CAAC;IAEhC,QACIA,GAAA,CAAC,qBAAqB,EAAA,EAAC,YAAY,EAAE,kBAAkB,CAAC,YAAY,EAAA,QAAA,EAChEC,IAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,CACvCD,GAAA,CAAC,SAAS,EAAA,EAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAA,QAAA,EAErC,OAGC,EAAA,CAEG,EACZA,GAAA,CAACE,OAAW,EAAA,EACR,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,sBAAsB,EAAA,kBAAA,EACf,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAGvB,OAAO,EAAA,CACE,CAAA,EAAA,CACD,EAAA,CACG;AAEhC;;"}

package/dist/esm/Common/index.d.ts

@@ -1,11 +1,17 @@
-export * from './ActionMenubar';
-export * from './CratisComponentsProvider';
-export * from './DatePickerInput';
-export * from './ErrorBoundary';
-export * from './Icon';
-export * from './normalizeIconClass';
-export * from './Page';
-export * from './FormElement';
-export * from './Tooltip';
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map
+export * from './ActionMenubar.js';
+export * from './CratisComponentsProvider.js';
+export * from './DatePickerInput.js';
+export * from './ErrorBoundary.js';
+export * from './Icon.js';
+export * from './normalizeIconClass.js';
+export * from './Page.js';
+export * from './FormElement.js';
+export * from './Tooltip.js';
+export * from './Button.js';
+export * from './Checkbox.js';
+export * from './IconButton.js';
+export * from './Radio.js';
+export * from './Surface.js';
+export * from './Switch.js';
+export * from './TextArea.js';
+export * from './TextInput.js';

package/dist/esm/Common/index.js

@@ -1,5 +1,5 @@
 export { ActionMenubar } from './ActionMenubar.js';
-export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig } from './CratisComponentsProvider.js';
+export { CratisComponentsProvider, mergeCratisComponentsConfig } from './CratisComponentsProvider.js';
 export { DatePickerInput } from './DatePickerInput.js';
 export { ErrorBoundary } from './ErrorBoundary.js';
 export { IconDisplay } from './Icon.js';
@@ -8,7 +8,13 @@ export { Page } from './Page.js';
 export { FormElement } from './FormElement.js';
 export { Tooltip } from './Tooltip.js';
 export { Button } from './Button.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export { Checkbox } from './Checkbox.js';
+export { IconButton } from './IconButton.js';
+export { Radio } from './Radio.js';
+export { Surface } from './Surface.js';
+export { Switch } from './Switch.js';
+export { TextArea } from './TextArea.js';
+export { TextInput } from './TextInput.js';
+export { cratisDefaults } from './CratisComponentsDefaults.js';
+export { useCratisComponentsConfig } from './CratisComponentsContext.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/Common/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../Common/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/{Canvas/messaging/useOptionalMessenger.js → Common/messaging/useOptionalMessenger.d.ts}

@@ -1,8 +1,11 @@
-import { useCallback } from 'react';
-import { useMessenger } from '@cratis/arc.react/messaging';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The publish half of a resolved Arc messenger, or `undefined` when none is resolvable — the shape
+ * canvas shapes hold their opt-in messaging through, so a shape can publish with a bare
+ * `publish?.(message)` and be inert everywhere a messenger is missing. Generic over the message type,
+ * matching `IMessenger.publish`'s own `<TMessage extends object>` constraint, rather than a bare
+ * `object` parameter that would tell callers nothing about the message they are publishing.
+ */
+export type OptionalPublish = <TMessage extends object>(message: TMessage) => void;
 /**
  * Internal: resolves the nearest Arc messenger without ever requiring one to exist, returning its
  * publish function — or `undefined` when no messenger is resolvable, in which case callers must do
@@ -29,13 +32,5 @@ import { useMessenger } from '@cratis/arc.react/messaging';
  * @returns A stable publish function bound to the resolved messenger, or `undefined` when no
  * messenger is resolvable.
  */
-function useOptionalMessenger() {
-    const messenger = useMessenger();
-    const publish = useCallback((message) => {
-        messenger?.publish(message);
-    }, [messenger]);
-    return messenger ? publish : undefined;
-}
-
-export { useOptionalMessenger };
-//# sourceMappingURL=useOptionalMessenger.js.map
+export declare function useOptionalMessenger(): OptionalPublish | undefined;
+//# sourceMappingURL=useOptionalMessenger.d.ts.map

package/dist/esm/Common/messaging/useOptionalMessenger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionalMessenger.d.ts","sourceRoot":"","sources":["../../../../Common/messaging/useOptionalMessenger.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,QAAQ,SAAS,MAAM,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,oBAAoB,IAAI,eAAe,GAAG,SAAS,CAWlE"}

package/dist/esm/Common/messaging/useOptionalMessenger.js

@@ -0,0 +1,13 @@
+import { useCallback } from 'react';
+import { useMessenger } from '@cratis/arc.react/messaging';
+
+function useOptionalMessenger() {
+    const messenger = useMessenger();
+    const publish = useCallback((message) => {
+        messenger?.publish(message);
+    }, [messenger]);
+    return messenger ? publish : undefined;
+}
+
+export { useOptionalMessenger };
+//# sourceMappingURL=useOptionalMessenger.js.map

package/dist/esm/Common/messaging/useOptionalMessenger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionalMessenger.js","sources":["../../../../Common/messaging/useOptionalMessenger.ts"],"sourcesContent":[null],"names":[],"mappings":";;;SAyCgB,oBAAoB,GAAA;AAChC,IAAA,MAAM,SAAS,GAAG,YAAY,EAAiD;AAE/E,IAAA,MAAM,OAAO,GAAG,WAAW,CACvB,CAA0B,OAAiB,KAAI;AAC3C,QAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC;AAC/B,IAAA,CAAC,EACD,CAAC,SAAS,CAAC,CACd;IAED,OAAO,SAAS,GAAG,OAAO,GAAG,SAAS;AAC1C;;"}

package/dist/esm/Common/normalizeIconClass.d.ts

@@ -1,6 +1,16 @@
+/** The outcome of normalizing a string icon value into a renderable CSS class. */
 export interface NormalizedIconClass {
+    /** The CSS class to apply to the `<i>` element. Empty when there is nothing to render. */
     className: string;
-    warning?: string;
 }
+/**
+ * Trims a consumer-owned icon-font CSS class for {@link IconDisplay}.
+ *
+ * Components does not infer an icon provider or add provider-specific base classes. Pass the
+ * complete class string required by the icon font, or prefer a React icon node.
+ *
+ * @param icon - The complete consumer-owned icon CSS class.
+ * @returns The trimmed class to render.
+ */
 export declare function normalizeIconClass(icon: string): NormalizedIconClass;
 //# sourceMappingURL=normalizeIconClass.d.ts.map

package/dist/esm/Common/normalizeIconClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeIconClass.d.ts","sourceRoot":"","sources":["../../../Common/normalizeIconClass.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAEhC,SAAS,EAAE,MAAM,CAAC;IAOlB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CA0BpE"}
+{"version":3,"file":"normalizeIconClass.d.ts","sourceRoot":"","sources":["../../../Common/normalizeIconClass.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,MAAM,WAAW,mBAAmB;IAChC,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CAEpE"}

package/dist/esm/Common/normalizeIconClass.js

@@ -1,45 +1,5 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Normalizes a string icon value into a CSS class for {@link IconDisplay}.
- *
- * A string icon is meant to be a full icon-font CSS class such as `'pi pi-home'`. Two
- * mistakes silently render nothing — and look like the icon "just doesn't work":
- *
- * - A lone PrimeIcons class (`'pi-home'`) missing its required base `pi` class. This is
- *   unambiguous, so it is repaired to `'pi pi-home'`.
- * - A bare icon name (`'plus'`, `'home'`) that is not a CSS class at all. There is no safe
- *   way to know which icon font it belongs to, so the value is left untouched and a warning
- *   is produced pointing at the full class (`'pi pi-plus'`) or a React node.
- *
- * Full class strings (anything containing whitespace) and already-prefixed values pass
- * through unchanged.
- *
- * @param icon - The raw string icon value.
- * @returns The class to render and an optional developer warning.
- */
 function normalizeIconClass(icon) {
-    const trimmed = icon.trim();
-    if (trimmed.length === 0) {
-        return { className: '' };
-    }
-    // A full class string (multiple tokens) is taken as-is — the caller spelled it out.
-    if (trimmed.includes(' ')) {
-        return { className: trimmed };
-    }
-    // A lone PrimeIcons icon class missing its base `pi` class — repair it.
-    if (trimmed.startsWith('pi-')) {
-        return { className: `pi pi-${trimmed.slice('pi-'.length)}` };
-    }
-    // A single plain word (no hyphen, no prefix) is almost certainly a bare icon name that
-    // will not render. Leave rendering untouched but guide the caller to the real class.
-    if (trimmed !== 'pi' && /^[a-z][a-z0-9]*$/i.test(trimmed)) {
-        return {
-            className: trimmed,
-            warning: `IconDisplay received '${trimmed}', which looks like a bare icon name rather than a CSS class, so it will not render as an icon. Use a full icon class such as 'pi pi-${trimmed}', or pass a React node.`,
-        };
-    }
-    return { className: trimmed };
+    return { className: icon.trim() };
 }
 
 export { normalizeIconClass };