@contractspec/example.saas-boilerplate 3.7.5 → 3.7.7

package/dist/node/ui/SaasDashboard.js

@@ -1,6 +1,6 @@
 // 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;
@@ -63,8 +63,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;
@@ -152,8 +152,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 = [
@@ -198,7 +198,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,
@@ -209,10 +209,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", {
@@ -223,7 +223,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, {
@@ -239,7 +239,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", {
@@ -249,7 +249,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),
@@ -257,7 +257,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", {
@@ -265,7 +265,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
@@ -274,7 +274,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", {
@@ -303,8 +303,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({
@@ -397,7 +397,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,
@@ -408,13 +408,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", {
@@ -496,7 +496,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, {
@@ -511,7 +511,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", {
@@ -520,12 +520,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", {
@@ -555,7 +555,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),
                   "?"
@@ -566,7 +566,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", {
@@ -596,7 +596,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),
                   "?"
@@ -607,7 +607,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", {
@@ -636,17 +636,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) {
@@ -701,7 +701,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, {
@@ -738,14 +738,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
@@ -848,7 +848,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",
@@ -856,7 +856,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"
@@ -906,9 +906,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: "⚠️ Your subscription will be cancelled at the end of the current period."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -919,10 +919,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", {
@@ -932,14 +932,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),
@@ -947,12 +947,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/node/ui/SaasProjectList.js

@@ -1,6 +1,6 @@
 // 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,14 +64,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/node/ui/SaasSettingsPanel.js

@@ -1,6 +1,6 @@
 // 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() {
@@ -10,10 +10,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", {
@@ -23,7 +23,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", {
@@ -31,7 +31,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),
@@ -39,14 +39,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",
@@ -80,10 +80,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", {
@@ -98,7 +98,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",
@@ -113,11 +113,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/node/ui/hooks/index.js

@@ -1,6 +1,6 @@
 // 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;
@@ -63,8 +63,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/node/ui/hooks/useProjectList.js

@@ -1,6 +1,6 @@
 // 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/node/ui/hooks/useProjectMutations.js

@@ -1,6 +1,6 @@
 // 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;