@sableui/react 0.9.1 → 0.11.0

package/dist/patterns/list-detail-page.js

@@ -38,9 +38,9 @@ var roleLabel = {
 };
 var roleSummary = {
   owner: "Full access, including payouts and billing. Transfer ownership in studio settings.",
-  admin: "Manages members, editions and payouts.",
-  editor: "Drafts, prices and releases editions.",
-  viewer: "Sees editions and sales, but can't change them."
+  admin: "Manages members, projects and billing.",
+  editor: "Drafts, edits and publishes projects.",
+  viewer: "Sees projects and reports, but can't change them."
 };
 var seats = 10;
 var initialMembers = [
@@ -54,9 +54,9 @@ var initialMembers = [
     pending: false,
     joined: "Mar 4, 2024",
     lastActive: "Online now",
-    editions: 12,
+    projects: 12,
     activity: [
-      { id: "a1", icon: "gem", text: "Released Analytical Engine No. 3 \u2014 edition of 50", when: "2 hours ago" },
+      { id: "a1", icon: "file", text: "Published the Analytical Engine No. 3 roadmap", when: "2 hours ago" },
       { id: "a2", icon: "mail", text: "Invited louise@bourgeois.studio as Editor", when: "2 days ago" }
     ]
   },
@@ -70,11 +70,11 @@ var initialMembers = [
     pending: false,
     joined: "Mar 9, 2024",
     lastActive: "20 minutes ago",
-    editions: 4,
+    projects: 4,
     activity: [
       { id: "a1", icon: "user", text: "Changed Frida Kahlo's role to Viewer", when: "Yesterday" },
-      { id: "a2", icon: "edit", text: "Updated pricing on First Compiler \u2014 edition of 10", when: "3 days ago" },
-      { id: "a3", icon: "gem", text: "Released First Compiler \u2014 edition of 10", when: "Sep 28" }
+      { id: "a2", icon: "edit", text: "Updated the budget on First Compiler", when: "3 days ago" },
+      { id: "a3", icon: "file", text: "Created the First Compiler project", when: "Sep 28" }
     ]
   },
   {
@@ -87,10 +87,10 @@ var initialMembers = [
     pending: false,
     joined: "Jun 18, 2024",
     lastActive: "3 hours ago",
-    editions: 7,
+    projects: 7,
     activity: [
       { id: "a1", icon: "calendar", text: "Scheduled Frankenstein Studies for Oct 14", when: "3 hours ago" },
-      { id: "a2", icon: "gem", text: "Released The Last Man \u2014 edition of 25", when: "Sep 21" }
+      { id: "a2", icon: "file", text: "Published The Last Man report", when: "Sep 21" }
     ]
   },
   {
@@ -103,10 +103,10 @@ var initialMembers = [
     pending: false,
     joined: "Jan 12, 2025",
     lastActive: "Yesterday",
-    editions: 3,
+    projects: 3,
     activity: [
-      { id: "a1", icon: "upload", text: "Uploaded artwork for Little Girl Blue", when: "Yesterday" },
-      { id: "a2", icon: "gem", text: "Released Feeling Good \u2014 edition of 100", when: "Aug 30" }
+      { id: "a1", icon: "upload", text: "Uploaded files for Little Girl Blue", when: "Yesterday" },
+      { id: "a2", icon: "file", text: "Published the Feeling Good brief", when: "Aug 30" }
     ]
   },
   {
@@ -119,7 +119,7 @@ var initialMembers = [
     pending: false,
     joined: "Jul 2, 2025",
     lastActive: "4 days ago",
-    editions: 0,
+    projects: 0,
     activity: [{ id: "a1", icon: "comment", text: "Commented on the Las Dos Fridas draft", when: "4 days ago" }]
   },
   {
@@ -321,8 +321,8 @@ function ListDetailPage() {
                 /* @__PURE__ */ jsx("dd", { children: selected.joined }),
                 /* @__PURE__ */ jsx("dt", { children: "Last active" }),
                 /* @__PURE__ */ jsx("dd", { className: selected.lastActive === "Online now" ? "text-success" : void 0, children: selected.lastActive }),
-                /* @__PURE__ */ jsx("dt", { children: "Editions released" }),
-                /* @__PURE__ */ jsx("dd", { children: selected.editions })
+                /* @__PURE__ */ jsx("dt", { children: "Projects owned" }),
+                /* @__PURE__ */ jsx("dd", { children: selected.projects })
               ] }) })
             ] }) }),
             selected.role !== "owner" ? /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs(Row, { gap: 2, wrap: true, children: [
@@ -358,7 +358,7 @@ function ListDetailPage() {
               open: confirming,
               onOpenChange: setConfirming,
               title: selected.pending ? "Revoke this invite?" : `Remove ${selected.name}?`,
-              description: selected.pending ? `${selected.email} won't be able to join with the link they were sent.` : "They lose access to the studio right away. Editions they released stay on sale.",
+              description: selected.pending ? `${selected.email} won't be able to join with the link they were sent.` : "They lose access to the workspace right away. Projects they own stay with the team.",
               confirmLabel: selected.pending ? "Revoke invite" : "Remove member",
               onConfirm: () => remove(selected.id)
             }

package/dist/patterns/settings-page.js

@@ -52,16 +52,16 @@ var timezones = [
   { value: "asia-tokyo", label: "Tokyo (GMT+9)" }
 ];
 var notifications = [
-  { name: "notifyCollects", title: "New collects", description: "When someone collects your work", on: true },
-  { name: "notifySoldOut", title: "Sold out", description: "When an edition sells its last copy", on: true },
-  { name: "notifyFollowers", title: "New followers", description: "When a collector follows you", on: false },
-  { name: "notifyDigest", title: "Weekly digest", description: "Sales and collectors, every Monday", on: true },
+  { name: "notifyComments", title: "New comments", description: "When someone comments on your work", on: true },
+  { name: "notifyInvoicePaid", title: "Invoice paid", description: "When a customer pays an invoice", on: true },
+  { name: "notifyMembers", title: "New members", description: "When someone joins your workspace", on: false },
+  { name: "notifyDigest", title: "Weekly digest", description: "Activity and usage, every Monday", on: true },
   { name: "notifyProduct", title: "Product updates", description: "New Atelier features", on: false }
 ];
 var payouts = [
   { label: "Next payout", value: "$1,284.60", note: "Friday, Oct 16" },
   { label: "Pending", value: "$412.00", note: "Clears in 7 days" },
-  { label: "Paid this year", value: "$18,920.00", note: "Across 214 collects" }
+  { label: "Paid this year", value: "$18,920.00", note: "Across 214 invoices" }
 ];
 function SettingsPage() {
   const [activeSection, setActiveSection] = useState("profile");
@@ -81,8 +81,8 @@ function SettingsPage() {
       ),
       bottomNav: /* @__PURE__ */ jsxs(BottomNav, { "aria-label": "Primary", children: [
         /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "grid" }), label: "Overview", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/" }) }),
-        /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "image-stack" }), label: "Editions", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/editions" }) }),
-        /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "user" }), label: "Collectors", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/collectors" }) }),
+        /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "folder" }), label: "Accounts", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/accounts" }) }),
+        /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "user" }), label: "Customers", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/customers" }) }),
         /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "bell" }), label: "Activity", showLabel: true, render: /* @__PURE__ */ jsx("a", { href: "/activity" }) }),
         /* @__PURE__ */ jsx(BottomNavItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "gear" }), label: "Settings", showLabel: true, active: true, render: /* @__PURE__ */ jsx("a", { href: "/settings" }) })
       ] }),
@@ -90,8 +90,8 @@ function SettingsPage() {
         /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(SidebarBrand, { mark: /* @__PURE__ */ jsx(Icon, { name: "gem", variant: "solid" }), label: "Atelier", render: /* @__PURE__ */ jsx("a", { href: "/" }) }) }),
         /* @__PURE__ */ jsxs(SidebarNav, { children: [
           /* @__PURE__ */ jsx(SidebarItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "grid" }), label: "Overview", render: /* @__PURE__ */ jsx("a", { href: "/" }) }),
-          /* @__PURE__ */ jsx(SidebarItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "image-stack" }), label: "Editions", render: /* @__PURE__ */ jsx("a", { href: "/editions" }) }),
-          /* @__PURE__ */ jsx(SidebarItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "user" }), label: "Collectors", render: /* @__PURE__ */ jsx("a", { href: "/collectors" }) }),
+          /* @__PURE__ */ jsx(SidebarItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "folder" }), label: "Accounts", render: /* @__PURE__ */ jsx("a", { href: "/accounts" }) }),
+          /* @__PURE__ */ jsx(SidebarItem, { icon: /* @__PURE__ */ jsx(Icon, { name: "user" }), label: "Customers", render: /* @__PURE__ */ jsx("a", { href: "/customers" }) }),
           /* @__PURE__ */ jsx(
             SidebarItem,
             {
@@ -143,7 +143,7 @@ function SettingsPage() {
               /* @__PURE__ */ jsxs(Card, { id: "profile", className: "scroll-mt-6", children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
                   /* @__PURE__ */ jsx(CardTitle, { render: /* @__PURE__ */ jsx("h2", {}), children: "Profile" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "How collectors see you on Atelier." })
+                  /* @__PURE__ */ jsx(CardDescription, { children: "How your team sees you on Atelier." })
                 ] }),
                 /* @__PURE__ */ jsxs(Form, { onSubmit: (event) => event.preventDefault(), className: "gap-0", children: [
                   /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
@@ -161,14 +161,14 @@ function SettingsPage() {
                       /* @__PURE__ */ jsx(Field, { label: "Display name", name: "displayName", required: true, children: /* @__PURE__ */ jsx(Input, { defaultValue: "Ada Lovelace", autoComplete: "name" }) }),
                       /* @__PURE__ */ jsx(Field, { label: "Handle", name: "handle", description: "atelier.com/@ada", required: true, children: /* @__PURE__ */ jsx(Input, { defaultValue: "ada", autoComplete: "username", spellCheck: false }) })
                     ] }),
-                    /* @__PURE__ */ jsx(Field, { label: "Bio", name: "bio", description: "Shown on your profile and edition pages.", children: /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx(Field, { label: "Bio", name: "bio", description: "Shown on your profile and in comments.", children: /* @__PURE__ */ jsx(
                       Textarea,
                       {
                         rows: 3,
-                        defaultValue: "Generative artist working in plotted ink and code. New editions of 25 to 100 every month."
+                        defaultValue: "Product designer working on tools for small teams. Writing about process every month."
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(Grid, { cols: { base: 1, sm: 2 }, gap: 3, children: /* @__PURE__ */ jsx(Field, { label: "Timezone", name: "timezone", description: "Release times use this zone.", children: /* @__PURE__ */ jsxs(Select, { defaultValue: "europe-london", items: timezones, children: [
+                    /* @__PURE__ */ jsx(Grid, { cols: { base: 1, sm: 2 }, gap: 3, children: /* @__PURE__ */ jsx(Field, { label: "Timezone", name: "timezone", description: "Due dates use this zone.", children: /* @__PURE__ */ jsxs(Select, { defaultValue: "europe-london", items: timezones, children: [
                       /* @__PURE__ */ jsx(SelectTrigger, {}),
                       /* @__PURE__ */ jsx(SelectContent, { children: timezones.map((zone) => /* @__PURE__ */ jsx(SelectItem, { value: zone.value, children: zone.label }, zone.value)) })
                     ] }) }) })
@@ -179,7 +179,7 @@ function SettingsPage() {
               /* @__PURE__ */ jsxs(Card, { id: "notifications", className: "scroll-mt-6", children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
                   /* @__PURE__ */ jsx(CardTitle, { render: /* @__PURE__ */ jsx("h2", {}), children: "Notifications" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Email updates about your editions. Changes save automatically." })
+                  /* @__PURE__ */ jsx(CardDescription, { children: "Email updates about your projects. Changes save automatically." })
                 ] }),
                 /* @__PURE__ */ jsx(CardList, { children: notifications.map((item) => /* @__PURE__ */ jsx(
                   Entity,
@@ -230,7 +230,7 @@ function SettingsPage() {
                     {
                       leading: /* @__PURE__ */ jsx(Icon, { name: "download", className: "text-lg text-muted-foreground" }),
                       title: "Export data",
-                      subtitle: "Editions, sales, and collectors",
+                      subtitle: "Projects, invoices, and members",
                       action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Export" })
                     }
                   )
@@ -239,7 +239,7 @@ function SettingsPage() {
               /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
                   /* @__PURE__ */ jsx(CardTitle, { render: /* @__PURE__ */ jsx("h2", {}), children: "Delete account" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Permanently remove your profile, editions, and sales history. Collectors keep the editions they own." })
+                  /* @__PURE__ */ jsx(CardDescription, { children: "Permanently remove your profile, projects, and billing history. Files you shared stay with your team." })
                 ] }),
                 /* @__PURE__ */ jsx(CardFooter, { className: "justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: () => setDeleteOpen(true), children: "Delete account" }) })
               ] })
@@ -252,7 +252,7 @@ function SettingsPage() {
             open: deleteOpen,
             onOpenChange: setDeleteOpen,
             title: "Delete your account?",
-            description: "This permanently removes your profile, 12 editions, and sales history. Pending payouts are still sent. This can't be undone.",
+            description: "This permanently removes your profile, 12 projects, and billing history. Your final invoice is still sent. This can't be undone.",
             confirmLabel: "Delete account",
             confirmingLabel: "Deleting\u2026",
             confirmText: "ada",

package/dist/presets/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../_contract-CkqXDVww.js';
 
 /** An OKLCH colour, lightness 0–1. Extra fields (alpha) ride along untouched. */
 interface OklchColor {

package/dist/presets/index.js

@@ -7,11 +7,13 @@ import {
   TYPE_REFINEMENT_TOKENS,
   TYPE_OVERLINE_TOKENS,
   DENSITY_TOKENS,
+  RHYTHM_TOKENS,
   LAYERING_TOKENS,
   WORKSPACE_SURFACE_TOKENS,
   DERIVED_EDGE_TOKENS,
   TYPE_UI_TOKENS,
-  ART_TOKENS
+  ART_TOKENS,
+  PALETTE_TOKENS
 } from "../themes/_contract.js";
 import { LABEL_CONTRAST_RULE, LABELLED_FILLS, checkLabelledFills } from "../themes/contrast.js";
 import {
@@ -39,6 +41,7 @@ var PRESET_TOKEN_NAMES = [.../* @__PURE__ */ new Set([
   ...DERIVED_EDGE_TOKENS.map((name) => `theme-${name}`),
   // Art direction: optional hooks — a preset without them paints the default art.
   ...ART_TOKENS.map((name) => `theme-${name}`),
+  ...PALETTE_TOKENS.map((name) => `theme-${name}`),
   ...WORKSPACE_SURFACE_TOKENS,
   ...DERIVED_EDGE_TOKENS,
   ...RADIUS_TOKENS,
@@ -47,6 +50,7 @@ var PRESET_TOKEN_NAMES = [.../* @__PURE__ */ new Set([
   ...TYPE_REFINEMENT_TOKENS,
   ...TYPE_OVERLINE_TOKENS,
   ...DENSITY_TOKENS,
+  ...RHYTHM_TOKENS,
   ...LAYERING_TOKENS,
   ...TYPE_UI_TOKENS,
   "font-sans",
@@ -79,9 +83,20 @@ var STATUS_TEXT_FROM_FILL = {
   "tone-warning-text": "tone-warning",
   "tone-info-text": "tone-info"
 };
+var TONE_RENAMES = [
+  [/\btone-edition\b/g, "tone-1"],
+  [/\btone-collectible\b/g, "tone-2"],
+  [/\btone-standard\b/g, "tone-3"]
+];
+var renameTones = (name) => TONE_RENAMES.reduce((out, [from, to]) => out.replace(from, to), name);
 function upgradePreset(input) {
   if (!record(input) || !record(input.tokens)) return input;
-  const tokens = input.tokens;
+  const tokens = { ...input.tokens };
+  for (const group of ["shared", "light", "dark"]) {
+    const values = tokens[group];
+    if (!record(values)) continue;
+    tokens[group] = Object.fromEntries(Object.entries(values).map(([name, value]) => [renameTones(name), typeof value === "string" ? renameTones(value) : value]));
+  }
   const shared = record(tokens.shared) ? tokens.shared : {};
   const upgraded = { ...tokens };
   for (const mode of ["light", "dark"]) {