@contractspec/example.saas-boilerplate 3.7.6 → 3.7.7

package/dist/ui/SaasDashboard.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useProjectList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useProjectList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { saas } = handlers;
@@ -64,8 +64,8 @@ function useProjectList(options = {}) {
 }
 
 // src/ui/hooks/useProjectMutations.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
 import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback2, useState as useState2 } from "react";
 function useProjectMutations(options = {}) {
   const { handlers, projectId } = useTemplateRuntime2();
   const { saas } = handlers;
@@ -153,8 +153,8 @@ function useProjectMutations(options = {}) {
 }
 
 // src/ui/modals/CreateProjectModal.tsx
-import { useState as useState3 } from "react";
 import { Button, Input } from "@contractspec/lib.design-system";
+import { useState as useState3 } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var TIERS = [
@@ -199,7 +199,7 @@ function CreateProjectModal({
     className: "fixed inset-0 z-50 flex items-center justify-center",
     children: [
       /* @__PURE__ */ jsxDEV("div", {
-        className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
         onClick: onClose,
         role: "button",
         tabIndex: 0,
@@ -210,10 +210,10 @@ function CreateProjectModal({
         "aria-label": "Close modal"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
         children: [
           /* @__PURE__ */ jsxDEV("h2", {
-            className: "mb-4 text-xl font-semibold",
+            className: "mb-4 font-semibold text-xl",
             children: "Create New Project"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("form", {
@@ -224,7 +224,7 @@ function CreateProjectModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "project-name",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Project Name *"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV(Input, {
@@ -240,7 +240,7 @@ function CreateProjectModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "project-description",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Description"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("textarea", {
@@ -250,7 +250,7 @@ function CreateProjectModal({
                     placeholder: "Describe what this project is about...",
                     rows: 3,
                     disabled: isLoading,
-                    className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
+                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
@@ -258,7 +258,7 @@ function CreateProjectModal({
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "project-tier",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Tier"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("select", {
@@ -266,7 +266,7 @@ function CreateProjectModal({
                     value: tier,
                     onChange: (e) => setTier(e.target.value),
                     disabled: isLoading,
-                    className: "border-input bg-background focus:ring-ring h-10 w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50",
+                    className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
                     children: TIERS.map((t) => /* @__PURE__ */ jsxDEV("option", {
                       value: t.value,
                       children: t.label
@@ -275,7 +275,7 @@ function CreateProjectModal({
                 ]
               }, undefined, true, undefined, this),
               error && /* @__PURE__ */ jsxDEV("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
@@ -304,8 +304,8 @@ function CreateProjectModal({
 }
 
 // src/ui/modals/ProjectActionsModal.tsx
-import { useEffect as useEffect2, useState as useState4 } from "react";
 import { Button as Button2, Input as Input2 } from "@contractspec/lib.design-system";
+import { useEffect as useEffect2, useState as useState4 } from "react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function ProjectActionsModal({
@@ -398,7 +398,7 @@ function ProjectActionsModal({
     className: "fixed inset-0 z-50 flex items-center justify-center",
     children: [
       /* @__PURE__ */ jsxDEV2("div", {
-        className: "bg-background/80 absolute inset-0 backdrop-blur-sm",
+        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
         onClick: handleClose,
         role: "button",
         tabIndex: 0,
@@ -409,13 +409,13 @@ function ProjectActionsModal({
         "aria-label": "Close modal"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV2("div", {
-        className: "bg-card border-border relative z-10 w-full max-w-md rounded-xl border p-6 shadow-xl",
+        className: "relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
         children: [
           /* @__PURE__ */ jsxDEV2("div", {
-            className: "border-border mb-4 border-b pb-4",
+            className: "mb-4 border-border border-b pb-4",
             children: [
               /* @__PURE__ */ jsxDEV2("h2", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: project.name
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("p", {
@@ -497,7 +497,7 @@ function ProjectActionsModal({
                 children: [
                   /* @__PURE__ */ jsxDEV2("label", {
                     htmlFor: "edit-name",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Project Name *"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2(Input2, {
@@ -512,7 +512,7 @@ function ProjectActionsModal({
                 children: [
                   /* @__PURE__ */ jsxDEV2("label", {
                     htmlFor: "edit-description",
-                    className: "text-muted-foreground mb-1 block text-sm font-medium",
+                    className: "mb-1 block font-medium text-muted-foreground text-sm",
                     children: "Description"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("textarea", {
@@ -521,12 +521,12 @@ function ProjectActionsModal({
                     onChange: (e) => setDescription(e.target.value),
                     rows: 3,
                     disabled: isLoading,
-                    className: "border-input bg-background focus:ring-ring w-full rounded-md border px-3 py-2 text-sm focus:ring-2 focus:outline-none disabled:opacity-50"
+                    className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
               error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("div", {
@@ -556,7 +556,7 @@ function ProjectActionsModal({
                   "Are you sure you want to archive",
                   " ",
                   /* @__PURE__ */ jsxDEV2("span", {
-                    className: "text-foreground font-medium",
+                    className: "font-medium text-foreground",
                     children: project.name
                   }, undefined, false, undefined, this),
                   "?"
@@ -567,7 +567,7 @@ function ProjectActionsModal({
                 children: "Archived projects can be restored later."
               }, undefined, false, undefined, this),
               error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("div", {
@@ -597,7 +597,7 @@ function ProjectActionsModal({
                   "Are you sure you want to delete",
                   " ",
                   /* @__PURE__ */ jsxDEV2("span", {
-                    className: "text-foreground font-medium",
+                    className: "font-medium text-foreground",
                     children: project.name
                   }, undefined, false, undefined, this),
                   "?"
@@ -608,7 +608,7 @@ function ProjectActionsModal({
                 children: "This action cannot be undone."
               }, undefined, false, undefined, this),
               error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "bg-destructive/10 text-destructive rounded-md p-3 text-sm",
+                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
                 children: error
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("div", {
@@ -637,17 +637,17 @@ function ProjectActionsModal({
 }
 
 // src/ui/SaasDashboard.tsx
-import { useState as useState5, useCallback as useCallback3 } from "react";
 import {
-  StatCard,
-  StatCardGroup,
-  StatusChip,
-  EntityCard,
+  Button as Button3,
   EmptyState,
-  LoaderBlock,
+  EntityCard,
   ErrorState,
-  Button as Button3
+  LoaderBlock,
+  StatCard,
+  StatCardGroup,
+  StatusChip
 } from "@contractspec/lib.design-system";
+import { useCallback as useCallback3, useState as useState5 } from "react";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
 function getStatusTone(status) {
@@ -702,7 +702,7 @@ function SaasDashboard() {
         className: "flex items-center justify-between",
         children: [
           /* @__PURE__ */ jsxDEV3("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "SaaS Dashboard"
           }, undefined, false, undefined, this),
           activeTab === "projects" && /* @__PURE__ */ jsxDEV3(Button3, {
@@ -739,14 +739,14 @@ function SaasDashboard() {
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV3("nav", {
-        className: "bg-muted flex gap-1 rounded-lg p-1",
+        className: "flex gap-1 rounded-lg bg-muted p-1",
         role: "tablist",
         children: tabs.map((tab) => /* @__PURE__ */ jsxDEV3("button", {
           type: "button",
           role: "tab",
           "aria-selected": activeTab === tab.id,
           onClick: () => setActiveTab(tab.id),
-          className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+          className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 font-medium text-sm transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
           children: [
             /* @__PURE__ */ jsxDEV3("span", {
               children: tab.icon
@@ -849,7 +849,7 @@ function BillingTab({ subscription }) {
     className: "space-y-6",
     children: [
       /* @__PURE__ */ jsxDEV3("div", {
-        className: "border-border bg-card rounded-xl border p-6",
+        className: "rounded-xl border border-border bg-card p-6",
         children: [
           /* @__PURE__ */ jsxDEV3("div", {
             className: "flex items-start justify-between",
@@ -857,7 +857,7 @@ function BillingTab({ subscription }) {
               /* @__PURE__ */ jsxDEV3("div", {
                 children: [
                   /* @__PURE__ */ jsxDEV3("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: [
                       subscription.plan,
                       " Plan"
@@ -907,9 +907,9 @@ function BillingTab({ subscription }) {
         ]
       }, undefined, true, undefined, this),
       subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsxDEV3("div", {
-        className: "border-border bg-destructive/10 text-destructive rounded-xl border p-4",
+        className: "rounded-xl border border-border bg-destructive/10 p-4 text-destructive",
         children: /* @__PURE__ */ jsxDEV3("p", {
-          className: "text-sm font-medium",
+          className: "font-medium text-sm",
           children: "\u26A0\uFE0F Your subscription will be cancelled at the end of the current period."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -920,10 +920,10 @@ function SettingsTab() {
   return /* @__PURE__ */ jsxDEV3("div", {
     className: "space-y-6",
     children: /* @__PURE__ */ jsxDEV3("div", {
-      className: "border-border bg-card rounded-xl border p-6",
+      className: "rounded-xl border border-border bg-card p-6",
       children: [
         /* @__PURE__ */ jsxDEV3("h3", {
-          className: "mb-4 text-lg font-semibold",
+          className: "mb-4 font-semibold text-lg",
           children: "Organization Settings"
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV3("div", {
@@ -933,14 +933,14 @@ function SettingsTab() {
               children: [
                 /* @__PURE__ */ jsxDEV3("label", {
                   htmlFor: "org-name",
-                  className: "text-sm font-medium",
+                  className: "font-medium text-sm",
                   children: "Organization Name"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV3("input", {
                   id: "org-name",
                   type: "text",
                   defaultValue: "Demo Organization",
-                  className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2"
+                  className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
@@ -948,12 +948,12 @@ function SettingsTab() {
               children: [
                 /* @__PURE__ */ jsxDEV3("label", {
                   htmlFor: "timezone",
-                  className: "text-sm font-medium",
+                  className: "font-medium text-sm",
                   children: "Default Timezone"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV3("select", {
                   id: "timezone",
-                  className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2",
+                  className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2",
                   children: [
                     /* @__PURE__ */ jsxDEV3("option", {
                       children: "UTC"

package/dist/ui/SaasProjectList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useProjectList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useProjectList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { saas } = handlers;
@@ -65,14 +65,14 @@ function useProjectList(options = {}) {
 
 // src/ui/SaasProjectList.tsx
 import {
-  StatCard,
-  StatCardGroup,
-  StatusChip,
-  EntityCard,
+  Button,
   EmptyState,
-  LoaderBlock,
+  EntityCard,
   ErrorState,
-  Button
+  LoaderBlock,
+  StatCard,
+  StatCardGroup,
+  StatusChip
 } from "@contractspec/lib.design-system";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";

package/dist/ui/SaasSettingsPanel.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/SaasSettingsPanel.tsx
-import { useState } from "react";
 import { Button } from "@contractspec/lib.design-system";
+import { useState } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function SaasSettingsPanel() {
@@ -11,10 +11,10 @@ function SaasSettingsPanel() {
     className: "space-y-6",
     children: [
       /* @__PURE__ */ jsxDEV("div", {
-        className: "border-border bg-card rounded-xl border p-6",
+        className: "rounded-xl border border-border bg-card p-6",
         children: [
           /* @__PURE__ */ jsxDEV("h3", {
-            className: "mb-4 text-lg font-semibold",
+            className: "mb-4 font-semibold text-lg",
             children: "Organization Settings"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -24,7 +24,7 @@ function SaasSettingsPanel() {
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "setting-org-name",
-                    className: "block text-sm font-medium",
+                    className: "block font-medium text-sm",
                     children: "Organization Name"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("input", {
@@ -32,7 +32,7 @@ function SaasSettingsPanel() {
                     type: "text",
                     value: orgName,
                     onChange: (e) => setOrgName(e.target.value),
-                    className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2"
+                    className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
@@ -40,14 +40,14 @@ function SaasSettingsPanel() {
                 children: [
                   /* @__PURE__ */ jsxDEV("label", {
                     htmlFor: "setting-timezone",
-                    className: "block text-sm font-medium",
+                    className: "block font-medium text-sm",
                     children: "Default Timezone"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("select", {
                     id: "setting-timezone",
                     value: timezone,
                     onChange: (e) => setTimezone(e.target.value),
-                    className: "border-input bg-background mt-1 block w-full rounded-md border px-3 py-2",
+                    className: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2",
                     children: [
                       /* @__PURE__ */ jsxDEV("option", {
                         value: "UTC",
@@ -81,10 +81,10 @@ function SaasSettingsPanel() {
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "border-border bg-card rounded-xl border p-6",
+        className: "rounded-xl border border-border bg-card p-6",
         children: [
           /* @__PURE__ */ jsxDEV("h3", {
-            className: "mb-4 text-lg font-semibold",
+            className: "mb-4 font-semibold text-lg",
             children: "Notifications"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -99,7 +99,7 @@ function SaasSettingsPanel() {
                 /* @__PURE__ */ jsxDEV("input", {
                   type: "checkbox",
                   defaultChecked: item.defaultChecked,
-                  className: "border-input h-4 w-4 rounded"
+                  className: "h-4 w-4 rounded border-input"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("span", {
                   className: "text-sm",
@@ -114,11 +114,11 @@ function SaasSettingsPanel() {
         className: "rounded-xl border border-red-200 bg-red-50 p-6 dark:border-red-900 dark:bg-red-950/20",
         children: [
           /* @__PURE__ */ jsxDEV("h3", {
-            className: "mb-2 text-lg font-semibold text-red-700 dark:text-red-400",
+            className: "mb-2 font-semibold text-lg text-red-700 dark:text-red-400",
             children: "Danger Zone"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("p", {
-            className: "mb-4 text-sm text-red-600 dark:text-red-300",
+            className: "mb-4 text-red-600 text-sm dark:text-red-300",
             children: "These actions are irreversible. Please proceed with caution."
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {

package/dist/ui/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export { useProjectList, type UseProjectListOptions } from './useProjectList';
-export { useProjectMutations, type UseProjectMutationsOptions, } from './useProjectMutations';
+export { type UseProjectListOptions, useProjectList } from './useProjectList';
+export { type UseProjectMutationsOptions, useProjectMutations, } from './useProjectMutations';

package/dist/ui/hooks/index.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useProjectList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useProjectList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { saas } = handlers;
@@ -64,8 +64,8 @@ function useProjectList(options = {}) {
 }
 
 // src/ui/hooks/useProjectMutations.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
 import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
+import { useCallback as useCallback2, useState as useState2 } from "react";
 function useProjectMutations(options = {}) {
   const { handlers, projectId } = useTemplateRuntime2();
   const { saas } = handlers;

package/dist/ui/hooks/useProjectList.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Hook for fetching and managing project list data
+ *
+ * Uses runtime-local database-backed handlers.
+ */
 import type { Project as RuntimeProject, Subscription as RuntimeSubscription } from '../../handlers/saas.handlers';
 export type Project = RuntimeProject;
 export type Subscription = RuntimeSubscription;

package/dist/ui/hooks/useProjectList.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useProjectList.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
 function useProjectList(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { saas } = handlers;

package/dist/ui/hooks/useProjectMutations.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Hook for SaaS project mutations (commands)
+ *
+ * Uses runtime-local database-backed handlers for:
+ * - CreateProjectContract
+ * - UpdateProjectContract
+ * - DeleteProjectContract
+ */
 import type { CreateProjectInput, Project, UpdateProjectInput } from '../../handlers/saas.handlers';
 export interface MutationState<T> {
     loading: boolean;

package/dist/ui/hooks/useProjectMutations.js

@@ -1,7 +1,7 @@
 // @bun
 // src/ui/hooks/useProjectMutations.ts
-import { useCallback, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+import { useCallback, useState } from "react";
 function useProjectMutations(options = {}) {
   const { handlers, projectId } = useTemplateRuntime();
   const { saas } = handlers;

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
+export * from './hooks';
+export * from './modals';
+export * from './overlays';
+export * from './renderers';
 export * from './SaasDashboard';
 export * from './SaasProjectList';
 export * from './SaasSettingsPanel';
-export * from './modals';
-export * from './hooks';
-export * from './renderers';
-export * from './overlays';