@dxos/react-ui-task 0.10.0

package/LICENSE

@@ -0,0 +1,105 @@
+# Functional Source License, Version 1.1, ALv2 Future License
+
+## Abbreviation
+
+FSL-1.1-Apache-2.0
+
+## Notice
+
+Copyright 2026 DXOS
+
+## Terms and Conditions
+
+### Licensor ("We")
+
+The party offering the Software under these Terms and Conditions.
+
+### The Software
+
+The "Software" is each version of the software that we make available under
+these Terms and Conditions, as indicated by our inclusion of these Terms and
+Conditions with the Software.
+
+### License Grant
+
+Subject to your compliance with this License Grant and the Patents,
+Redistribution and Trademark clauses below, we hereby grant you the right to
+use, copy, modify, create derivative works, publicly perform, publicly display
+and redistribute the Software for any Permitted Purpose identified below.
+
+### Permitted Purpose
+
+A Permitted Purpose is any purpose other than a Competing Use. A Competing Use
+means making the Software available to others in a commercial product or
+service that:
+
+1. substitutes for the Software;
+
+2. substitutes for any other product or service we offer using the Software
+   that exists as of the date we make the Software available; or
+
+3. offers the same or substantially similar functionality as the Software.
+
+Permitted Purposes specifically include using the Software:
+
+1. for your internal use and access;
+
+2. for non-commercial education;
+
+3. for non-commercial research; and
+
+4. in connection with professional services that you provide to a licensee
+   using the Software in accordance with these Terms and Conditions.
+
+### Patents
+
+To the extent your use for a Permitted Purpose would necessarily infringe our
+patents, the license grant above includes a license under our patents. If you
+make a claim against any party that the Software infringes or contributes to
+the infringement of any patent, then your patent license to the Software ends
+immediately.
+
+### Redistribution
+
+The Terms and Conditions apply to all copies, modifications and derivatives of
+the Software.
+
+If you redistribute any copies, modifications or derivatives of the Software,
+you must include a copy of or a link to these Terms and Conditions and not
+remove any copyright notices provided in or with the Software.
+
+### Disclaimer
+
+THE SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR
+PURPOSE, MERCHANTABILITY, TITLE OR NON-INFRINGEMENT.
+
+IN NO EVENT WILL WE HAVE ANY LIABILITY TO YOU ARISING OUT OF OR RELATED TO THE
+SOFTWARE, INCLUDING INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES,
+EVEN IF WE HAVE BEEN INFORMED OF THEIR POSSIBILITY IN ADVANCE.
+
+### Trademarks
+
+Except for displaying the License Details and identifying us as the origin of
+the Software, you have no right under these Terms and Conditions to use our
+trademarks, trade names, service marks or product names.
+
+## Grant of Future License
+
+We hereby irrevocably grant you an additional license to use the Software under
+the Apache License, Version 2.0 that is effective on the second anniversary of
+the date we make the Software available. On or after that date, you may use the
+Software under the Apache License, Version 2.0, in which case the following
+will apply:
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License.
+
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed
+under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the License for the
+specific language governing permissions and limitations under the License.

package/dist/lib/index.mjs

@@ -0,0 +1,154 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useObject } from "@dxos/echo-react";
+import { Icon, IconButton, Input, Tag } from "@dxos/react-ui";
+import { Listbox } from "@dxos/react-ui-list";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/TaskList/TaskList.tsx
+/** Linear-style status groups, most active first. */
+var STATUS_ORDER = [
+	"in-progress",
+	"todo",
+	"done",
+	"failed",
+	"cancelled"
+];
+var DEFAULT_STATUS_LABELS = {
+	"in-progress": "In progress",
+	"todo": "Todo",
+	"done": "Done",
+	"failed": "Failed",
+	"cancelled": "Cancelled"
+};
+/**
+* List of durable {@link Task} objects with optional CRUD affordances — every mutation is
+* delegated to a callback (typically a `TaskOperation` invocation), never performed here.
+*/
+var TaskList = ({ classNames, tasks, groupByStatus = true, statusLabel = (status) => DEFAULT_STATUS_LABELS[status], onTaskCreate, onTaskUpdate, onTaskDelete, onTaskSelect, createPlaceholder = "Add task" }) => {
+	const groups = useMemo(() => {
+		if (!groupByStatus) return tasks.length > 0 ? [{
+			status: void 0,
+			tasks
+		}] : [];
+		return STATUS_ORDER.map((status) => ({
+			status,
+			tasks: tasks.filter((task) => (task.status ?? "todo") === status)
+		})).filter((group) => group.tasks.length > 0);
+	}, [tasks, groupByStatus]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col min-w-0",
+		children: [/* @__PURE__ */ jsx(Listbox.Root, { children: /* @__PURE__ */ jsx(Listbox.Viewport, {
+			classNames: ["dx-container", classNames],
+			children: /* @__PURE__ */ jsx(Listbox.Content, {
+				"aria-label": "Tasks",
+				children: groups.map(({ status, tasks }) => /* @__PURE__ */ jsxs(React.Fragment, { children: [status && /* @__PURE__ */ jsx("div", {
+					className: "px-2 pt-3 pb-1 text-xs text-subdued uppercase",
+					children: statusLabel(status)
+				}), tasks.map((task) => /* @__PURE__ */ jsx(TaskRow, {
+					task,
+					onUpdate: onTaskUpdate,
+					onDelete: onTaskDelete,
+					onSelect: onTaskSelect
+				}, task.id))] }, status ?? "all"))
+			})
+		}) }), onTaskCreate && /* @__PURE__ */ jsx(TaskCreateRow, {
+			placeholder: createPlaceholder,
+			onCreate: onTaskCreate
+		})]
+	});
+};
+var TaskRow = ({ task, onUpdate, onDelete, onSelect }) => {
+	const done = task.status === "done";
+	const handleToggle = useCallback(() => onUpdate?.(task, { status: done ? "todo" : "done" }), [
+		onUpdate,
+		task,
+		done
+	]);
+	return /* @__PURE__ */ jsx(Listbox.Item, {
+		id: task.id,
+		classNames: "py-0 group",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 min-w-0",
+			children: [
+				onUpdate ? /* @__PURE__ */ jsx(IconButton, {
+					variant: "ghost",
+					density: "xs",
+					icon: done ? "ph--check--regular" : "ph--circle--regular",
+					iconOnly: true,
+					label: done ? "Mark todo" : "Mark done",
+					classNames: done ? "text-success-text" : void 0,
+					onClick: handleToggle
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: done ? "ph--check--regular" : "ph--circle--regular",
+					classNames: done ? "text-success-text" : void 0,
+					size: 4
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: onSelect ? "truncate flex-1 cursor-pointer" : "truncate flex-1",
+					onClick: onSelect ? () => onSelect(task) : void 0,
+					children: task.title
+				}),
+				task.priority && task.priority !== "none" && /* @__PURE__ */ jsx(Tag, {
+					hue: "neutral",
+					children: task.priority
+				}),
+				task.assignee && /* @__PURE__ */ jsx(AssigneeChip, { assignee: task.assignee }),
+				onDelete && /* @__PURE__ */ jsx(IconButton, {
+					variant: "ghost",
+					density: "xs",
+					icon: "ph--x--regular",
+					iconOnly: true,
+					label: "Delete task",
+					classNames: "invisible group-hover:visible",
+					onClick: () => onDelete(task)
+				})
+			]
+		})
+	});
+};
+var TaskCreateRow = ({ placeholder, onCreate }) => {
+	const [title, setTitle] = useState("");
+	const handleKeyDown = useCallback((event) => {
+		const trimmed = title.trim();
+		if (event.key === "Enter" && trimmed.length > 0) {
+			onCreate(trimmed);
+			setTitle("");
+		}
+	}, [title, onCreate]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 px-2 py-1",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph--plus--regular",
+			size: 4,
+			classNames: "text-subdued"
+		}), /* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.TextInput, {
+			variant: "subdued",
+			placeholder,
+			value: title,
+			onChange: (event) => setTitle(event.target.value),
+			onKeyDown: handleKeyDown
+		}) })]
+	});
+};
+/**
+* Actor-aware assignee chip: a Person ref resolves to the contact's name; otherwise fall back to
+* name, email, or a shortened DID; agents (`role: 'assistant'`) are marked with a sparkle.
+*/
+var AssigneeChip = ({ assignee }) => {
+	const [contact] = useObject(assignee.contact);
+	const label = contact?.fullName ?? assignee.name ?? assignee.email ?? (assignee.identityDid ? shortDid(assignee.identityDid) : void 0);
+	const agent = assignee.role === "assistant";
+	if (!label && !agent) return null;
+	return /* @__PURE__ */ jsxs(Tag, {
+		hue: agent ? "purple" : "indigo",
+		children: [agent && /* @__PURE__ */ jsx(Icon, {
+			icon: "ph--sparkle--regular",
+			size: 3,
+			classNames: "inline-block me-1"
+		}), label ?? "agent"]
+	});
+};
+var shortDid = (did) => `${did.slice(0, 12)}…`;
+//#endregion
+export { AssigneeChip, STATUS_ORDER, TaskList };
+
+//# sourceMappingURL=index.mjs.map

package/dist/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/TaskList/TaskList.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type KeyboardEvent, useCallback, useMemo, useState } from 'react';\n\nimport { useObject } from '@dxos/echo-react';\nimport { Icon, IconButton, Input, Tag, type ThemedClassName } from '@dxos/react-ui';\nimport { Listbox } from '@dxos/react-ui-list';\nimport { type Actor, type Task } from '@dxos/types';\n\nexport type TaskStatus = NonNullable<Task.Task['status']>;\n\n/** Linear-style status groups, most active first. */\nexport const STATUS_ORDER: TaskStatus[] = ['in-progress', 'todo', 'done', 'failed', 'cancelled'];\n\nconst DEFAULT_STATUS_LABELS: Record<TaskStatus, string> = {\n  'in-progress': 'In progress',\n  'todo': 'Todo',\n  'done': 'Done',\n  'failed': 'Failed',\n  'cancelled': 'Cancelled',\n};\n\nexport type TaskPatch = Partial<Pick<Task.Task, 'title' | 'status' | 'priority' | 'estimate' | 'assignee'>>;\n\nexport type TaskListProps = ThemedClassName<{\n  tasks: readonly Task.Task[];\n  /** Group rows into status sections (Linear order); flat list otherwise. */\n  groupByStatus?: boolean;\n  /** i18n hook for group headings; defaults to English labels. */\n  statusLabel?: (status: TaskStatus) => string;\n  /** Renders an add row; called with the trimmed title on Enter. */\n  onTaskCreate?: (title: string) => void;\n  /** Enables the done toggle (status patch) and any future field affordances. */\n  onTaskUpdate?: (task: Task.Task, patch: TaskPatch) => void;\n  /** Renders a per-row delete affordance. */\n  onTaskDelete?: (task: Task.Task) => void;\n  /** Row click. */\n  onTaskSelect?: (task: Task.Task) => void;\n  createPlaceholder?: string;\n}>;\n\n/**\n * List of durable {@link Task} objects with optional CRUD affordances — every mutation is\n * delegated to a callback (typically a `TaskOperation` invocation), never performed here.\n */\nexport const TaskList = ({\n  classNames,\n  tasks,\n  groupByStatus = true,\n  statusLabel = (status) => DEFAULT_STATUS_LABELS[status],\n  onTaskCreate,\n  onTaskUpdate,\n  onTaskDelete,\n  onTaskSelect,\n  createPlaceholder = 'Add task',\n}: TaskListProps) => {\n  const groups = useMemo(() => {\n    if (!groupByStatus) {\n      return tasks.length > 0 ? [{ status: undefined, tasks }] : [];\n    }\n    return STATUS_ORDER.map((status) => ({\n      status,\n      tasks: tasks.filter((task) => (task.status ?? 'todo') === status),\n    })).filter((group) => group.tasks.length > 0);\n  }, [tasks, groupByStatus]);\n\n  return (\n    <div className='flex flex-col min-w-0'>\n      <Listbox.Root>\n        <Listbox.Viewport classNames={['dx-container', classNames]}>\n          <Listbox.Content aria-label='Tasks'>\n            {groups.map(({ status, tasks }) => (\n              <React.Fragment key={status ?? 'all'}>\n                {status && <div className='px-2 pt-3 pb-1 text-xs text-subdued uppercase'>{statusLabel(status)}</div>}\n                {tasks.map((task) => (\n                  <TaskRow\n                    key={task.id}\n                    task={task}\n                    onUpdate={onTaskUpdate}\n                    onDelete={onTaskDelete}\n                    onSelect={onTaskSelect}\n                  />\n                ))}\n              </React.Fragment>\n            ))}\n          </Listbox.Content>\n        </Listbox.Viewport>\n      </Listbox.Root>\n      {onTaskCreate && <TaskCreateRow placeholder={createPlaceholder} onCreate={onTaskCreate} />}\n    </div>\n  );\n};\n\ntype TaskRowProps = {\n  task: Task.Task;\n  onUpdate?: TaskListProps['onTaskUpdate'];\n  onDelete?: TaskListProps['onTaskDelete'];\n  onSelect?: TaskListProps['onTaskSelect'];\n};\n\nconst TaskRow = ({ task, onUpdate, onDelete, onSelect }: TaskRowProps) => {\n  const done = task.status === 'done';\n  const handleToggle = useCallback(() => onUpdate?.(task, { status: done ? 'todo' : 'done' }), [onUpdate, task, done]);\n\n  return (\n    <Listbox.Item id={task.id} classNames='py-0 group'>\n      <div className='flex items-center gap-2 min-w-0'>\n        {onUpdate ? (\n          <IconButton\n            variant='ghost'\n            density='xs'\n            icon={done ? 'ph--check--regular' : 'ph--circle--regular'}\n            iconOnly\n            label={done ? 'Mark todo' : 'Mark done'}\n            classNames={done ? 'text-success-text' : undefined}\n            onClick={handleToggle}\n          />\n        ) : (\n          <Icon\n            icon={done ? 'ph--check--regular' : 'ph--circle--regular'}\n            classNames={done ? 'text-success-text' : undefined}\n            size={4}\n          />\n        )}\n        <span\n          className={onSelect ? 'truncate flex-1 cursor-pointer' : 'truncate flex-1'}\n          onClick={onSelect ? () => onSelect(task) : undefined}\n        >\n          {task.title}\n        </span>\n        {task.priority && task.priority !== 'none' && <Tag hue='neutral'>{task.priority}</Tag>}\n        {task.assignee && <AssigneeChip assignee={task.assignee} />}\n        {onDelete && (\n          <IconButton\n            variant='ghost'\n            density='xs'\n            icon='ph--x--regular'\n            iconOnly\n            label='Delete task'\n            classNames='invisible group-hover:visible'\n            onClick={() => onDelete(task)}\n          />\n        )}\n      </div>\n    </Listbox.Item>\n  );\n};\n\ntype TaskCreateRowProps = {\n  placeholder: string;\n  onCreate: (title: string) => void;\n};\n\nconst TaskCreateRow = ({ placeholder, onCreate }: TaskCreateRowProps) => {\n  const [title, setTitle] = useState('');\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      const trimmed = title.trim();\n      if (event.key === 'Enter' && trimmed.length > 0) {\n        onCreate(trimmed);\n        setTitle('');\n      }\n    },\n    [title, onCreate],\n  );\n\n  return (\n    <div className='flex items-center gap-2 px-2 py-1'>\n      <Icon icon='ph--plus--regular' size={4} classNames='text-subdued' />\n      <Input.Root>\n        <Input.TextInput\n          variant='subdued'\n          placeholder={placeholder}\n          value={title}\n          onChange={(event) => setTitle(event.target.value)}\n          onKeyDown={handleKeyDown}\n        />\n      </Input.Root>\n    </div>\n  );\n};\n\n/**\n * Actor-aware assignee chip: a Person ref resolves to the contact's name; otherwise fall back to\n * name, email, or a shortened DID; agents (`role: 'assistant'`) are marked with a sparkle.\n */\nexport const AssigneeChip = ({ assignee }: { assignee: Actor.Actor }) => {\n  const [contact] = useObject(assignee.contact);\n  const label =\n    contact?.fullName ??\n    assignee.name ??\n    assignee.email ??\n    (assignee.identityDid ? shortDid(assignee.identityDid) : undefined);\n  const agent = assignee.role === 'assistant';\n  if (!label && !agent) {\n    return null;\n  }\n\n  return (\n    <Tag hue={agent ? 'purple' : 'indigo'}>\n      {agent && <Icon icon='ph--sparkle--regular' size={3} classNames='inline-block me-1' />}\n      {label ?? 'agent'}\n    </Tag>\n  );\n};\n\nconst shortDid = (did: string): string => `${did.slice(0, 12)}…`;\n"],"mappings":"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"}

package/dist/types/src/components/TaskList/TaskList.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type Actor, type Task } from '@dxos/types';
+export type TaskStatus = NonNullable<Task.Task['status']>;
+/** Linear-style status groups, most active first. */
+export declare const STATUS_ORDER: TaskStatus[];
+export type TaskPatch = Partial<Pick<Task.Task, 'title' | 'status' | 'priority' | 'estimate' | 'assignee'>>;
+export type TaskListProps = ThemedClassName<{
+    tasks: readonly Task.Task[];
+    /** Group rows into status sections (Linear order); flat list otherwise. */
+    groupByStatus?: boolean;
+    /** i18n hook for group headings; defaults to English labels. */
+    statusLabel?: (status: TaskStatus) => string;
+    /** Renders an add row; called with the trimmed title on Enter. */
+    onTaskCreate?: (title: string) => void;
+    /** Enables the done toggle (status patch) and any future field affordances. */
+    onTaskUpdate?: (task: Task.Task, patch: TaskPatch) => void;
+    /** Renders a per-row delete affordance. */
+    onTaskDelete?: (task: Task.Task) => void;
+    /** Row click. */
+    onTaskSelect?: (task: Task.Task) => void;
+    createPlaceholder?: string;
+}>;
+/**
+ * List of durable {@link Task} objects with optional CRUD affordances — every mutation is
+ * delegated to a callback (typically a `TaskOperation` invocation), never performed here.
+ */
+export declare const TaskList: ({ classNames, tasks, groupByStatus, statusLabel, onTaskCreate, onTaskUpdate, onTaskDelete, onTaskSelect, createPlaceholder, }: TaskListProps) => React.JSX.Element;
+/**
+ * Actor-aware assignee chip: a Person ref resolves to the contact's name; otherwise fall back to
+ * name, email, or a shortened DID; agents (`role: 'assistant'`) are marked with a sparkle.
+ */
+export declare const AssigneeChip: ({ assignee }: {
+    assignee: Actor.Actor;
+}) => React.JSX.Element | null;
+//# sourceMappingURL=TaskList.d.ts.map

package/dist/types/src/components/TaskList/TaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TaskList/TaskList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAgC,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEpF,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE1D,qDAAqD;AACrD,eAAO,MAAM,YAAY,EAAE,UAAU,EAA2D,CAAC;AAUjG,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC;AAE5G,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC;IAC1C,KAAK,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,CAAC;IAC5B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,CAAC;IAC7C,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;IACzC,iBAAiB;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,QAAQ,kIAUlB,aAAa,sBAoCf,CAAC;AA2FF;;;GAGG;AACH,eAAO,MAAM,YAAY,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAA;CAAE,6BAkBnE,CAAC"}

package/dist/types/src/components/TaskList/TaskList.stories.d.ts

@@ -0,0 +1,14 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: (args: {
+        readonly?: boolean;
+    }) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Readonly: Story;
+//# sourceMappingURL=TaskList.stories.d.ts.map

package/dist/types/src/components/TaskList/TaskList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TaskList/TaskList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgC,MAAM,OAAO,CAAC;AA8CrD,QAAA,MAAM,IAAI;;;mBA9BuC,OAAO;;;CAkCnB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/types/src/components/TaskList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TaskList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/TaskList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TaskList/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/TaskList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,uBAAuB,CAAC"}

package/dist/types/src/vitest-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=vitest-setup.d.ts.map

package/dist/types/src/vitest-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest-setup.d.ts","sourceRoot":"","sources":["../../../src/vitest-setup.ts"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC"}