@contractspec/example.saas-boilerplate 3.8.9 → 3.8.11

package/dist/browser/ui/SaasDashboard.visualizations.js

@@ -1,249 +1 @@
-// src/visualizations/catalog.ts
-import {
-  defineVisualization,
-  VisualizationRegistry
-} from "@contractspec/lib.contracts-spec/visualizations";
-var PROJECT_LIST_REF = {
-  key: "saas.project.list",
-  version: "1.0.0"
-};
-var META = {
-  version: "1.0.0",
-  domain: "saas",
-  stability: "experimental",
-  owners: ["@example.saas-boilerplate"],
-  tags: ["saas", "visualization", "projects"]
-};
-var SaasProjectUsageVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "saas-boilerplate.visualization.project-usage",
-    title: "Project Capacity",
-    description: "Current project count against the current plan limit.",
-    goal: "Show usage against the active plan allowance.",
-    context: "SaaS account overview."
-  },
-  source: { primary: PROJECT_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "metric",
-    measure: "totalProjects",
-    comparisonMeasure: "projectLimit",
-    measures: [
-      {
-        key: "totalProjects",
-        label: "Projects",
-        dataPath: "totalProjects",
-        format: "number"
-      },
-      {
-        key: "projectLimit",
-        label: "Plan Limit",
-        dataPath: "projectLimit",
-        format: "number"
-      }
-    ],
-    table: { caption: "Current project count and plan limit." }
-  }
-});
-var SaasProjectStatusVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "saas-boilerplate.visualization.project-status",
-    title: "Project Status",
-    description: "Distribution of project states.",
-    goal: "Show the mix of active, draft, and archived projects.",
-    context: "Project portfolio overview."
-  },
-  source: { primary: PROJECT_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "pie",
-    nameDimension: "status",
-    valueMeasure: "projects",
-    dimensions: [
-      { key: "status", label: "Status", dataPath: "status", type: "category" }
-    ],
-    measures: [
-      {
-        key: "projects",
-        label: "Projects",
-        dataPath: "projects",
-        format: "number"
-      }
-    ],
-    table: { caption: "Project counts by status." }
-  }
-});
-var SaasProjectTierVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "saas-boilerplate.visualization.project-tiers",
-    title: "Tier Comparison",
-    description: "Distribution of projects across tiers.",
-    goal: "Compare how the current portfolio is distributed by tier.",
-    context: "Plan and packaging overview."
-  },
-  source: { primary: PROJECT_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "bar",
-    xDimension: "tier",
-    yMeasures: ["projects"],
-    dimensions: [
-      { key: "tier", label: "Tier", dataPath: "tier", type: "category" }
-    ],
-    measures: [
-      {
-        key: "projects",
-        label: "Projects",
-        dataPath: "projects",
-        format: "number",
-        color: "#1d4ed8"
-      }
-    ],
-    table: { caption: "Project counts by tier." }
-  }
-});
-var SaasProjectActivityVisualization = defineVisualization({
-  meta: {
-    ...META,
-    key: "saas-boilerplate.visualization.project-activity",
-    title: "Recent Project Activity",
-    description: "Daily project creation activity.",
-    goal: "Show recent project activity over time.",
-    context: "Project portfolio trend view."
-  },
-  source: { primary: PROJECT_LIST_REF, resultPath: "data" },
-  visualization: {
-    kind: "cartesian",
-    variant: "line",
-    xDimension: "day",
-    yMeasures: ["projects"],
-    dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
-    measures: [
-      {
-        key: "projects",
-        label: "Projects",
-        dataPath: "projects",
-        format: "number",
-        color: "#0f766e"
-      }
-    ],
-    table: { caption: "Daily project creation counts." }
-  }
-});
-var SaasVisualizationSpecs = [
-  SaasProjectUsageVisualization,
-  SaasProjectStatusVisualization,
-  SaasProjectTierVisualization,
-  SaasProjectActivityVisualization
-];
-var SaasVisualizationRegistry = new VisualizationRegistry([
-  ...SaasVisualizationSpecs
-]);
-var SaasVisualizationRefs = SaasVisualizationSpecs.map((spec) => ({
-  key: spec.meta.key,
-  version: spec.meta.version
-}));
-
-// src/visualizations/selectors.ts
-function toDayKey(value) {
-  const date = value instanceof Date ? value : new Date(value);
-  return date.toISOString().slice(0, 10);
-}
-function createSaasVisualizationItems(projects, projectLimit = 10) {
-  const statusCounts = new Map;
-  const tierCounts = new Map;
-  const activityCounts = new Map;
-  for (const project of projects) {
-    statusCounts.set(project.status, (statusCounts.get(project.status) ?? 0) + 1);
-    tierCounts.set(project.tier, (tierCounts.get(project.tier) ?? 0) + 1);
-    const day = toDayKey(project.createdAt);
-    activityCounts.set(day, (activityCounts.get(day) ?? 0) + 1);
-  }
-  return [
-    {
-      key: "saas-capacity",
-      spec: SaasProjectUsageVisualization,
-      data: { data: [{ totalProjects: projects.length, projectLimit }] },
-      title: "Project Capacity",
-      description: "Current project count compared to the active limit.",
-      height: 220
-    },
-    {
-      key: "saas-status",
-      spec: SaasProjectStatusVisualization,
-      data: {
-        data: Array.from(statusCounts.entries()).map(([status, count]) => ({
-          status,
-          projects: count
-        }))
-      },
-      title: "Project Status",
-      description: "Status mix across the current project portfolio.",
-      height: 260
-    },
-    {
-      key: "saas-tier",
-      spec: SaasProjectTierVisualization,
-      data: {
-        data: Array.from(tierCounts.entries()).map(([tier, count]) => ({
-          tier,
-          projects: count
-        }))
-      },
-      title: "Tier Comparison",
-      description: "How projects are distributed across tiers."
-    },
-    {
-      key: "saas-activity",
-      spec: SaasProjectActivityVisualization,
-      data: {
-        data: Array.from(activityCounts.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, projects: count }))
-      },
-      title: "Recent Project Activity",
-      description: "Daily project creation activity."
-    }
-  ];
-}
-// src/ui/SaasDashboard.visualizations.tsx
-import {
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function SaasVisualizationOverview({
-  projects,
-  projectLimit
-}) {
-  const items = createSaasVisualizationItems(projects, projectLimit);
-  return /* @__PURE__ */ jsxDEV("section", {
-    className: "space-y-3",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "font-semibold text-lg",
-            children: "Portfolio Visualizations"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "Contract-backed charts for project mix, capacity, and activity."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: items.map((item) => /* @__PURE__ */ jsxDEV(VisualizationCard, {
-          data: item.data,
-          description: item.description,
-          height: item.height,
-          spec: item.spec,
-          title: item.title
-        }, item.key, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  SaasVisualizationOverview
-};
+import{defineVisualization as r,VisualizationRegistry as Y}from"@contractspec/lib.contracts-spec/visualizations";var N={key:"saas.project.list",version:"1.0.0"},p={version:"1.0.0",domain:"saas",stability:"experimental",owners:["@example.saas-boilerplate"],tags:["saas","visualization","projects"]},q=r({meta:{...p,key:"saas-boilerplate.visualization.project-usage",title:"Project Capacity",description:"Current project count against the current plan limit.",goal:"Show usage against the active plan allowance.",context:"SaaS account overview."},source:{primary:N,resultPath:"data"},visualization:{kind:"metric",measure:"totalProjects",comparisonMeasure:"projectLimit",measures:[{key:"totalProjects",label:"Projects",dataPath:"totalProjects",format:"number"},{key:"projectLimit",label:"Plan Limit",dataPath:"projectLimit",format:"number"}],table:{caption:"Current project count and plan limit."}}}),x=r({meta:{...p,key:"saas-boilerplate.visualization.project-status",title:"Project Status",description:"Distribution of project states.",goal:"Show the mix of active, draft, and archived projects.",context:"Project portfolio overview."},source:{primary:N,resultPath:"data"},visualization:{kind:"pie",nameDimension:"status",valueMeasure:"projects",dimensions:[{key:"status",label:"Status",dataPath:"status",type:"category"}],measures:[{key:"projects",label:"Projects",dataPath:"projects",format:"number"}],table:{caption:"Project counts by status."}}}),B=r({meta:{...p,key:"saas-boilerplate.visualization.project-tiers",title:"Tier Comparison",description:"Distribution of projects across tiers.",goal:"Compare how the current portfolio is distributed by tier.",context:"Plan and packaging overview."},source:{primary:N,resultPath:"data"},visualization:{kind:"cartesian",variant:"bar",xDimension:"tier",yMeasures:["projects"],dimensions:[{key:"tier",label:"Tier",dataPath:"tier",type:"category"}],measures:[{key:"projects",label:"Projects",dataPath:"projects",format:"number",color:"#1d4ed8"}],table:{caption:"Project counts by tier."}}}),H=r({meta:{...p,key:"saas-boilerplate.visualization.project-activity",title:"Recent Project Activity",description:"Daily project creation activity.",goal:"Show recent project activity over time.",context:"Project portfolio trend view."},source:{primary:N,resultPath:"data"},visualization:{kind:"cartesian",variant:"line",xDimension:"day",yMeasures:["projects"],dimensions:[{key:"day",label:"Day",dataPath:"day",type:"time"}],measures:[{key:"projects",label:"Projects",dataPath:"projects",format:"number",color:"#0f766e"}],table:{caption:"Daily project creation counts."}}}),Q=[q,x,B,H],K=new Y([...Q]),U=Q.map((d)=>({key:d.meta.key,version:d.meta.version}));function Z(d){return(d instanceof Date?d:new Date(d)).toISOString().slice(0,10)}function W(d,k=10){let b=new Map,h=new Map,w=new Map;for(let m of d){b.set(m.status,(b.get(m.status)??0)+1),h.set(m.tier,(h.get(m.tier)??0)+1);let f=Z(m.createdAt);w.set(f,(w.get(f)??0)+1)}return[{key:"saas-capacity",spec:q,data:{data:[{totalProjects:d.length,projectLimit:k}]},title:"Project Capacity",description:"Current project count compared to the active limit.",height:220},{key:"saas-status",spec:x,data:{data:Array.from(b.entries()).map(([m,f])=>({status:m,projects:f}))},title:"Project Status",description:"Status mix across the current project portfolio.",height:260},{key:"saas-tier",spec:B,data:{data:Array.from(h.entries()).map(([m,f])=>({tier:m,projects:f}))},title:"Tier Comparison",description:"How projects are distributed across tiers."},{key:"saas-activity",spec:H,data:{data:Array.from(w.entries()).sort(([m],[f])=>m.localeCompare(f)).map(([m,f])=>({day:m,projects:f}))},title:"Recent Project Activity",description:"Daily project creation activity."}]}import{VisualizationCard as $,VisualizationGrid as g}from"@contractspec/lib.design-system";import{jsx as G,jsxs as X}from"react/jsx-runtime";function y({projects:d,projectLimit:k}){let b=W(d,k);return X("section",{className:"space-y-3",children:[X("div",{children:[G("h3",{className:"font-semibold text-lg",children:"Portfolio Visualizations"}),G("p",{className:"text-muted-foreground text-sm",children:"Contract-backed charts for project mix, capacity, and activity."})]}),G(g,{children:b.map((h)=>G($,{data:h.data,description:h.description,height:h.height,spec:h.spec,title:h.title},h.key))})]})}export{y as SaasVisualizationOverview};

package/dist/browser/ui/SaasProjectList.js

@@ -1,162 +1 @@
-// src/ui/hooks/useProjectList.ts
-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;
-  const [data, setData] = useState(null);
-  const [subscription, setSubscription] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [page, setPage] = useState(1);
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const [projectsResult, subscriptionResult] = await Promise.all([
-        saas.listProjects({
-          projectId,
-          status: options.status === "all" ? undefined : options.status,
-          search: options.search,
-          limit: options.limit ?? 20,
-          offset: (page - 1) * (options.limit ?? 20)
-        }),
-        saas.getSubscription({ projectId })
-      ]);
-      setData({
-        items: projectsResult.items,
-        total: projectsResult.total
-      });
-      setSubscription(subscriptionResult);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Unknown error"));
-    } finally {
-      setLoading(false);
-    }
-  }, [saas, projectId, options.status, options.search, options.limit, page]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  const stats = useMemo(() => {
-    if (!data)
-      return null;
-    const items = data.items;
-    return {
-      total: data.total,
-      activeCount: items.filter((p) => p.status === "ACTIVE").length,
-      draftCount: items.filter((p) => p.status === "DRAFT").length,
-      projectLimit: 10,
-      usagePercent: Math.min(data.total / 10 * 100, 100)
-    };
-  }, [data]);
-  return {
-    data,
-    subscription,
-    loading,
-    error,
-    stats,
-    page,
-    refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
-  };
-}
-
-// src/ui/SaasProjectList.tsx
-import {
-  Button,
-  EmptyState,
-  EntityCard,
-  ErrorState,
-  LoaderBlock,
-  StatCard,
-  StatCardGroup,
-  StatusChip
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function getStatusTone(status) {
-  switch (status) {
-    case "ACTIVE":
-      return "success";
-    case "DRAFT":
-      return "neutral";
-    case "ARCHIVED":
-      return "danger";
-    default:
-      return "neutral";
-  }
-}
-function SaasProjectList({
-  onProjectClick,
-  onCreateProject
-}) {
-  const { data, loading, error, stats, refetch } = useProjectList();
-  if (loading && !data) {
-    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
-      label: "Loading projects..."
-    }, undefined, false, undefined, this);
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxDEV(ErrorState, {
-      title: "Failed to load projects",
-      description: error.message,
-      onRetry: refetch,
-      retryLabel: "Retry"
-    }, undefined, false, undefined, this);
-  }
-  if (!data?.items.length) {
-    return /* @__PURE__ */ jsxDEV(EmptyState, {
-      title: "No projects found",
-      description: "Create your first project to get started.",
-      primaryAction: onCreateProject ? /* @__PURE__ */ jsxDEV(Button, {
-        onPress: onCreateProject,
-        children: "Create Project"
-      }, undefined, false, undefined, this) : undefined
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "space-y-6",
-    children: [
-      stats && /* @__PURE__ */ jsxDEV(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Total Projects",
-            value: stats.total.toString()
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Active",
-            value: stats.activeCount.toString()
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(StatCard, {
-            label: "Draft",
-            value: stats.draftCount.toString()
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-        children: data.items.map((project) => /* @__PURE__ */ jsxDEV(EntityCard, {
-          cardTitle: project.name,
-          cardSubtitle: project.tier,
-          meta: /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: project.description
-          }, undefined, false, undefined, this),
-          chips: /* @__PURE__ */ jsxDEV(StatusChip, {
-            tone: getStatusTone(project.status),
-            label: project.status
-          }, undefined, false, undefined, this),
-          footer: /* @__PURE__ */ jsxDEV("span", {
-            className: "text-muted-foreground text-xs",
-            children: project.updatedAt.toLocaleDateString()
-          }, undefined, false, undefined, this),
-          onClick: onProjectClick ? () => onProjectClick(project.id) : undefined
-        }, project.id, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  SaasProjectList
-};
+import{useTemplateRuntime as T}from"@contractspec/lib.example-shared-ui";import{useCallback as y,useEffect as I,useMemo as D,useState as N}from"react";function _(q={}){let{handlers:O,projectId:F}=T(),{saas:J}=O,[A,H]=N(null),[U,z]=N(null),[G,X]=N(!0),[M,Y]=N(null),[Q,Z]=N(1),V=y(async()=>{X(!0),Y(null);try{let[v,K]=await Promise.all([J.listProjects({projectId:F,status:q.status==="all"?void 0:q.status,search:q.search,limit:q.limit??20,offset:(Q-1)*(q.limit??20)}),J.getSubscription({projectId:F})]);H({items:v.items,total:v.total}),z(K)}catch(v){Y(v instanceof Error?v:Error("Unknown error"))}finally{X(!1)}},[J,F,q.status,q.search,q.limit,Q]);I(()=>{V()},[V]);let B=D(()=>{if(!A)return null;let v=A.items;return{total:A.total,activeCount:v.filter((K)=>K.status==="ACTIVE").length,draftCount:v.filter((K)=>K.status==="DRAFT").length,projectLimit:10,usagePercent:Math.min(A.total/10*100,100)}},[A]);return{data:A,subscription:U,loading:G,error:M,stats:B,page:Q,refetch:V,nextPage:()=>Z((v)=>v+1),prevPage:()=>Q>1&&Z((v)=>v-1)}}import{Button as R,EmptyState as b,EntityCard as f,ErrorState as E,LoaderBlock as L,StatCard as W,StatCardGroup as k,StatusChip as h}from"@contractspec/lib.design-system";import{jsx as w,jsxs as $}from"react/jsx-runtime";function m(q){switch(q){case"ACTIVE":return"success";case"DRAFT":return"neutral";case"ARCHIVED":return"danger";default:return"neutral"}}function l({onProjectClick:q,onCreateProject:O}){let{data:F,loading:J,error:A,stats:H,refetch:U}=_();if(J&&!F)return w(L,{label:"Loading projects..."});if(A)return w(E,{title:"Failed to load projects",description:A.message,onRetry:U,retryLabel:"Retry"});if(!F?.items.length)return w(b,{title:"No projects found",description:"Create your first project to get started.",primaryAction:O?w(R,{onPress:O,children:"Create Project"}):void 0});return $("div",{className:"space-y-6",children:[H&&$(k,{children:[w(W,{label:"Total Projects",value:H.total.toString()}),w(W,{label:"Active",value:H.activeCount.toString()}),w(W,{label:"Draft",value:H.draftCount.toString()})]}),w("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:F.items.map((z)=>w(f,{cardTitle:z.name,cardSubtitle:z.tier,meta:w("p",{className:"text-muted-foreground text-sm",children:z.description}),chips:w(h,{tone:m(z.status),label:z.status}),footer:w("span",{className:"text-muted-foreground text-xs",children:z.updatedAt.toLocaleDateString()}),onClick:q?()=>q(z.id):void 0},z.id))})]})}export{l as SaasProjectList};

package/dist/browser/ui/SaasSettingsPanel.js

@@ -1,145 +1 @@
-// src/ui/SaasSettingsPanel.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function SaasSettingsPanel() {
-  const [orgName, setOrgName] = useState("Demo Organization");
-  const [timezone, setTimezone] = useState("UTC");
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "rounded-xl border border-border bg-card p-6",
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "mb-4 font-semibold text-lg",
-            children: "Organization Settings"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "setting-org-name",
-                    className: "block font-medium text-sm",
-                    children: "Organization Name"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("input", {
-                    id: "setting-org-name",
-                    type: "text",
-                    value: orgName,
-                    onChange: (e) => setOrgName(e.target.value),
-                    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),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "setting-timezone",
-                    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: "mt-1 block w-full rounded-md border border-input bg-background px-3 py-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "UTC",
-                        children: "UTC"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "America/New_York",
-                        children: "America/New_York"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "Europe/London",
-                        children: "Europe/London"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV("option", {
-                        value: "Asia/Tokyo",
-                        children: "Asia/Tokyo"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "mt-6",
-            children: /* @__PURE__ */ jsxDEV(Button, {
-              variant: "default",
-              children: "Save Changes"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "rounded-xl border border-border bg-card p-6",
-        children: [
-          /* @__PURE__ */ jsxDEV("h3", {
-            className: "mb-4 font-semibold text-lg",
-            children: "Notifications"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "space-y-3",
-            children: [
-              { label: "Email notifications", defaultChecked: true },
-              { label: "Usage alerts", defaultChecked: true },
-              { label: "Weekly digest", defaultChecked: false }
-            ].map((item) => /* @__PURE__ */ jsxDEV("label", {
-              className: "flex items-center gap-3",
-              children: [
-                /* @__PURE__ */ jsxDEV("input", {
-                  type: "checkbox",
-                  defaultChecked: item.defaultChecked,
-                  className: "h-4 w-4 rounded border-input"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("span", {
-                  className: "text-sm",
-                  children: item.label
-                }, undefined, false, undefined, this)
-              ]
-            }, item.label, true, undefined, this))
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        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 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-red-600 text-sm dark:text-red-300",
-            children: "These actions are irreversible. Please proceed with caution."
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "flex gap-3",
-            children: [
-              /* @__PURE__ */ jsxDEV(Button, {
-                variant: "secondary",
-                size: "sm",
-                children: "Export Data"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV(Button, {
-                variant: "secondary",
-                size: "sm",
-                children: "Delete Organization"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  SaasSettingsPanel
-};
+import{Button as q}from"@contractspec/lib.design-system";import{useState as v}from"react";import{jsx as f,jsxs as h}from"react/jsx-runtime";function G(){let[w,A]=v("Demo Organization"),[C,D]=v("UTC");return h("div",{className:"space-y-6",children:[h("div",{className:"rounded-xl border border-border bg-card p-6",children:[f("h3",{className:"mb-4 font-semibold text-lg",children:"Organization Settings"}),h("div",{className:"space-y-4",children:[h("div",{children:[f("label",{htmlFor:"setting-org-name",className:"block font-medium text-sm",children:"Organization Name"}),f("input",{id:"setting-org-name",type:"text",value:w,onChange:(k)=>A(k.target.value),className:"mt-1 block w-full rounded-md border border-input bg-background px-3 py-2"})]}),h("div",{children:[f("label",{htmlFor:"setting-timezone",className:"block font-medium text-sm",children:"Default Timezone"}),h("select",{id:"setting-timezone",value:C,onChange:(k)=>D(k.target.value),className:"mt-1 block w-full rounded-md border border-input bg-background px-3 py-2",children:[f("option",{value:"UTC",children:"UTC"}),f("option",{value:"America/New_York",children:"America/New_York"}),f("option",{value:"Europe/London",children:"Europe/London"}),f("option",{value:"Asia/Tokyo",children:"Asia/Tokyo"})]})]})]}),f("div",{className:"mt-6",children:f(q,{variant:"default",children:"Save Changes"})})]}),h("div",{className:"rounded-xl border border-border bg-card p-6",children:[f("h3",{className:"mb-4 font-semibold text-lg",children:"Notifications"}),f("div",{className:"space-y-3",children:[{label:"Email notifications",defaultChecked:!0},{label:"Usage alerts",defaultChecked:!0},{label:"Weekly digest",defaultChecked:!1}].map((k)=>h("label",{className:"flex items-center gap-3",children:[f("input",{type:"checkbox",defaultChecked:k.defaultChecked,className:"h-4 w-4 rounded border-input"}),f("span",{className:"text-sm",children:k.label})]},k.label))})]}),h("div",{className:"rounded-xl border border-red-200 bg-red-50 p-6 dark:border-red-900 dark:bg-red-950/20",children:[f("h3",{className:"mb-2 font-semibold text-lg text-red-700 dark:text-red-400",children:"Danger Zone"}),f("p",{className:"mb-4 text-red-600 text-sm dark:text-red-300",children:"These actions are irreversible. Please proceed with caution."}),h("div",{className:"flex gap-3",children:[f(q,{variant:"secondary",size:"sm",children:"Export Data"}),f(q,{variant:"secondary",size:"sm",children:"Delete Organization"})]})]})]})}export{G as SaasSettingsPanel};