@oods/components-react 0.4.0 → 0.4.1

package/dist/ported.cjs

@@ -658,6 +658,31 @@ var noSubscription = () => () => void 0;
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3__namespace.useEffect : React3__namespace.useLayoutEffect;
 var canShowModal = () => typeof HTMLDialogElement !== "undefined" && typeof HTMLDialogElement.prototype.showModal === "function";
 var hasContent = (node) => node !== void 0 && node !== null && node !== false && node !== "";
+var pageLocks = 0;
+var pageStyle;
+function lockPageScroll() {
+  const page = document.documentElement;
+  if (pageLocks++ === 0) {
+    const scrollbar = window.innerWidth - page.clientWidth;
+    pageStyle = { overflow: page.style.overflow, paddingRight: page.style.paddingRight };
+    if (scrollbar > 0) page.style.paddingRight = `${parseFloat(getComputedStyle(page).paddingRight) + scrollbar}px`;
+    page.style.overflow = "hidden";
+  }
+  let held = true;
+  return () => {
+    if (!held) return;
+    held = false;
+    if (--pageLocks === 0 && pageStyle) {
+      page.style.overflow = pageStyle.overflow;
+      page.style.paddingRight = pageStyle.paddingRight;
+      pageStyle = void 0;
+    }
+  };
+}
+var outsideBox = (event, dialog) => {
+  const box = dialog.getBoundingClientRect();
+  return event.clientX < box.left || event.clientX > box.right || event.clientY < box.top || event.clientY > box.bottom;
+};
 var Dialog = React3__namespace.forwardRef(
   ({
     id,
@@ -672,12 +697,16 @@ var Dialog = React3__namespace.forwardRef(
     className,
     onClose,
     onKeyDown,
+    onMouseDown,
+    onClick,
     ...rest
   }, ref) => {
     const generatedId = React3__namespace.useId().replace(/[^\w-]/g, "");
     const dialogId = id ?? `oods-dialog-${generatedId}`;
     const element = React3__namespace.useRef(null);
     const openRef = React3__namespace.useRef(open);
+    const scrollLock = React3__namespace.useRef(null);
+    const pressedBackdrop = React3__namespace.useRef(false);
     const serverMarkup = React3__namespace.useSyncExternalStore(noSubscription, () => false, () => true);
     const managed = modal && !serverMarkup && canShowModal();
     const setRef = React3__namespace.useCallback((node) => {
@@ -685,13 +714,19 @@ var Dialog = React3__namespace.forwardRef(
       if (typeof ref === "function") ref(node);
       else if (ref) ref.current = node;
     }, [ref]);
+    const releaseScroll = React3__namespace.useCallback(() => {
+      scrollLock.current?.();
+      scrollLock.current = null;
+    }, []);
     useIsomorphicLayoutEffect(() => {
       openRef.current = open;
       const dialog = element.current;
       if (!dialog || !managed) return;
       if (open && !dialog.open) dialog.showModal();
       else if (!open && dialog.open) dialog.close();
+      if (open && dialog.open) scrollLock.current ??= lockPageScroll();
     }, [open, managed]);
+    React3__namespace.useEffect(() => releaseScroll, [releaseScroll]);
     const requestClose = (event) => {
       event.preventDefault();
       onClose?.();
@@ -713,7 +748,19 @@ var Dialog = React3__namespace.forwardRef(
         },
         onCancel: requestClose,
         onClose: () => {
-          if (openRef.current && !element.current?.open) onClose?.();
+          if (element.current?.open) return;
+          releaseScroll();
+          if (openRef.current) onClose?.();
+        },
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          pressedBackdrop.current = managed && event.target === event.currentTarget && outsideBox(event, event.currentTarget);
+        },
+        onClick: (event) => {
+          onClick?.(event);
+          const backdrop = pressedBackdrop.current && event.target === event.currentTarget && outsideBox(event, event.currentTarget);
+          pressedBackdrop.current = false;
+          if (backdrop && !event.defaultPrevented) onClose?.();
         },
         ...rest,
         children: [

package/dist/ported.js

@@ -1,2 +1,2 @@
-export { AuditTimeline, CancellationSummary, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, StatusBadge, StatusTimeline } from './chunk-OFTMKX3W.js';
+export { AuditTimeline, CancellationSummary, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, StatusBadge, StatusTimeline } from './chunk-NLWXBLPA.js';
 import './chunk-2VEQWKGK.js';

package/dist/types.d.cts

@@ -390,6 +390,27 @@ interface SwitchProps extends NativeSwitchProps {
     readonly onCheckedChange?: (checked: boolean) => void;
     readonly onUpdate?: (checked: boolean) => void;
 }
+type NativeSegmentedControlProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'role' | 'children' | 'className' | 'style' | 'defaultValue' | 'onChange'>;
+/**
+ * s223-m02 (#2527 ruling 10): one choice from two to five options, shown as joined segments. Select's value API on native
+ * radios: value (controlled) or defaultValue, onChange with the radio's change event, then onValueChange and onUpdate with
+ * the chosen value. Native div props reach the radiogroup.
+ */
+interface SegmentedControlProps extends NativeSegmentedControlProps {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly options: readonly SelectOption[];
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly name?: string;
+    readonly size?: 'xs' | 'sm' | 'md' | 'lg';
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
 type SelectOption = {
     readonly value: string;
     readonly label: React.ReactNode;
@@ -404,6 +425,38 @@ interface SelectProps extends NativeSelectProps, CommonFieldProps {
     readonly onValueChange?: (value: string) => void;
     readonly onUpdate?: (value: string) => void;
 }
+/** s223-m02 (#2527 ruling 11): a combobox option. Its label is text, because typing filters the list on it. */
+type ComboboxOption = {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+};
+type NativeComboboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'type' | 'role' | 'value' | 'defaultValue' | 'size' | 'name' | 'placeholder' | 'required' | 'disabled' | 'children' | 'className' | 'style' | 'onChange'>;
+/**
+ * s223-m02 (#2527 ruling 11): pick one value from a list by typing to filter it. Select's field API on an input with role
+ * combobox: value (controlled) or defaultValue (uncontrolled) names the chosen option, and picking one calls
+ * onValueChange and onUpdate with its value. The input's own text is the filter, so its native onChange is not offered;
+ * other native input props reach the input.
+ */
+interface ComboboxProps extends NativeComboboxProps {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly options?: readonly ComboboxOption[];
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly placeholder?: string;
+    readonly name?: string;
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly help?: React.ReactNode;
+    readonly validation?: FieldValidation;
+    /** The control height, as Button, Input and Select: xs 24, sm 28, md 32 (default) or lg 40. */
+    readonly size?: 'xs' | 'sm' | 'md' | 'lg';
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
 type NativeTextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'children' | 'className' | 'style'>;
 interface TextareaProps extends NativeTextareaProps, CommonFieldProps {
     readonly textareaClassName?: string;
@@ -572,6 +625,8 @@ interface OwnershipMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     readonly owner_type?: string;
     readonly role?: string;
     readonly ownershipRole?: string;
+    /** s223-m01: the owner's display name; with it the meta reads as one phrase, "Owned by <name> · <type>". */
+    readonly ownerLabel?: string;
 }
 interface TagSummaryProps extends React.HTMLAttributes<HTMLElement> {
     readonly label?: string;
@@ -601,11 +656,15 @@ interface ArchiveSummaryProps extends React.HTMLAttributes<HTMLElement> {
 interface ArchivePillProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly isArchived?: boolean | string;
     readonly value?: boolean | string;
+    /** s223-m01: render nothing while the record is not archived, so a card shows only a state worth stating. */
+    readonly hideWhenFalse?: boolean;
 }
 interface CancellationBadgeProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly cancelAtPeriodEnd?: boolean | string;
     readonly isCancelled?: boolean | string;
     readonly value?: boolean | string;
+    /** s223-m01: render nothing while no cancellation is scheduled. */
+    readonly hideWhenFalse?: boolean;
 }
 interface CancellationFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
     readonly embedded?: boolean;
@@ -626,4 +685,4 @@ interface PriceCardMetaProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly billingInterval?: string;
 }
 
-export type { AddressCollectionPanelProps, AddressEditorProps, AddressEditorValue, AddressSummaryBadgeProps, AddressValidationTimelineProps, ArchivePillProps, ArchiveSummaryProps, AuditEventProps, BadgeProps, BannerProps, ButtonIntent, ButtonProps, ButtonSize, CancellationBadgeProps, CancellationFormProps, CardHeaderProps, CardProps, CheckboxProps, ClassificationBadgeProps, ClassificationEditorProps, ClassificationPanelProps, ColorSwatchProps, ColorizedBadgeProps, CommonFieldProps, ComponentEmphasis, ComponentSize, ComponentTone, DatePickerProps, DetailHeaderProps, DialogProps, FieldDensity, FieldValidation, FilterDescriptor, FilterPanelProps, FormLabelGroupProps, GridProps, HeaderElement, HeaderLevel, InlineLabelProps, InputProps, LabelCellProps, LayoutGap, MembershipAuditTimelineProps, MembershipPanelProps, MessageEventTimelineProps, MessageStatusBadgeProps, OwnerBadgeProps, OwnershipMetaProps, OwnershipSummaryProps, PanelSectionProps, PreferenceEditorProps, PreferencePanelProps, PreferenceSummaryBadgeProps, PreferenceTimelineProps, PriceCardMetaProps, PriceSummaryProps, RoleAssignmentFormProps, RoleBadgeListProps, SafeContainerElement, SafeTextElement, SelectOption, SelectProps, StackProps, StatusSelectorProps, SwitchProps, TabItem, TableBodyProps, TableCaptionProps, TableCellProps, TableColumn, TableCompound, TableHeadProps, TableHeaderCellProps, TableProps, TableRowData, TableRowProps, TabsProps, TagInputProps, TagManagerProps, TagPillsProps, TagSummaryProps, TemplatePickerProps, TextProps, TextareaProps, VizAreaPreviewProps };
+export type { AddressCollectionPanelProps, AddressEditorProps, AddressEditorValue, AddressSummaryBadgeProps, AddressValidationTimelineProps, ArchivePillProps, ArchiveSummaryProps, AuditEventProps, BadgeProps, BannerProps, ButtonIntent, ButtonProps, ButtonSize, CancellationBadgeProps, CancellationFormProps, CardHeaderProps, CardProps, CheckboxProps, ClassificationBadgeProps, ClassificationEditorProps, ClassificationPanelProps, ColorSwatchProps, ColorizedBadgeProps, ComboboxOption, ComboboxProps, CommonFieldProps, ComponentEmphasis, ComponentSize, ComponentTone, DatePickerProps, DetailHeaderProps, DialogProps, FieldDensity, FieldValidation, FilterDescriptor, FilterPanelProps, FormLabelGroupProps, GridProps, HeaderElement, HeaderLevel, InlineLabelProps, InputProps, LabelCellProps, LayoutGap, MembershipAuditTimelineProps, MembershipPanelProps, MessageEventTimelineProps, MessageStatusBadgeProps, OwnerBadgeProps, OwnershipMetaProps, OwnershipSummaryProps, PanelSectionProps, PreferenceEditorProps, PreferencePanelProps, PreferenceSummaryBadgeProps, PreferenceTimelineProps, PriceCardMetaProps, PriceSummaryProps, RoleAssignmentFormProps, RoleBadgeListProps, SafeContainerElement, SafeTextElement, SegmentedControlProps, SelectOption, SelectProps, StackProps, StatusSelectorProps, SwitchProps, TabItem, TableBodyProps, TableCaptionProps, TableCellProps, TableColumn, TableCompound, TableHeadProps, TableHeaderCellProps, TableProps, TableRowData, TableRowProps, TabsProps, TagInputProps, TagManagerProps, TagPillsProps, TagSummaryProps, TemplatePickerProps, TextProps, TextareaProps, VizAreaPreviewProps };

package/dist/types.d.ts

@@ -390,6 +390,27 @@ interface SwitchProps extends NativeSwitchProps {
     readonly onCheckedChange?: (checked: boolean) => void;
     readonly onUpdate?: (checked: boolean) => void;
 }
+type NativeSegmentedControlProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'role' | 'children' | 'className' | 'style' | 'defaultValue' | 'onChange'>;
+/**
+ * s223-m02 (#2527 ruling 10): one choice from two to five options, shown as joined segments. Select's value API on native
+ * radios: value (controlled) or defaultValue, onChange with the radio's change event, then onValueChange and onUpdate with
+ * the chosen value. Native div props reach the radiogroup.
+ */
+interface SegmentedControlProps extends NativeSegmentedControlProps {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly options: readonly SelectOption[];
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly name?: string;
+    readonly size?: 'xs' | 'sm' | 'md' | 'lg';
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
 type SelectOption = {
     readonly value: string;
     readonly label: React.ReactNode;
@@ -404,6 +425,38 @@ interface SelectProps extends NativeSelectProps, CommonFieldProps {
     readonly onValueChange?: (value: string) => void;
     readonly onUpdate?: (value: string) => void;
 }
+/** s223-m02 (#2527 ruling 11): a combobox option. Its label is text, because typing filters the list on it. */
+type ComboboxOption = {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+};
+type NativeComboboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'type' | 'role' | 'value' | 'defaultValue' | 'size' | 'name' | 'placeholder' | 'required' | 'disabled' | 'children' | 'className' | 'style' | 'onChange'>;
+/**
+ * s223-m02 (#2527 ruling 11): pick one value from a list by typing to filter it. Select's field API on an input with role
+ * combobox: value (controlled) or defaultValue (uncontrolled) names the chosen option, and picking one calls
+ * onValueChange and onUpdate with its value. The input's own text is the filter, so its native onChange is not offered;
+ * other native input props reach the input.
+ */
+interface ComboboxProps extends NativeComboboxProps {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly options?: readonly ComboboxOption[];
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly placeholder?: string;
+    readonly name?: string;
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly help?: React.ReactNode;
+    readonly validation?: FieldValidation;
+    /** The control height, as Button, Input and Select: xs 24, sm 28, md 32 (default) or lg 40. */
+    readonly size?: 'xs' | 'sm' | 'md' | 'lg';
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
 type NativeTextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'children' | 'className' | 'style'>;
 interface TextareaProps extends NativeTextareaProps, CommonFieldProps {
     readonly textareaClassName?: string;
@@ -572,6 +625,8 @@ interface OwnershipMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     readonly owner_type?: string;
     readonly role?: string;
     readonly ownershipRole?: string;
+    /** s223-m01: the owner's display name; with it the meta reads as one phrase, "Owned by <name> · <type>". */
+    readonly ownerLabel?: string;
 }
 interface TagSummaryProps extends React.HTMLAttributes<HTMLElement> {
     readonly label?: string;
@@ -601,11 +656,15 @@ interface ArchiveSummaryProps extends React.HTMLAttributes<HTMLElement> {
 interface ArchivePillProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly isArchived?: boolean | string;
     readonly value?: boolean | string;
+    /** s223-m01: render nothing while the record is not archived, so a card shows only a state worth stating. */
+    readonly hideWhenFalse?: boolean;
 }
 interface CancellationBadgeProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly cancelAtPeriodEnd?: boolean | string;
     readonly isCancelled?: boolean | string;
     readonly value?: boolean | string;
+    /** s223-m01: render nothing while no cancellation is scheduled. */
+    readonly hideWhenFalse?: boolean;
 }
 interface CancellationFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
     readonly embedded?: boolean;
@@ -626,4 +685,4 @@ interface PriceCardMetaProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly billingInterval?: string;
 }
 
-export type { AddressCollectionPanelProps, AddressEditorProps, AddressEditorValue, AddressSummaryBadgeProps, AddressValidationTimelineProps, ArchivePillProps, ArchiveSummaryProps, AuditEventProps, BadgeProps, BannerProps, ButtonIntent, ButtonProps, ButtonSize, CancellationBadgeProps, CancellationFormProps, CardHeaderProps, CardProps, CheckboxProps, ClassificationBadgeProps, ClassificationEditorProps, ClassificationPanelProps, ColorSwatchProps, ColorizedBadgeProps, CommonFieldProps, ComponentEmphasis, ComponentSize, ComponentTone, DatePickerProps, DetailHeaderProps, DialogProps, FieldDensity, FieldValidation, FilterDescriptor, FilterPanelProps, FormLabelGroupProps, GridProps, HeaderElement, HeaderLevel, InlineLabelProps, InputProps, LabelCellProps, LayoutGap, MembershipAuditTimelineProps, MembershipPanelProps, MessageEventTimelineProps, MessageStatusBadgeProps, OwnerBadgeProps, OwnershipMetaProps, OwnershipSummaryProps, PanelSectionProps, PreferenceEditorProps, PreferencePanelProps, PreferenceSummaryBadgeProps, PreferenceTimelineProps, PriceCardMetaProps, PriceSummaryProps, RoleAssignmentFormProps, RoleBadgeListProps, SafeContainerElement, SafeTextElement, SelectOption, SelectProps, StackProps, StatusSelectorProps, SwitchProps, TabItem, TableBodyProps, TableCaptionProps, TableCellProps, TableColumn, TableCompound, TableHeadProps, TableHeaderCellProps, TableProps, TableRowData, TableRowProps, TabsProps, TagInputProps, TagManagerProps, TagPillsProps, TagSummaryProps, TemplatePickerProps, TextProps, TextareaProps, VizAreaPreviewProps };
+export type { AddressCollectionPanelProps, AddressEditorProps, AddressEditorValue, AddressSummaryBadgeProps, AddressValidationTimelineProps, ArchivePillProps, ArchiveSummaryProps, AuditEventProps, BadgeProps, BannerProps, ButtonIntent, ButtonProps, ButtonSize, CancellationBadgeProps, CancellationFormProps, CardHeaderProps, CardProps, CheckboxProps, ClassificationBadgeProps, ClassificationEditorProps, ClassificationPanelProps, ColorSwatchProps, ColorizedBadgeProps, ComboboxOption, ComboboxProps, CommonFieldProps, ComponentEmphasis, ComponentSize, ComponentTone, DatePickerProps, DetailHeaderProps, DialogProps, FieldDensity, FieldValidation, FilterDescriptor, FilterPanelProps, FormLabelGroupProps, GridProps, HeaderElement, HeaderLevel, InlineLabelProps, InputProps, LabelCellProps, LayoutGap, MembershipAuditTimelineProps, MembershipPanelProps, MessageEventTimelineProps, MessageStatusBadgeProps, OwnerBadgeProps, OwnershipMetaProps, OwnershipSummaryProps, PanelSectionProps, PreferenceEditorProps, PreferencePanelProps, PreferenceSummaryBadgeProps, PreferenceTimelineProps, PriceCardMetaProps, PriceSummaryProps, RoleAssignmentFormProps, RoleBadgeListProps, SafeContainerElement, SafeTextElement, SegmentedControlProps, SelectOption, SelectProps, StackProps, StatusSelectorProps, SwitchProps, TabItem, TableBodyProps, TableCaptionProps, TableCellProps, TableColumn, TableCompound, TableHeadProps, TableHeaderCellProps, TableProps, TableRowData, TableRowProps, TabsProps, TagInputProps, TagManagerProps, TagPillsProps, TagSummaryProps, TemplatePickerProps, TextProps, TextareaProps, VizAreaPreviewProps };

package/evidence/react-readiness.v1.json

@@ -2259,6 +2259,79 @@
         }
       }
     },
+    {
+      "componentId": "Combobox",
+      "state": "implemented-evidence-complete",
+      "emissionEligible": true,
+      "evidence": {
+        "versionedContract": {
+          "status": "passed",
+          "refs": [
+            "packages/component-contracts/src/contracts.ts#Combobox"
+          ]
+        },
+        "targetImplementation": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/src/combobox.tsx#Combobox"
+          ]
+        },
+        "packageExport": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/src/index.ts#Combobox"
+          ]
+        },
+        "publicDeclaration": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/dist/index.d.ts#Combobox"
+          ]
+        },
+        "dependencyClosure": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/test/package-contract.spec.ts#dependency-closure"
+          ]
+        },
+        "frameworkScenario": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/test/scenarios.spec.tsx#combobox-filter-and-pick"
+          ]
+        },
+        "accessibility": {
+          "status": "passed",
+          "classification": "verified",
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/combobox/react-measured.json#Combobox"
+          ]
+        },
+        "interaction": {
+          "status": "passed",
+          "classification": "verified",
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/combobox/react-measured.json#Combobox"
+          ]
+        },
+        "visualThemes": {
+          "status": "passed",
+          "classification": "verified",
+          "cells": [
+            "A-light",
+            "A-dark",
+            "A-hc",
+            "B-light",
+            "B-dark",
+            "B-hc"
+          ],
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/combobox/react-theme/report.json#Combobox"
+          ]
+        }
+      },
+      "measurementRoot": "artifacts/product-reality/sprint-223/m02/combobox"
+    },
     {
       "componentId": "CommunicationDetailPanel",
       "state": "implemented-evidence-complete",
@@ -4806,6 +4879,79 @@
         }
       }
     },
+    {
+      "componentId": "SegmentedControl",
+      "state": "implemented-evidence-complete",
+      "emissionEligible": true,
+      "evidence": {
+        "versionedContract": {
+          "status": "passed",
+          "refs": [
+            "packages/component-contracts/src/contracts.ts#SegmentedControl"
+          ]
+        },
+        "targetImplementation": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/src/segmented-control.tsx#SegmentedControl"
+          ]
+        },
+        "packageExport": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/src/index.ts#SegmentedControl"
+          ]
+        },
+        "publicDeclaration": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/dist/index.d.ts#SegmentedControl"
+          ]
+        },
+        "dependencyClosure": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/test/package-contract.spec.ts#dependency-closure"
+          ]
+        },
+        "frameworkScenario": {
+          "status": "passed",
+          "refs": [
+            "packages/components-react/test/scenarios.spec.tsx#segmented-control-billing-period"
+          ]
+        },
+        "accessibility": {
+          "status": "passed",
+          "classification": "verified",
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/segmented-control/react-measured.json#SegmentedControl"
+          ]
+        },
+        "interaction": {
+          "status": "passed",
+          "classification": "verified",
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/segmented-control/react-measured.json#SegmentedControl"
+          ]
+        },
+        "visualThemes": {
+          "status": "passed",
+          "classification": "verified",
+          "cells": [
+            "A-light",
+            "A-dark",
+            "A-hc",
+            "B-light",
+            "B-dark",
+            "B-hc"
+          ],
+          "refs": [
+            "artifacts/product-reality/sprint-223/m02/segmented-control/react-theme/report.json#SegmentedControl"
+          ]
+        }
+      },
+      "measurementRoot": "artifacts/product-reality/sprint-223/m02/segmented-control"
+    },
     {
       "componentId": "Select",
       "state": "implemented-evidence-complete",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oods/components-react",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "React components for OODS Foundry: the controls, layouts and domain views its generated screens use.",
   "homepage": "https://oods-foundry.com/",
   "bugs": {
@@ -64,8 +64,8 @@
   ],
   "dependencies": {
     "@radix-ui/react-slot": "^1.1.2",
-    "@oods/component-contracts": "0.4.0",
-    "@oods/component-styles": "0.4.0"
+    "@oods/component-contracts": "0.4.1",
+    "@oods/component-styles": "0.4.1"
   },
   "peerDependencies": {
     "react": ">=18 <20",