@baack-software/baack-ts-tasks 0.0.0-stage → 0.0.1

package/dist/react/copy.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo } from 'react';
+import { ContentText, LIVE_ATTRIBUTE, useLiveEntity } from '@baack-software/baack-ts-components/react';
+import { ACTIVITY_LABELS } from "../activity.js";
+import { PRIORITY_LABELS, STATUS_LABELS } from "../tasks.js";
+/**
+ * The task components' own words (labels, headings, buttons, empty states) as Baack content: each is a text item
+ * named here, at sort order 0, on one content entity. Until that entity is loaded, or while an item is missing, the
+ * en-GB placeholder below is shown, so the components work without any content and editors can fill it in, or
+ * translate it, later.
+ *
+ * Text that varies with data uses `{name}` slots, e.g. `{count} tasks`.
+ */
+const BASE_COPY = {
+    tasks_heading: 'Tasks',
+    tasks_new: 'New task',
+    tasks_view: 'View',
+    tasks_view_board: 'Board',
+    tasks_view_table: 'Table',
+    tasks_group_by: 'Columns',
+    tasks_group_status: 'Status',
+    tasks_group_priority: 'Priority',
+    tasks_group_assignee: 'Assignee',
+    tasks_group_project: 'Project',
+    tasks_group_workflow: 'Workflow',
+    tasks_group_stages: '{workflow} stages',
+    tasks_count: '{count} tasks',
+    tasks_count_one: '1 task',
+    tasks_empty: 'No tasks match these filters.',
+    tasks_none: 'There are no tasks yet. Create the first one.',
+    tasks_loading: 'Loading tasks…',
+    tasks_load_failed: 'The tasks could not be loaded.',
+    tasks_retry: 'Try again',
+    about_heading: 'Tasks',
+    about_open_count: '{count} open',
+    about_add_label: 'New task',
+    about_add_placeholder: 'Add a task…',
+    about_add: 'Add',
+    about_add_failed: 'The task could not be added.',
+    about_none: 'No open tasks.',
+    about_show_done: 'Show completed ({count})',
+    about_hide_done: 'Hide completed',
+    about_complete: 'Mark {name} as completed',
+    filter_label: 'Filter tasks',
+    filter_search: 'Search tasks',
+    filter_any: 'Any',
+    filter_mine: 'Assigned to me',
+    filter_open: 'Open only',
+    filter_clear: 'Clear filters',
+    field_title: 'Title',
+    field_description: 'Description',
+    field_status: 'Status',
+    field_priority: 'Priority',
+    field_assignee: 'Assignee',
+    field_project: 'Project',
+    field_due: 'Due',
+    field_updated: 'Updated',
+    field_stage: 'Stage',
+    field_blocking: 'Blocking',
+    option_unassigned: 'Unassigned',
+    option_no_project: 'No project',
+    option_no_stage: 'No stage',
+    option_no_workflow: 'No workflow',
+    due_none: 'No due date',
+    due_overdue: 'overdue',
+    due_clear: 'Clear due date',
+    blockers_heading: 'Blocked by',
+    blockers_none: 'Nothing is blocking this task.',
+    blockers_add: 'Add a blocker',
+    blockers_remove: 'Remove {name} as a blocker',
+    blockers_cycle: 'That task already waits on this one.',
+    blocked: 'Blocked',
+    blocked_by: 'Blocked by {name}',
+    related_heading: 'Related',
+    related_none: 'Nothing related yet.',
+    related_add: 'Add related',
+    related_remove: 'Remove {name}',
+    related_people: 'People',
+    related_companies: 'Companies',
+    related_entities: 'Content',
+    related_tasks: 'Tasks',
+    activity_heading: 'Activity',
+    activity_filter: 'Show activity',
+    activity_filter_all: 'All',
+    activity_filter_changes: 'Changes',
+    activity_filter_comments: 'Comments',
+    activity_more: 'Show older activity',
+    activity_empty: 'No activity yet.',
+    activity_by: 'by {name}',
+    activity_loading: 'Loading activity…',
+    comment_label: 'Comment',
+    comment_placeholder: 'Add a comment…',
+    comment_submit: 'Comment',
+    comment_reply: 'Reply',
+    comment_reply_label: 'Reply to {name}',
+    comment_cancel: 'Cancel',
+    editor_label: 'Task details',
+    editor_close: 'Close',
+    editor_save: 'Save',
+    editor_saving: 'Saving…',
+    editor_save_failed: 'The change could not be saved.',
+    conflict_heading: 'Someone else changed this task',
+    conflict_intro: 'They saved changes to the same fields while you were editing, so yours weren’t saved. Choose what to keep.',
+    conflict_theirs: 'Use theirs',
+    conflict_mine: 'Keep mine',
+    conflict_save: 'Save choices',
+    conflict_discard: 'Use theirs for all',
+    value_empty: 'Empty',
+    changed_elsewhere: 'Someone else changed {fields} while you were editing. Their changes are kept.',
+    changed_elsewhere_dismiss: 'Dismiss',
+    task_delete: 'Delete task',
+    task_delete_confirm: 'Delete this task? This can’t be undone.',
+    task_delete_cancel: 'Keep it',
+    create_heading: 'New task',
+    create_submit: 'Create task',
+    create_cancel: 'Cancel',
+    create_failed: 'The task could not be created.',
+};
+function labels(prefix, from) {
+    return Object.fromEntries(Object.entries(from).map(([key, label]) => [`${prefix}_${key.toLowerCase()}`, label]));
+}
+/** Every copy item's name and its en-GB placeholder. */
+export const TASK_COPY = {
+    ...BASE_COPY,
+    ...labels('status', STATUS_LABELS),
+    ...labels('priority', PRIORITY_LABELS),
+    ...labels('activity', ACTIVITY_LABELS),
+};
+export const statusCopy = (status) => `status_${status.toLowerCase()}`;
+export const priorityCopy = (priority) => `priority_${priority.toLowerCase()}`;
+/** The copy name for an activity, or undefined for one this library doesn't know yet. */
+export const activityCopy = (activity) => {
+    const name = `activity_${activity.toLowerCase()}`;
+    return name in TASK_COPY ? name : undefined;
+};
+const Copy = createContext({ texts: [], placeholders: TASK_COPY });
+/**
+ * Supplies the task components' copy. With an entity, the Baack editor can change the copy in place: the content is
+ * followed live (`useLiveEntity`) and marked with `data-content-live`.
+ */
+export function TaskCopyProvider({ entity, placeholders, children }) {
+    const merged = useMemo(() => ({ ...TASK_COPY, ...placeholders }), [placeholders]);
+    if (!entity)
+        return _jsx(Copy.Provider, { value: { texts: [], placeholders: merged }, children: children });
+    return (_jsx(LiveCopy, { entity: entity, placeholders: merged, children: children }));
+}
+function LiveCopy({ entity, placeholders, children, }) {
+    const live = useLiveEntity(entity);
+    const value = useMemo(() => ({ texts: live.texts ?? [], placeholders }), [live, placeholders]);
+    return (_jsx(Copy.Provider, { value: value, children: _jsx("div", { [LIVE_ATTRIBUTE]: '', className: "contents", children: children }) }));
+}
+function item(context, name) {
+    return context.texts.find((text) => text.name === name && text.sortOrder === 0);
+}
+function fill(text, values) {
+    if (!values)
+        return text;
+    return text.replace(/\{(\w+)\}/g, (slot, key) => (key in values ? String(values[key]) : slot));
+}
+/**
+ * Copy as plain strings, for attributes (`aria-label`, `placeholder`) and text with `{slots}`. Prefer `<CopyText>`
+ * for visible text without slots, which the Baack editor can edit in place.
+ */
+export function useCopy() {
+    const context = useContext(Copy);
+    return useCallback((name, values) => fill(item(context, name)?.value.trim() || context.placeholders[name] || name, values), [context]);
+}
+/** A piece of copy as a Baack text component, so the editor can find and change it. */
+export function CopyText({ name, className, as }) {
+    const context = useContext(Copy);
+    return (_jsx(ContentText, { content: { name, sortOrder: 0, item: item(context, name) }, placeholder: context.placeholders[name] ?? name, className: className, as: as }));
+}
+//# sourceMappingURL=copy.js.map

package/dist/react/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../src/react/copy.tsx"],"names":[],"mappings":"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"}

package/dist/react/fields.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+/** Radix Select can't use '' as a value, so "none" and "any" choices use these. */
+export declare const NONE = "__none__";
+export declare const ANY = "__any__";
+/** A label above a control. */
+export declare function Field({ id, label, className, children, }: {
+    id: string;
+    label: ReactNode;
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface Choice {
+    value: string;
+    label: string;
+    /** Shown before the label, e.g. an avatar. */
+    icon?: ReactNode;
+}
+/** Choices under a heading, in a select with several kinds of choice. */
+export interface ChoiceGroup {
+    label: string;
+    choices: readonly Choice[];
+}
+/** A shadcn Select over a list of choices, followed by any groups of choices under their headings. */
+export declare function ChoiceSelect({ id, value, choices, groups, onChange, label, size, disabled, className, }: {
+    id?: string;
+    value: string;
+    choices: readonly Choice[];
+    groups?: readonly ChoiceGroup[];
+    onChange: (value: string) => void;
+    /** Accessible name when there is no visible label. */
+    label?: string;
+    size?: 'sm' | 'default';
+    disabled?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=fields.d.ts.map

package/dist/react/fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../src/react/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,mFAAmF;AACnF,eAAO,MAAM,IAAI,aAAa,CAAC;AAC/B,eAAO,MAAM,GAAG,YAAY,CAAC;AAE7B,+BAA+B;AAC/B,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BASA;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,yEAAyE;AACzE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAED,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAO,EACP,MAAW,EACX,QAAQ,EACR,KAAK,EACL,IAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4BA"}

package/dist/react/fields.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from 'cn';
+import { Label } from "./ui/label.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./ui/select.js";
+/** Radix Select can't use '' as a value, so "none" and "any" choices use these. */
+export const NONE = '__none__';
+export const ANY = '__any__';
+/** A label above a control. */
+export function Field({ id, label, className, children, }) {
+    return (_jsxs("div", { className: cn('grid min-w-0 gap-1', className), children: [_jsx(Label, { htmlFor: id, className: "text-muted-foreground text-xs", children: label }), children] }));
+}
+/** A shadcn Select over a list of choices, followed by any groups of choices under their headings. */
+export function ChoiceSelect({ id, value, choices, groups = [], onChange, label, size = 'sm', disabled, className, }) {
+    return (_jsxs(Select, { value: value, onValueChange: onChange, ...(disabled === undefined ? {} : { disabled }), children: [_jsx(SelectTrigger, { ...(id === undefined ? {} : { id }), ...(label === undefined ? {} : { 'aria-label': label }), size: size, className: cn('w-full min-w-0', className), children: _jsx(SelectValue, { className: "min-w-0" }) }), _jsxs(SelectContent, { children: [choices.map((choice) => (_jsx(ChoiceItem, { choice: choice }, choice.value))), groups
+                        .filter((group) => group.choices.length > 0)
+                        .map((group) => (_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: group.label }), group.choices.map((choice) => (_jsx(ChoiceItem, { choice: choice }, choice.value)))] }, group.label)))] })] }));
+}
+function ChoiceItem({ choice }) {
+    return (_jsxs(SelectItem, { value: choice.value, children: [choice.icon, _jsx("span", { className: "truncate", children: choice.label })] }));
+}
+//# sourceMappingURL=fields.js.map

package/dist/react/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/react/fields.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAiB,CAAC;AAE1H,mFAAmF;AACnF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC;AAC/B,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC;AAE7B,+BAA+B;AAC/B,MAAM,UAAU,KAAK,CAAC,EACpB,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,GAMT;IACC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,aACjD,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,+BAA+B,YAC1D,KAAK,GACA,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAeD,sGAAsG;AACtG,MAAM,UAAU,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAO,EACP,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,GAYV;IACC,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,KAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,aAC7F,KAAC,aAAa,OACR,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAChC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EACxD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,YAE1C,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,GACrB,EAChB,MAAC,aAAa,eACX,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,UAAU,IAAoB,MAAM,EAAE,MAAM,IAA5B,MAAM,CAAC,KAAK,CAAoB,CAClD,CAAC,EACD,MAAM;yBACJ,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;yBAC3C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,MAAC,WAAW,eACV,KAAC,WAAW,cAAE,KAAK,CAAC,KAAK,GAAe,EACvC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAAoB,MAAM,EAAE,MAAM,IAA5B,MAAM,CAAC,KAAK,CAAoB,CAClD,CAAC,KAJc,KAAK,CAAC,KAAK,CAKf,CACf,CAAC,IACU,IACT,CACV,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,MAAM,EAAsB;IAChD,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aAC5B,MAAM,CAAC,IAAI,EACZ,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,KAAK,GAAQ,IACrC,CACd,CAAC;AACJ,CAAC"}

package/dist/react/hooks.d.ts

@@ -0,0 +1,9 @@
+import type { TaskStore, TaskStoreState } from '../store.ts';
+import type { TaskDirectory } from './parts.tsx';
+/** The store's state, re-rendering on every change. */
+export declare function useTaskStore(store: TaskStore): TaskStoreState;
+/** People, projects, tasks and workflows from the store's state, for the components. */
+export declare function useTaskDirectory(state: TaskStoreState): TaskDirectory;
+/** Whether a media query matches, following changes. True where there is no `matchMedia`, such as on the server. */
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/react/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAS,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,uDAAuD;AACvD,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,cAAc,CAE7D;AAED,wFAAwF;AACxF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,aAAa,CASrE;AAQD,oHAAoH;AACpH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAYpD"}

package/dist/react/hooks.js

@@ -0,0 +1,31 @@
+import { useCallback, useMemo, useSyncExternalStore } from 'react';
+/** The store's state, re-rendering on every change. */
+export function useTaskStore(store) {
+    return useSyncExternalStore(store.subscribe, store.getState, store.getState);
+}
+/** People, projects, tasks and workflows from the store's state, for the components. */
+export function useTaskDirectory(state) {
+    const { identities, projects, tasks, workflows } = state;
+    const people = useMemo(() => named(identities.values()), [identities]);
+    const projectList = useMemo(() => named(projects.values()), [projects]);
+    const workflowList = useMemo(() => [...workflows.values()], [workflows]);
+    return useMemo(() => ({ people, projects: projectList, tasks, workflows: workflowList }), [people, projectList, tasks, workflowList]);
+}
+function named(items) {
+    return [...items]
+        .map((item) => ({ urn: item.urn, name: item.name || `…${item.urn.slice(-6)}` }))
+        .sort((a, b) => a.name.localeCompare(b.name));
+}
+/** Whether a media query matches, following changes. True where there is no `matchMedia`, such as on the server. */
+export function useMediaQuery(query) {
+    const subscribe = useCallback((onChange) => {
+        if (typeof matchMedia !== 'function')
+            return () => undefined;
+        const list = matchMedia(query);
+        list.addEventListener('change', onChange);
+        return () => list.removeEventListener('change', onChange);
+    }, [query]);
+    const matches = () => typeof matchMedia !== 'function' || matchMedia(query).matches;
+    return useSyncExternalStore(subscribe, matches, () => true);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/react/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/react/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAInE,uDAAuD;AACvD,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC/E,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACzE,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EACzE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAC3C,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,KAAsD;IACnE,OAAO,CAAC,GAAG,KAAK,CAAC;SACd,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;SAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,oHAAoH;AACpH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAAoB,EAAE,EAAE;QACvB,IAAI,OAAO,UAAU,KAAK,UAAU;YAAE,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC;QAC7D,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IACpF,OAAO,oBAAoB,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,13 @@
+export * from './copy.tsx';
+export * from './parts.tsx';
+export * from './fields.tsx';
+export * from './hooks.ts';
+export * from './TaskBoard.tsx';
+export * from './TaskFilters.tsx';
+export * from './TaskActivity.tsx';
+export * from './TaskEditor.tsx';
+export * from './TaskConflicts.tsx';
+export * from './TaskCreateForm.tsx';
+export * from './TaskView.tsx';
+export * from './TasksAbout.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,13 @@
+export * from "./copy.js";
+export * from "./parts.js";
+export * from "./fields.js";
+export * from "./hooks.js";
+export * from "./TaskBoard.js";
+export * from "./TaskFilters.js";
+export * from "./TaskActivity.js";
+export * from "./TaskEditor.js";
+export * from "./TaskConflicts.js";
+export * from "./TaskCreateForm.js";
+export * from "./TaskView.js";
+export * from "./TasksAbout.js";
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAY,CAAC;AAC3B,cAAc,YAAa,CAAC;AAC5B,cAAc,aAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAiB,CAAC;AAChC,cAAc,kBAAmB,CAAC;AAClC,cAAc,mBAAoB,CAAC;AACnC,cAAc,iBAAkB,CAAC;AACjC,cAAc,oBAAqB,CAAC;AACpC,cAAc,qBAAsB,CAAC;AACrC,cAAc,eAAgB,CAAC;AAC/B,cAAc,iBAAkB,CAAC"}

package/dist/react/parts.d.ts

@@ -0,0 +1,55 @@
+import type { Task, TaskPriority, TaskStatus, Workflow } from '@baack-software/baack-ts-client';
+import type { Ref } from '../types.ts';
+/** A person, project or task the components can name. */
+export interface Named {
+    urn: string;
+    name: string;
+}
+/**
+ * What the components know beyond the tasks themselves: people to assign, projects, and the tasks a blocker or
+ * related task refers to. From `TaskStore` state, or from any other source. Companies and content (entities) are
+ * offered as related items when given, and workflows give stage columns and a stage picker.
+ */
+export interface TaskDirectory {
+    people: readonly Named[];
+    projects: readonly Named[];
+    tasks: readonly Task[];
+    companies?: readonly Named[] | undefined;
+    entities?: readonly Named[] | undefined;
+    workflows?: readonly Workflow[] | undefined;
+}
+export declare const EMPTY_DIRECTORY: TaskDirectory;
+/** The name of a person, project, task or stage, from the reference itself or the directory, else the end of its URN. */
+export declare function nameOf(directory: TaskDirectory, ref: Ref & {
+    name?: string | null;
+    title?: string;
+}): string;
+export declare function PriorityBadge({ priority, className }: {
+    priority: TaskPriority;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function StatusBadge({ status, className }: {
+    status: TaskStatus;
+    className?: string;
+}): import("react").JSX.Element;
+/** "Blocked" with an icon, for a task waiting on open blockers. */
+export declare function BlockedBadge({ title }: {
+    title?: string;
+}): import("react").JSX.Element;
+/** The due date ("12 Oct"), flagged when an open task is past it. */
+export declare function DueDate({ task, now }: {
+    task: Pick<Task, 'dueTimestamp' | 'status'>;
+    now?: Date;
+}): import("react").JSX.Element;
+/** When something happened, in the viewer's locale and time zone. */
+export declare function Timestamp({ value, className }: {
+    value: string | null | undefined;
+    className?: string;
+}): import("react").JSX.Element | null;
+export declare function initials(name: string): string;
+/** A person's initials in a colour that stays the same for them; a dashed circle when no one is assigned. */
+export declare function PersonAvatar({ person, size }: {
+    person?: Named | null;
+    size?: 'sm' | 'default' | 'lg';
+}): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/react/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/react/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAKhG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAIvC,yDAAyD;AACzD,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,QAAQ,EAAE,SAAS,KAAK,EAAE,CAAC;IAC3B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,eAAe,EAAE,aAAuD,CAAC;AAEtF,yHAAyH;AACzH,wBAAgB,MAAM,CAAC,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAY5G;AAUD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUpG;AAWD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAc5F;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQzD;AAKD,qEAAqE;AACrE,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,GAAG,QAAQ,CAAC,CAAC;IAAC,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,+BAqBjG;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAQvG;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ7C;AAWD,6GAA6G;AAC7G,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAW,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAAE,+BAe9G"}

package/dist/react/parts.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Ban, CalendarDays, CalendarX2 } from 'lucide-react';
+import { cn } from 'cn';
+import { isOverdue } from "../tasks.js";
+import { parseTimestamp } from "../time.js";
+import { priorityCopy, statusCopy, useCopy } from "./copy.js";
+import { Avatar, AvatarFallback } from "./ui/avatar.js";
+export const EMPTY_DIRECTORY = { people: [], projects: [], tasks: [] };
+/** The name of a person, project, task or stage, from the reference itself or the directory, else the end of its URN. */
+export function nameOf(directory, ref) {
+    return (ref.name ||
+        ref.title ||
+        directory.people.find((p) => p.urn === ref.urn)?.name ||
+        directory.projects.find((p) => p.urn === ref.urn)?.name ||
+        directory.tasks.find((t) => t.urn === ref.urn)?.title ||
+        directory.companies?.find((c) => c.urn === ref.urn)?.name ||
+        directory.entities?.find((e) => e.urn === ref.urn)?.name ||
+        directory.workflows?.flatMap((w) => w.stages ?? []).find((s) => s.urn === ref.urn)?.name ||
+        `…${ref.urn.slice(-6)}`);
+}
+const PRIORITY_CLASS = {
+    CRITICAL: 'bg-red-100 text-red-800 dark:bg-red-950 dark:text-red-200',
+    HIGH: 'bg-orange-100 text-orange-800 dark:bg-orange-950 dark:text-orange-200',
+    MEDIUM: 'bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-200',
+    LOW: 'bg-sky-100 text-sky-800 dark:bg-sky-950 dark:text-sky-200',
+    NONE: 'bg-muted text-muted-foreground',
+};
+export function PriorityBadge({ priority, className }) {
+    const copy = useCopy();
+    return (_jsx("span", { "data-priority": priority, className: cn('rounded px-1.5 py-px text-[11px] font-semibold', PRIORITY_CLASS[priority], className), children: copy(priorityCopy(priority)) }));
+}
+const STATUS_CLASS = {
+    UNDEFINED: 'border-border text-muted-foreground',
+    PENDING: 'border-border text-foreground',
+    IN_PROGRESS: 'border-primary/40 text-primary',
+    BLOCKED: 'border-destructive/40 text-destructive',
+    COMPLETED: 'border-emerald-600/40 text-emerald-700 dark:text-emerald-400',
+    CLOSED: 'border-border text-muted-foreground',
+};
+export function StatusBadge({ status, className }) {
+    const copy = useCopy();
+    return (_jsx("span", { "data-status": status, className: cn('inline-flex h-5 items-center rounded-full border px-2 text-[11px] font-medium whitespace-nowrap', STATUS_CLASS[status], className), children: copy(statusCopy(status)) }));
+}
+/** "Blocked" with an icon, for a task waiting on open blockers. */
+export function BlockedBadge({ title }) {
+    const copy = useCopy();
+    return (_jsxs("span", { title: title, className: "text-destructive inline-flex items-center gap-0.5 text-[11px] font-semibold", children: [_jsx(Ban, { "aria-hidden": "true", className: "size-3" }), copy('blocked')] }));
+}
+const dayFormat = new Intl.DateTimeFormat(undefined, { day: 'numeric', month: 'short' });
+const fullFormat = new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' });
+/** The due date ("12 Oct"), flagged when an open task is past it. */
+export function DueDate({ task, now }) {
+    const copy = useCopy();
+    const due = parseTimestamp(task.dueTimestamp);
+    if (!due)
+        return _jsx("span", { className: "text-muted-foreground text-[11px]", children: copy('due_none') });
+    const overdue = isOverdue(task, now);
+    const Icon = overdue ? CalendarX2 : CalendarDays;
+    return (_jsxs("time", { dateTime: due.toISOString(), title: fullFormat.format(due), className: cn('inline-flex items-center gap-1 text-[11px] whitespace-nowrap', overdue ? 'text-destructive font-semibold' : 'text-muted-foreground'), children: [_jsx(Icon, { "aria-hidden": "true", className: "size-3" }), _jsxs("span", { className: "sr-only", children: [copy('field_due'), " "] }), dayFormat.format(due), overdue && _jsxs("span", { className: "sr-only", children: [", ", copy('due_overdue')] })] }));
+}
+/** When something happened, in the viewer's locale and time zone. */
+export function Timestamp({ value, className }) {
+    const date = parseTimestamp(value);
+    if (!date)
+        return null;
+    return (_jsx("time", { dateTime: date.toISOString(), className: className, children: fullFormat.format(date) }));
+}
+export function initials(name) {
+    return name
+        .split(/\s+/)
+        .filter(Boolean)
+        .map((part) => part[0])
+        .join('')
+        .slice(0, 2)
+        .toUpperCase();
+}
+// Each has at least 4.5:1 contrast with white text.
+const AVATAR_CLASS = ['bg-blue-700', 'bg-teal-700', 'bg-violet-700', 'bg-amber-700', 'bg-rose-700', 'bg-slate-700'];
+function avatarClass(urn) {
+    let hash = 0;
+    for (const char of urn)
+        hash = (hash * 31 + char.charCodeAt(0)) | 0;
+    return AVATAR_CLASS[Math.abs(hash) % AVATAR_CLASS.length];
+}
+/** A person's initials in a colour that stays the same for them; a dashed circle when no one is assigned. */
+export function PersonAvatar({ person, size = 'sm' }) {
+    if (!person) {
+        return (_jsx(Avatar, { size: size, "aria-hidden": "true", children: _jsx(AvatarFallback, { className: "border-border border border-dashed bg-transparent", children: "?" }) }));
+    }
+    return (_jsx(Avatar, { size: size, "aria-hidden": "true", title: person.name, children: _jsx(AvatarFallback, { className: cn('font-semibold text-white', avatarClass(person.urn)), children: initials(person.name) }) }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/react/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/react/parts.tsx"],"names":[],"mappings":"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"}

package/dist/react/ui/alert.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };
+//# sourceMappingURL=alert.d.ts.map

package/dist/react/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/react/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/ui/alert.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), ...props }));
+}
+function AlertAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription, AlertAction };
+//# sourceMappingURL=alert.js.map

package/dist/react/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/react/ui/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAA;AAEvB,MAAM,aAAa,GAAG,GAAG,CACvB,2TAA2T,EAC3T;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,8BAA8B;YACvC,WAAW,EACT,mGAAmG;SACtG;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAED,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACyD;IACjE,OAAO,CACL,2BACY,OAAO,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,4JAA4J,EAC5J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/ui/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/react/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/react/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B,qBAYA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAWpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,qBAWvD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,CAAA"}

package/dist/react/ui/avatar.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "cn";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+function Avatar({ className, size = "default", ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full rounded-full object-cover", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className), ...props }));
+}
+function AvatarBadge({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
+}
+function AvatarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className), ...props }));
+}
+function AvatarGroupCount({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
+//# sourceMappingURL=avatar.js.map

package/dist/react/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/react/ui/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAA;AACvB,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,uPAAuP,EACvP,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,oIAAoI,EACpI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACxE,OAAO,CACL,4BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,0KAA0K,EAC1K,+EAA+E,EAC/E,2FAA2F,EAC3F,+EAA+E,EAC/E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,0VAA0V,EAC1V,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,CAAA"}