@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/components/PhiMask/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkHNFFFFYH_cjs = require('../../chunk-HNFFFFYH.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "PhiMask", {
+  enumerable: true,
+  get: function () { return chunkHNFFFFYH_cjs.PhiMask; }
+});
+Object.defineProperty(exports, "defaultPhiMaskLabels", {
+  enumerable: true,
+  get: function () { return chunkHNFFFFYH_cjs.defaultPhiMaskLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/PhiMask/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/PhiMask/index.d.cts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+interface PhiMaskLabels {
+    /** Accessible text while fully masked. */
+    masked: string;
+    /** Accessible text while masked with `keepLast`. */
+    maskedEnding: (visible: string) => string;
+    /** Toggle name while masked. */
+    reveal: string;
+    /** Toggle name while revealed. */
+    hide: string;
+}
+declare const defaultPhiMaskLabels: PhiMaskLabels;
+interface PhiMaskProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The sensitive text. */
+    value: string;
+    /** Characters left visible at the end while masked, e.g. 4 for an SSN. */
+    keepLast?: number;
+    /** Controlled revealed state. */
+    revealed?: boolean;
+    /** Initial revealed state when uncontrolled. */
+    defaultRevealed?: boolean;
+    /** Called whenever the revealed state changes (toggle or auto-hide). */
+    onRevealedChange?: (revealed: boolean) => void;
+    /** Called each time the user reveals the value — hook audit logging here. */
+    onReveal?: () => void;
+    /** Set false to hide the toggle; the value then stays masked. */
+    canReveal?: boolean;
+    /** Re-mask this many milliseconds after a reveal. */
+    autoHideMs?: number;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<PhiMaskLabels>;
+}
+/**
+ * Masks a sensitive value (PHI/PII) behind bullets with an optional reveal
+ * toggle. While masked, the value is absent from the DOM and accessible name.
+ *
+ * @example
+ * ```tsx
+ * <PhiMask value="123-45-6789" keepLast={4} autoHideMs={10000} onReveal={audit} />
+ * ```
+ */
+declare const PhiMask: React.ForwardRefExoticComponent<PhiMaskProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { PhiMask, type PhiMaskLabels, type PhiMaskProps, defaultPhiMaskLabels };

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

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+interface PhiMaskLabels {
+    /** Accessible text while fully masked. */
+    masked: string;
+    /** Accessible text while masked with `keepLast`. */
+    maskedEnding: (visible: string) => string;
+    /** Toggle name while masked. */
+    reveal: string;
+    /** Toggle name while revealed. */
+    hide: string;
+}
+declare const defaultPhiMaskLabels: PhiMaskLabels;
+interface PhiMaskProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The sensitive text. */
+    value: string;
+    /** Characters left visible at the end while masked, e.g. 4 for an SSN. */
+    keepLast?: number;
+    /** Controlled revealed state. */
+    revealed?: boolean;
+    /** Initial revealed state when uncontrolled. */
+    defaultRevealed?: boolean;
+    /** Called whenever the revealed state changes (toggle or auto-hide). */
+    onRevealedChange?: (revealed: boolean) => void;
+    /** Called each time the user reveals the value — hook audit logging here. */
+    onReveal?: () => void;
+    /** Set false to hide the toggle; the value then stays masked. */
+    canReveal?: boolean;
+    /** Re-mask this many milliseconds after a reveal. */
+    autoHideMs?: number;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<PhiMaskLabels>;
+}
+/**
+ * Masks a sensitive value (PHI/PII) behind bullets with an optional reveal
+ * toggle. While masked, the value is absent from the DOM and accessible name.
+ *
+ * @example
+ * ```tsx
+ * <PhiMask value="123-45-6789" keepLast={4} autoHideMs={10000} onReveal={audit} />
+ * ```
+ */
+declare const PhiMask: React.ForwardRefExoticComponent<PhiMaskProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { PhiMask, type PhiMaskLabels, type PhiMaskProps, defaultPhiMaskLabels };

package/dist/components/PhiMask/index.js

@@ -0,0 +1,5 @@
+export { PhiMask, defaultPhiMaskLabels } from '../../chunk-DHGCLPFZ.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/PhiMask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/PhoneInput/index.d.cts

@@ -1,41 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    hasError?: boolean | null | undefined;
-    labelVariant?: "stacked" | "floating" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
-    /** Error message to display below the input */
-    error?: string;
-    /** Helper text to display below the input */
-    helperText?: string;
-    /** Label for the input */
-    label?: string;
-    /**
-     * How the label is rendered.
-     * - `stacked` (default): label above the input.
-     * - `floating`: label rests inside the input like a placeholder and floats
-     *   to the top of the field (staying inside it) when focused or filled.
-     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
-     *   visually-hidden stacked label.
-     */
-    labelVariant?: 'stacked' | 'floating';
-    /** Whether the label should be visually hidden (still accessible) */
-    hideLabel?: boolean;
-    /** Whether the input is required */
-    required?: boolean;
-    /**
-     * Color of the required asterisk.
-     * - `default`: destructive (hard requirement).
-     * - `warning`: warning color (soft requirement / recommended).
-     */
-    requiredVariant?: RequiredMarkVariant;
-}
-type RequiredMarkVariant = 'default' | 'warning';
+import { InputProps } from '../Input/index.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

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

@@ -1,41 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    hasError?: boolean | null | undefined;
-    labelVariant?: "stacked" | "floating" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
-    /** Error message to display below the input */
-    error?: string;
-    /** Helper text to display below the input */
-    helperText?: string;
-    /** Label for the input */
-    label?: string;
-    /**
-     * How the label is rendered.
-     * - `stacked` (default): label above the input.
-     * - `floating`: label rests inside the input like a placeholder and floats
-     *   to the top of the field (staying inside it) when focused or filled.
-     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
-     *   visually-hidden stacked label.
-     */
-    labelVariant?: 'stacked' | 'floating';
-    /** Whether the label should be visually hidden (still accessible) */
-    hideLabel?: boolean;
-    /** Whether the input is required */
-    required?: boolean;
-    /**
-     * Color of the required asterisk.
-     * - `default`: destructive (hard requirement).
-     * - `warning`: warning color (soft requirement / recommended).
-     */
-    requiredVariant?: RequiredMarkVariant;
-}
-type RequiredMarkVariant = 'default' | 'warning';
+import { InputProps } from '../Input/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

package/dist/components/PropertyList/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkDO2YN46R_cjs = require('../../chunk-DO2YN46R.cjs');
+require('../../chunk-4ZB7RSMY.cjs');
+require('../../chunk-NGSDBWKA.cjs');
+require('../../chunk-VXW7D5LR.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "PropertyList", {
+  enumerable: true,
+  get: function () { return chunkDO2YN46R_cjs.PropertyList; }
+});
+Object.defineProperty(exports, "defaultPropertyListLabels", {
+  enumerable: true,
+  get: function () { return chunkDO2YN46R_cjs.defaultPropertyListLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/PropertyList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/PropertyList/index.d.cts

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { InlineEditType, InlineEditOption, InlineEditLabels } from '../InlineEdit/index.cjs';
+
+interface PropertyListItem {
+    key: string;
+    label: string;
+    value: string | number | null | undefined;
+    /** Control used when editing; also drives display formatting. */
+    type?: InlineEditType;
+    options?: InlineEditOption[];
+    /** Edit in place with `InlineEdit` (requires `onSave`). */
+    editable?: boolean;
+    /** Helper text under the value. */
+    hint?: string;
+    /** Show a copy-to-clipboard button for non-empty values. */
+    copyable?: boolean;
+    /** Custom display of a non-empty value. */
+    render?: (value: string) => React.ReactNode;
+    validate?: (value: string) => string | undefined;
+    /** Shown for an empty editable value instead of `labels.empty`. */
+    placeholder?: string;
+}
+interface PropertyListGroup {
+    id: string;
+    title: string;
+    items: PropertyListItem[];
+    /** Defaults to true. */
+    defaultOpen?: boolean;
+}
+interface PropertyListLabels {
+    /** Shown for empty values. */
+    empty: string;
+    copy: (label: string) => string;
+    copied: string;
+    showEmpty: (count: number) => string;
+    hideEmpty: (count: number) => string;
+}
+declare const defaultPropertyListLabels: PropertyListLabels;
+declare const listVariants: (props?: ({
+    density?: "comfortable" | "compact" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const rowVariants: (props?: ({
+    layout?: "inline" | "stacked" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PropertyListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof listVariants>, VariantProps<typeof rowVariants> {
+    /** Flat list of properties. Ignored when `groups` is set. */
+    items?: PropertyListItem[];
+    /** Collapsible sections of properties. */
+    groups?: PropertyListGroup[];
+    /** Persist an edited value. Rejecting restores the previous value. */
+    onSave?: (key: string, value: string) => void | Promise<void>;
+    /** Hide empty values behind a "Show N empty fields" toggle. */
+    hideEmpty?: boolean;
+    /** Heading level for group titles. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Remember each group's open state in localStorage under `${storageKey}:${group.id}`. */
+    storageKey?: string;
+    /** Translatable strings. */
+    labels?: Partial<PropertyListLabels>;
+    /** Strings forwarded to each `InlineEdit`. */
+    inlineEditLabels?: Partial<InlineEditLabels>;
+}
+/**
+ * Label/value pairs as a description list, with optional in-place editing,
+ * copy buttons and collapsible groups.
+ */
+declare const PropertyList: React.ForwardRefExoticComponent<PropertyListProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PropertyList, type PropertyListGroup, type PropertyListItem, type PropertyListLabels, type PropertyListProps, defaultPropertyListLabels };

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

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { InlineEditType, InlineEditOption, InlineEditLabels } from '../InlineEdit/index.js';
+
+interface PropertyListItem {
+    key: string;
+    label: string;
+    value: string | number | null | undefined;
+    /** Control used when editing; also drives display formatting. */
+    type?: InlineEditType;
+    options?: InlineEditOption[];
+    /** Edit in place with `InlineEdit` (requires `onSave`). */
+    editable?: boolean;
+    /** Helper text under the value. */
+    hint?: string;
+    /** Show a copy-to-clipboard button for non-empty values. */
+    copyable?: boolean;
+    /** Custom display of a non-empty value. */
+    render?: (value: string) => React.ReactNode;
+    validate?: (value: string) => string | undefined;
+    /** Shown for an empty editable value instead of `labels.empty`. */
+    placeholder?: string;
+}
+interface PropertyListGroup {
+    id: string;
+    title: string;
+    items: PropertyListItem[];
+    /** Defaults to true. */
+    defaultOpen?: boolean;
+}
+interface PropertyListLabels {
+    /** Shown for empty values. */
+    empty: string;
+    copy: (label: string) => string;
+    copied: string;
+    showEmpty: (count: number) => string;
+    hideEmpty: (count: number) => string;
+}
+declare const defaultPropertyListLabels: PropertyListLabels;
+declare const listVariants: (props?: ({
+    density?: "comfortable" | "compact" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const rowVariants: (props?: ({
+    layout?: "inline" | "stacked" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PropertyListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof listVariants>, VariantProps<typeof rowVariants> {
+    /** Flat list of properties. Ignored when `groups` is set. */
+    items?: PropertyListItem[];
+    /** Collapsible sections of properties. */
+    groups?: PropertyListGroup[];
+    /** Persist an edited value. Rejecting restores the previous value. */
+    onSave?: (key: string, value: string) => void | Promise<void>;
+    /** Hide empty values behind a "Show N empty fields" toggle. */
+    hideEmpty?: boolean;
+    /** Heading level for group titles. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Remember each group's open state in localStorage under `${storageKey}:${group.id}`. */
+    storageKey?: string;
+    /** Translatable strings. */
+    labels?: Partial<PropertyListLabels>;
+    /** Strings forwarded to each `InlineEdit`. */
+    inlineEditLabels?: Partial<InlineEditLabels>;
+}
+/**
+ * Label/value pairs as a description list, with optional in-place editing,
+ * copy buttons and collapsible groups.
+ */
+declare const PropertyList: React.ForwardRefExoticComponent<PropertyListProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PropertyList, type PropertyListGroup, type PropertyListItem, type PropertyListLabels, type PropertyListProps, defaultPropertyListLabels };

package/dist/components/PropertyList/index.js

@@ -0,0 +1,12 @@
+export { PropertyList, defaultPropertyListLabels } from '../../chunk-7HUTR6RX.js';
+import '../../chunk-M3VPGJMV.js';
+import '../../chunk-5QZ73PZC.js';
+import '../../chunk-VSRO4PAI.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
+import '../../chunk-XDU65GLW.js';
+import '../../chunk-F4N67NAF.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/PropertyList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/RadialExplorer/index.cjs

@@ -3,8 +3,9 @@
 var chunkYRHBSSQ3_cjs = require('../../chunk-YRHBSSQ3.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-YW2AKBLS.cjs');
-require('../../chunk-X6A27RGO.cjs');
 require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');

package/dist/components/RadialExplorer/index.js

@@ -1,8 +1,9 @@
 export { RadialExplorer } from '../../chunk-3RXZWHCU.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-XDU65GLW.js';
-import '../../chunk-7YO7DNUV.js';
 import '../../chunk-BMSG4NBH.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';

package/dist/components/Rating/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkXNPDZANN_cjs = require('../../chunk-XNPDZANN.cjs');
+require('../../chunk-IVGI353O.cjs');
+require('../../chunk-GKDHMNUA.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "Rating", {
+  enumerable: true,
+  get: function () { return chunkXNPDZANN_cjs.Rating; }
+});
+Object.defineProperty(exports, "ReviewCard", {
+  enumerable: true,
+  get: function () { return chunkXNPDZANN_cjs.ReviewCard; }
+});
+Object.defineProperty(exports, "defaultRatingLabels", {
+  enumerable: true,
+  get: function () { return chunkXNPDZANN_cjs.defaultRatingLabels; }
+});
+Object.defineProperty(exports, "defaultReviewCardLabels", {
+  enumerable: true,
+  get: function () { return chunkXNPDZANN_cjs.defaultReviewCardLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Rating/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Rating/index.d.cts

@@ -0,0 +1,85 @@
+import * as React from 'react';
+
+interface RatingLabels {
+    /** Accessible text of the read-only display, e.g. `4.5 out of 5`. */
+    value: (value: number, max: number) => string;
+    /** Accessible name of the interactive radio group. */
+    group: string;
+    /** Accessible name of one option, e.g. `3 stars`. */
+    option: (value: number, max: number) => string;
+}
+declare const defaultRatingLabels: RatingLabels;
+interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current rating; read-only displays round to the nearest half. */
+    value: number;
+    /** Number of stars. */
+    max?: number;
+    /** Star size. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Makes the rating editable as a radio group of whole stars. */
+    onChange?: (value: number) => void;
+    /** Disables the interactive mode. */
+    disabled?: boolean;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<RatingLabels>;
+}
+/**
+ * Star rating: a read-only display with half-star precision, or — with
+ * `onChange` — a keyboard-operable radio group.
+ *
+ * @example
+ * ```tsx
+ * <Rating value={4.5} />
+ * <Rating value={stars} onChange={setStars} />
+ * ```
+ */
+declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ReviewCardLabels {
+    /** Source line, e.g. `via Google`. */
+    source: (source: string) => string;
+    /** Accessible name of the reply region. */
+    reply: string;
+    showMore: string;
+    showLess: string;
+}
+declare const defaultReviewCardLabels: ReviewCardLabels;
+interface ReviewCardProps extends React.HTMLAttributes<HTMLElement> {
+    /** Who wrote the review. */
+    author: {
+        name: string;
+        avatarUrl?: string | null;
+    };
+    /** When it was written — ISO string or Date. */
+    date: string | Date;
+    /** Show the date as `3 days ago` (default) or as a localized date. */
+    dateStyle?: 'relative' | 'absolute';
+    /** BCP 47 locale for the date; defaults to the runtime locale. */
+    locale?: string;
+    /** Star rating, half-star precision. */
+    rating: number;
+    /** Review text; long bodies clamp with a Show more toggle. */
+    body: string;
+    /** Where the review came from, e.g. `Google`. */
+    source?: string;
+    /** Owner response shown under the review. */
+    reply?: React.ReactNode;
+    /** Lines shown before the body clamps. */
+    bodyLines?: 2 | 3 | 4 | 5 | 6;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<ReviewCardLabels>;
+    /** Forwarded to the embedded Rating. */
+    ratingLabels?: Partial<RatingLabels>;
+}
+/**
+ * One review: author, star rating, date, source, clamped body and an optional
+ * owner reply.
+ *
+ * @example
+ * ```tsx
+ * <ReviewCard author={{ name: 'Ann L.' }} date="2026-09-01" rating={4} body={text} source="Google" />
+ * ```
+ */
+declare const ReviewCard: React.ForwardRefExoticComponent<ReviewCardProps & React.RefAttributes<HTMLElement>>;
+
+export { Rating, type RatingLabels, type RatingProps, ReviewCard, type ReviewCardLabels, type ReviewCardProps, defaultRatingLabels, defaultReviewCardLabels };

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

@@ -0,0 +1,85 @@
+import * as React from 'react';
+
+interface RatingLabels {
+    /** Accessible text of the read-only display, e.g. `4.5 out of 5`. */
+    value: (value: number, max: number) => string;
+    /** Accessible name of the interactive radio group. */
+    group: string;
+    /** Accessible name of one option, e.g. `3 stars`. */
+    option: (value: number, max: number) => string;
+}
+declare const defaultRatingLabels: RatingLabels;
+interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current rating; read-only displays round to the nearest half. */
+    value: number;
+    /** Number of stars. */
+    max?: number;
+    /** Star size. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Makes the rating editable as a radio group of whole stars. */
+    onChange?: (value: number) => void;
+    /** Disables the interactive mode. */
+    disabled?: boolean;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<RatingLabels>;
+}
+/**
+ * Star rating: a read-only display with half-star precision, or — with
+ * `onChange` — a keyboard-operable radio group.
+ *
+ * @example
+ * ```tsx
+ * <Rating value={4.5} />
+ * <Rating value={stars} onChange={setStars} />
+ * ```
+ */
+declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ReviewCardLabels {
+    /** Source line, e.g. `via Google`. */
+    source: (source: string) => string;
+    /** Accessible name of the reply region. */
+    reply: string;
+    showMore: string;
+    showLess: string;
+}
+declare const defaultReviewCardLabels: ReviewCardLabels;
+interface ReviewCardProps extends React.HTMLAttributes<HTMLElement> {
+    /** Who wrote the review. */
+    author: {
+        name: string;
+        avatarUrl?: string | null;
+    };
+    /** When it was written — ISO string or Date. */
+    date: string | Date;
+    /** Show the date as `3 days ago` (default) or as a localized date. */
+    dateStyle?: 'relative' | 'absolute';
+    /** BCP 47 locale for the date; defaults to the runtime locale. */
+    locale?: string;
+    /** Star rating, half-star precision. */
+    rating: number;
+    /** Review text; long bodies clamp with a Show more toggle. */
+    body: string;
+    /** Where the review came from, e.g. `Google`. */
+    source?: string;
+    /** Owner response shown under the review. */
+    reply?: React.ReactNode;
+    /** Lines shown before the body clamps. */
+    bodyLines?: 2 | 3 | 4 | 5 | 6;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<ReviewCardLabels>;
+    /** Forwarded to the embedded Rating. */
+    ratingLabels?: Partial<RatingLabels>;
+}
+/**
+ * One review: author, star rating, date, source, clamped body and an optional
+ * owner reply.
+ *
+ * @example
+ * ```tsx
+ * <ReviewCard author={{ name: 'Ann L.' }} date="2026-09-01" rating={4} body={text} source="Google" />
+ * ```
+ */
+declare const ReviewCard: React.ForwardRefExoticComponent<ReviewCardProps & React.RefAttributes<HTMLElement>>;
+
+export { Rating, type RatingLabels, type RatingProps, ReviewCard, type ReviewCardLabels, type ReviewCardProps, defaultRatingLabels, defaultReviewCardLabels };

package/dist/components/Rating/index.js

@@ -0,0 +1,7 @@
+export { Rating, ReviewCard, defaultRatingLabels, defaultReviewCardLabels } from '../../chunk-CBBKWRLG.js';
+import '../../chunk-VU3ZMJBN.js';
+import '../../chunk-TI3TQQ7F.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}