@cratis/components 3.6.1 → 4.0.0

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

@@ -1,32 +1,99 @@
-import { type CSSProperties, type MouseEventHandler, type ReactNode } from 'react';
-import type { ButtonProps as ButtonRootProps } from '@primereact/types/primitive/button';
-import { type TooltipPosition } from './Tooltip';
+import { type ButtonHTMLAttributes, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
+import type { TooltipPosition } from './Tooltip.js';
+/** Visual treatment of a {@link Button}. */
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
+/** Semantic color of a {@link Button}. */
+export type ButtonTone = 'neutral' | 'accent' | 'positive' | 'caution' | 'critical';
+/** Border shape of a {@link Button}. */
+export type ButtonShape = 'default' | 'pill';
+/**
+ * Severity tone of a {@link Button}.
+ *
+ * @deprecated Use {@link ButtonTone} instead. Removed in 5.0.
+ */
 export type ButtonSeverity = 'secondary' | 'info' | 'success' | 'warn' | 'help' | 'danger' | 'contrast';
-export interface ButtonProps {
+/** Stable Cratis-owned parts for styling a {@link Button}. */
+export interface ButtonParts {
+    /** Native button element. */
+    root?: ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Icon wrapper. */
+    icon?: HTMLAttributes<HTMLSpanElement>;
+    /** Label/content wrapper. */
+    label?: HTMLAttributes<HTMLSpanElement>;
+    /** Loading spinner. */
+    spinner?: HTMLAttributes<HTMLSpanElement>;
+}
+/** Props for {@link Button}. */
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'disabled' | 'size' | 'style' | 'type'> {
+    /** The button's text. */
     label?: ReactNode;
+    /** The button's icon, rendered before the label. */
     icon?: ReactNode;
+    /** Replaces the icon with a spinner and disables the button. */
     loading?: boolean;
+    /** Text shown on hover and keyboard focus. */
     tooltip?: string;
+    /** Placement of the tooltip. */
     tooltipOptions?: {
         position?: TooltipPosition;
         className?: string;
     };
-    pt?: ButtonRootProps['pt'];
+    /** Cratis-owned per-part attributes. */
+    pt?: ButtonParts;
+    /** Visual treatment. Defaults to `solid`. */
+    variant?: ButtonVariant;
+    /** Semantic color. Omit for the familiar primary action. */
+    tone?: ButtonTone;
+    /** Border shape. Defaults to `default`. */
+    shape?: ButtonShape;
+    /**
+     * Renders the button borderless.
+     *
+     * @deprecated Use `variant='ghost'` instead. Removed in 5.0.
+     */
     text?: boolean;
+    /**
+     * Renders the button as an inline link.
+     *
+     * @deprecated Use `variant='link'` instead. Removed in 5.0.
+     */
     link?: boolean;
+    /**
+     * Renders the button with an outline instead of a fill.
+     *
+     * @deprecated Use `variant='outline'` instead. Removed in 5.0.
+     */
     outlined?: boolean;
+    /**
+     * Renders the button fully rounded.
+     *
+     * @deprecated Use `shape='pill'` instead. Removed in 5.0.
+     */
     rounded?: boolean;
+    /**
+     * Controls the button's coloring. Omit for the familiar primary action.
+     *
+     * @deprecated Use `tone` instead. Removed in 5.0.
+     */
     severity?: ButtonSeverity;
+    /** Sizes the button. */
     size?: 'small' | 'normal' | 'large';
+    /** Whether the button is disabled. */
     disabled?: boolean;
+    /** Native button type. */
     type?: 'button' | 'submit' | 'reset';
+    /** Native title attribute. */
     title?: string;
+    /** Focuses the button when it mounts. */
     autoFocus?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Applied to the button element. */
     className?: string;
+    /** Applied to the button element. */
     style?: CSSProperties;
+    /** Accessible name, required for an icon-only button. */
     'aria-label'?: string;
+    /** Rendered inside the button, after the icon and label. */
     children?: ReactNode;
 }
-export declare const Button: ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type, title, autoFocus, onClick, className, style, "aria-label": ariaLabel, children }: ButtonProps) => import("react").JSX.Element;
-//# sourceMappingURL=Button.d.ts.map
+/** A Cratis-owned button with stable parts and renderer-independent styling. */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/Common/Button.js

@@ -1,28 +1,17 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button as Button$1 } from 'primereact/button';
-import { Tooltip } from './Tooltip.js';
+import { forwardRef } from 'react';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { ButtonImplementation } from './ButtonImplementation.js';
 
-const renderIcon = (icon) => typeof icon === 'string' ? jsx("i", { className: icon, "aria-hidden": 'true' }) : icon;
-/**
- * A button carrying the `label` / `icon` / `loading` / `tooltip` authoring model.
- *
- * PrimeReact 11's `Button` takes its content as **children** and dropped `label`,
- * `icon`, `loading`, `tooltip` and `text` entirely. Because its props type is
- * generic over `React.ElementType`, those props are still *accepted by the
- * compiler* and silently ignored at runtime — a `<Button label="Save" />`
- * typechecks and renders an empty button. This wrapper closes that trap once, for
- * every application, rather than leaving each call site to be caught by eye.
- *
- * `severity` is also stamped as `data-severity` on the element: the Cratis theme colors
- * by that attribute (as {@link Tag} does), and PrimeReact 11's button does not emit it.
- */
-const Button = ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type = 'button', title, autoFocus, onClick, className, style, 'aria-label': ariaLabel, children }) => {
-    const variant = link ? 'link' : text ? 'text' : outlined ? 'outlined' : undefined;
-    const button = (jsxs(Button$1, { type: type, title: title, autoFocus: autoFocus, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, "data-severity": severity, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
-    return tooltip
-        ? jsx(Tooltip, { content: tooltip, position: tooltipOptions?.position, className: tooltipOptions?.className, children: button })
-        : button;
-};
+const coreButtonDeclaration = Object.freeze({
+    mode: 'presentation',
+    fidelity: 'native',
+    render: ButtonImplementation,
+});
+const Button = forwardRef(function Button(props, ref) {
+    const declaration = unstable_useSlot('common.button', coreButtonDeclaration);
+    return renderSlot(declaration, props, ref);
+});
 
 export { Button };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;AA8DA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACE,KAAI;IACd,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;IAEjF,MAAM,MAAM,IACRC,IAAA,CAACC,QAAW,EAAA,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,SAAS,mBACN,QAAQ,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACL,OAAO,GAAGF,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,GAAG,UAAU,CAAC,IAAI,CAAC,EACvF,KAAK,EACL,QAAQ,CAAA,EAAA,CACC,CACjB;AAED,IAAA,OAAO;UACDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAAG,MAAM,EAAA;UAC5G,MAAM;AAChB;;"}
+{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA2HA,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,CAAiC,SAAS,MAAM,CAC5E,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/ButtonImplementation.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from './Button.js';
+/** Core implementation for the button presentation slot. */
+export declare const ButtonImplementation: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/Common/ButtonImplementation.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { TooltipImplementation } from './TooltipImplementation.js';
+
+const renderIcon = (icon) => typeof icon === 'string' ? jsx("i", { className: icon, "aria-hidden": 'true' }) : icon;
+const toneForSeverity = {
+    secondary: 'neutral',
+    info: 'accent',
+    help: 'accent',
+    success: 'positive',
+    warn: 'caution',
+    danger: 'critical',
+    contrast: 'neutral',
+};
+const severityForTone = {
+    neutral: 'secondary',
+    accent: 'info',
+    positive: 'success',
+    caution: 'warn',
+    critical: 'danger',
+};
+const warnedDeprecatedProps = new Set();
+const warnForDeprecatedProp = (prop) => {
+    const environment = globalThis.process?.env?.NODE_ENV;
+    if (environment === 'production' || warnedDeprecatedProps.has(prop))
+        return;
+    warnedDeprecatedProps.add(prop);
+    console.warn(`Button prop "${prop}" is deprecated and will be removed in 5.0. Use variant, tone, or shape instead.`);
+};
+const ButtonImplementation = forwardRef(function ButtonImplementation({ label, icon, loading, tooltip, tooltipOptions, pt, variant, tone, shape, text, link, outlined, rounded, severity, size = 'normal', disabled, type = 'button', title, autoFocus, onClick, className, style, 'aria-label': ariaLabel, children, ...nativeProps }, ref) {
+    if (text !== undefined)
+        warnForDeprecatedProp('text');
+    if (link !== undefined)
+        warnForDeprecatedProp('link');
+    if (outlined !== undefined)
+        warnForDeprecatedProp('outlined');
+    if (rounded !== undefined)
+        warnForDeprecatedProp('rounded');
+    if (severity !== undefined)
+        warnForDeprecatedProp('severity');
+    const selectedVariant = variant ??
+        (link ? 'link' : text ? 'ghost' : outlined ? 'outline' : 'solid');
+    const selectedTone = tone ?? (severity ? toneForSeverity[severity] : undefined);
+    const selectedShape = shape ?? (rounded ? 'pill' : 'default');
+    const legacySeverity = tone ? severityForTone[tone] : severity;
+    const effectiveDisabled = Boolean(disabled || loading);
+    const iconOnly = Boolean(icon) && label === undefined && !children;
+    const rootClassName = ['cratis-button', pt?.root?.className, className]
+        .filter(Boolean)
+        .join(' ');
+    const button = (jsxs("button", { ...pt?.root, ...nativeProps, ref: ref, type: type, title: title, autoFocus: autoFocus, disabled: effectiveDisabled, onClick: onClick, className: rootClassName, style: { ...pt?.root?.style, ...style }, "aria-label": ariaLabel, "aria-busy": loading || undefined, "data-cratis-part": 'root', "data-variant": selectedVariant, "data-tone": selectedTone, "data-severity": legacySeverity, "data-shape": selectedShape, "data-size": size, "data-disabled": effectiveDisabled || undefined, "data-loading": loading || undefined, "data-icon-only": iconOnly || undefined, children: [loading ? (jsx("span", { ...pt?.spinner, className: [
+                    'cratis-button__spinner',
+                    pt?.spinner?.className,
+                ]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'spinner', "aria-hidden": 'true' })) : icon ? (jsx("span", { ...pt?.icon, className: ['cratis-button__icon', pt?.icon?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'icon', "aria-hidden": pt?.icon?.['aria-hidden'] ?? true, children: renderIcon(icon) })) : null, (label !== undefined || children) && (jsxs("span", { ...pt?.label, className: ['cratis-button__label', pt?.label?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'label', children: [label, children] }))] }));
+    return tooltip ? (jsx(TooltipImplementation, { content: tooltip, position: tooltipOptions?.position, className: tooltipOptions?.className, children: button })) : (button);
+});
+
+export { ButtonImplementation };
+//# sourceMappingURL=ButtonImplementation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonImplementation.js","sources":["../../../Common/ButtonImplementation.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAWA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E,MAAM,eAAe,GAAuC;AACxD,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,QAAQ,EAAE,SAAS;CACtB;AAED,MAAM,eAAe,GAAuC;AACxD,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,QAAQ,EAAE,QAAQ;CACrB;AAID,MAAM,qBAAqB,GAAG,IAAI,GAAG,EAAwB;AAE7D,MAAM,qBAAqB,GAAG,CAAC,IAA0B,KAAI;IACzD,MAAM,WAAW,GACb,UAGH,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ;IAExB,IAAI,WAAW,KAAK,YAAY,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE;AAErE,IAAA,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,IAAA,OAAO,CAAC,IAAI,CACR,gBAAgB,IAAI,CAAA,gFAAA,CAAkF,CACzG;AACL,CAAC;AAGM,MAAM,oBAAoB,GAAG,UAAU,CAC1C,SAAS,oBAAoB,CACzB,EACI,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,GAAG,WAAW,EACjB,EACD,GAAG,EAAA;IAEH,IAAI,IAAI,KAAK,SAAS;QAAE,qBAAqB,CAAC,MAAM,CAAC;IACrD,IAAI,IAAI,KAAK,SAAS;QAAE,qBAAqB,CAAC,MAAM,CAAC;IACrD,IAAI,QAAQ,KAAK,SAAS;QAAE,qBAAqB,CAAC,UAAU,CAAC;IAC7D,IAAI,OAAO,KAAK,SAAS;QAAE,qBAAqB,CAAC,SAAS,CAAC;IAC3D,IAAI,QAAQ,KAAK,SAAS;QAAE,qBAAqB,CAAC,UAAU,CAAC;IAE7D,MAAM,eAAe,GACjB,OAAO;SACN,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;AAC/E,IAAA,MAAM,aAAa,GAAG,KAAK,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7D,IAAA,MAAM,cAAc,GAAG,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,QAAQ;IAC9D,MAAM,iBAAiB,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ;AAClE,IAAA,MAAM,aAAa,GAAG,CAAC,eAAe,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;SACjE,MAAM,CAAC,OAAO;SACd,IAAI,CAAC,GAAG,CAAC;IAEd,MAAM,MAAM,IACRC,IAAA,CAAA,QAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,KACR,WAAW,EACf,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,YAAA,EAC3B,SAAS,EAAA,WAAA,EACV,OAAO,IAAI,SAAS,EAAA,kBAAA,EACd,MAAM,EAAA,cAAA,EACT,eAAe,eAClB,YAAY,EAAA,eAAA,EACR,cAAc,EAAA,YAAA,EACjB,aAAa,eACd,IAAI,EAAA,eAAA,EACA,iBAAiB,IAAI,SAAS,kBAC/B,OAAO,IAAI,SAAS,EAAA,gBAAA,EAClB,QAAQ,IAAI,SAAS,EAAA,QAAA,EAAA,CAEpC,OAAO,IACJD,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,OAAO,EACf,SAAS,EAAE;oBACP,wBAAwB;oBACxB,EAAE,EAAE,OAAO,EAAE,SAAS;AACzB;qBACI,MAAM,CAAC,OAAO;AACd,qBAAA,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,SAAS,EAAA,aAAA,EACd,MAAM,EAAA,CACpB,IACF,IAAI,IACJA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS;qBACjD,MAAM,CAAC,OAAO;qBACd,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,MAAM,EAAA,aAAA,EACV,EAAE,EAAE,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAA,QAAA,EAE7C,UAAU,CAAC,IAAI,CAAC,EAAA,CACd,IACP,IAAI,EACP,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,MAC7BC,IAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,KAAK,EACb,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS;qBACnD,MAAM,CAAC,OAAO;AACd,qBAAA,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,OAAO,EAAA,QAAA,EAAA,CAEvB,KAAK,EACL,QAAQ,CAAA,EAAA,CACN,CACV,CAAA,EAAA,CACI,CACZ;AAED,IAAA,OAAO,OAAO,IACVD,GAAA,CAAC,qBAAqB,EAAA,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAClC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAEnC,MAAM,EAAA,CACa,KAExB,MAAM,CACT;AACL,CAAC;;"}

package/dist/esm/Common/Checkbox.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 Checkbox}. */
+export interface CheckboxParts {
+    /** Wrapping native label. */
+    root?: LabelHTMLAttributes<HTMLLabelElement>;
+    /** Native checkbox input. */
+    input?: InputHTMLAttributes<HTMLInputElement>;
+    /** Visual checkbox box. */
+    box?: HTMLAttributes<HTMLSpanElement>;
+    /** Visual selected indicator. */
+    indicator?: HTMLAttributes<HTMLSpanElement>;
+    /** Visible label content. */
+    label?: HTMLAttributes<HTMLSpanElement>;
+}
+/** Props for {@link Checkbox}. */
+export interface CheckboxProps 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 checkbox 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?: CheckboxParts;
+}
+/** A native form checkbox with one interaction owner and stable visual parts. */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Common/Checkbox.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../Common/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAyDA,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/CheckboxImplementation.d.ts

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

package/dist/esm/Common/CheckboxImplementation.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useNativeCheckedState } from './useNativeCheckedState.js';
+
+const CheckboxImplementation = forwardRef(function CheckboxImplementation({ 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', 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?.box, className: ['cratis-checkbox__box', pt?.box?.className]
+                    .filter(Boolean)
+                    .join(' '), "data-cratis-part": 'box', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined, "aria-hidden": 'true', children: jsx("span", { ...pt?.indicator, className: [
+                        'cratis-checkbox__indicator',
+                        pt?.indicator?.className,
+                    ]
+                        .filter(Boolean)
+                        .join(' '), "data-cratis-part": 'indicator', "data-disabled": effectiveDisabled || undefined, "data-invalid": effectiveInvalid || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": selected || undefined, children: "\u2713" }) }), 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 { CheckboxImplementation };
+//# sourceMappingURL=CheckboxImplementation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxImplementation.js","sources":["../../../Common/CheckboxImplementation.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import type { CratisComponentsConfig } from './CratisComponentsProvider.js';
+export declare const CratisComponentsContext: import("react").Context<CratisComponentsConfig>;
+/** Returns the resolved renderer-independent Components configuration. */
+export declare const useCratisComponentsConfig: () => CratisComponentsConfig;

package/dist/esm/Common/CratisComponentsContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+import { cratisDefaults } from './CratisComponentsDefaults.js';
+
+const CratisComponentsContext = createContext(cratisDefaults);
+const useCratisComponentsConfig = () => useContext(CratisComponentsContext);
+
+export { CratisComponentsContext, useCratisComponentsConfig };
+//# sourceMappingURL=CratisComponentsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CratisComponentsContext.js","sources":["../../../Common/CratisComponentsContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAOa,uBAAuB,GAAG,aAAa,CAAyB,cAAc;AAGpF,MAAM,yBAAyB,GAAG,MACrC,UAAU,CAAC,uBAAuB;;"}

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

@@ -0,0 +1,3 @@
+import type { CratisComponentsConfig } from './CratisComponentsProvider.js';
+/** Default locale and English Components messages. */
+export declare const cratisDefaults: CratisComponentsConfig;

package/dist/esm/Common/CratisComponentsDefaults.js

@@ -0,0 +1,58 @@
+const cratisDefaults = {
+    locale: 'en-US',
+    messages: {
+        paginator: {
+            navigation: 'Pagination',
+            first: 'First page',
+            previous: 'Previous page',
+            next: 'Next page',
+            last: 'Last page',
+        },
+        datePicker: {
+            today: 'Today',
+            clear: 'Clear',
+            openCalendar: 'Open calendar',
+            previousMonth: 'Previous month',
+            nextMonth: 'Next month',
+            label: 'Date',
+        },
+        dropdown: {
+            showOptions: 'Show options',
+            clearSelection: 'Clear selection',
+        },
+        dialog: {
+            ok: 'Ok',
+            cancel: 'Cancel',
+            yes: 'Yes',
+            no: 'No',
+            close: 'Close',
+        },
+        stepper: {
+            next: 'Next',
+            previous: 'Previous',
+            submit: 'Submit',
+        },
+        notifications: {
+            dismiss: 'Dismiss',
+            region: 'Notifications',
+        },
+        dataTable: {
+            selectRow: 'Select row',
+            search: 'Search…',
+            searchAriaLabel: 'Search table',
+        },
+        columnFilter: {
+            matchModeAriaLabel: 'Match mode',
+            clear: 'Clear',
+            apply: 'Apply',
+            true: 'True',
+            false: 'False',
+        },
+        toolbar: {
+            label: 'Tools',
+        },
+    },
+};
+
+export { cratisDefaults };
+//# sourceMappingURL=CratisComponentsDefaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CratisComponentsDefaults.js","sources":["../../../Common/CratisComponentsDefaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAMO,MAAM,cAAc,GAA2B;AAClD,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,QAAQ,EAAE;AACN,QAAA,SAAS,EAAE;AACP,YAAA,UAAU,EAAE,YAAY;AACxB,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACpB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,eAAe;AAC7B,YAAA,aAAa,EAAE,gBAAgB;AAC/B,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,KAAK,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,cAAc,EAAE,iBAAiB;AACpC,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,eAAe;AAC1B,SAAA;AACD,QAAA,SAAS,EAAE;AACP,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,eAAe,EAAE,cAAc;AAClC,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,kBAAkB,EAAE,YAAY;AAChC,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACJ,KAAA;;;"}