@itsyouagency/ui 1.46.0 → 1.47.0

package/dist/components/workspace/DocumentEditor.d.ts

@@ -0,0 +1,12 @@
+export interface DocumentEditorHandle {
+    insertField: (key: string) => void;
+}
+export interface DocumentEditorProps {
+    value: string;
+    onChange: (html: string) => void;
+    label?: string;
+    disabled?: boolean;
+}
+/** Rich text authoring with an optional HTML view; never mounts unsanitized markup. */
+declare const DocumentEditor: import("react").ForwardRefExoticComponent<DocumentEditorProps & import("react").RefAttributes<DocumentEditorHandle>>;
+export default DocumentEditor;

package/dist/components/workspace/DocumentPreview.d.ts

@@ -0,0 +1,5 @@
+export default function DocumentPreview({ html, title, className, }: {
+    html: string;
+    title?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/Feedback.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { IconType } from '../base/Icon';
+export type BadgeTone = 'neutral' | 'pending' | 'complete' | 'attention';
+export declare function Badge({ children, tone, dot, className, ...rest }: HTMLAttributes<HTMLSpanElement> & {
+    tone?: BadgeTone;
+    dot?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title, description, children, action, icon, loading, loadingLabel, className, }: {
+    title?: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    action?: ReactNode;
+    icon?: IconType;
+    loading?: boolean;
+    loadingLabel?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InlineNotice({ children, action, className, tone, }: {
+    children: ReactNode;
+    action?: ReactNode;
+    className?: string;
+    tone?: 'neutral' | 'error';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function WorkspaceLoading({ label, }: {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/FilterTabs.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface FilterOption<T extends string> {
+    value: T;
+    label: ReactNode;
+    count?: number;
+    disabled?: boolean;
+}
+export interface FilterTabsProps<T extends string> {
+    label: string;
+    value: T;
+    options: FilterOption<T>[];
+    onChange: (value: T) => void;
+    variant?: 'segmented' | 'underline';
+    className?: string;
+}
+/** A group of filter buttons, not an ARIA tablist: selection updates data rather than focus. */
+export default function FilterTabs<T extends string>({ label, value, options, onChange, variant, className, }: FilterTabsProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/FormActions.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export default function FormActions({ children, status, sticky, }: {
+    children: ReactNode;
+    status?: ReactNode;
+    sticky?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/FormField.d.ts

@@ -0,0 +1,24 @@
+import { InputHTMLAttributes, ReactNode, SelectHTMLAttributes } from 'react';
+export declare const inputClass = "ui-input";
+export declare function FormField({ label, hint, error, className, children, }: {
+    label: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export interface SelectOption {
+    id: string | number;
+    label: ReactNode;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & {
+    items: SelectOption[];
+    placeholder?: string;
+} & import("react").RefAttributes<HTMLSelectElement>>;
+export declare function FormCard({ id, title, description, children, }: {
+    id?: string;
+    title: string;
+    description?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/MetricCard.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IconType } from '../base/Icon';
+export default function MetricCard({ label, value, prefix, description, icon, href, loading, unavailable, linkLabel, }: {
+    label: string;
+    value: ReactNode;
+    prefix?: ReactNode;
+    description?: ReactNode;
+    icon?: IconType;
+    href?: string;
+    loading?: boolean;
+    unavailable?: boolean;
+    linkLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/NotificationMenu.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface NotificationMenuProps {
+    label?: string;
+    unreadCount: number;
+    children: (close: () => void) => ReactNode;
+}
+/** Accessible notification surface; each app supplies its feed and actions. */
+export default function NotificationMenu({ label, unreadCount, children, }: NotificationMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/PageHeader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export default function PageHeader({ title, subtitle, actions, onBack, backLabel, eyebrow, }: {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    actions?: ReactNode;
+    onBack?: () => void;
+    backLabel?: string;
+    eyebrow?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/Pagination.d.ts

@@ -0,0 +1,14 @@
+export interface PaginationProps {
+    page: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    totalPages?: number;
+    disabled?: boolean;
+    noun?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    rangeLabel?: (start: number, end: number, total: number) => string;
+    pageLabel?: (page: number, totalPages: number) => string;
+}
+export default function Pagination({ page, pageSize, total, totalPages, onPageChange, disabled, noun, previousLabel, nextLabel, rangeLabel, pageLabel, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/Panel.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    contentClassName?: string;
+    collapsible?: boolean;
+    collapseLabel?: string;
+    defaultCollapsed?: boolean;
+    unpadded?: boolean;
+}
+export default function Panel({ title, description, actions, children, className, contentClassName, collapsible, collapseLabel, defaultCollapsed, unpadded, ...rest }: PanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/Progress.d.ts

@@ -0,0 +1,5 @@
+export default function Progress({ value, label, description, }: {
+    value: number;
+    label: string;
+    description?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/SearchMultiSelect.d.ts

@@ -0,0 +1,11 @@
+export type SearchMultiSelectOption = {
+    id: string;
+    label: string;
+};
+/** Searchable multi-selection with keyboard navigation and a compact summary. */
+export default function SearchMultiSelect({ label, options, value, onChange, }: {
+    label: string;
+    options: SearchMultiSelectOption[];
+    value: string[];
+    onChange: (values: string[]) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/SearchSelect.d.ts

@@ -0,0 +1,24 @@
+import { SearchSelectOption } from './search';
+export interface SearchSelectProps {
+    options: SearchSelectOption[];
+    value?: string | null;
+    onChange: (value: string | null) => void;
+    onBlur?: () => void;
+    label: string;
+    name?: string;
+    id?: string;
+    hint?: string;
+    error?: string;
+    placeholder?: string;
+    emptyMessage?: string;
+    noResultsMessage?: string;
+    loadingMessage?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    toggleLabel?: string;
+}
+/** Controlled, keyboard-accessible selector with virtualized results for large lists. */
+declare const SearchSelect: import("react").ForwardRefExoticComponent<SearchSelectProps & import("react").RefAttributes<HTMLInputElement>>;
+export default SearchSelect;

package/dist/components/workspace/SettingToggle.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface SettingToggleProps {
+    label: ReactNode;
+    description?: ReactNode;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    busy?: boolean;
+    className?: string;
+}
+/** A labelled, keyboard-accessible switch for an immediately saved setting. */
+export default function SettingToggle({ label, description, checked, onChange, disabled, busy, className, }: SettingToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/WorkspaceNav.d.ts

@@ -0,0 +1,7 @@
+import { WorkspaceNav as Navigation } from './navigation';
+export default function WorkspaceNav({ nav, selectedPath, close, label, }: {
+    nav: Navigation;
+    selectedPath: string;
+    close?: () => void;
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/workspace/index.d.ts

@@ -0,0 +1,27 @@
+export { default as WorkspaceNav } from './WorkspaceNav';
+export { default as NotificationMenu, type NotificationMenuProps, } from './NotificationMenu';
+export { default as CommandMenu } from './CommandMenu';
+export { default as PageHeader } from './PageHeader';
+export { default as Panel, type PanelProps } from './Panel';
+export { default as FilterTabs, type FilterTabsProps, type FilterOption, } from './FilterTabs';
+export { default as Pagination, type PaginationProps, } from './Pagination';
+export { default as MetricCard } from './MetricCard';
+export { default as DataRegion, ListSkeleton } from './DataRegion';
+export { default as Progress } from './Progress';
+export { Badge, Skeleton, EmptyState, InlineNotice, WorkspaceLoading, type BadgeTone, } from './Feedback';
+export { FormField, TextInput, Select, FormCard, inputClass, type SelectOption, } from './FormField';
+export { findActiveRoute, flattenNavigation, isActiveRoute, type WorkspaceLabels, type WorkspaceRoute, } from './navigation';
+export { default as SearchSelect, type SearchSelectProps, } from './SearchSelect';
+export { filterSelectOptions, type SearchSelectOption, } from './search';
+export { ContactDetails, ContactPopover, CopyButton, type ContactDetailsProps, type ContactLabels, } from './ContactDetails';
+export { default as ActionDialog } from './ActionDialog';
+export { default as FormActions } from './FormActions';
+export { default as ChoiceChips } from './ChoiceChips';
+export { default as SettingToggle, type SettingToggleProps, } from './SettingToggle';
+export { default as DocumentEditor, type DocumentEditorHandle, } from './DocumentEditor';
+export { default as DocumentPreview } from './DocumentPreview';
+export { default as ContractFields, type DynamicContractField, type ContractTemplateOption, } from './ContractFields';
+export { default as SearchMultiSelect, type SearchMultiSelectOption, } from './SearchMultiSelect';
+export { default as RequestResources, type RequestResource, } from '../request-files/RequestResources';
+export { default as RequestContracts, type RequestClientContract, } from '../request-files/RequestContracts';
+export { default as FileDownloadButton } from '../request-files/FileDownloadButton';

package/dist/components/workspace/navigation.d.ts

@@ -0,0 +1,32 @@
+import type { NavEntry, TDashboardNav } from '../base/DashboardNav';
+export type WorkspaceNav = TDashboardNav;
+export type WorkspaceRoute = NavEntry & {
+    group: string;
+};
+export declare const isActiveRoute: (path: string, href: string) => boolean;
+export declare function flattenNavigation(nav: WorkspaceNav): WorkspaceRoute[];
+export declare function findActiveRoute(nav: WorkspaceNav, path: string): WorkspaceRoute;
+export declare const workspaceLabels: {
+    navigation: string;
+    openNavigation: string;
+    closeNavigation: string;
+    skipToContent: string;
+    breadcrumb: string;
+    workspace: string;
+    overview: string;
+    details: string;
+    search: string;
+    jumpTo: string;
+    searchTitle: string;
+    searchInput: string;
+    searchPlaceholder: string;
+    closeSearch: string;
+    pages: string;
+    noResults: string;
+    navigate: string;
+    open: string;
+    close: string;
+    account: string;
+    signOut: string;
+};
+export type WorkspaceLabels = typeof workspaceLabels;

package/dist/components/workspace/search.d.ts

@@ -0,0 +1,10 @@
+export interface SearchSelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    meta?: string;
+    keywords?: (string | number | null | undefined)[];
+    disabled?: boolean;
+}
+/** Search every term across labels and metadata; ignore accents and phone formatting. */
+export declare function filterSelectOptions(options: SearchSelectOption[], query: string): SearchSelectOption[];

package/dist/index.d.ts

@@ -5,3 +5,5 @@ export * from './utils/formatter';
 export * from './utils/items';
 export * from './utils/validation';
 export * from './layouts';
+export * from './components/workspace';
+export * from './components/chat';