@contractspec/example.saas-boilerplate 3.8.8 → 3.8.10

package/dist/browser/ui/modals/index.js

@@ -1,487 +1 @@
-// src/ui/modals/CreateProjectModal.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var TIERS = [
-  { value: "FREE", label: "Free" },
-  { value: "PRO", label: "Pro" },
-  { value: "ENTERPRISE", label: "Enterprise" }
-];
-function CreateProjectModal({
-  isOpen,
-  onClose,
-  onSubmit,
-  isLoading = false
-}) {
-  const [name, setName] = useState("");
-  const [description, setDescription] = useState("");
-  const [tier, setTier] = useState("FREE");
-  const [error, setError] = useState(null);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError(null);
-    if (!name.trim()) {
-      setError("Project name is required");
-      return;
-    }
-    try {
-      await onSubmit({
-        name: name.trim(),
-        description: description.trim() || undefined,
-        tier
-      });
-      setName("");
-      setDescription("");
-      setTier("FREE");
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create project");
-    }
-  };
-  if (!isOpen)
-    return null;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: onClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            onClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        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 font-semibold text-xl",
-            children: "Create New Project"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "project-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Project Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Input, {
-                    id: "project-name",
-                    value: name,
-                    onChange: (e) => setName(e.target.value),
-                    placeholder: "e.g., My Awesome Project",
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "project-description",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Description"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("textarea", {
-                    id: "project-description",
-                    value: description,
-                    onChange: (e) => setDescription(e.target.value),
-                    placeholder: "Describe what this project is about...",
-                    rows: 3,
-                    disabled: isLoading,
-                    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),
-              /* @__PURE__ */ jsxDEV("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV("label", {
-                    htmlFor: "project-tier",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Tier"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("select", {
-                    id: "project-tier",
-                    value: tier,
-                    onChange: (e) => setTier(e.target.value),
-                    disabled: isLoading,
-                    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
-                    }, t.value, false, undefined, this))
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              error && /* @__PURE__ */ jsxDEV("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "button",
-                    variant: "ghost",
-                    onPress: onClose,
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    type: "submit",
-                    disabled: isLoading,
-                    children: isLoading ? "Creating..." : "Create Project"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/modals/ProjectActionsModal.tsx
-import { Button as Button2, Input as Input2 } from "@contractspec/lib.design-system";
-import { useEffect, useState as useState2 } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function ProjectActionsModal({
-  isOpen,
-  project,
-  onClose,
-  onUpdate,
-  onArchive,
-  onActivate,
-  onDelete,
-  isLoading = false
-}) {
-  const [mode, setMode] = useState2("menu");
-  const [name, setName] = useState2("");
-  const [description, setDescription] = useState2("");
-  const [error, setError] = useState2(null);
-  const resetForm = () => {
-    setMode("menu");
-    setError(null);
-    if (project) {
-      setName(project.name);
-      setDescription(project.description ?? "");
-    }
-  };
-  const handleClose = () => {
-    resetForm();
-    onClose();
-  };
-  useEffect(() => {
-    if (project) {
-      setName(project.name);
-      setDescription(project.description ?? "");
-    }
-  }, [project]);
-  const handleEdit = async () => {
-    if (!project)
-      return;
-    setError(null);
-    if (!name.trim()) {
-      setError("Project name is required");
-      return;
-    }
-    try {
-      await onUpdate({
-        id: project.id,
-        name: name.trim(),
-        description: description.trim() || undefined
-      });
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to update project");
-    }
-  };
-  const handleArchive = async () => {
-    if (!project)
-      return;
-    setError(null);
-    try {
-      await onArchive(project.id);
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to archive project");
-    }
-  };
-  const handleActivate = async () => {
-    if (!project)
-      return;
-    setError(null);
-    try {
-      await onActivate(project.id);
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to activate project");
-    }
-  };
-  const handleDelete = async () => {
-    if (!project)
-      return;
-    setError(null);
-    try {
-      await onDelete(project.id);
-      handleClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to delete project");
-    }
-  };
-  if (!isOpen || !project)
-    return null;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
-        onClick: handleClose,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ")
-            handleClose();
-        },
-        "aria-label": "Close modal"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        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: "mb-4 border-border border-b pb-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("h2", {
-                className: "font-semibold text-xl",
-                children: project.name
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground text-sm",
-                children: [
-                  project.tier,
-                  " · ",
-                  project.status
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "menu" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxDEV2(Button2, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => setMode("edit"),
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "✏️"
-                  }, undefined, false, undefined, this),
-                  " Edit Project"
-                ]
-              }, undefined, true, undefined, this),
-              project.status === "ACTIVE" || project.status === "DRAFT" ? /* @__PURE__ */ jsxDEV2(Button2, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: () => setMode("archive"),
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDCE6"
-                  }, undefined, false, undefined, this),
-                  " Archive Project"
-                ]
-              }, undefined, true, undefined, this) : project.status === "ARCHIVED" ? /* @__PURE__ */ jsxDEV2(Button2, {
-                className: "w-full justify-start",
-                variant: "ghost",
-                onPress: handleActivate,
-                disabled: isLoading,
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDD04"
-                  }, undefined, false, undefined, this),
-                  " Restore Project"
-                ]
-              }, undefined, true, undefined, this) : null,
-              /* @__PURE__ */ jsxDEV2(Button2, {
-                className: "w-full justify-start text-red-500 hover:text-red-600",
-                variant: "ghost",
-                onPress: () => setMode("delete"),
-                children: [
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "mr-2",
-                    children: "\uD83D\uDDD1️"
-                  }, undefined, false, undefined, this),
-                  " Delete Project"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "border-border border-t pt-3",
-                children: /* @__PURE__ */ jsxDEV2(Button2, {
-                  className: "w-full",
-                  variant: "outline",
-                  onPress: handleClose,
-                  children: "Close"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "edit" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV2("label", {
-                    htmlFor: "edit-name",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Project Name *"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Input2, {
-                    id: "edit-name",
-                    value: name,
-                    onChange: (e) => setName(e.target.value),
-                    disabled: isLoading
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                children: [
-                  /* @__PURE__ */ jsxDEV2("label", {
-                    htmlFor: "edit-description",
-                    className: "mb-1 block font-medium text-muted-foreground text-sm",
-                    children: "Description"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("textarea", {
-                    id: "edit-description",
-                    value: description,
-                    onChange: (e) => setDescription(e.target.value),
-                    rows: 3,
-                    disabled: isLoading,
-                    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: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Back"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    onPress: handleEdit,
-                    disabled: isLoading,
-                    children: isLoading ? "Saving..." : "Save Changes"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "archive" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Are you sure you want to archive",
-                  " ",
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "font-medium text-foreground",
-                    children: project.name
-                  }, undefined, false, undefined, this),
-                  "?"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Archived projects can be restored later."
-              }, undefined, false, undefined, this),
-              error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    onPress: handleArchive,
-                    disabled: isLoading,
-                    children: isLoading ? "Archiving..." : "\uD83D\uDCE6 Archive"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "delete" && /* @__PURE__ */ jsxDEV2("div", {
-            className: "space-y-4",
-            children: [
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground",
-                children: [
-                  "Are you sure you want to delete",
-                  " ",
-                  /* @__PURE__ */ jsxDEV2("span", {
-                    className: "font-medium text-foreground",
-                    children: project.name
-                  }, undefined, false, undefined, this),
-                  "?"
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-destructive text-sm",
-                children: "This action cannot be undone."
-              }, undefined, false, undefined, this),
-              error && /* @__PURE__ */ jsxDEV2("div", {
-                className: "rounded-md bg-destructive/10 p-3 text-destructive text-sm",
-                children: error
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "flex justify-end gap-3 pt-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    variant: "ghost",
-                    onPress: () => setMode("menu"),
-                    disabled: isLoading,
-                    children: "Cancel"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(Button2, {
-                    variant: "destructive",
-                    onPress: handleDelete,
-                    disabled: isLoading,
-                    children: isLoading ? "Deleting..." : "\uD83D\uDDD1️ Delete"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  ProjectActionsModal,
-  CreateProjectModal
-};
+import{Button as f,Input as S}from"@contractspec/lib.design-system";import{useState as I}from"react";import{jsx as W,jsxs as V}from"react/jsx-runtime";var B=[{value:"FREE",label:"Free"},{value:"PRO",label:"Pro"},{value:"ENTERPRISE",label:"Enterprise"}];function h({isOpen:T,onClose:q,onSubmit:b,isLoading:$=!1}){let[F,R]=I(""),[U,Q]=I(""),[w,Y]=I("FREE"),[k,z]=I(null),y=async(K)=>{if(K.preventDefault(),z(null),!F.trim()){z("Project name is required");return}try{await b({name:F.trim(),description:U.trim()||void 0,tier:w}),R(""),Q(""),Y("FREE"),q()}catch(_){z(_ instanceof Error?_.message:"Failed to create project")}};if(!T)return null;return V("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[W("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:q,role:"button",tabIndex:0,onKeyDown:(K)=>{if(K.key==="Enter"||K.key===" ")q()},"aria-label":"Close modal"}),V("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[W("h2",{className:"mb-4 font-semibold text-xl",children:"Create New Project"}),V("form",{onSubmit:y,className:"space-y-4",children:[V("div",{children:[W("label",{htmlFor:"project-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Project Name *"}),W(S,{id:"project-name",value:F,onChange:(K)=>R(K.target.value),placeholder:"e.g., My Awesome Project",disabled:$})]}),V("div",{children:[W("label",{htmlFor:"project-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),W("textarea",{id:"project-description",value:U,onChange:(K)=>Q(K.target.value),placeholder:"Describe what this project is about...",rows:3,disabled:$,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"})]}),V("div",{children:[W("label",{htmlFor:"project-tier",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Tier"}),W("select",{id:"project-tier",value:w,onChange:(K)=>Y(K.target.value),disabled:$,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:B.map((K)=>W("option",{value:K.value,children:K.label},K.value))})]}),k&&W("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:k}),V("div",{className:"flex justify-end gap-3 pt-2",children:[W(f,{type:"button",variant:"ghost",onPress:q,disabled:$,children:"Cancel"}),W(f,{type:"submit",disabled:$,children:$?"Creating...":"Create Project"})]})]})]})]})}import{Button as X,Input as C}from"@contractspec/lib.design-system";import{useEffect as E,useState as O}from"react";import{jsx as G,jsxs as J}from"react/jsx-runtime";function m({isOpen:T,project:q,onClose:b,onUpdate:$,onArchive:F,onActivate:R,onDelete:U,isLoading:Q=!1}){let[w,Y]=O("menu"),[k,z]=O(""),[y,K]=O(""),[_,Z]=O(null),N=()=>{if(Y("menu"),Z(null),q)z(q.name),K(q.description??"")},H=()=>{N(),b()};E(()=>{if(q)z(q.name),K(q.description??"")},[q]);let v=async()=>{if(!q)return;if(Z(null),!k.trim()){Z("Project name is required");return}try{await $({id:q.id,name:k.trim(),description:y.trim()||void 0}),H()}catch(P){Z(P instanceof Error?P.message:"Failed to update project")}},A=async()=>{if(!q)return;Z(null);try{await F(q.id),H()}catch(P){Z(P instanceof Error?P.message:"Failed to archive project")}},D=async()=>{if(!q)return;Z(null);try{await R(q.id),H()}catch(P){Z(P instanceof Error?P.message:"Failed to activate project")}},M=async()=>{if(!q)return;Z(null);try{await U(q.id),H()}catch(P){Z(P instanceof Error?P.message:"Failed to delete project")}};if(!T||!q)return null;return J("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[G("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm",onClick:H,role:"button",tabIndex:0,onKeyDown:(P)=>{if(P.key==="Enter"||P.key===" ")H()},"aria-label":"Close modal"}),J("div",{className:"relative z-10 w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",children:[J("div",{className:"mb-4 border-border border-b pb-4",children:[G("h2",{className:"font-semibold text-xl",children:q.name}),J("p",{className:"text-muted-foreground text-sm",children:[q.tier," · ",q.status]})]}),w==="menu"&&J("div",{className:"space-y-3",children:[J(X,{className:"w-full justify-start",variant:"ghost",onPress:()=>Y("edit"),children:[G("span",{className:"mr-2",children:"✏️"})," Edit Project"]}),q.status==="ACTIVE"||q.status==="DRAFT"?J(X,{className:"w-full justify-start",variant:"ghost",onPress:()=>Y("archive"),children:[G("span",{className:"mr-2",children:"\uD83D\uDCE6"})," Archive Project"]}):q.status==="ARCHIVED"?J(X,{className:"w-full justify-start",variant:"ghost",onPress:D,disabled:Q,children:[G("span",{className:"mr-2",children:"\uD83D\uDD04"})," Restore Project"]}):null,J(X,{className:"w-full justify-start text-red-500 hover:text-red-600",variant:"ghost",onPress:()=>Y("delete"),children:[G("span",{className:"mr-2",children:"\uD83D\uDDD1️"})," Delete Project"]}),G("div",{className:"border-border border-t pt-3",children:G(X,{className:"w-full",variant:"outline",onPress:H,children:"Close"})})]}),w==="edit"&&J("div",{className:"space-y-4",children:[J("div",{children:[G("label",{htmlFor:"edit-name",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Project Name *"}),G(C,{id:"edit-name",value:k,onChange:(P)=>z(P.target.value),disabled:Q})]}),J("div",{children:[G("label",{htmlFor:"edit-description",className:"mb-1 block font-medium text-muted-foreground text-sm",children:"Description"}),G("textarea",{id:"edit-description",value:y,onChange:(P)=>K(P.target.value),rows:3,disabled:Q,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"})]}),_&&G("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:_}),J("div",{className:"flex justify-end gap-3 pt-2",children:[G(X,{variant:"ghost",onPress:()=>Y("menu"),disabled:Q,children:"Back"}),G(X,{onPress:v,disabled:Q,children:Q?"Saving...":"Save Changes"})]})]}),w==="archive"&&J("div",{className:"space-y-4",children:[J("p",{className:"text-muted-foreground",children:["Are you sure you want to archive"," ",G("span",{className:"font-medium text-foreground",children:q.name}),"?"]}),G("p",{className:"text-muted-foreground text-sm",children:"Archived projects can be restored later."}),_&&G("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:_}),J("div",{className:"flex justify-end gap-3 pt-2",children:[G(X,{variant:"ghost",onPress:()=>Y("menu"),disabled:Q,children:"Cancel"}),G(X,{onPress:A,disabled:Q,children:Q?"Archiving...":"\uD83D\uDCE6 Archive"})]})]}),w==="delete"&&J("div",{className:"space-y-4",children:[J("p",{className:"text-muted-foreground",children:["Are you sure you want to delete"," ",G("span",{className:"font-medium text-foreground",children:q.name}),"?"]}),G("p",{className:"text-destructive text-sm",children:"This action cannot be undone."}),_&&G("div",{className:"rounded-md bg-destructive/10 p-3 text-destructive text-sm",children:_}),J("div",{className:"flex justify-end gap-3 pt-2",children:[G(X,{variant:"ghost",onPress:()=>Y("menu"),disabled:Q,children:"Cancel"}),G(X,{variant:"destructive",onPress:M,disabled:Q,children:Q?"Deleting...":"\uD83D\uDDD1️ Delete"})]})]})]})]})}export{m as ProjectActionsModal,h as CreateProjectModal};

package/dist/browser/ui/overlays/demo-overlays.js

@@ -1,61 +1 @@
-// src/ui/overlays/demo-overlays.ts
-var saasFreeUserOverlay = {
-  overlayId: "saas-boilerplate.free-tier",
-  version: "1.0.0",
-  description: "Shows limitations for free tier users",
-  appliesTo: {
-    feature: "saas-boilerplate",
-    tier: "free"
-  },
-  modifications: [
-    {
-      type: "setLimit",
-      field: "projects",
-      max: 3,
-      message: "Upgrade to create more projects"
-    },
-    { type: "hideField", field: "advancedSettings", reason: "Pro feature" },
-    {
-      type: "addBadge",
-      position: "header",
-      label: "Free Plan",
-      variant: "default"
-    }
-  ]
-};
-var saasDemoOverlay = {
-  overlayId: "saas-boilerplate.demo-user",
-  version: "1.0.0",
-  description: "Demo mode for SaaS boilerplate",
-  appliesTo: {
-    feature: "saas-boilerplate",
-    role: "demo"
-  },
-  modifications: [
-    {
-      type: "hideField",
-      field: "billingSection",
-      reason: "Demo users cannot access billing"
-    },
-    {
-      type: "hideField",
-      field: "deleteAccount",
-      reason: "Not available in demo"
-    },
-    {
-      type: "addBadge",
-      position: "header",
-      label: "Demo Mode",
-      variant: "warning"
-    }
-  ]
-};
-var saasOverlays = [
-  saasFreeUserOverlay,
-  saasDemoOverlay
-];
-export {
-  saasOverlays,
-  saasFreeUserOverlay,
-  saasDemoOverlay
-};
+var c={overlayId:"saas-boilerplate.free-tier",version:"1.0.0",description:"Shows limitations for free tier users",appliesTo:{feature:"saas-boilerplate",tier:"free"},modifications:[{type:"setLimit",field:"projects",max:3,message:"Upgrade to create more projects"},{type:"hideField",field:"advancedSettings",reason:"Pro feature"},{type:"addBadge",position:"header",label:"Free Plan",variant:"default"}]},d={overlayId:"saas-boilerplate.demo-user",version:"1.0.0",description:"Demo mode for SaaS boilerplate",appliesTo:{feature:"saas-boilerplate",role:"demo"},modifications:[{type:"hideField",field:"billingSection",reason:"Demo users cannot access billing"},{type:"hideField",field:"deleteAccount",reason:"Not available in demo"},{type:"addBadge",position:"header",label:"Demo Mode",variant:"warning"}]},g=[c,d];export{g as saasOverlays,c as saasFreeUserOverlay,d as saasDemoOverlay};

package/dist/browser/ui/overlays/index.js

@@ -1,61 +1 @@
-// src/ui/overlays/demo-overlays.ts
-var saasFreeUserOverlay = {
-  overlayId: "saas-boilerplate.free-tier",
-  version: "1.0.0",
-  description: "Shows limitations for free tier users",
-  appliesTo: {
-    feature: "saas-boilerplate",
-    tier: "free"
-  },
-  modifications: [
-    {
-      type: "setLimit",
-      field: "projects",
-      max: 3,
-      message: "Upgrade to create more projects"
-    },
-    { type: "hideField", field: "advancedSettings", reason: "Pro feature" },
-    {
-      type: "addBadge",
-      position: "header",
-      label: "Free Plan",
-      variant: "default"
-    }
-  ]
-};
-var saasDemoOverlay = {
-  overlayId: "saas-boilerplate.demo-user",
-  version: "1.0.0",
-  description: "Demo mode for SaaS boilerplate",
-  appliesTo: {
-    feature: "saas-boilerplate",
-    role: "demo"
-  },
-  modifications: [
-    {
-      type: "hideField",
-      field: "billingSection",
-      reason: "Demo users cannot access billing"
-    },
-    {
-      type: "hideField",
-      field: "deleteAccount",
-      reason: "Not available in demo"
-    },
-    {
-      type: "addBadge",
-      position: "header",
-      label: "Demo Mode",
-      variant: "warning"
-    }
-  ]
-};
-var saasOverlays = [
-  saasFreeUserOverlay,
-  saasDemoOverlay
-];
-export {
-  saasOverlays,
-  saasFreeUserOverlay,
-  saasDemoOverlay
-};
+var x={overlayId:"saas-boilerplate.free-tier",version:"1.0.0",description:"Shows limitations for free tier users",appliesTo:{feature:"saas-boilerplate",tier:"free"},modifications:[{type:"setLimit",field:"projects",max:3,message:"Upgrade to create more projects"},{type:"hideField",field:"advancedSettings",reason:"Pro feature"},{type:"addBadge",position:"header",label:"Free Plan",variant:"default"}]},c={overlayId:"saas-boilerplate.demo-user",version:"1.0.0",description:"Demo mode for SaaS boilerplate",appliesTo:{feature:"saas-boilerplate",role:"demo"},modifications:[{type:"hideField",field:"billingSection",reason:"Demo users cannot access billing"},{type:"hideField",field:"deleteAccount",reason:"Not available in demo"},{type:"addBadge",position:"header",label:"Demo Mode",variant:"warning"}]},d=[x,c];export{d as saasOverlays,x as saasFreeUserOverlay,c as saasDemoOverlay};