@contractspec/bundle.library 3.7.6 → 3.7.7

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

@@ -3,7 +3,7 @@
 import { jsx } from "react/jsx-runtime";
 function LanguageSwitcher({ locale, onChange }) {
   return /* @__PURE__ */ jsx("div", {
-    className: "border-border bg-card text-muted-foreground inline-flex rounded-full border p-1 text-xs font-semibold",
+    className: "inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",
     children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx("button", {
       type: "button",
       className: `rounded-full px-3 py-1 transition ${locale === language ? "bg-violet-500 text-white" : "hover:text-foreground"}`,
@@ -24,14 +24,14 @@ function RecipeCard({
   return /* @__PURE__ */ jsxs("button", {
     type: "button",
     onClick: () => onSelect?.(recipe),
-    className: "border-border bg-card flex flex-col gap-3 rounded-2xl border text-left transition hover:border-violet-400",
+    className: "flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",
     children: [
       recipe.heroImageUrl ? /* @__PURE__ */ jsx2("img", {
         src: recipe.heroImageUrl,
         alt: recipe.name,
         className: "h-40 w-full rounded-t-2xl object-cover"
       }) : /* @__PURE__ */ jsx2("div", {
-        className: "bg-muted h-40 rounded-t-2xl"
+        className: "h-40 rounded-t-2xl bg-muted"
       }),
       /* @__PURE__ */ jsxs("div", {
         className: "space-y-2 p-4",
@@ -40,7 +40,7 @@ function RecipeCard({
             className: "flex items-center justify-between",
             children: [
               /* @__PURE__ */ jsx2("p", {
-                className: "text-base font-semibold",
+                className: "font-semibold text-base",
                 children: recipe.name
               }),
               /* @__PURE__ */ jsx2("button", {
@@ -57,11 +57,11 @@ function RecipeCard({
             ]
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground line-clamp-2 text-sm",
+            className: "line-clamp-2 text-muted-foreground text-sm",
             children: recipe.description
           }),
           /* @__PURE__ */ jsxs("div", {
-            className: "text-muted-foreground flex flex-wrap gap-3 text-xs",
+            className: "flex flex-wrap gap-3 text-muted-foreground text-xs",
             children: [
               recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
@@ -97,7 +97,7 @@ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function RecipeDetail({ recipe }) {
   if (!recipe) {
     return /* @__PURE__ */ jsx3("div", {
-      className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
+      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
       children: /* @__PURE__ */ jsx3("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a recipe to view details."
@@ -105,18 +105,18 @@ function RecipeDetail({ recipe }) {
     });
   }
   return /* @__PURE__ */ jsxs2("article", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-6",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-6",
     children: [
       /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center gap-3",
         children: [
           /* @__PURE__ */ jsx3(BookOpen, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           }),
           /* @__PURE__ */ jsxs2("div", {
             children: [
               /* @__PURE__ */ jsx3("h2", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: recipe.name
               }),
               /* @__PURE__ */ jsx3("p", {
@@ -130,11 +130,11 @@ function RecipeDetail({ recipe }) {
       /* @__PURE__ */ jsxs2("section", {
         children: [
           /* @__PURE__ */ jsx3("h3", {
-            className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
             children: "Ingredients"
           }),
           /* @__PURE__ */ jsx3("ul", {
-            className: "text-foreground mt-2 list-disc space-y-1 pl-6 text-sm",
+            className: "mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",
             children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs2("li", {
               children: [
                 ingredient.name,
@@ -148,11 +148,11 @@ function RecipeDetail({ recipe }) {
       /* @__PURE__ */ jsxs2("section", {
         children: [
           /* @__PURE__ */ jsx3("h3", {
-            className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
             children: "Instructions"
           }),
           /* @__PURE__ */ jsx3("ol", {
-            className: "text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm",
+            className: "mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",
             children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx3("li", {
               children: instruction.content
             }, instruction.id))
@@ -164,13 +164,13 @@ function RecipeDetail({ recipe }) {
 }
 
 // src/components/templates/recipes/RecipeList.tsx
-import { useState } from "react";
-import { useMutation, useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client";
+import { useMutation, useQuery } from "@apollo/client/react";
 import {
   registerTemplateComponents,
   useTemplateRuntime
 } from "@contractspec/lib.example-shared-ui";
+import { useState } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 var RECIPES_QUERY = gql`
@@ -248,7 +248,7 @@ function RecipeList() {
           /* @__PURE__ */ jsx4("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",
+            className: "flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",
             value: search,
             onChange: (event) => setSearch(event.target.value)
           })

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

@@ -1,4 +1,4 @@
-export * from './RecipeList';
+export * from './LanguageSwitcher';
 export * from './RecipeCard';
 export * from './RecipeDetail';
-export * from './LanguageSwitcher';
+export * from './RecipeList';

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

@@ -3,7 +3,7 @@
 import { jsx } from "react/jsx-runtime";
 function LanguageSwitcher({ locale, onChange }) {
   return /* @__PURE__ */ jsx("div", {
-    className: "border-border bg-card text-muted-foreground inline-flex rounded-full border p-1 text-xs font-semibold",
+    className: "inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",
     children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx("button", {
       type: "button",
       className: `rounded-full px-3 py-1 transition ${locale === language ? "bg-violet-500 text-white" : "hover:text-foreground"}`,
@@ -24,14 +24,14 @@ function RecipeCard({
   return /* @__PURE__ */ jsxs("button", {
     type: "button",
     onClick: () => onSelect?.(recipe),
-    className: "border-border bg-card flex flex-col gap-3 rounded-2xl border text-left transition hover:border-violet-400",
+    className: "flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",
     children: [
       recipe.heroImageUrl ? /* @__PURE__ */ jsx2("img", {
         src: recipe.heroImageUrl,
         alt: recipe.name,
         className: "h-40 w-full rounded-t-2xl object-cover"
       }) : /* @__PURE__ */ jsx2("div", {
-        className: "bg-muted h-40 rounded-t-2xl"
+        className: "h-40 rounded-t-2xl bg-muted"
       }),
       /* @__PURE__ */ jsxs("div", {
         className: "space-y-2 p-4",
@@ -40,7 +40,7 @@ function RecipeCard({
             className: "flex items-center justify-between",
             children: [
               /* @__PURE__ */ jsx2("p", {
-                className: "text-base font-semibold",
+                className: "font-semibold text-base",
                 children: recipe.name
               }),
               /* @__PURE__ */ jsx2("button", {
@@ -57,11 +57,11 @@ function RecipeCard({
             ]
           }),
           /* @__PURE__ */ jsx2("p", {
-            className: "text-muted-foreground line-clamp-2 text-sm",
+            className: "line-clamp-2 text-muted-foreground text-sm",
             children: recipe.description
           }),
           /* @__PURE__ */ jsxs("div", {
-            className: "text-muted-foreground flex flex-wrap gap-3 text-xs",
+            className: "flex flex-wrap gap-3 text-muted-foreground text-xs",
             children: [
               recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs("span", {
                 children: [
@@ -97,7 +97,7 @@ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function RecipeDetail({ recipe }) {
   if (!recipe) {
     return /* @__PURE__ */ jsx3("div", {
-      className: "border-border flex flex-1 items-center justify-center rounded-2xl border border-dashed",
+      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
       children: /* @__PURE__ */ jsx3("p", {
         className: "text-muted-foreground text-sm",
         children: "Select a recipe to view details."
@@ -105,18 +105,18 @@ function RecipeDetail({ recipe }) {
     });
   }
   return /* @__PURE__ */ jsxs2("article", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-6",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-6",
     children: [
       /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center gap-3",
         children: [
           /* @__PURE__ */ jsx3(BookOpen, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           }),
           /* @__PURE__ */ jsxs2("div", {
             children: [
               /* @__PURE__ */ jsx3("h2", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: recipe.name
               }),
               /* @__PURE__ */ jsx3("p", {
@@ -130,11 +130,11 @@ function RecipeDetail({ recipe }) {
       /* @__PURE__ */ jsxs2("section", {
         children: [
           /* @__PURE__ */ jsx3("h3", {
-            className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
             children: "Ingredients"
           }),
           /* @__PURE__ */ jsx3("ul", {
-            className: "text-foreground mt-2 list-disc space-y-1 pl-6 text-sm",
+            className: "mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",
             children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs2("li", {
               children: [
                 ingredient.name,
@@ -148,11 +148,11 @@ function RecipeDetail({ recipe }) {
       /* @__PURE__ */ jsxs2("section", {
         children: [
           /* @__PURE__ */ jsx3("h3", {
-            className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
             children: "Instructions"
           }),
           /* @__PURE__ */ jsx3("ol", {
-            className: "text-foreground mt-2 list-decimal space-y-2 pl-6 text-sm",
+            className: "mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",
             children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx3("li", {
               children: instruction.content
             }, instruction.id))
@@ -164,13 +164,13 @@ function RecipeDetail({ recipe }) {
 }
 
 // src/components/templates/recipes/RecipeList.tsx
-import { useState } from "react";
-import { useMutation, useQuery } from "@apollo/client/react";
 import { gql } from "@apollo/client";
+import { useMutation, useQuery } from "@apollo/client/react";
 import {
   registerTemplateComponents,
   useTemplateRuntime
 } from "@contractspec/lib.example-shared-ui";
+import { useState } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 var RECIPES_QUERY = gql`
@@ -248,7 +248,7 @@ function RecipeList() {
           /* @__PURE__ */ jsx4("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",
+            className: "flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",
             value: search,
             onChange: (event) => setSearch(event.target.value)
           })

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

@@ -1,4 +1,4 @@
-import { type TaskPriority, type TaskCategory } from './types';
+import { type TaskCategory, type TaskPriority } from './types';
 export interface FilterState {
     status: 'all' | 'active' | 'completed';
     priority: TaskPriority | 'all';

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

@@ -6,14 +6,14 @@ function FilterBar({ value, onChange, categories }) {
     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",
+    className: "grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",
     children: [
       /* @__PURE__ */ jsxs("label", {
-        className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
         children: [
           "Status",
           /* @__PURE__ */ jsxs("select", {
-            className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
             value: value.status,
             onChange: (event) => handleChange("status", event.target.value),
             children: [
@@ -34,11 +34,11 @@ function FilterBar({ value, onChange, categories }) {
         ]
       }),
       /* @__PURE__ */ jsxs("label", {
-        className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
         children: [
           "Priority",
           /* @__PURE__ */ jsxs("select", {
-            className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
             value: value.priority,
             onChange: (event) => handleChange("priority", event.target.value),
             children: [
@@ -67,11 +67,11 @@ function FilterBar({ value, onChange, categories }) {
         ]
       }),
       /* @__PURE__ */ jsxs("label", {
-        className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
         children: [
           "Category",
           /* @__PURE__ */ jsxs("select", {
-            className: "border-border bg-background text-foreground mt-1 rounded-md border px-3 py-2 text-sm",
+            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
             value: value.categoryId,
             onChange: (event) => handleChange("categoryId", event.target.value),
             children: [
@@ -88,12 +88,12 @@ function FilterBar({ value, onChange, categories }) {
         ]
       }),
       /* @__PURE__ */ jsxs("label", {
-        className: "text-muted-foreground flex flex-col text-xs tracking-wide uppercase",
+        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
         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",
+            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
             placeholder: "Search by title",
             value: value.search,
             onChange: (event) => handleChange("search", event.target.value)

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

@@ -1,9 +1,9 @@
 // @bun
 // src/components/templates/todos/TaskForm.tsx
-import { useState } from "react";
-import { useMutation } from "@apollo/client/react";
 import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 var CREATE_TASK = gql`
@@ -48,16 +48,16 @@ function TaskForm({ categories }) {
   };
   return /* @__PURE__ */ jsxs("form", {
     onSubmit: handleSubmit,
-    className: "border-border bg-background/60 space-y-3 rounded-2xl border p-4",
+    className: "space-y-3 rounded-2xl border border-border bg-background/60 p-4",
     children: [
       /* @__PURE__ */ jsx("div", {
         children: /* @__PURE__ */ jsxs("label", {
-          className: "text-muted-foreground text-xs font-semibold uppercase",
+          className: "font-semibold text-muted-foreground text-xs 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",
+              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
               placeholder: "What needs to get done?",
               value: title,
               onChange: (event) => setTitle(event.target.value),
@@ -68,11 +68,11 @@ function TaskForm({ categories }) {
       }),
       /* @__PURE__ */ jsx("div", {
         children: /* @__PURE__ */ jsxs("label", {
-          className: "text-muted-foreground text-xs font-semibold uppercase",
+          className: "font-semibold text-muted-foreground text-xs uppercase",
           children: [
             "Description",
             /* @__PURE__ */ jsx("textarea", {
-              className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
               rows: 3,
               placeholder: "Add context or policy notes",
               value: description,
@@ -85,11 +85,11 @@ function TaskForm({ categories }) {
         className: "grid gap-3 md:grid-cols-3",
         children: [
           /* @__PURE__ */ jsxs("label", {
-            className: "text-muted-foreground text-xs font-semibold uppercase",
+            className: "font-semibold text-muted-foreground text-xs uppercase",
             children: [
               "Priority",
               /* @__PURE__ */ jsxs("select", {
-                className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
                 value: priority,
                 onChange: (event) => setPriority(event.target.value),
                 children: [
@@ -114,11 +114,11 @@ function TaskForm({ categories }) {
             ]
           }),
           /* @__PURE__ */ jsxs("label", {
-            className: "text-muted-foreground text-xs font-semibold uppercase",
+            className: "font-semibold text-muted-foreground text-xs uppercase",
             children: [
               "Category",
               /* @__PURE__ */ jsxs("select", {
-                className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
                 value: categoryId,
                 onChange: (event) => setCategoryId(event.target.value),
                 children: [
@@ -135,11 +135,11 @@ function TaskForm({ categories }) {
             ]
           }),
           /* @__PURE__ */ jsxs("label", {
-            className: "text-muted-foreground text-xs font-semibold uppercase",
+            className: "font-semibold text-muted-foreground text-xs uppercase",
             children: [
               "Tags",
               /* @__PURE__ */ jsx("input", {
-                className: "border-border bg-card mt-1 w-full rounded-md border px-3 py-2 text-sm",
+                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
                 placeholder: "Comma separated (optional)",
                 value: tagsInput,
                 onChange: (event) => setTagsInput(event.target.value)
@@ -150,7 +150,7 @@ function TaskForm({ categories }) {
       }),
       /* @__PURE__ */ jsx("button", {
         type: "submit",
-        className: "btn-primary w-full py-2 text-sm font-semibold",
+        className: "btn-primary w-full py-2 font-semibold text-sm",
         disabled: loading,
         children: loading ? "Saving..." : "Add task"
       })

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

@@ -5,11 +5,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 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",
+    className: "flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",
     children: [
       /* @__PURE__ */ jsx("button", {
         type: "button",
-        className: "border-border text-muted-foreground hover:bg-muted/40 rounded-full border p-2",
+        className: "rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40",
         "aria-pressed": task.completed,
         onClick: () => onToggle?.(task),
         children: task.completed ? /* @__PURE__ */ jsx(Check, {
@@ -33,7 +33,7 @@ function TaskItem({ task, onToggle, onDelete }) {
                 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",
+                className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
                 children: task.category.name
               }) : null,
               task.dueDate ? /* @__PURE__ */ jsxs("span", {
@@ -52,7 +52,7 @@ function TaskItem({ task, onToggle, onDelete }) {
           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",
+              className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
               children: [
                 "#",
                 tag