@peripheries/core 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peripheries/core",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "The shared core lineage: layout, the document kit and the display cells, on the semantic tokens",
   "type": "module",
   "license": "UNLICENSED",

package/types/core/display/DataTable/DataTable.d.ts

@@ -10,7 +10,7 @@ export interface DataTableColumn {
     minWidth?: number;
     format?: DataTableColumnFormat;
 }
-export type DataTableColumnFormat = 'date' | 'datetime';
+export type DataTableColumnFormat = 'date' | 'datetime' | 'raw';
 export interface DataTableCell {
     value: FormattableValue | ReactNode;
     tone?: Tone | string;
@@ -29,4 +29,5 @@ export interface DataTableProps {
     className?: string;
     style?: CSSProperties;
 }
+export declare function asWords(value: string): string;
 export declare function DataTable({ title, subtitle, columns, rows, className, style }: DataTableProps): ReactElement;

package/types/core/feedback/EmptyState/EmptyState.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface EmptyStateProps {
+    message: string;
+    title?: string;
+    action?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function EmptyState({ message, title, action, className, ...rest }: EmptyStateProps): import("react").JSX.Element;

package/types/core/page/ListRow/ListRow.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, CSSProperties } from 'react';
+import { type PressProps } from '../../actions/_shared/press';
+export interface ListRowProps extends Pick<PressProps, 'href' | 'navigate' | 'onClick'> {
+    title: ReactNode;
+    meta?: ReactNode;
+    leading?: ReactNode;
+    value?: ReactNode;
+    trailing?: ReactNode;
+    as?: 'li' | 'div';
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ListRow({ title, meta, leading, value, trailing, href, navigate, onClick, as, className, ...rest }: ListRowProps): import("react").JSX.Element;

package/types/core/page/PageHead/PageHead.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface PageHeadProps {
+    title: string;
+    eyebrow?: string;
+    intro?: ReactNode;
+    actions?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function PageHead({ title, eyebrow, intro, actions, className, ...rest }: PageHeadProps): import("react").JSX.Element;

package/types/index.core.d.ts

@@ -8,7 +8,9 @@ export { Inline } from './core/Inline/Inline';
 export { Show } from './core/Show/Show';
 export { Spacer } from './core/Spacer/Spacer';
 export { Stack } from './core/Stack/Stack';
+export { ListRow, type ListRowProps } from './core/page/ListRow/ListRow';
 export { PageFrame, type PageFrameProps } from './core/page/PageFrame/PageFrame';
+export { PageHead, type PageHeadProps } from './core/page/PageHead/PageHead';
 export { RuleSection, type RuleSectionProps } from './core/page/RuleSection/RuleSection';
 export { UnderlinedAction, type UnderlinedActionProps } from './core/page/UnderlinedAction/UnderlinedAction';
 export { Avatar, initialsOf, type AvatarProps } from './core/text/Avatar/Avatar';
@@ -29,6 +31,7 @@ export { TextArea, type TextAreaProps } from './core/forms/TextArea/TextArea';
 export { TextField, toNumber, type TextFieldProps, type TextFieldType } from './core/forms/TextField/TextField';
 export type { ChoiceOption, FieldProps } from './core/forms/_shared/field';
 export { Badge, type BadgeProps } from './core/feedback/Badge/Badge';
+export { EmptyState, type EmptyStateProps } from './core/feedback/EmptyState/EmptyState';
 export { Notice, type NoticeProps } from './core/feedback/Notice/Notice';
 export { Progress, type ProgressProps } from './core/feedback/Progress/Progress';
 export { Skeleton, type SkeletonProps } from './core/feedback/Skeleton/Skeleton';