@peripheries/core 0.2.0 → 0.3.0

package/types/core/forms/TextField/TextField.d.ts

@@ -0,0 +1,21 @@
+import { type KeyboardEvent, type Ref, type CSSProperties } from 'react';
+import { type FieldProps } from '../_shared/field';
+export type TextFieldType = 'text' | 'number' | 'email' | 'tel' | 'url' | 'date' | 'datetime-local';
+export interface TextFieldProps extends FieldProps<string | number | null> {
+    type?: TextFieldType;
+    placeholder?: string;
+    inputMode?: 'text' | 'numeric' | 'decimal' | 'email' | 'tel' | 'url' | 'search' | 'none';
+    autoComplete?: string;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    prefix?: string;
+    suffix?: string;
+    onEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: () => void;
+    ref?: Ref<HTMLInputElement>;
+    style?: CSSProperties;
+}
+export declare const toNumber: (text: string) => number | null;
+export declare function TextField({ type, value, defaultValue, onChange, setValue, id, name, label, hint, error, required, disabled, readOnly, placeholder, inputMode, autoComplete, min, max, step, prefix, suffix, onEnter, onKeyDown, onBlur, className, style, ref }: TextFieldProps): import("react").JSX.Element;

package/types/core/forms/_shared/field.d.ts

@@ -0,0 +1,32 @@
+import { type CSSProperties } from 'react';
+export interface FieldProps<V> {
+    value?: V;
+    defaultValue?: V;
+    onChange?: (value: V) => void;
+    setValue?: (value: V) => void;
+    id?: string;
+    name?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function useFieldIds(id: string | undefined, hint?: string, error?: string): {
+    control: string;
+    hintId: string | undefined;
+    errorId: string | undefined;
+    aria: {
+        'aria-describedby': string | undefined;
+        'aria-invalid': true | undefined;
+    };
+};
+export declare function emit<V>(onChange?: (v: V) => void, setValue?: (v: V) => void): (v: V) => void;
+export type ChoiceOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};

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

@@ -0,0 +1,9 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface PageFrameProps {
+    header?: ReactNode;
+    children?: ReactNode;
+    measure?: 'prose' | 'page' | 'full';
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function PageFrame({ header, children, measure, className, ...rest }: PageFrameProps): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface RuleSectionProps {
+    label?: string;
+    actions?: ReactNode;
+    children?: ReactNode;
+    rail?: boolean;
+    anchor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function RuleSection({ label, actions, children, rail, anchor, className, ...rest }: RuleSectionProps): import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+import type { ReactNode, CSSProperties } from 'react';
+import { type PressProps } from '../../actions/_shared/press';
+export interface UnderlinedActionProps extends PressProps {
+    label?: string;
+    children?: ReactNode;
+    arrow?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function UnderlinedAction({ label, children, arrow, className, href, action, input, actions, navigate, onClick, ...rest }: UnderlinedActionProps): import("react").JSX.Element;

package/types/core/text/Avatar/Avatar.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties } from 'react';
+export interface AvatarProps {
+    name?: string;
+    initials?: string;
+    src?: string;
+    alt?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const initialsOf: (name?: string) => string;
+export declare function Avatar({ name, initials, src, alt, size, className, ...rest }: AvatarProps): import("react").JSX.Element;

package/types/core/text/Code/Code.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface CodeProps {
+    code?: string;
+    children?: ReactNode;
+    block?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Code({ code, children, block, className, ...rest }: CodeProps): import("react").JSX.Element;

package/types/core/text/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode, CSSProperties } from 'react';
+export interface HeadingProps {
+    text?: string;
+    children?: ReactNode;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    size?: 'display' | 'lg' | 'md' | 'sm' | 'xs';
+    anchor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Heading({ text, children, level, size, anchor, className, ...rest }: HeadingProps): import("react").JSX.Element;

package/types/core/text/Text/Text.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode, CSSProperties } from 'react';
+export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TextTone = 'default' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger';
+export interface TextProps {
+    text?: string;
+    children?: ReactNode;
+    as?: 'span' | 'p' | 'div' | 'label' | 'strong' | 'em' | 'small';
+    size?: TextSize;
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    tone?: TextTone;
+    align?: 'start' | 'center' | 'end';
+    truncate?: boolean;
+    lines?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Text({ text, children, as, size, weight, tone, align, truncate, lines, className, ...rest }: TextProps): import("react").JSX.Element;

package/types/index.core.d.ts

@@ -8,6 +8,43 @@ 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 { PageFrame, type PageFrameProps } from './core/page/PageFrame/PageFrame';
+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';
+export { Code, type CodeProps } from './core/text/Code/Code';
+export { Heading, type HeadingProps } from './core/text/Heading/Heading';
+export { Text, type TextProps, type TextSize, type TextTone } from './core/text/Text/Text';
+export { Checkbox, type CheckboxProps } from './core/forms/Checkbox/Checkbox';
+export { CheckboxGroup, type CheckboxGroupProps } from './core/forms/CheckboxGroup/CheckboxGroup';
+export { DateRange, type DateRangeProps, type DateRangeValue } from './core/forms/DateRange/DateRange';
+export { FileField, fileSize, type FileFieldProps, type FileValue, type StoredFile, type UploadResult } from './core/forms/FileField/FileField';
+export { FormField, type FormFieldProps } from './core/forms/FormField/FormField';
+export { RadioGroup, type RadioGroupProps } from './core/forms/RadioGroup/RadioGroup';
+export { SearchField, type SearchFieldProps } from './core/forms/SearchField/SearchField';
+export { Select, type SelectProps } from './core/forms/Select/Select';
+export { Slider, type SliderProps } from './core/forms/Slider/Slider';
+export { Switch, type SwitchProps } from './core/forms/Switch/Switch';
+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 { 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';
+export { Spinner, type SpinnerProps } from './core/feedback/Spinner/Spinner';
+export { Tooltip, type TooltipProps } from './core/feedback/Tooltip/Tooltip';
+export { Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant } from './core/actions/Button/Button';
+export { Chip, type ChipProps } from './core/actions/Chip/Chip';
+export { IconButton, type IconButtonProps } from './core/actions/IconButton/IconButton';
+export { Link, type LinkProps } from './core/actions/Link/Link';
+export { SegmentedControl, type Segment, type SegmentedControlProps } from './core/actions/SegmentedControl/SegmentedControl';
+export { Accordion, type AccordionItem, type AccordionProps } from './core/Accordion/Accordion';
+export { Card, type CardProps, type CardTone } from './core/Card/Card';
+export { Columns, Split, type ColumnsProps, type ColumnsRatio } from './core/Columns/Columns';
+export { Disclosure, type DisclosureProps } from './core/Disclosure/Disclosure';
+export { Grid, type GridProps } from './core/Grid/Grid';
+export { Repeat, type RepeatLayout, type RepeatProps } from './core/Repeat/Repeat';
 export { DEFAULT_PROFILE_ID, documentProfiles, profileIds, registerProfile, resolveProfile, resolvedProfiles } from './core/document/profiles/registry';
 export { profileCss, profileTokens } from './core/document/profiles/tokens';
 export { PAGINATOR_BINDINGS, type DocumentProfile, type ProfileDefinition, type ProfileId, type RegionBinding } from './core/document/profiles/profile';
@@ -52,3 +89,10 @@ export { OptionCard, type OptionCardBar, type OptionCardProps } from './core/dis
 export { ProfileCard, type ProfileCardProps, type ProfileRow, type ProfileRowBadge } from './core/display/ProfileCard/ProfileCard';
 export { KpiCardGrid, type KpiCard, type KpiCardBadge, type KpiCardGridProps } from './core/display/KpiCardGrid/KpiCardGrid';
 export { DataTable, type DataTableAlign, type DataTableCell, type DataTableCellInput, type DataTableColumn, type DataTableProps, type DataTableRow, } from './core/display/DataTable/DataTable';
+export { EventCard, type EventCardProps } from './core/events/EventCard/EventCard';
+export { EventDetail, type EventDetailProps, type EventNoteView, type EventParticipantView } from './core/events/EventDetail/EventDetail';
+export { EventLogForm, type EventLogFormProps, type LogEventInput } from './core/events/EventLogForm/EventLogForm';
+export { EventRespond, type EventRespondProps } from './core/events/EventRespond/EventRespond';
+export { EventSchedule, type EventScheduleProps } from './core/events/EventSchedule/EventSchedule';
+export { EventTimeline, type ActivityItem, type EventTimelineProps } from './core/events/EventTimeline/EventTimeline';
+export { eventWhen, typeCard, type EventTypeOption, type EventView, type RenderComponent as EventRenderComponent, type WriteResult as EventWriteResult } from './core/events/_shared/event';