@mt-gloss/ui 0.0.9 → 0.0.11

package/lib/containers/ContainerCard/ContainerCard.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Card Context-Container. Re-exports PresetCard which now includes UIContext propagation
+ * in its Header, Body, and Footer sub-components.
+ *
+ * Usage:
+ *   <Card variant="outlined">
+ *     <Card.Header>Title</Card.Header>  // children see region='card-header'
+ *     <Card.Body>Content</Card.Body>    // children see region='card-body'
+ *     <Card.Footer>Actions</Card.Footer> // children see region='card-footer'
+ *   </Card>
+ */
+export { PresetCard as ContainerCard, PresetCardHeader as ContainerCardHeader, PresetCardBody as ContainerCardBody, PresetCardFooter as ContainerCardFooter, PresetCardMedia as ContainerCardMedia, PresetCardTitle as ContainerCardTitle, PresetCardSubtitle as ContainerCardSubtitle, PresetCardActions as ContainerCardActions, } from '../../presets/PresetCard/PresetCard';
+export type { PresetCardProps as ContainerCardProps, PresetCardVariant as ContainerCardVariant, } from '../../presets/PresetCard/PresetCard';

package/lib/containers/ContainerDialog/ContainerDialog.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface ContainerDialogProps {
+    open: boolean;
+    onDismiss?: () => void;
+    size?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    children?: React.ReactNode;
+}
+/**
+ * Dialog Context-Container. Modal overlay with Header/Body/Actions sub-components.
+ * Children inside sub-components automatically receive UIContext region values.
+ */
+export declare function ContainerDialog({ open, onDismiss, size, children }: ContainerDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContainerDialog {
+    var displayName: string;
+}
+export interface ContainerDialogHeaderProps {
+    children?: React.ReactNode;
+}
+export declare const ContainerDialogHeader: React.ForwardRefExoticComponent<ContainerDialogHeaderProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;
+export interface ContainerDialogBodyProps {
+    children?: React.ReactNode;
+}
+export declare const ContainerDialogBody: React.ForwardRefExoticComponent<ContainerDialogBodyProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;
+export interface ContainerDialogActionsProps {
+    children?: React.ReactNode;
+}
+export declare const ContainerDialogActions: React.ForwardRefExoticComponent<ContainerDialogActionsProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;

package/lib/containers/ContainerForm/ContainerForm.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export interface FormErrors {
+    [key: string]: string | undefined;
+}
+export interface FormTouched {
+    [key: string]: boolean;
+}
+export interface FormContextValue {
+    values: Record<string, unknown>;
+    errors: FormErrors;
+    touched: FormTouched;
+    isSubmitting: boolean;
+    isValid: boolean;
+    setFieldValue: (name: string, value: unknown) => void;
+    setFieldError: (name: string, error: string | undefined) => void;
+    setFieldTouched: (name: string, touched?: boolean) => void;
+    getFieldProps: (name: string) => {
+        value: unknown;
+        onChange: (value: unknown) => void;
+        onBlur: () => void;
+        name: string;
+        error: string | undefined;
+        touched: boolean;
+    };
+}
+export declare function useFormContext(): FormContextValue;
+export interface ContainerFormProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    initialValues: T;
+    validate?: (values: T) => FormErrors | Promise<FormErrors>;
+    onSubmit: (values: T) => void | Promise<void>;
+    validateOnChange?: boolean;
+    validateOnBlur?: boolean;
+    preventDefault?: boolean;
+    children: React.ReactNode | ((context: FormContextValue) => React.ReactNode);
+}
+/**
+ * ContainerForm -- Container tier. Self-contained form with validation and state management.
+ * Provides FormContext to child FormFields. Strips className/style from consumer API.
+ */
+export declare function ContainerForm<T extends Record<string, unknown>>(props: ContainerFormProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContainerForm {
+    var displayName: string;
+}
+export { ContainerForm as PresetForm };
+export type { ContainerFormProps as PresetFormProps };

package/lib/containers/ContainerFormField/ContainerFormField.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+interface FormControlProps {
+    id?: string;
+    name?: string;
+    value?: unknown;
+    onChange?: (value: unknown) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+    status?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+    'aria-required'?: boolean;
+}
+export interface ContainerFormFieldProps {
+    name: string;
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    labelPosition?: 'top' | 'left' | 'right';
+    hideLabel?: boolean;
+    children: React.ReactElement<FormControlProps>;
+}
+/**
+ * ContainerFormField -- Container tier. Self-contained form field with label/error/helper.
+ * Wires into ContainerForm's FormContext. Strips className/style from consumer API.
+ */
+export declare function ContainerFormField({ name, label, helperText, required, labelPosition, hideLabel, children, ...rest }: ContainerFormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContainerFormField {
+    var displayName: string;
+}
+export { ContainerFormField as PresetFormField };
+export type { ContainerFormFieldProps as PresetFormFieldProps };

package/lib/containers/ContainerFormSection/ContainerFormSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { UIDensity } from '../UIContext';
+export interface ContainerFormSectionProps {
+    legend?: string;
+    description?: string;
+    density?: UIDensity;
+    children?: React.ReactNode;
+}
+/**
+ * Form.Section Context-Container. Groups form fields within a fieldset.
+ * Sets UIContext region='form-section'.
+ */
+export declare const ContainerFormSection: React.ForwardRefExoticComponent<ContainerFormSectionProps & Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "style" | "className"> & React.RefAttributes<HTMLFieldSetElement>>;

package/lib/containers/ContainerPanel/ContainerPanel.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { UIDensity } from '../UIContext';
+export interface ContainerPanelProps {
+    title?: React.ReactNode;
+    collapsed?: boolean;
+    onToggle?: () => void;
+    density?: UIDensity;
+    children?: React.ReactNode;
+}
+/**
+ * Panel Context-Container. Collapsible content region.
+ * Sets UIContext region='panel'.
+ */
+export declare const ContainerPanel: React.ForwardRefExoticComponent<ContainerPanelProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "title" | "className"> & React.RefAttributes<HTMLDivElement>>;

package/lib/containers/ContainerTable/ContainerTable.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { UIDensity } from '../UIContext';
+export interface ContainerTableProps {
+    density?: UIDensity;
+    children?: React.ReactNode;
+}
+/**
+ * Table Context-Container. Provides compact typography context for table cells.
+ * Sets UIContext region='table', density defaults to 'compact'.
+ * Wraps existing content -- does NOT replace BaseTable.
+ */
+export declare const ContainerTable: React.ForwardRefExoticComponent<ContainerTableProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;

package/lib/containers/ContainerToolbar/ContainerToolbar.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { UIDensity } from '../UIContext';
+export interface ContainerToolbarProps {
+    density?: UIDensity;
+    children?: React.ReactNode;
+}
+/**
+ * Toolbar Context-Container. Compact layout context for action buttons and controls.
+ * Sets UIContext region='toolbar', density defaults to 'compact'.
+ */
+export declare const ContainerToolbar: React.ForwardRefExoticComponent<ContainerToolbarProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;

package/lib/containers/UIContext.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export type UIRegion = 'card-header' | 'card-body' | 'card-footer' | 'dialog-header' | 'dialog-body' | 'dialog-actions' | 'panel' | 'toolbar' | 'form-section' | 'table';
+export type UIDensity = 'default' | 'compact' | 'comfortable';
+export interface UIContextValue {
+    region: UIRegion | null;
+    density: UIDensity;
+}
+export declare const UIContext: React.Context<UIContextValue>;
+/**
+ * Read the nearest UIContext value. Returns { region, density }.
+ * region is null when not inside any Context-Container.
+ */
+export declare function useUIContext(): UIContextValue;
+export interface UIContextProviderProps {
+    region: UIRegion;
+    density?: UIDensity;
+    children: React.ReactNode;
+}
+/**
+ * Sets UIContext for all descendants. Nearest-wins: fully replaces parent context.
+ * Also renders a wrapper div with data-region and data-density attributes for SCSS targeting.
+ */
+export declare function UIContextProvider({ region, density, children }: UIContextProviderProps): React.FunctionComponentElement<React.ProviderProps<UIContextValue>>;
+export declare namespace UIContextProvider {
+    var displayName: string;
+}

package/lib/containers/index.d.ts

@@ -0,0 +1,18 @@
+export { UIContext, UIContextProvider, useUIContext } from './UIContext';
+export type { UIContextValue, UIRegion, UIDensity, UIContextProviderProps } from './UIContext';
+export { ContainerCard, ContainerCardHeader, ContainerCardBody, ContainerCardFooter, ContainerCardMedia, ContainerCardTitle, ContainerCardSubtitle, ContainerCardActions, } from './ContainerCard/ContainerCard';
+export type { ContainerCardProps, ContainerCardVariant } from './ContainerCard/ContainerCard';
+export { ContainerDialog, ContainerDialogHeader, ContainerDialogBody, ContainerDialogActions, } from './ContainerDialog/ContainerDialog';
+export type { ContainerDialogProps, ContainerDialogHeaderProps, ContainerDialogBodyProps, ContainerDialogActionsProps, } from './ContainerDialog/ContainerDialog';
+export { ContainerPanel } from './ContainerPanel/ContainerPanel';
+export type { ContainerPanelProps } from './ContainerPanel/ContainerPanel';
+export { ContainerToolbar } from './ContainerToolbar/ContainerToolbar';
+export type { ContainerToolbarProps } from './ContainerToolbar/ContainerToolbar';
+export { ContainerFormSection } from './ContainerFormSection/ContainerFormSection';
+export type { ContainerFormSectionProps } from './ContainerFormSection/ContainerFormSection';
+export { ContainerTable } from './ContainerTable/ContainerTable';
+export type { ContainerTableProps } from './ContainerTable/ContainerTable';
+export { ContainerForm, useFormContext } from './ContainerForm/ContainerForm';
+export type { ContainerFormProps, FormContextValue, FormErrors, FormTouched } from './ContainerForm/ContainerForm';
+export { ContainerFormField } from './ContainerFormField/ContainerFormField';
+export type { ContainerFormFieldProps } from './ContainerFormField/ContainerFormField';

package/lib/dictionary/border.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @internal
+ * Border Dictionary — CSS var references for border tokens.
+ */
+export declare const Border: {
+    readonly WidthThin: "var(--gloss-border-width-thin)";
+    readonly WidthMedium: "var(--gloss-border-width-medium)";
+    readonly WidthThick: "var(--gloss-border-width-thick)";
+    readonly StyleDefault: "var(--gloss-border-style-default)";
+};
+export type BorderValue = (typeof Border)[keyof typeof Border];

package/lib/dictionary/breakpoint.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @internal
+ * Breakpoint Dictionary — CSS var references for responsive breakpoint tokens.
+ */
+export declare const Breakpoint: {
+    readonly Sm: "var(--gloss-breakpoint-sm)";
+    readonly Md: "var(--gloss-breakpoint-md)";
+    readonly Lg: "var(--gloss-breakpoint-lg)";
+    readonly Xl: "var(--gloss-breakpoint-xl)";
+    readonly '2xl': "var(--gloss-breakpoint-2xl)";
+};
+export type BreakpointValue = (typeof Breakpoint)[keyof typeof Breakpoint];

package/lib/dictionary/color.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @internal
+ * Color Dictionary — CSS var references for all color tokens.
+ */
+export declare const Color: {
+    readonly BrandPrimary: "var(--gloss-color-brand-primary)";
+    readonly BrandPrimaryHover: "var(--gloss-color-brand-primary-hover)";
+    readonly BrandPrimaryActive: "var(--gloss-color-brand-primary-active)";
+    readonly TextPrimary: "var(--gloss-color-text-primary)";
+    readonly TextSecondary: "var(--gloss-color-text-secondary)";
+    readonly TextTertiary: "var(--gloss-color-text-tertiary)";
+    readonly TextInverse: "var(--gloss-color-text-inverse)";
+    readonly TextError: "var(--gloss-color-text-error)";
+    readonly TextSuccess: "var(--gloss-color-text-success)";
+    readonly TextLink: "var(--gloss-color-text-link)";
+    readonly BgPage: "var(--gloss-color-bg-page)";
+    readonly BgSurface: "var(--gloss-color-bg-surface)";
+    readonly BgMuted: "var(--gloss-color-bg-muted)";
+    readonly BgHover: "var(--gloss-color-bg-hover)";
+    readonly BgDisabled: "var(--gloss-color-bg-disabled)";
+    readonly BgError: "var(--gloss-color-bg-error)";
+    readonly BgSecondary: "var(--gloss-color-bg-secondary)";
+    readonly BgSidebar: "var(--gloss-color-bg-sidebar)";
+    readonly BorderDefault: "var(--gloss-color-border-default)";
+    readonly BorderHover: "var(--gloss-color-border-hover)";
+    readonly BorderFocus: "var(--gloss-color-border-focus)";
+    readonly BorderSuccess: "var(--gloss-color-border-success)";
+    readonly BorderError: "var(--gloss-color-border-error)";
+    readonly Gray50: "var(--gloss-color-gray-50)";
+    readonly Gray100: "var(--gloss-color-gray-100)";
+    readonly Gray200: "var(--gloss-color-gray-200)";
+    readonly Gray300: "var(--gloss-color-gray-300)";
+    readonly Gray400: "var(--gloss-color-gray-400)";
+    readonly Gray500: "var(--gloss-color-gray-500)";
+    readonly Gray600: "var(--gloss-color-gray-600)";
+    readonly Gray700: "var(--gloss-color-gray-700)";
+    readonly Gray800: "var(--gloss-color-gray-800)";
+    readonly Gray900: "var(--gloss-color-gray-900)";
+    readonly Blue50: "var(--gloss-color-blue-50)";
+    readonly Blue100: "var(--gloss-color-blue-100)";
+    readonly Blue200: "var(--gloss-color-blue-200)";
+    readonly Blue300: "var(--gloss-color-blue-300)";
+    readonly Blue400: "var(--gloss-color-blue-400)";
+    readonly Blue500: "var(--gloss-color-blue-500)";
+    readonly Blue600: "var(--gloss-color-blue-600)";
+    readonly Blue700: "var(--gloss-color-blue-700)";
+    readonly Blue800: "var(--gloss-color-blue-800)";
+    readonly Blue900: "var(--gloss-color-blue-900)";
+    readonly Green50: "var(--gloss-color-green-50)";
+    readonly Green100: "var(--gloss-color-green-100)";
+    readonly Green500: "var(--gloss-color-green-500)";
+    readonly Green600: "var(--gloss-color-green-600)";
+    readonly Green700: "var(--gloss-color-green-700)";
+    readonly Red50: "var(--gloss-color-red-50)";
+    readonly Red100: "var(--gloss-color-red-100)";
+    readonly Red200: "var(--gloss-color-red-200)";
+    readonly Red400: "var(--gloss-color-red-400)";
+    readonly Red500: "var(--gloss-color-red-500)";
+    readonly Red600: "var(--gloss-color-red-600)";
+    readonly Red700: "var(--gloss-color-red-700)";
+    readonly Amber100: "var(--gloss-color-amber-100)";
+    readonly Amber200: "var(--gloss-color-amber-200)";
+    readonly Amber500: "var(--gloss-color-amber-500)";
+    readonly Amber600: "var(--gloss-color-amber-600)";
+    readonly White: "var(--gloss-color-white)";
+};
+export type ColorValue = (typeof Color)[keyof typeof Color];

package/lib/dictionary/elevation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @internal
+ * Elevation Dictionary — CSS var references for shadow/elevation tokens.
+ */
+export declare const Elevation: {
+    readonly Card: "var(--gloss-elevation-card)";
+    readonly ButtonDefault: "var(--gloss-elevation-button-default)";
+    readonly ButtonHover: "var(--gloss-elevation-button-hover)";
+    readonly ButtonActive: "var(--gloss-elevation-button-active)";
+    readonly Hover: "var(--gloss-elevation-hover)";
+    readonly InputDefault: "var(--gloss-elevation-input-default)";
+    readonly InputFocus: "var(--gloss-elevation-input-focus)";
+    readonly Sidebar: "var(--gloss-elevation-sidebar)";
+    readonly None: "none";
+};
+export type ElevationValue = (typeof Elevation)[keyof typeof Elevation];

package/lib/dictionary/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @internal
+ * Design Dictionary — TypeScript references to --gloss-* CSS custom properties.
+ */
+export { Color, type ColorValue } from './color';
+export { Spacing, type SpacingValue } from './spacing';
+export { Typography, type TypographyValue } from './typography';
+export { Elevation, type ElevationValue } from './elevation';
+export { Radius, type RadiusValue } from './radius';
+export { Motion, type MotionValue } from './motion';
+export { Breakpoint, type BreakpointValue } from './breakpoint';
+export { ZIndex, type ZIndexValue } from './z-index';
+export { Opacity, type OpacityValue } from './opacity';
+export { Border, type BorderValue } from './border';

package/lib/dictionary/motion.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @internal
+ * Motion Dictionary — CSS var references for animation/transition tokens.
+ */
+export declare const Motion: {
+    readonly DurationFast: "var(--gloss-motion-duration-fast)";
+    readonly DurationNormal: "var(--gloss-motion-duration-normal)";
+    readonly DurationSlow: "var(--gloss-motion-duration-slow)";
+    readonly EasingDefault: "var(--gloss-motion-easing-default)";
+    readonly EasingEnter: "var(--gloss-motion-easing-enter)";
+    readonly EasingExit: "var(--gloss-motion-easing-exit)";
+};
+export type MotionValue = (typeof Motion)[keyof typeof Motion];

package/lib/dictionary/opacity.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @internal
+ * Opacity Dictionary — CSS var references for opacity tokens.
+ */
+export declare const Opacity: {
+    readonly Disabled: "var(--gloss-opacity-disabled)";
+    readonly Hover: "var(--gloss-opacity-hover)";
+    readonly Focus: "var(--gloss-opacity-focus)";
+    readonly Overlay: "var(--gloss-opacity-overlay)";
+};
+export type OpacityValue = (typeof Opacity)[keyof typeof Opacity];

package/lib/dictionary/radius.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @internal
+ * Radius Dictionary — CSS var references for border-radius tokens.
+ */
+export declare const Radius: {
+    readonly None: "0";
+    readonly Xs: "var(--gloss-radius-xs)";
+    readonly Sm: "var(--gloss-radius-sm)";
+    readonly Md: "var(--gloss-radius-md)";
+    readonly Lg: "var(--gloss-radius-lg)";
+    readonly Xl: "var(--gloss-radius-xl)";
+    readonly Full: "var(--gloss-radius-full)";
+};
+export type RadiusValue = (typeof Radius)[keyof typeof Radius];

package/lib/dictionary/spacing.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @internal
+ * Spacing Dictionary — CSS var references for spacing tokens.
+ */
+export declare const Spacing: {
+    readonly None: "0";
+    readonly Xs: "var(--gloss-spacing-1)";
+    readonly Sm: "var(--gloss-spacing-2)";
+    readonly Md: "var(--gloss-spacing-3)";
+    readonly Lg: "var(--gloss-spacing-4)";
+    readonly Xl: "var(--gloss-spacing-5)";
+    readonly '2xl': "var(--gloss-spacing-6)";
+    readonly '3xl': "var(--gloss-spacing-8)";
+    readonly '4xl': "var(--gloss-spacing-10)";
+    readonly '5xl': "var(--gloss-spacing-12)";
+    readonly '6xl': "var(--gloss-spacing-16)";
+};
+export type SpacingValue = (typeof Spacing)[keyof typeof Spacing];

package/lib/dictionary/typography.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @internal
+ * Typography Dictionary — CSS var references for font tokens and raw values for weights/leading.
+ */
+export declare const Typography: {
+    readonly FontDisplay: "var(--gloss-font-display)";
+    readonly FontBody: "var(--gloss-font-body)";
+    readonly FontMono: "var(--gloss-font-mono)";
+    readonly TextXs: "var(--gloss-text-xs)";
+    readonly TextSm: "var(--gloss-text-sm)";
+    readonly TextBase: "var(--gloss-text-base)";
+    readonly TextLg: "var(--gloss-text-lg)";
+    readonly TextXl: "var(--gloss-text-xl)";
+    readonly Text2xl: "var(--gloss-text-2xl)";
+    readonly Text3xl: "var(--gloss-text-3xl)";
+    readonly Text4xl: "var(--gloss-text-4xl)";
+    readonly LeadingTight: "1.25";
+    readonly LeadingNormal: "1.5";
+    readonly LeadingRelaxed: "1.75";
+    readonly WeightNormal: "400";
+    readonly WeightMedium: "500";
+    readonly WeightSemibold: "600";
+    readonly WeightBold: "700";
+};
+export type TypographyValue = (typeof Typography)[keyof typeof Typography];

package/lib/dictionary/z-index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @internal
+ * ZIndex Dictionary — CSS var references for z-index layer tokens.
+ */
+export declare const ZIndex: {
+    readonly Dropdown: "var(--gloss-z-dropdown)";
+    readonly Sticky: "var(--gloss-z-sticky)";
+    readonly Overlay: "var(--gloss-z-overlay)";
+    readonly Modal: "var(--gloss-z-modal)";
+    readonly Popover: "var(--gloss-z-popover)";
+    readonly Toast: "var(--gloss-z-toast)";
+};
+export type ZIndexValue = (typeof ZIndex)[keyof typeof ZIndex];

package/lib/facade/composites.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Composites category sub-barrel.
+ * Maps Composite components to consumer-facing names.
+ */
+export { FilterChip } from '../composites/inputs/FilterChip';
+export type { FilterChipProps, FilterValue } from '../composites/inputs/FilterChip';
+export { Autocomplete } from '../composites/inputs/Autocomplete';
+export type { AutocompleteProps } from '../composites/inputs/Autocomplete';
+export { MultiSelect } from '../composites/inputs/MultiSelect';
+export type { MultiSelectProps, MultiSelectOption } from '../composites/inputs/MultiSelect';
+export { EntityPicker } from '../composites/inputs/EntityPicker';
+export type { EntityPickerProps, EntityPickerEntity } from '../composites/inputs/EntityPicker';
+export { DataTable } from '../composites/data/DataTable';
+export type { DataTableProps, DataTableColumn } from '../composites/data/DataTable';
+export { PinToMetric } from '../composites/data/PinToMetric';
+export type { PinToMetricProps, AggregationType } from '../composites/data/PinToMetric';
+export { FormDialog } from '../composites/overlay/FormDialog';
+export type { FormDialogProps } from '../composites/overlay/FormDialog';
+export { Dropdown } from '../composites/overlay/Dropdown/Dropdown';
+export type { DropdownProps } from '../composites/overlay/Dropdown/Dropdown';
+export { SplitButton } from '../composites/overlay/SplitButton/SplitButton';
+export type { SplitButtonProps } from '../composites/overlay/SplitButton/SplitButton';
+export { MergePrompt } from '../composites/overlay/MergePrompt';
+export type { MergePromptProps, MergePromptCardSummary } from '../composites/overlay/MergePrompt';
+export { Stepper } from '../composites/navigation/Stepper';
+export type { StepperProps, StepDefinition } from '../composites/navigation/Stepper';
+export { TrendCard } from '../composites/cards/TrendCard';
+export type { TrendCardProps } from '../composites/cards/TrendCard';
+export { SimpleMetricCard } from '../composites/cards/SimpleMetricCard';
+export type { SimpleMetricCardProps } from '../composites/cards/SimpleMetricCard';
+export { BarChartCard } from '../composites/cards/BarChartCard';
+export type { BarChartCardProps } from '../composites/cards/BarChartCard';
+export { ComparisonCard } from '../composites/cards/ComparisonCard';
+export type { ComparisonCardProps } from '../composites/cards/ComparisonCard';
+export { DirectionCard } from '../composites/cards/DirectionCard';
+export type { DirectionCardProps } from '../composites/cards/DirectionCard';
+export { DistributionCard } from '../composites/cards/DistributionCard';
+export type { DistributionCardProps } from '../composites/cards/DistributionCard';
+export { HighlightCard } from '../composites/cards/HighlightCard';
+export type { HighlightCardProps } from '../composites/cards/HighlightCard';
+export { ProgressCard } from '../composites/cards/ProgressCard';
+export type { ProgressCardProps } from '../composites/cards/ProgressCard';
+export { SegmentCard } from '../composites/cards/SegmentCard';
+export type { SegmentCardProps } from '../composites/cards/SegmentCard';
+export { PasswordInput } from '../composites/forms/PasswordInput';
+export type { PasswordInputProps } from '../composites/forms/PasswordInput';
+export { SearchInput } from '../composites/forms/SearchInput';
+export type { SearchInputProps } from '../composites/forms/SearchInput';
+export { TagInput } from '../composites/forms/TagInput';
+export type { TagInputProps } from '../composites/forms/TagInput';
+export { PhoneInput } from '../composites/forms/PhoneInput';
+export type { PhoneInputProps } from '../composites/forms/PhoneInput';
+export { AddressSelect } from '../composites/forms/AddressSelect';
+export type { AddressSelectProps } from '../composites/forms/AddressSelect';
+export { PaymentMethodSelect } from '../composites/forms/PaymentMethodSelect';
+export type { PaymentMethodSelectProps } from '../composites/forms/PaymentMethodSelect';

package/lib/facade/compositions.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Compositions category sub-barrel.
+ * Maps Composition components to consumer-facing names.
+ * Form compositions also export their Zod schemas.
+ */
+export { default as LoginForm, loginSchema } from '../compositions/forms/LoginForm';
+export type { LoginFormProps, LoginFormValues } from '../compositions/forms/LoginForm';
+export { default as CreditCardForm, creditCardSchema } from '../compositions/forms/CreditCardForm';
+export type { CreditCardFormProps, CreditCardFormValues } from '../compositions/forms/CreditCardForm';
+export { default as AddressGroup, addressSchema } from '../compositions/forms/AddressGroup';
+export type { AddressGroupProps, AddressFormValues, AddressGroupRef } from '../compositions/forms/AddressGroup';
+export { default as RegistrationForm, registrationSchema } from '../compositions/forms/RegistrationForm';
+export type { RegistrationFormProps, RegistrationFormValues } from '../compositions/forms/RegistrationForm';
+export { default as PaymentForm, paymentSchema } from '../compositions/forms/PaymentForm';
+export type { PaymentFormProps, PaymentFormValues } from '../compositions/forms/PaymentForm';
+export { default as ContactForm, contactSchema } from '../compositions/forms/ContactForm';
+export type { ContactFormProps, ContactFormValues } from '../compositions/forms/ContactForm';
+export { default as DestructiveModal } from '../compositions/feedback/DestructiveModal';
+export type { DestructiveModalProps } from '../compositions/feedback/DestructiveModal';
+export { EntitySearchPanel } from '../compositions/panels/EntitySearchPanel';
+export type { EntitySearchPanelProps } from '../compositions/panels/EntitySearchPanel';
+export { ProfileCard } from '../compositions/panels/ProfileCard';
+export type { ProfileCardProps } from '../compositions/panels/ProfileCard';
+export { OrderFilterBar } from '../compositions/filters/OrderFilterBar';
+export type { OrderFilterBarProps, OrderFilterState } from '../compositions/filters/OrderFilterBar';
+export { ImportWizard } from '../compositions/navigation/ImportWizard';
+export type { ImportWizardProps } from '../compositions/navigation/ImportWizard';

package/lib/facade/containers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Containers category sub-barrel (Phase 25.1).
+ * Context-providing container components.
+ */
+export { ContainerForm as Form, useFormContext } from '../containers/ContainerForm/ContainerForm';
+export type { ContainerFormProps as FormProps } from '../containers/ContainerForm/ContainerForm';
+export { ContainerFormField as FormField } from '../containers/ContainerFormField/ContainerFormField';
+export type { ContainerFormFieldProps as FormFieldProps } from '../containers/ContainerFormField/ContainerFormField';

package/lib/facade/data-display.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Data display category sub-barrel.
+ * Dashboard components for the UI.* namespace.
+ *
+ * Re-exports all dashboard component families for facade consumption.
+ * Type-only re-exports use `export type` for isolatedModules compatibility.
+ */
+export { MetricCard } from '../primitives/dashboard/MetricCard';
+export { CardShell } from '../primitives/dashboard/MetricCard';
+export { TrendIndicator } from '../primitives/dashboard/MetricCard';
+export { StackedGroupCard } from '../primitives/dashboard/MetricCard';
+export { CardBack } from '../primitives/dashboard/MetricCard';
+export { GutterActions } from '../primitives/dashboard/MetricCard';
+export type { MetricCardProps, CardShellProps } from '../primitives/dashboard/MetricCard/types';
+export type { StackedGroupCardProps, StackedValueEntry } from '../primitives/dashboard/MetricCard/StackedGroupCard';
+export type { CardBackProps } from '../primitives/dashboard/MetricCard/CardBack';
+export type { GutterActionsProps } from '../primitives/dashboard/MetricCard/GutterActions';
+export { SparklineBg } from '../primitives/dashboard/MetricCard';
+export { BarsBg } from '../primitives/dashboard/MetricCard';
+export { DonutChart } from '../primitives/dashboard/MetricCard';
+export { ObjectArrow } from '../primitives/dashboard/MetricCard';
+export { useSlideOutReveal } from '../primitives/dashboard/MetricCard';
+export type { SlideOutRevealConfig, SlideOutRevealReturn } from '../primitives/dashboard/MetricCard/useSlideOutReveal';
+export { TimeFrame, HybridDatePicker } from '../primitives/dashboard/TimeFrame';
+export type { TimeFrameProps, HybridDatePickerProps } from '../primitives/dashboard/TimeFrame';
+export { resolvePreset, resolveEvent, smartDateFormat, formatDateRange as formatDateRangeInterpretation } from '@mt-gloss/utils/dateInterpretation';
+export type { PresetId, EventRegistryEntry } from '@mt-gloss/utils/dateInterpretation';
+export { ChartControlBar } from '../primitives/dashboard/ChartControlBar';
+export type { ChartControlBarProps } from '../primitives/dashboard/ChartControlBar';
+export { UnifiedContextMenu } from '../primitives/dashboard/UnifiedContextMenu';
+export type { UnifiedContextMenuProps } from '../primitives/dashboard/UnifiedContextMenu';
+export { MetricCardGrid } from '../primitives/dashboard/MetricCardGrid';
+export type { MetricCardGridProps, GridCardData, GridLayout } from '../primitives/dashboard/MetricCardGrid';
+export { TabbedDataView } from '../primitives/dashboard/TabbedDataView';
+export type { TabbedDataViewProps, TabConfig } from '../primitives/dashboard/TabbedDataView';
+export { UnifiedBreakdownTable } from '../primitives/dashboard/UnifiedBreakdownTable';
+export type { UnifiedBreakdownTableProps, ColumnDef, SortModel, PaginationConfig } from '../primitives/dashboard/UnifiedBreakdownTable';
+export { TabGroup } from '../primitives/dashboard/TabGroup';
+export type { TabGroupProps, TabDef, GroupDef } from '../primitives/dashboard/TabGroup';
+export { Skeleton, SkeletonCard, SkeletonChart, SkeletonTable } from '../primitives/dashboard/Skeleton';
+export type { SkeletonProps, SkeletonCardProps, SkeletonChartProps, SkeletonTableProps } from '../primitives/dashboard/Skeleton';