@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/components/templates/recipes/RecipeList.js

@@ -0,0 +1,116 @@
+'use client';
+
+import { LanguageSwitcher } from "./LanguageSwitcher.js";
+import { RecipeCard } from "./RecipeCard.js";
+import { RecipeDetail } from "./RecipeDetail.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery } from "@apollo/client/react";
+import { gql } from "@apollo/client";
+import { registerTemplateComponents, useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+
+//#region src/components/templates/recipes/RecipeList.tsx
+const RECIPES_QUERY = gql`
+  query Recipes($projectId: ID!, $locale: RecipeLocale!) {
+    recipes(projectId: $projectId, locale: $locale) {
+      id
+      name
+      description
+      heroImageUrl
+      prepTimeMinutes
+      cookTimeMinutes
+      servings
+      isFavorite
+      locale
+      category {
+        id
+        nameEn
+        nameFr
+      }
+      ingredients {
+        id
+        name
+        quantity
+      }
+      instructions {
+        id
+        content
+        ordering
+      }
+    }
+  }
+`;
+const FAVORITE_RECIPE = gql`
+  mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {
+    favoriteRecipe(id: $id, isFavorite: $isFavorite) {
+      id
+      isFavorite
+    }
+  }
+`;
+function RecipeList() {
+	const { projectId } = useTemplateRuntime();
+	const [locale, setLocale] = useState("EN");
+	const [selected, setSelected] = useState();
+	const [search, setSearch] = useState("");
+	const { data, loading } = useQuery(RECIPES_QUERY, {
+		variables: {
+			projectId,
+			locale
+		},
+		fetchPolicy: "cache-and-network"
+	});
+	const [favoriteRecipe] = useMutation(FAVORITE_RECIPE);
+	const filtered = (data?.recipes ?? []).filter((recipe) => recipe.name.toLowerCase().includes(search.toLowerCase()));
+	const handleToggleFavorite = async (recipe) => {
+		await favoriteRecipe({
+			variables: {
+				id: recipe.id,
+				isFavorite: !recipe.isFavorite
+			},
+			optimisticResponse: { favoriteRecipe: {
+				__typename: "Recipe",
+				id: recipe.id,
+				isFavorite: !recipe.isFavorite
+			} }
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ jsx(LanguageSwitcher, {
+					locale,
+					onChange: setLocale
+				}), /* @__PURE__ */ jsx("input", {
+					type: "search",
+					placeholder: locale === "EN" ? "Search recipes" : "Rechercher des recettes",
+					className: "border-border bg-card flex-1 rounded-full border px-4 py-2 text-sm",
+					value: search,
+					onChange: (event) => setSearch(event.target.value)
+				})]
+			}),
+			loading ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Loading recipes…"
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: filtered.map((recipe) => /* @__PURE__ */ jsx(RecipeCard, {
+					recipe,
+					onSelect: setSelected,
+					onToggleFavorite: handleToggleFavorite
+				}, recipe.id))
+			}),
+			/* @__PURE__ */ jsx(RecipeDetail, { recipe: selected })
+		]
+	});
+}
+registerTemplateComponents("recipe-app-i18n", {
+	list: RecipeList,
+	detail: RecipeDetail
+});
+
+//#endregion
+export { RecipeList };
+//# sourceMappingURL=RecipeList.js.map

package/dist/components/templates/recipes/RecipeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeList.js","names":[],"sources":["../../../../src/components/templates/recipes/RecipeList.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\n\nimport {\n  registerTemplateComponents,\n  useTemplateRuntime,\n} from '@contractspec/lib.example-shared-ui';\nimport { LanguageSwitcher } from './LanguageSwitcher';\nimport { RecipeCard } from './RecipeCard';\nimport { RecipeDetail } from './RecipeDetail';\nimport { type Recipe } from './types';\n\nconst RECIPES_QUERY = gql`\n  query Recipes($projectId: ID!, $locale: RecipeLocale!) {\n    recipes(projectId: $projectId, locale: $locale) {\n      id\n      name\n      description\n      heroImageUrl\n      prepTimeMinutes\n      cookTimeMinutes\n      servings\n      isFavorite\n      locale\n      category {\n        id\n        nameEn\n        nameFr\n      }\n      ingredients {\n        id\n        name\n        quantity\n      }\n      instructions {\n        id\n        content\n        ordering\n      }\n    }\n  }\n`;\n\nconst FAVORITE_RECIPE = gql`\n  mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {\n    favoriteRecipe(id: $id, isFavorite: $isFavorite) {\n      id\n      isFavorite\n    }\n  }\n`;\n\nexport function RecipeList() {\n  const { projectId } = useTemplateRuntime();\n  const [locale, setLocale] = useState<'EN' | 'FR'>('EN');\n  const [selected, setSelected] = useState<Recipe | undefined>();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useQuery<{ recipes: Recipe[] }>(RECIPES_QUERY, {\n    variables: { projectId, locale },\n    fetchPolicy: 'cache-and-network',\n  });\n  const [favoriteRecipe] = useMutation(FAVORITE_RECIPE);\n\n  const recipes: Recipe[] = data?.recipes ?? [];\n  const filtered = recipes.filter((recipe) =>\n    recipe.name.toLowerCase().includes(search.toLowerCase())\n  );\n\n  const handleToggleFavorite = async (recipe: Recipe) => {\n    await favoriteRecipe({\n      variables: { id: recipe.id, isFavorite: !recipe.isFavorite },\n      optimisticResponse: {\n        favoriteRecipe: {\n          __typename: 'Recipe',\n          id: recipe.id,\n          isFavorite: !recipe.isFavorite,\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <LanguageSwitcher locale={locale} onChange={setLocale} />\n        <input\n          type=\"search\"\n          placeholder={\n            locale === 'EN' ? 'Search recipes' : 'Rechercher des recettes'\n          }\n          className=\"border-border bg-card flex-1 rounded-full border px-4 py-2 text-sm\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      {loading ? (\n        <p className=\"text-muted-foreground text-sm\">Loading recipes…</p>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {filtered.map((recipe) => (\n            <RecipeCard\n              key={recipe.id}\n              recipe={recipe}\n              onSelect={setSelected}\n              onToggleFavorite={handleToggleFavorite}\n            />\n          ))}\n        </div>\n      )}\n\n      <RecipeDetail recipe={selected} />\n    </div>\n  );\n}\n\nregisterTemplateComponents('recipe-app-i18n', {\n  list: RecipeList,\n  detail: RecipeDetail,\n});\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BzB,MAAM,kBAAkB,GAAG;;;;;;;;AAS3B,SAAgB,aAAa;CAC3B,MAAM,EAAE,cAAc,oBAAoB;CAC1C,MAAM,CAAC,QAAQ,aAAa,SAAsB,KAAK;CACvD,MAAM,CAAC,UAAU,eAAe,UAA8B;CAC9D,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;CACxC,MAAM,EAAE,MAAM,YAAY,SAAgC,eAAe;EACvE,WAAW;GAAE;GAAW;GAAQ;EAChC,aAAa;EACd,CAAC;CACF,MAAM,CAAC,kBAAkB,YAAY,gBAAgB;CAGrD,MAAM,YADoB,MAAM,WAAW,EAAE,EACpB,QAAQ,WAC/B,OAAO,KAAK,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACzD;CAED,MAAM,uBAAuB,OAAO,WAAmB;AACrD,QAAM,eAAe;GACnB,WAAW;IAAE,IAAI,OAAO;IAAI,YAAY,CAAC,OAAO;IAAY;GAC5D,oBAAoB,EAClB,gBAAgB;IACd,YAAY;IACZ,IAAI,OAAO;IACX,YAAY,CAAC,OAAO;IACrB,EACF;GACF,CAAC;;AAGJ,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAyB;KAAQ,UAAU;MAAa,EACzD,oBAAC;KACC,MAAK;KACL,aACE,WAAW,OAAO,mBAAmB;KAEvC,WAAU;KACV,OAAO;KACP,WAAW,UAAU,UAAU,MAAM,OAAO,MAAM;MAClD;KACE;GAEL,UACC,oBAAC;IAAE,WAAU;cAAgC;KAAoB,GAEjE,oBAAC;IAAI,WAAU;cACZ,SAAS,KAAK,WACb,oBAAC;KAES;KACR,UAAU;KACV,kBAAkB;OAHb,OAAO,GAIZ,CACF;KACE;GAGR,oBAAC,gBAAa,QAAQ,WAAY;;GAC9B;;AAIV,2BAA2B,mBAAmB;CAC5C,MAAM;CACN,QAAQ;CACT,CAAC"}

package/dist/components/templates/recipes/index.d.ts

@@ -0,0 +1,5 @@
+import { RecipeList } from "./RecipeList.js";
+import { RecipeCard, RecipeCardProps } from "./RecipeCard.js";
+import { RecipeDetail, RecipeDetailProps } from "./RecipeDetail.js";
+import { LanguageSwitcher, LanguageSwitcherProps } from "./LanguageSwitcher.js";
+export { LanguageSwitcher, LanguageSwitcherProps, RecipeCard, RecipeCardProps, RecipeDetail, RecipeDetailProps, RecipeList };

package/dist/components/templates/recipes/index.js

@@ -0,0 +1,6 @@
+import { LanguageSwitcher } from "./LanguageSwitcher.js";
+import { RecipeCard } from "./RecipeCard.js";
+import { RecipeDetail } from "./RecipeDetail.js";
+import { RecipeList } from "./RecipeList.js";
+
+export { LanguageSwitcher, RecipeCard, RecipeDetail, RecipeList };

package/dist/components/templates/recipes/types.d.ts

@@ -0,0 +1,30 @@
+//#region src/components/templates/recipes/types.d.ts
+interface Recipe {
+  id: string;
+  name: string;
+  description?: string | null;
+  heroImageUrl?: string | null;
+  prepTimeMinutes?: number | null;
+  cookTimeMinutes?: number | null;
+  servings?: number | null;
+  isFavorite: boolean;
+  locale: 'EN' | 'FR';
+  category?: {
+    id: string;
+    nameEn: string;
+    nameFr: string;
+  } | null;
+  ingredients: {
+    id: string;
+    name: string;
+    quantity: string;
+  }[];
+  instructions: {
+    id: string;
+    content: string;
+    ordering: number;
+  }[];
+}
+//#endregion
+export { Recipe };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/templates/recipes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/templates/recipes/types.ts"],"mappings":";UAAiB,MAAA;EACf,EAAA;EACA,IAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,QAAA;EACA,UAAA;EACA,MAAA;EACA,QAAA;IACE,EAAA;IACA,MAAA;IACA,MAAA;EAAA;EAEF,WAAA;IACE,EAAA;IACA,IAAA;IACA,QAAA;EAAA;EAEF,YAAA;IACE,EAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA"}

package/dist/components/templates/todos/FilterBar.d.ts

@@ -0,0 +1,23 @@
+import { TaskCategory, TaskPriority } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/todos/FilterBar.d.ts
+interface FilterState {
+  status: 'all' | 'active' | 'completed';
+  priority: TaskPriority | 'all';
+  categoryId: string | 'all';
+  search: string;
+}
+interface FilterBarProps {
+  value: FilterState;
+  onChange: (next: FilterState) => void;
+  categories: TaskCategory[];
+}
+declare function FilterBar({
+  value,
+  onChange,
+  categories
+}: FilterBarProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FilterBar, FilterBarProps, FilterState };
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/templates/todos/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","names":[],"sources":["../../../../src/components/templates/todos/FilterBar.tsx"],"mappings":";;;;UAEiB,WAAA;EACf,MAAA;EACA,QAAA,EAAU,YAAA;EACV,UAAA;EACA,MAAA;AAAA;AAAA,UAGe,cAAA;EACf,KAAA,EAAO,WAAA;EACP,QAAA,GAAW,IAAA,EAAM,WAAA;EACjB,UAAA,EAAY,YAAA;AAAA;AAAA,iBAGE,SAAA,CAAA;EAAY,KAAA;EAAO,QAAA;EAAU;AAAA,GAAc,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/templates/todos/FilterBar.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/templates/todos/FilterBar.tsx
+function FilterBar({ value, onChange, categories }) {
+	const handleChange = (key, nextValue) => {
+		onChange({
+			...value,
+			[key]: nextValue
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border bg-card grid gap-3 rounded-2xl border p-4 md:grid-cols-4",
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+				children: ["Status", /* @__PURE__ */ jsxs("select", {
+					className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+					value: value.status,
+					onChange: (event) => handleChange("status", event.target.value),
+					children: [
+						/* @__PURE__ */ jsx("option", {
+							value: "all",
+							children: "All tasks"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "active",
+							children: "Active"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "completed",
+							children: "Completed"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+				children: ["Priority", /* @__PURE__ */ jsxs("select", {
+					className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+					value: value.priority,
+					onChange: (event) => handleChange("priority", event.target.value),
+					children: [
+						/* @__PURE__ */ jsx("option", {
+							value: "all",
+							children: "All"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "LOW",
+							children: "Low"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "MEDIUM",
+							children: "Medium"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "HIGH",
+							children: "High"
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "URGENT",
+							children: "Urgent"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+				children: ["Category", /* @__PURE__ */ jsxs("select", {
+					className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+					value: value.categoryId,
+					onChange: (event) => handleChange("categoryId", event.target.value),
+					children: [/* @__PURE__ */ jsx("option", {
+						value: "all",
+						children: "All categories"
+					}), categories.map((category) => /* @__PURE__ */ jsx("option", {
+						value: category.id,
+						children: category.name
+					}, category.id))]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+				children: ["Search", /* @__PURE__ */ jsx("input", {
+					type: "search",
+					className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+					placeholder: "Search by title",
+					value: value.search,
+					onChange: (event) => handleChange("search", event.target.value)
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FilterBar };
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/templates/todos/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","names":[],"sources":["../../../../src/components/templates/todos/FilterBar.tsx"],"sourcesContent":["import { type TaskPriority, type TaskCategory } from './types';\n\nexport interface FilterState {\n  status: 'all' | 'active' | 'completed';\n  priority: TaskPriority | 'all';\n  categoryId: string | 'all';\n  search: string;\n}\n\nexport interface FilterBarProps {\n  value: FilterState;\n  onChange: (next: FilterState) => void;\n  categories: TaskCategory[];\n}\n\nexport function FilterBar({ value, onChange, categories }: FilterBarProps) {\n  const handleChange = <\n    TKey extends keyof FilterState,\n    TValue extends FilterState[TKey],\n  >(\n    key: TKey,\n    nextValue: TValue\n  ) => {\n    onChange({ ...value, [key]: nextValue });\n  };\n\n  return (\n    <div className=\"border-border bg-card grid gap-3 rounded-2xl border p-4 md:grid-cols-4\">\n      <label className=\"text-muted-foreground flex flex-col text-xs tracking-wide uppercase\">\n        Status\n        <select\n          className=\"border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm\"\n          value={value.status}\n          onChange={(event) =>\n            handleChange('status', event.target.value as FilterState['status'])\n          }\n        >\n          <option value=\"all\">All tasks</option>\n          <option value=\"active\">Active</option>\n          <option value=\"completed\">Completed</option>\n        </select>\n      </label>\n\n      <label className=\"text-muted-foreground flex flex-col text-xs tracking-wide uppercase\">\n        Priority\n        <select\n          className=\"border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm\"\n          value={value.priority}\n          onChange={(event) =>\n            handleChange(\n              'priority',\n              event.target.value as FilterState['priority']\n            )\n          }\n        >\n          <option value=\"all\">All</option>\n          <option value=\"LOW\">Low</option>\n          <option value=\"MEDIUM\">Medium</option>\n          <option value=\"HIGH\">High</option>\n          <option value=\"URGENT\">Urgent</option>\n        </select>\n      </label>\n\n      <label className=\"text-muted-foreground flex flex-col text-xs tracking-wide uppercase\">\n        Category\n        <select\n          className=\"border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm\"\n          value={value.categoryId}\n          onChange={(event) =>\n            handleChange(\n              'categoryId',\n              event.target.value as FilterState['categoryId']\n            )\n          }\n        >\n          <option value=\"all\">All categories</option>\n          {categories.map((category) => (\n            <option key={category.id} value={category.id}>\n              {category.name}\n            </option>\n          ))}\n        </select>\n      </label>\n\n      <label className=\"text-muted-foreground flex flex-col text-xs tracking-wide uppercase\">\n        Search\n        <input\n          type=\"search\"\n          className=\"border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm\"\n          placeholder=\"Search by title\"\n          value={value.search}\n          onChange={(event) => handleChange('search', event.target.value)}\n        />\n      </label>\n    </div>\n  );\n}\n"],"mappings":";;;AAeA,SAAgB,UAAU,EAAE,OAAO,UAAU,cAA8B;CACzE,MAAM,gBAIJ,KACA,cACG;AACH,WAAS;GAAE,GAAG;IAAQ,MAAM;GAAW,CAAC;;AAG1C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAM,WAAU;eAAsE,UAErF,qBAAC;KACC,WAAU;KACV,OAAO,MAAM;KACb,WAAW,UACT,aAAa,UAAU,MAAM,OAAO,MAA+B;;MAGrE,oBAAC;OAAO,OAAM;iBAAM;QAAkB;MACtC,oBAAC;OAAO,OAAM;iBAAS;QAAe;MACtC,oBAAC;OAAO,OAAM;iBAAY;QAAkB;;MACrC;KACH;GAER,qBAAC;IAAM,WAAU;eAAsE,YAErF,qBAAC;KACC,WAAU;KACV,OAAO,MAAM;KACb,WAAW,UACT,aACE,YACA,MAAM,OAAO,MACd;;MAGH,oBAAC;OAAO,OAAM;iBAAM;QAAY;MAChC,oBAAC;OAAO,OAAM;iBAAM;QAAY;MAChC,oBAAC;OAAO,OAAM;iBAAS;QAAe;MACtC,oBAAC;OAAO,OAAM;iBAAO;QAAa;MAClC,oBAAC;OAAO,OAAM;iBAAS;QAAe;;MAC/B;KACH;GAER,qBAAC;IAAM,WAAU;eAAsE,YAErF,qBAAC;KACC,WAAU;KACV,OAAO,MAAM;KACb,WAAW,UACT,aACE,cACA,MAAM,OAAO,MACd;gBAGH,oBAAC;MAAO,OAAM;gBAAM;OAAuB,EAC1C,WAAW,KAAK,aACf,oBAAC;MAAyB,OAAO,SAAS;gBACvC,SAAS;QADC,SAAS,GAEb,CACT;MACK;KACH;GAER,qBAAC;IAAM,WAAU;eAAsE,UAErF,oBAAC;KACC,MAAK;KACL,WAAU;KACV,aAAY;KACZ,OAAO,MAAM;KACb,WAAW,UAAU,aAAa,UAAU,MAAM,OAAO,MAAM;MAC/D;KACI;;GACJ"}

package/dist/components/templates/todos/TaskForm.d.ts

@@ -0,0 +1,13 @@
+import { TaskCategory } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/todos/TaskForm.d.ts
+interface TaskFormProps {
+  categories: TaskCategory[];
+}
+declare function TaskForm({
+  categories
+}: TaskFormProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TaskForm, TaskFormProps };
+//# sourceMappingURL=TaskForm.d.ts.map

package/dist/components/templates/todos/TaskForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskForm.d.ts","names":[],"sources":["../../../../src/components/templates/todos/TaskForm.tsx"],"mappings":";;;;UAkBiB,aAAA;EACf,UAAA,EAAY,YAAA;AAAA;AAAA,iBAGE,QAAA,CAAA;EAAW;AAAA,GAAc,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/templates/todos/TaskForm.js

@@ -0,0 +1,142 @@
+'use client';
+
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@apollo/client/react";
+import { gql } from "@apollo/client";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+
+//#region src/components/templates/todos/TaskForm.tsx
+const CREATE_TASK = gql`
+  mutation CreateTask($input: CreateTaskInput!) {
+    createTask(input: $input) {
+      id
+      title
+    }
+  }
+`;
+function TaskForm({ categories }) {
+	const { projectId } = useTemplateRuntime();
+	const [title, setTitle] = useState("");
+	const [description, setDescription] = useState("");
+	const [priority, setPriority] = useState("MEDIUM");
+	const [categoryId, setCategoryId] = useState("none");
+	const [tagsInput, setTagsInput] = useState("");
+	const [createTask, { loading }] = useMutation(CREATE_TASK);
+	const handleSubmit = async (event) => {
+		event.preventDefault();
+		if (!title.trim()) return;
+		await createTask({
+			variables: { input: {
+				projectId,
+				title: title.trim(),
+				description: description.trim() || void 0,
+				priority,
+				categoryId: categoryId === "none" ? void 0 : categoryId,
+				tags: parseTags(tagsInput)
+			} },
+			refetchQueries: ["Tasks"],
+			awaitRefetchQueries: true
+		});
+		setTitle("");
+		setDescription("");
+		setPriority("MEDIUM");
+		setCategoryId("none");
+		setTagsInput("");
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit,
+		className: "border-border bg-background/60 space-y-3 rounded-2xl border p-4",
+		children: [
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground text-xs font-semibold uppercase",
+				children: ["Title", /* @__PURE__ */ jsx("input", {
+					type: "text",
+					className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+					placeholder: "What needs to get done?",
+					value: title,
+					onChange: (event) => setTitle(event.target.value),
+					required: true
+				})]
+			}) }),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground text-xs font-semibold uppercase",
+				children: ["Description", /* @__PURE__ */ jsx("textarea", {
+					className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+					rows: 3,
+					placeholder: "Add context or policy notes",
+					value: description,
+					onChange: (event) => setDescription(event.target.value)
+				})]
+			}) }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-3 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						className: "text-muted-foreground text-xs font-semibold uppercase",
+						children: ["Priority", /* @__PURE__ */ jsxs("select", {
+							className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+							value: priority,
+							onChange: (event) => setPriority(event.target.value),
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "LOW",
+									children: "Low"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "MEDIUM",
+									children: "Medium"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "HIGH",
+									children: "High"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "URGENT",
+									children: "Urgent"
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "text-muted-foreground text-xs font-semibold uppercase",
+						children: ["Category", /* @__PURE__ */ jsxs("select", {
+							className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+							value: categoryId,
+							onChange: (event) => setCategoryId(event.target.value),
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "none",
+								children: "None"
+							}), categories.map((category) => /* @__PURE__ */ jsx("option", {
+								value: category.id,
+								children: category.name
+							}, category.id))]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "text-muted-foreground text-xs font-semibold uppercase",
+						children: ["Tags", /* @__PURE__ */ jsx("input", {
+							className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+							placeholder: "Comma separated (optional)",
+							value: tagsInput,
+							onChange: (event) => setTagsInput(event.target.value)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "submit",
+				className: "btn-primary w-full py-2 text-sm font-semibold",
+				disabled: loading,
+				children: loading ? "Saving..." : "Add task"
+			})
+		]
+	});
+}
+function parseTags(input) {
+	return input.split(",").map((tag) => tag.trim()).filter(Boolean);
+}
+
+//#endregion
+export { TaskForm };
+//# sourceMappingURL=TaskForm.js.map

package/dist/components/templates/todos/TaskForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskForm.js","names":[],"sources":["../../../../src/components/templates/todos/TaskForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation } from '@apollo/client/react';\nimport { gql } from '@apollo/client';\n\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\nimport { type TaskCategory, type TaskPriority } from './types';\n\nconst CREATE_TASK = gql`\n  mutation CreateTask($input: CreateTaskInput!) {\n    createTask(input: $input) {\n      id\n      title\n    }\n  }\n`;\n\nexport interface TaskFormProps {\n  categories: TaskCategory[];\n}\n\nexport function TaskForm({ categories }: TaskFormProps) {\n  const { projectId } = useTemplateRuntime();\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [priority, setPriority] = useState<TaskPriority>('MEDIUM');\n  const [categoryId, setCategoryId] = useState<string | 'none'>('none');\n  const [tagsInput, setTagsInput] = useState('');\n  const [createTask, { loading }] = useMutation(CREATE_TASK);\n\n  const handleSubmit = async (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!title.trim()) return;\n    await createTask({\n      variables: {\n        input: {\n          projectId,\n          title: title.trim(),\n          description: description.trim() || undefined,\n          priority,\n          categoryId: categoryId === 'none' ? undefined : categoryId,\n          tags: parseTags(tagsInput),\n        },\n      },\n      refetchQueries: ['Tasks'],\n      awaitRefetchQueries: true,\n    });\n    setTitle('');\n    setDescription('');\n    setPriority('MEDIUM');\n    setCategoryId('none');\n    setTagsInput('');\n    // onCreated?.();\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"border-border bg-background/60 space-y-3 rounded-2xl border p-4\"\n    >\n      <div>\n        <label className=\"text-muted-foreground text-xs font-semibold uppercase\">\n          Title\n          <input\n            type=\"text\"\n            className=\"border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm\"\n            placeholder=\"What needs to get done?\"\n            value={title}\n            onChange={(event) => setTitle(event.target.value)}\n            required\n          />\n        </label>\n      </div>\n\n      <div>\n        <label className=\"text-muted-foreground text-xs font-semibold uppercase\">\n          Description\n          <textarea\n            className=\"border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm\"\n            rows={3}\n            placeholder=\"Add context or policy notes\"\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n          />\n        </label>\n      </div>\n\n      <div className=\"grid gap-3 md:grid-cols-3\">\n        <label className=\"text-muted-foreground text-xs font-semibold uppercase\">\n          Priority\n          <select\n            className=\"border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm\"\n            value={priority}\n            onChange={(event) =>\n              setPriority(event.target.value as TaskPriority)\n            }\n          >\n            <option value=\"LOW\">Low</option>\n            <option value=\"MEDIUM\">Medium</option>\n            <option value=\"HIGH\">High</option>\n            <option value=\"URGENT\">Urgent</option>\n          </select>\n        </label>\n\n        <label className=\"text-muted-foreground text-xs font-semibold uppercase\">\n          Category\n          <select\n            className=\"border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm\"\n            value={categoryId}\n            onChange={(event) => setCategoryId(event.target.value as string)}\n          >\n            <option value=\"none\">None</option>\n            {categories.map((category) => (\n              <option key={category.id} value={category.id}>\n                {category.name}\n              </option>\n            ))}\n          </select>\n        </label>\n\n        <label className=\"text-muted-foreground text-xs font-semibold uppercase\">\n          Tags\n          <input\n            className=\"border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm\"\n            placeholder=\"Comma separated (optional)\"\n            value={tagsInput}\n            onChange={(event) => setTagsInput(event.target.value)}\n          />\n        </label>\n      </div>\n\n      <button\n        type=\"submit\"\n        className=\"btn-primary w-full py-2 text-sm font-semibold\"\n        disabled={loading}\n      >\n        {loading ? 'Saving...' : 'Add task'}\n      </button>\n    </form>\n  );\n}\n\nfunction parseTags(input: string): string[] {\n  return input\n    .split(',')\n    .map((tag) => tag.trim())\n    .filter(Boolean);\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,cAAc,GAAG;;;;;;;;AAavB,SAAgB,SAAS,EAAE,cAA6B;CACtD,MAAM,EAAE,cAAc,oBAAoB;CAC1C,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,UAAU,eAAe,SAAuB,SAAS;CAChE,MAAM,CAAC,YAAY,iBAAiB,SAA0B,OAAO;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAAS,GAAG;CAC9C,MAAM,CAAC,YAAY,EAAE,aAAa,YAAY,YAAY;CAE1D,MAAM,eAAe,OAAO,UAA2B;AACrD,QAAM,gBAAgB;AACtB,MAAI,CAAC,MAAM,MAAM,CAAE;AACnB,QAAM,WAAW;GACf,WAAW,EACT,OAAO;IACL;IACA,OAAO,MAAM,MAAM;IACnB,aAAa,YAAY,MAAM,IAAI;IACnC;IACA,YAAY,eAAe,SAAS,SAAY;IAChD,MAAM,UAAU,UAAU;IAC3B,EACF;GACD,gBAAgB,CAAC,QAAQ;GACzB,qBAAqB;GACtB,CAAC;AACF,WAAS,GAAG;AACZ,iBAAe,GAAG;AAClB,cAAY,SAAS;AACrB,gBAAc,OAAO;AACrB,eAAa,GAAG;;AAIlB,QACE,qBAAC;EACC,UAAU;EACV,WAAU;;GAEV,oBAAC,mBACC,qBAAC;IAAM,WAAU;eAAwD,SAEvE,oBAAC;KACC,MAAK;KACL,WAAU;KACV,aAAY;KACZ,OAAO;KACP,WAAW,UAAU,SAAS,MAAM,OAAO,MAAM;KACjD;MACA;KACI,GACJ;GAEN,oBAAC,mBACC,qBAAC;IAAM,WAAU;eAAwD,eAEvE,oBAAC;KACC,WAAU;KACV,MAAM;KACN,aAAY;KACZ,OAAO;KACP,WAAW,UAAU,eAAe,MAAM,OAAO,MAAM;MACvD;KACI,GACJ;GAEN,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAM,WAAU;iBAAwD,YAEvE,qBAAC;OACC,WAAU;OACV,OAAO;OACP,WAAW,UACT,YAAY,MAAM,OAAO,MAAsB;;QAGjD,oBAAC;SAAO,OAAM;mBAAM;UAAY;QAChC,oBAAC;SAAO,OAAM;mBAAS;UAAe;QACtC,oBAAC;SAAO,OAAM;mBAAO;UAAa;QAClC,oBAAC;SAAO,OAAM;mBAAS;UAAe;;QAC/B;OACH;KAER,qBAAC;MAAM,WAAU;iBAAwD,YAEvE,qBAAC;OACC,WAAU;OACV,OAAO;OACP,WAAW,UAAU,cAAc,MAAM,OAAO,MAAgB;kBAEhE,oBAAC;QAAO,OAAM;kBAAO;SAAa,EACjC,WAAW,KAAK,aACf,oBAAC;QAAyB,OAAO,SAAS;kBACvC,SAAS;UADC,SAAS,GAEb,CACT;QACK;OACH;KAER,qBAAC;MAAM,WAAU;iBAAwD,QAEvE,oBAAC;OACC,WAAU;OACV,aAAY;OACZ,OAAO;OACP,WAAW,UAAU,aAAa,MAAM,OAAO,MAAM;QACrD;OACI;;KACJ;GAEN,oBAAC;IACC,MAAK;IACL,WAAU;IACV,UAAU;cAET,UAAU,cAAc;KAClB;;GACJ;;AAIX,SAAS,UAAU,OAAyB;AAC1C,QAAO,MACJ,MAAM,IAAI,CACV,KAAK,QAAQ,IAAI,MAAM,CAAC,CACxB,OAAO,QAAQ"}

package/dist/components/templates/todos/TaskItem.d.ts

@@ -0,0 +1,17 @@
+import { Task } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/todos/TaskItem.d.ts
+interface TaskItemProps {
+  task: Task;
+  onToggle?: (task: Task) => void;
+  onDelete?: (task: Task) => void;
+}
+declare function TaskItem({
+  task,
+  onToggle,
+  onDelete
+}: TaskItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TaskItem, TaskItemProps };
+//# sourceMappingURL=TaskItem.d.ts.map

package/dist/components/templates/todos/TaskItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskItem.d.ts","names":[],"sources":["../../../../src/components/templates/todos/TaskItem.tsx"],"mappings":";;;;UAIiB,aAAA;EACf,IAAA,EAAM,IAAA;EACN,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,QAAA,IAAY,IAAA,EAAM,IAAA;AAAA;AAAA,iBAGJ,QAAA,CAAA;EAAW,IAAA;EAAM,QAAA;EAAU;AAAA,GAAY,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/templates/todos/TaskItem.js

@@ -0,0 +1,67 @@
+import { Check, Circle, Trash2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/templates/todos/TaskItem.tsx
+function TaskItem({ task, onToggle, onDelete }) {
+	const badgeColor = task.priority === "URGENT" ? "text-red-200 bg-red-500/10 border-red-500/40" : task.priority === "HIGH" ? "text-amber-200 bg-amber-500/10 border-amber-500/40" : task.priority === "LOW" ? "text-emerald-200 bg-emerald-500/10 border-emerald-500/40" : "text-violet-200 bg-violet-500/10 border-violet-500/40";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border/70 bg-card/60 hover:border-border flex items-start gap-4 rounded-2xl border p-4 transition",
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "border-border text-muted-foreground hover:bg-muted/40 rounded-full border p-2",
+				"aria-pressed": task.completed,
+				onClick: () => onToggle?.(task),
+				children: task.completed ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-emerald-400" }) : /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 space-y-2",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx("p", {
+								className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
+								children: task.title
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: `rounded-full border px-2 py-0.5 text-xs ${badgeColor}`,
+								children: task.priority.charAt(0) + task.priority.slice(1).toLowerCase()
+							}),
+							task.category ? /* @__PURE__ */ jsx("span", {
+								className: "bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs",
+								children: task.category.name
+							}) : null,
+							task.dueDate ? /* @__PURE__ */ jsxs("span", {
+								className: "text-muted-foreground text-xs",
+								children: ["Due ", new Date(task.dueDate).toLocaleDateString()]
+							}) : null
+						]
+					}),
+					task.description ? /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: task.description
+					}) : null,
+					task.tags.length ? /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-1",
+						children: task.tags.map((tag) => /* @__PURE__ */ jsxs("span", {
+							className: "bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs",
+							children: ["#", tag]
+						}, tag))
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-muted-foreground hover:text-destructive",
+				"aria-label": `Delete ${task.title}`,
+				onClick: () => onDelete?.(task),
+				children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+			})
+		]
+	});
+}
+
+//#endregion
+export { TaskItem };
+//# sourceMappingURL=TaskItem.js.map

package/dist/components/templates/todos/TaskItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskItem.js","names":[],"sources":["../../../../src/components/templates/todos/TaskItem.tsx"],"sourcesContent":["import { Check, Circle, Trash2 } from 'lucide-react';\n\nimport { type Task } from './types';\n\nexport interface TaskItemProps {\n  task: Task;\n  onToggle?: (task: Task) => void;\n  onDelete?: (task: Task) => void;\n}\n\nexport function TaskItem({ task, onToggle, onDelete }: TaskItemProps) {\n  const badgeColor =\n    task.priority === 'URGENT'\n      ? 'text-red-200 bg-red-500/10 border-red-500/40'\n      : task.priority === 'HIGH'\n        ? 'text-amber-200 bg-amber-500/10 border-amber-500/40'\n        : task.priority === 'LOW'\n          ? 'text-emerald-200 bg-emerald-500/10 border-emerald-500/40'\n          : 'text-violet-200 bg-violet-500/10 border-violet-500/40';\n\n  return (\n    <div className=\"border-border/70 bg-card/60 hover:border-border flex items-start gap-4 rounded-2xl border p-4 transition\">\n      <button\n        type=\"button\"\n        className=\"border-border text-muted-foreground hover:bg-muted/40 rounded-full border p-2\"\n        aria-pressed={task.completed}\n        onClick={() => onToggle?.(task)}\n      >\n        {task.completed ? (\n          <Check className=\"h-4 w-4 text-emerald-400\" />\n        ) : (\n          <Circle className=\"h-4 w-4\" />\n        )}\n      </button>\n\n      <div className=\"flex-1 space-y-2\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <p\n            className={`font-medium ${\n              task.completed\n                ? 'text-muted-foreground line-through'\n                : 'text-foreground'\n            }`}\n          >\n            {task.title}\n          </p>\n          <span\n            className={`rounded-full border px-2 py-0.5 text-xs ${badgeColor}`}\n          >\n            {task.priority.charAt(0) + task.priority.slice(1).toLowerCase()}\n          </span>\n          {task.category ? (\n            <span className=\"bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs\">\n              {task.category.name}\n            </span>\n          ) : null}\n          {task.dueDate ? (\n            <span className=\"text-muted-foreground text-xs\">\n              Due {new Date(task.dueDate).toLocaleDateString()}\n            </span>\n          ) : null}\n        </div>\n\n        {task.description ? (\n          <p className=\"text-muted-foreground text-sm\">{task.description}</p>\n        ) : null}\n\n        {task.tags.length ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {task.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"bg-muted/40 text-muted-foreground rounded-full px-2 py-0.5 text-xs\"\n              >\n                #{tag}\n              </span>\n            ))}\n          </div>\n        ) : null}\n      </div>\n\n      <button\n        type=\"button\"\n        className=\"text-muted-foreground hover:text-destructive\"\n        aria-label={`Delete ${task.title}`}\n        onClick={() => onDelete?.(task)}\n      >\n        <Trash2 className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,SAAS,EAAE,MAAM,UAAU,YAA2B;CACpE,MAAM,aACJ,KAAK,aAAa,WACd,iDACA,KAAK,aAAa,SAChB,uDACA,KAAK,aAAa,QAChB,6DACA;AAEV,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IACC,MAAK;IACL,WAAU;IACV,gBAAc,KAAK;IACnB,eAAe,WAAW,KAAK;cAE9B,KAAK,YACJ,oBAAC,SAAM,WAAU,6BAA6B,GAE9C,oBAAC,UAAO,WAAU,YAAY;KAEzB;GAET,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;;OACb,oBAAC;QACC,WAAW,eACT,KAAK,YACD,uCACA;kBAGL,KAAK;SACJ;OACJ,oBAAC;QACC,WAAW,2CAA2C;kBAErD,KAAK,SAAS,OAAO,EAAE,GAAG,KAAK,SAAS,MAAM,EAAE,CAAC,aAAa;SAC1D;OACN,KAAK,WACJ,oBAAC;QAAK,WAAU;kBACb,KAAK,SAAS;SACV,GACL;OACH,KAAK,UACJ,qBAAC;QAAK,WAAU;mBAAgC,QACzC,IAAI,KAAK,KAAK,QAAQ,CAAC,oBAAoB;SAC3C,GACL;;OACA;KAEL,KAAK,cACJ,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAgB,GACjE;KAEH,KAAK,KAAK,SACT,oBAAC;MAAI,WAAU;gBACZ,KAAK,KAAK,KAAK,QACd,qBAAC;OAEC,WAAU;kBACX,KACG;SAHG,IAIA,CACP;OACE,GACJ;;KACA;GAEN,oBAAC;IACC,MAAK;IACL,WAAU;IACV,cAAY,UAAU,KAAK;IAC3B,eAAe,WAAW,KAAK;cAE/B,oBAAC,UAAO,WAAU,YAAY;KACvB;;GACL"}

package/dist/components/templates/todos/TaskList.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/todos/TaskList.d.ts
+declare function TaskList(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TaskList };
+//# sourceMappingURL=TaskList.d.ts.map

package/dist/components/templates/todos/TaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskList.d.ts","names":[],"sources":["../../../../src/components/templates/todos/TaskList.tsx"],"mappings":";;;iBAsDgB,QAAA,CAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}