@strato-admin/cloudscape 0.1.1 → 0.3.0

package/dist/field/DateField.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useFieldValue, useRecordContext, useLocale } from '@strato-admin/core';
+import { useFieldValue, useRecordContext, useLocale } from '@strato-admin/ra-core';
 import RecordLink from '../RecordLink';
 const DateField = (props) => {
     const { source, record: recordProp, emptyText, options, locales, link } = props;

package/dist/field/IdField.d.ts

@@ -1,4 +1,4 @@
-import { type RaRecord } from '@strato-admin/core';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type TextFieldProps } from './TextField';
 export type IdFieldProps<RecordType extends RaRecord = RaRecord> = TextFieldProps<RecordType>;
 /**

package/dist/field/IdField.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useResourceDefinition } from '@strato-admin/core';
+import { useResourceDefinition } from '@strato-admin/ra-core';
 import TextField from './TextField';
 /**
  * A field that displays the record's ID.
@@ -15,7 +15,7 @@ import TextField from './TextField';
  */
 const IdField = (props) => {
     const { hasShow } = useResourceDefinition(props);
-    const { source = 'id', link = hasShow ? 'show' : undefined, input = false, ...rest } = props;
-    return (_jsx(TextField, { source: source, link: link, input: input, ...rest }));
+    const { source = 'id', link = hasShow ? 'detail' : undefined, input = false, ...rest } = props;
+    return _jsx(TextField, { source: source, link: link, input: input, ...rest });
 };
 export default IdField;

package/dist/field/NumberField.d.ts

@@ -1,4 +1,4 @@
-import { type RaRecord } from '@strato-admin/core';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type FieldProps } from './types';
 export type NumberFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType> & {
     /**

package/dist/field/NumberField.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useFieldValue, useRecordContext, useLocale } from '@strato-admin/core';
+import { useFieldValue, useRecordContext, useLocale } from '@strato-admin/ra-core';
 import RecordLink from '../RecordLink';
 const NumberField = (props) => {
     const { source, record: recordProp, emptyText, options, locales, link } = props;

package/dist/field/ReferenceField.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type RaRecord } from '@strato-admin/core';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type FieldProps } from './types';
 export type ReferenceFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType> & {
     /**

package/dist/field/ReferenceField.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { ReferenceFieldBase, useRecordContext, useGetRecordRepresentation, } from '@strato-admin/core';
+import { ReferenceFieldBase, useRecordContext, useGetRecordRepresentation } from '@strato-admin/ra-core';
+import { useResourceSchema } from '@strato-admin/core';
 import RecordLink from '../RecordLink';
 const ReferenceField = (props) => {
     const { source, reference, children, emptyText, record, link } = props;
+    const { queryOptions } = useResourceSchema(reference);
     if (!source) {
         return null; // Or some fallback
     }
-    return (_jsx(ReferenceFieldBase, { source: source, reference: reference, record: record, empty: _jsx(_Fragment, { children: emptyText ?? null }), children: _jsx(ReferenceFieldValue, { emptyText: emptyText, link: link, reference: reference, children: children }) }));
+    return (_jsx(ReferenceFieldBase, { source: source, reference: reference, record: record, empty: _jsx(_Fragment, { children: emptyText ?? null }), queryOptions: queryOptions, children: _jsx(ReferenceFieldValue, { emptyText: emptyText, link: link, reference: reference, children: children }) }));
 };
 const ReferenceFieldValue = ({ children, emptyText, link, reference }) => {
     const record = useRecordContext();

package/dist/field/ReferenceManyField.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { type RaRecord } from '@strato-admin/core';
+import React, { ReactNode } from 'react';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type FieldProps } from './types';
-export interface ReferenceManyFieldProps<RecordType extends RaRecord = RaRecord, ReferenceRecordType extends RaRecord = RaRecord> extends FieldProps<RecordType> {
+export interface ReferenceManyFieldProps<RecordType extends RaRecord = RaRecord> extends FieldProps<RecordType> {
     children?: ReactNode;
     reference: string;
     target: string;
@@ -38,6 +38,30 @@ export interface ReferenceManyFieldProps<RecordType extends RaRecord = RaRecord,
      * @default false
      */
     synchronizeWithLocation?: boolean;
+    /**
+     * Include only these fields from the schema.
+     */
+    include?: string[];
+    /**
+     * Exclude these fields from the schema.
+     */
+    exclude?: string[];
+    /**
+     * The fields to display by default.
+     */
+    display?: string[];
+    /**
+     * Whether to enable text filtering.
+     */
+    filtering?: boolean;
+    /**
+     * Whether to show the preferences button or custom preferences content.
+     */
+    preferences?: boolean | React.ReactNode;
+    /**
+     * The title of the list.
+     */
+    title?: React.ReactNode;
 }
 /**
  * Render related records to the current one.
@@ -50,6 +74,13 @@ export interface ReferenceManyFieldProps<RecordType extends RaRecord = RaRecord,
  *         <Table.Column source="created_at" />
  *     </Table>
  * </ReferenceManyField>
+ *
+ * @example
+ * // Honors the default listComponent from the reviews resource schema
+ * <ReferenceManyField reference="reviews" target="product_id" />
  */
-export declare const ReferenceManyField: <RecordType extends RaRecord = RaRecord, ReferenceRecordType extends RaRecord = RaRecord>(props: ReferenceManyFieldProps<RecordType, ReferenceRecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const ReferenceManyField: {
+    <RecordType extends RaRecord = RaRecord<import("@strato-admin/ra-core").Identifier>>(props: ReferenceManyFieldProps<RecordType>): import("react/jsx-runtime").JSX.Element;
+    isCollectionField: boolean;
+};
 export default ReferenceManyField;

package/dist/field/ReferenceManyField.js

@@ -1,5 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ReferenceManyFieldBase, ResourceSchemaProvider } from '@strato-admin/core';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ReferenceManyFieldBase } from '@strato-admin/ra-core';
+import { ResourceSchemaProvider, useResourceSchema } from '@strato-admin/core';
+import Table from '../list/Table';
 /**
  * Render related records to the current one.
  *
@@ -11,9 +13,20 @@ import { ReferenceManyFieldBase, ResourceSchemaProvider } from '@strato-admin/co
  *         <Table.Column source="created_at" />
  *     </Table>
  * </ReferenceManyField>
+ *
+ * @example
+ * // Honors the default listComponent from the reviews resource schema
+ * <ReferenceManyField reference="reviews" target="product_id" />
  */
 export const ReferenceManyField = (props) => {
-    const { children, reference, fieldSchema, ...rest } = props;
-    return (_jsx(ReferenceManyFieldBase, { reference: reference, ...rest, children: _jsx(ResourceSchemaProvider, { resource: reference, fieldSchema: fieldSchema, children: children }) }));
+    const { children, reference, fieldSchema, include, exclude, display, filtering, preferences, title, ...rest } = props;
+    const { queryOptions } = useResourceSchema(reference);
+    return (_jsx(ReferenceManyFieldBase, { reference: reference, queryOptions: queryOptions, ...rest, children: _jsx(ResourceSchemaProvider, { resource: reference, fieldSchema: fieldSchema, children: _jsx(ReferenceManyFieldUI, { reference: reference, include: include, exclude: exclude, display: display, filtering: filtering, preferences: preferences, title: title, children: children }) }) }));
+};
+const ReferenceManyFieldUI = ({ children, reference, include, exclude, display, filtering, preferences, title, }) => {
+    const { listComponent: ListComponent = Table } = useResourceSchema(reference);
+    const finalChildren = children || (_jsx(ListComponent, { include: include, exclude: exclude, display: display, filtering: filtering, preferences: preferences, title: title }));
+    return _jsx(_Fragment, { children: finalChildren });
 };
 export default ReferenceManyField;
+ReferenceManyField.isCollectionField = true;

package/dist/field/StatusIndicatorField.d.ts

@@ -1,6 +1,6 @@
 import { type StatusIndicatorProps } from '@cloudscape-design/components/status-indicator';
 import React from 'react';
-import { type RaRecord } from '@strato-admin/core';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type FieldProps } from './types';
 export interface StatusIndicatorLabelProps {
     /**

package/dist/field/StatusIndicatorField.js

@@ -1,14 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import StatusIndicator from '@cloudscape-design/components/status-indicator';
 import React from 'react';
-import { useFieldValue, useRecordContext, useTranslate } from '@strato-admin/core';
+import { useFieldValue, useRecordContext, useTranslate } from '@strato-admin/ra-core';
 import RecordLink from '../RecordLink';
 /**
  * A declarative way to define status indicator mapping.
  */
 export const StatusIndicatorLabel = (_) => null;
 const StatusIndicatorField = (props) => {
-    const { source, record: recordProp, emptyText, link, type, mapping, iconAriaLabel, colorOverride, children, } = props;
+    const { source, record: recordProp, emptyText, link, type, mapping, iconAriaLabel, colorOverride, children } = props;
     const record = useRecordContext({ record: recordProp });
     const value = useFieldValue({ source: source, record });
     const translate = useTranslate();
@@ -28,9 +28,10 @@ const StatusIndicatorField = (props) => {
             finalColorOverride = matchingLabel.props.color;
         }
         if (matchingLabel.props.label) {
-            label = typeof matchingLabel.props.label === 'string'
-                ? translate(matchingLabel.props.label)
-                : matchingLabel.props.label;
+            label =
+                typeof matchingLabel.props.label === 'string'
+                    ? translate(matchingLabel.props.label)
+                    : matchingLabel.props.label;
         }
     }
     else if (typeof type === 'function') {

package/dist/field/TextField.d.ts

@@ -1,4 +1,4 @@
-import { type RaRecord } from '@strato-admin/core';
+import { type RaRecord } from '@strato-admin/ra-core';
 import { type FieldProps } from './types';
 export type TextFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType>;
 declare const TextField: <RecordType extends RaRecord = RaRecord>(props: TextFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;

package/dist/field/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useFieldValue, useRecordContext } from '@strato-admin/core';
+import { useFieldValue, useRecordContext } from '@strato-admin/ra-core';
 import RecordLink from '../RecordLink';
 const TextField = (props) => {
     const { source, record: recordProp, emptyText, link } = props;

package/dist/field/types.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type BaseFieldProps, type RaRecord } from '@strato-admin/core';
+import { ExtractRecordPaths, type BaseFieldProps, type RaRecord } from '@strato-admin/ra-core';
 import { type RecordLinkType } from '../RecordLink';
 /**
  * Common props for all field components in strato-cloudscape.
@@ -8,11 +8,11 @@ export interface FieldProps<RecordType extends RaRecord = RaRecord> extends Omit
     /**
      * The property name in the record that should be displayed.
      */
-    source?: string;
+    source?: ExtractRecordPaths<RecordType>;
     /**
-     * The label to display for this field. Usually inferred from the source.
+     * The label to display for this field. If not provided, it will be inferred from the `source`.
      */
-    label?: ReactNode;
+    label?: string | ReactNode;
     /**
      * Whether the field is sortable in a table.
      * @default true
@@ -20,8 +20,8 @@ export interface FieldProps<RecordType extends RaRecord = RaRecord> extends Omit
     sortable?: boolean;
     /**
      * Whether to link the field to another page.
-     * - true: links to the 'edit' page of the current resource
-     * - 'edit' | 'show': links to the specified page type
+     * - true: links to the 'detail' page of the current resource
+     * - 'edit' | 'detail': links to the specified page type
      * - string: a custom URL
      * - function: (record, resource) => string
      */
@@ -29,7 +29,7 @@ export interface FieldProps<RecordType extends RaRecord = RaRecord> extends Omit
     /**
      * The text to display if the value is empty or null.
      */
-    emptyText?: ReactNode;
+    emptyText?: string | ReactNode;
     /**
      * Configuration for the inferred form input.
      * - object: Props passed to the inferred Input component.
@@ -47,10 +47,10 @@ export interface FieldProps<RecordType extends RaRecord = RaRecord> extends Omit
      * Additional text to help the user fill in the field.
      * Passed to the inferred Input component's FormField.
      */
-    description?: ReactNode;
+    description?: string | ReactNode;
     /**
      * Text describing constraints (e.g., "Must be between 1 and 100").
      * Passed to the inferred Input component's FormField.
      */
-    constraintText?: ReactNode;
+    constraintText?: string | ReactNode;
 }

package/dist/form/Form.d.ts

@@ -1,13 +1,23 @@
 import React from 'react';
-import { type FormProps as RaFormProps } from '@strato-admin/core';
+import { type FormProps as RaFormProps } from '@strato-admin/ra-core';
 export interface FormProps extends Omit<RaFormProps, 'children'> {
     children?: React.ReactNode;
+    /**
+     * List of field sources to include in the form.
+     */
     include?: string[];
+    /**
+     * List of field sources to exclude from the form.
+     */
     exclude?: string[];
     toolbar?: React.ReactNode;
+    /**
+     * Label for the save button.
+     */
+    saveButtonLabel?: string;
 }
 export declare const Form: {
-    ({ children, include, exclude, toolbar, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, include, exclude, toolbar, saveButtonLabel, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
     Field: (props: import("..").FormFieldProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Form;

package/dist/form/Form.js

@@ -1,24 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Form as RaForm, useSaveContext, useInputSchema } from '@strato-admin/core';
+import { Form as RaForm, useSaveContext, useRecordContext } from '@strato-admin/ra-core';
+import { useSchemaFields } from '../hooks/useSchemaFields';
 import CloudscapeForm from '@cloudscape-design/components/form';
 import SpaceBetween from '@cloudscape-design/components/space-between';
 import { SaveButton } from '../button/SaveButton';
+import { CancelButton } from '../button/CancelButton';
 import { FormField } from '../input/FormField';
-export const Form = ({ children, include, exclude, toolbar, ...props }) => {
+export const Form = ({ children, include, exclude, toolbar, saveButtonLabel, ...props }) => {
     const saveContext = useSaveContext();
-    const schemaChildren = useInputSchema();
-    const finalChildren = React.useMemo(() => {
-        const baseChildren = children || schemaChildren;
-        let result = React.Children.toArray(baseChildren);
-        if (include) {
-            result = result.filter((child) => React.isValidElement(child) && include.includes(child.props.source));
-        }
-        else if (exclude) {
-            result = result.filter((child) => React.isValidElement(child) && !exclude.includes(child.props.source));
-        }
-        return result;
-    }, [children, schemaChildren, include, exclude]);
+    const record = useRecordContext();
+    const isEditMode = record?.id != null;
+    const { getEditFields, getCreateFields } = useSchemaFields();
+    const finalChildren = React.useMemo(() => isEditMode ? getEditFields(children, { include, exclude }) : getCreateFields(children, { include, exclude }), [isEditMode, getEditFields, getCreateFields, children, include, exclude]);
     const handleSubmit = async (values, event) => {
         if (props.onSubmit) {
             return props.onSubmit(values, event);
@@ -27,7 +21,7 @@ export const Form = ({ children, include, exclude, toolbar, ...props }) => {
             return saveContext.save(values, event);
         }
     };
-    return (_jsx(RaForm, { ...props, onSubmit: handleSubmit, children: _jsx(CloudscapeForm, { actions: toolbar || (_jsx(SpaceBetween, { direction: "horizontal", size: "xs", children: _jsx(SaveButton, {}) })), children: _jsx(SpaceBetween, { direction: "vertical", size: "l", children: finalChildren }) }) }));
+    return (_jsx(RaForm, { ...props, onSubmit: handleSubmit, children: _jsx(CloudscapeForm, { actions: toolbar || (_jsxs(SpaceBetween, { direction: "horizontal", size: "xs", children: [_jsx(CancelButton, {}), _jsx(SaveButton, { label: saveButtonLabel })] })), children: _jsx(SpaceBetween, { direction: "vertical", size: "l", children: finalChildren }) }) }));
 };
 Form.Field = FormField;
 export default Form;

package/dist/form/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Form';
-export { ValidationError } from '@strato-admin/core';
+export { ValidationError } from '@strato-admin/ra-core';

package/dist/form/index.js

@@ -1,2 +1,2 @@
 export * from './Form';
-export { ValidationError } from '@strato-admin/core';
+export { ValidationError } from '@strato-admin/ra-core';

package/dist/hooks/useSchemaFields.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare function useSchemaFields(): {
+    getListFields: (children: React.ReactNode, opts?: {
+        include?: string[];
+        exclude?: string[];
+    }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+    getDetailFields: (children: React.ReactNode, opts?: {
+        include?: string[];
+        exclude?: string[];
+    }) => {
+        scalarFields: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+        collectionFields: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+    };
+    getEditFields: (children: React.ReactNode, opts?: {
+        include?: string[];
+        exclude?: string[];
+    }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+    getCreateFields: (children: React.ReactNode, opts?: {
+        include?: string[];
+        exclude?: string[];
+    }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+};

package/dist/hooks/useSchemaFields.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { useResourceSchema } from '@strato-admin/core';
+const noCollectionFields = (child) => !child.type.isCollectionField;
+function filterFields(base, options = {}) {
+    const { include, exclude, defaultFilter } = options;
+    let result = React.Children.toArray(base);
+    if (include) {
+        return result.filter((child) => React.isValidElement(child) && include.includes(child.props.source));
+    }
+    if (defaultFilter) {
+        result = result.filter((child) => React.isValidElement(child) && defaultFilter(child));
+    }
+    if (exclude) {
+        result = result.filter((child) => React.isValidElement(child) && !exclude.includes(child.props.source));
+    }
+    return result;
+}
+export function useSchemaFields() {
+    const { fieldSchema, inputSchema, listInclude, listExclude, detailInclude, detailExclude, formInclude, formExclude, editInclude, editExclude, createInclude, createExclude, } = useResourceSchema();
+    const getListFields = React.useCallback((children, opts = {}) => filterFields(children || fieldSchema, {
+        include: opts.include || listInclude,
+        exclude: opts.exclude || listExclude,
+        defaultFilter: noCollectionFields,
+    }), [fieldSchema, listInclude, listExclude]);
+    const getDetailFields = React.useCallback((children, opts = {}) => {
+        const hasExplicit = React.Children.count(children) > 0;
+        const all = filterFields(children || fieldSchema, {
+            include: hasExplicit ? undefined : opts.include || detailInclude,
+            exclude: hasExplicit ? undefined : opts.exclude || detailExclude,
+        });
+        return {
+            scalarFields: all.filter((c) => !c.type.isCollectionField),
+            collectionFields: all.filter((c) => c.type.isCollectionField),
+        };
+    }, [fieldSchema, detailInclude, detailExclude]);
+    const getEditFields = React.useCallback((children, opts = {}) => filterFields(children || inputSchema, {
+        include: opts.include || editInclude || formInclude,
+        exclude: opts.exclude || editExclude || formExclude,
+    }), [inputSchema, editInclude, editExclude, formInclude, formExclude]);
+    const getCreateFields = React.useCallback((children, opts = {}) => filterFields(children || inputSchema, {
+        include: opts.include || createInclude || formInclude,
+        exclude: opts.exclude || createExclude || formExclude,
+    }), [inputSchema, createInclude, createExclude, formInclude, formExclude]);
+    return { getListFields, getDetailFields, getEditFields, getCreateFields };
+}

package/dist/i18n/Message.d.ts

@@ -0,0 +1,15 @@
+import { MessageProps } from './types';
+export type { MessageProps };
+/**
+ * Renders a translatable string inline. The children text is the English source
+ * string and serves as both the translation key and the fallback value.
+ *
+ * @example
+ * <Message>Product Name</Message>
+ * <Message id="resources.products.actions.archive">Archive</Message>
+ * <Message context="verb">Archive</Message>
+ * <Message context="noun">Archive</Message>
+ * <Message comment="Appears in the confirmation dialog">Are you sure?</Message>
+ * <Message count={n}>{'Found {count, plural, one {# result} other {# results}}'}</Message>
+ */
+export declare const Message: ({ children, id, context, comment: _comment, vars }: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/i18n/Message.js

@@ -0,0 +1,19 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslate } from '@strato-admin/ra-core';
+/**
+ * Renders a translatable string inline. The children text is the English source
+ * string and serves as both the translation key and the fallback value.
+ *
+ * @example
+ * <Message>Product Name</Message>
+ * <Message id="resources.products.actions.archive">Archive</Message>
+ * <Message context="verb">Archive</Message>
+ * <Message context="noun">Archive</Message>
+ * <Message comment="Appears in the confirmation dialog">Are you sure?</Message>
+ * <Message count={n}>{'Found {count, plural, one {# result} other {# results}}'}</Message>
+ */
+export const Message = ({ children, id, context, comment: _comment, vars }) => {
+    const translate = useTranslate();
+    const key = id ?? (context ? `${context}\x04${children}` : children);
+    return _jsx(_Fragment, { children: translate(key, { ...vars, _: children }) });
+};

package/dist/i18n/RecordMessage.d.ts

@@ -0,0 +1,14 @@
+import { MessageProps } from './types';
+export interface RecordMessageProps extends MessageProps {
+    /** Explicit record to use instead of the one from context. */
+    record?: Record<string, any>;
+}
+/**
+ * Renders a translatable string with all fields of the current record available
+ * as ICU variables. Must be used inside a record context (Detail, Edit, etc.).
+ *
+ * @example
+ * <RecordMessage>{'Product: {name}'}</RecordMessage>
+ * <RecordMessage>{'Order #{id} — {status}'}</RecordMessage>
+ */
+export declare const RecordMessage: ({ children, id, context, comment: _comment, record, vars }: RecordMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/i18n/RecordMessage.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslate, useRecordContext } from '@strato-admin/ra-core';
+/**
+ * Renders a translatable string with all fields of the current record available
+ * as ICU variables. Must be used inside a record context (Detail, Edit, etc.).
+ *
+ * @example
+ * <RecordMessage>{'Product: {name}'}</RecordMessage>
+ * <RecordMessage>{'Order #{id} — {status}'}</RecordMessage>
+ */
+export const RecordMessage = ({ children, id, context, comment: _comment, record, vars }) => {
+    const translate = useTranslate();
+    const resolvedRecord = useRecordContext({ record }) ?? {};
+    const key = id ?? (context ? `${context}\x04${children}` : children);
+    return _jsx(_Fragment, { children: translate(key, { ...resolvedRecord, ...vars, _: children }) });
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+export { type MessageProps } from './types';
+export { Message } from './Message';
+export { RecordMessage, type RecordMessageProps } from './RecordMessage';

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+export { Message } from './Message';
+export { RecordMessage } from './RecordMessage';

package/dist/i18n/types.d.ts

@@ -0,0 +1,19 @@
+export interface MessageProps {
+    children: string;
+    /**
+     * Explicit stable message ID. Used directly as the lookup key — bypasses
+     * hashing entirely. Takes priority over `context`. Written as `#. id: <id>`
+     * in PO files so translators see the stable identifier alongside the source text.
+     */
+    id?: string;
+    /**
+     * Disambiguation context. Prepended to the message before hashing so that
+     * the same string in different contexts produces different translation entries.
+     * Ignored when `id` is provided. Stored as `msgctxt` in PO files.
+     */
+    context?: string;
+    /** Translator note written into the PO file as a `#` comment. Ignored at runtime. */
+    comment?: string;
+    /** ICU variables substituted into the message at runtime. */
+    vars?: Record<string, any>;
+}

package/dist/i18n/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -10,7 +10,9 @@ export * from './form';
 export * from './layout';
 export * from './theme';
 export * from './button';
+export * from './i18n';
 export * from './Admin';
+export * from './Settings';
 export { default as RecordLink } from './RecordLink';
 export * from './RecordLink';
 export { Admin, type AdminProps } from './Admin';
@@ -18,5 +20,7 @@ export { Form, type FormProps } from './form';
 export { List, type ListProps } from './list';
 export { Create, type CreateProps } from './create';
 export { Edit, type EditProps } from './edit';
-export { Show, type ShowProps } from './detail';
+export { Detail, type DetailProps, Detail as Show, type DetailProps as ShowProps } from './detail';
 export { type InputProps } from './input';
+export { Ready, AppLayout, TopNavigation } from './layout';
+export { Button } from './button';

package/dist/index.js

@@ -10,7 +10,9 @@ export * from './form';
 export * from './layout';
 export * from './theme';
 export * from './button';
+export * from './i18n';
 export * from './Admin';
+export * from './Settings';
 export { default as RecordLink } from './RecordLink';
 export * from './RecordLink';
 // Explicitly export themed components to resolve ambiguity with strato-core (ra-core) re-exports
@@ -19,4 +21,6 @@ export { Form } from './form';
 export { List } from './list';
 export { Create } from './create';
 export { Edit } from './edit';
-export { Show } from './detail';
+export { Detail, Detail as Show } from './detail';
+export { Ready, AppLayout, TopNavigation } from './layout';
+export { Button } from './button';

package/dist/input/ArrayInput.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { AttributeEditorProps as CloudscapeAttributeEditorProps } from '@cloudscape-design/components/attribute-editor';
+import { InputProps } from './types';
+export interface ArrayInputItemProps {
+    source: string;
+    label?: string | false;
+    field?: React.ComponentType<any>;
+    validate?: any;
+    defaultValue?: any;
+    children?: React.ReactNode;
+}
+export declare const Item: (_props: ArrayInputItemProps) => null;
+export interface ArrayInputProps extends Omit<InputProps, 'source'> {
+    source?: string;
+    children?: React.ReactNode;
+    addButtonText?: string;
+    removeButtonText?: string;
+    empty?: React.ReactNode;
+    disableAddButton?: boolean;
+    hideAddButton?: boolean;
+    /**
+     * Optionally specifies the layout of the attributes.
+     */
+    gridLayout?: ReadonlyArray<CloudscapeAttributeEditorProps.GridLayout>;
+}
+/**
+ * ArrayInput component that uses Cloudscape's AttributeEditor to edit arrays of objects.
+ */
+export declare const ArrayInput: {
+    (props: ArrayInputProps): import("react/jsx-runtime").JSX.Element;
+    Item: (_props: ArrayInputItemProps) => null;
+};
+export default ArrayInput;