@drawnagency/primitives 0.1.111 → 0.1.113

package/dist/{chunk-OUYB2GCW.js → chunk-K7DYZXVU.js}

@@ -1,7 +1,7 @@
 import {
   FormLabel,
   Input
-} from "./chunk-ELQ4C677.js";
+} from "./chunk-JH762VUH.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -130,63 +130,7 @@ function LinkField({ label, value, onChange }) {
   ] });
 }
 
-// src/components/shared/Button.tsx
-import { forwardRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var boxSize = {
-  sm: "rounded px-3 py-1.5 text-xs font-medium",
-  md: "rounded px-4 py-2 text-sm font-medium"
-};
-var ghostSize = {
-  sm: "text-xs font-medium",
-  md: "text-sm font-medium"
-};
-var variantClasses = {
-  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
-  brand: "bg-primary text-primary-contrast hover:opacity-90",
-  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
-  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
-};
-var ghostToneClasses = {
-  neutral: "text-base-contrast-light hover:text-base-contrast",
-  destructive: "text-red-600 hover:text-red-800"
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "sm",
-  tone = "neutral",
-  fullWidth = false,
-  isLoading = false,
-  loadingLabel,
-  disabled,
-  className,
-  children,
-  ...rest
-}, ref) {
-  const isGhost = variant === "ghost";
-  const resolvedDisabled = disabled || isLoading;
-  const label = isLoading && loadingLabel ? loadingLabel : children;
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      ref,
-      disabled: resolvedDisabled,
-      className: cn(
-        "inline-flex items-center justify-center transition-colors",
-        isGhost ? ghostSize[size] : boxSize[size],
-        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
-        fullWidth && "w-full",
-        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: label
-    }
-  );
-});
-
 export {
-  Button,
   PagesContext,
   usePages,
   Select,

package/dist/{chunk-NXGIHSL5.js → chunk-KR2MHTNJ.js}

@@ -7,23 +7,18 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-3GAG6ZXB.js";
+} from "./chunk-DS4GCYV2.js";
 import {
   AddIcon,
   DeleteIcon,
   DragHandle,
   FormLabel,
-  IconButton,
   Input,
   useMediaLibrary
-} from "./chunk-ELQ4C677.js";
+} from "./chunk-JH762VUH.js";
 import {
-  DEFAULT_LINK,
-  LinkValueSchema
-} from "./chunk-3ZRQ4G5F.js";
-import {
-  DOCUMENT_MIME_TO_EXT
-} from "./chunk-BS5AQHZG.js";
+  IconButton
+} from "./chunk-IIDKW7AV.js";
 import {
   curatedIcons,
   getIcon
@@ -41,6 +36,13 @@ import {
   HexColorSchema,
   SingleMediaReferenceSchema
 } from "./chunk-GGXZZ77Z.js";
+import {
+  DEFAULT_LINK,
+  LinkValueSchema
+} from "./chunk-3ZRQ4G5F.js";
+import {
+  DOCUMENT_MIME_TO_EXT
+} from "./chunk-BS5AQHZG.js";
 
 // src/components/sections/Colors/index.tsx
 import { z as z2 } from "zod";
@@ -1407,82 +1409,6 @@ function DocumentDropZone({ onDocumentSelected, className }) {
   );
 }
 
-// src/lib/insert-menu.ts
-var PRESET_PREFIX = "__preset:";
-var INSERT_MENU_ORDER = [
-  "container",
-  "link_heading",
-  "sub_heading",
-  "sub_sub_heading",
-  "prose",
-  "media",
-  "video",
-  "button",
-  "colors",
-  "document",
-  "icon_list",
-  `${PRESET_PREFIX}do_dont_list`,
-  "dodont_media"
-];
-
-// src/lib/container-ops.ts
-function getContainerChildren(block) {
-  const content = block.content;
-  return Array.isArray(content?.children) ? content.children : [];
-}
-function withChildren(container, children) {
-  return { ...container, content: { ...container.content, children } };
-}
-function containerColumns(container) {
-  const n = container.content?.columns;
-  return typeof n === "number" && n >= 1 ? n : 1;
-}
-function removeChildAt(container, index) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return { container, removed: null };
-  const next = [...children];
-  const [removed] = next.splice(index, 1);
-  return { container: withChildren(container, next), removed };
-}
-function duplicateChildAt(container, index, newId) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clone = { ...JSON.parse(JSON.stringify(children[index])), id: newId() };
-  const next = [...children];
-  next.splice(index + 1, 0, clone);
-  return withChildren(container, next);
-}
-function setChildColSpan(container, index, span) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clamped = Math.max(1, Math.min(span, containerColumns(container)));
-  const next = children.map((child, i) => {
-    if (i !== index) return child;
-    if (clamped <= 1) {
-      const { layout: _drop, ...rest } = child;
-      return rest;
-    }
-    return { ...child, layout: { ...child.layout, colSpan: clamped } };
-  });
-  return withChildren(container, next);
-}
-function effectiveSpan(child, columns) {
-  return isSpacer(child) ? 1 : Math.min(child.layout?.colSpan ?? 1, columns);
-}
-function isSpacer(child) {
-  return child.type === "spacer";
-}
-function occupiedColumns(children, columns) {
-  return children.reduce((sum, c) => sum + effectiveSpan(c, columns), 0);
-}
-function trimTrailingSpacers(container) {
-  const children = getContainerChildren(container);
-  let end = children.length;
-  while (end > 0 && isSpacer(children[end - 1])) end--;
-  if (end === children.length) return container;
-  return withChildren(container, children.slice(0, end));
-}
-
 // src/lib/documents.ts
 function formatDocSize(bytes) {
   if (!Number.isFinite(bytes) || bytes < 0) return "";
@@ -1687,12 +1613,6 @@ export {
   stripHtmlToPlainText,
   truncate,
   pluralize,
-  removeChildAt,
-  duplicateChildAt,
-  setChildColSpan,
-  isSpacer,
-  occupiedColumns,
-  trimTrailingSpacers,
   ColorSpaceSchema,
   ColorItemSchema,
   brandGuideSectionDefs

package/dist/chunk-MM7KZS5C.js

@@ -0,0 +1,30 @@
+// src/lib/timestamp.ts
+function formatTimestamp(iso) {
+  const date = new Date(iso);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMinutes = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const sameDay = date.getUTCFullYear() === now.getUTCFullYear() && date.getUTCMonth() === now.getUTCMonth() && date.getUTCDate() === now.getUTCDate();
+  if (diffMinutes < 1) return "just now";
+  if (diffMinutes < 60) {
+    return `${diffMinutes} ${diffMinutes === 1 ? "minute" : "minutes"} ago`;
+  }
+  if (sameDay) {
+    return `${diffHours} ${diffHours === 1 ? "hour" : "hours"} ago`;
+  }
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    timeZone: "UTC"
+  }) + " at " + date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true,
+    timeZone: "UTC"
+  });
+}
+
+export {
+  formatTimestamp
+};

package/dist/{chunk-OTDA6KWL.js → chunk-NHN2LSIU.js}

@@ -1,6 +1,6 @@
 import {
   RESERVED_SLUGS
-} from "./chunk-UVIYI4J6.js";
+} from "./chunk-AHALSCQH.js";
 
 // src/lib/nav-tree.ts
 function reconcileNav(entries, pages) {

package/dist/chunk-QQ3S3P5P.js

@@ -0,0 +1,38 @@
+// src/lib/sanitize.ts
+var purifierPromise = null;
+var purifier = null;
+if (typeof window !== "undefined") {
+  purifierPromise = import("dompurify").then((mod) => {
+    const DOMPurify = mod.default ?? mod;
+    purifier = (html) => DOMPurify.sanitize(html);
+    return mod;
+  });
+}
+var sanitizeCache = /* @__PURE__ */ new Map();
+var SANITIZE_CACHE_LIMIT = 500;
+function sanitizeHtml(html) {
+  if (!html) return "";
+  if (!purifier) return html;
+  const cached = sanitizeCache.get(html);
+  if (cached !== void 0) return cached;
+  const clean = purifier(html);
+  if (sanitizeCache.size >= SANITIZE_CACHE_LIMIT) {
+    const oldest = sanitizeCache.keys().next().value;
+    if (oldest !== void 0) sanitizeCache.delete(oldest);
+  }
+  sanitizeCache.set(html, clean);
+  return clean;
+}
+function isSanitizerReady() {
+  return typeof window === "undefined" || purifier !== null;
+}
+async function ensureSanitizer() {
+  if (typeof window === "undefined") return;
+  if (!purifier && purifierPromise) await purifierPromise;
+}
+
+export {
+  sanitizeHtml,
+  isSanitizerReady,
+  ensureSanitizer
+};

package/dist/chunk-VAYZJKVR.js

@@ -0,0 +1,209 @@
+// src/schemas/deck.ts
+import { z } from "zod";
+var DECK_STAGE_WIDTH = 1600;
+var DECK_STAGE_HEIGHT = 900;
+var DECK_SCHEMA_VERSION = 1;
+var DECK_MAX_SLIDES = 40;
+var DeckIdSchema = z.string().max(64, "must be 64 characters or fewer \u2014 a deck id is also a directory name").regex(/^[a-z0-9][a-z0-9-]*$/, "must be lowercase letters, digits and hyphens, starting with a letter or digit");
+var DECK_LAYOUT_TYPES = ["centeredText", "fullBleedImage", "columnSplit"];
+var DECK_COMPONENT_TYPES = ["richText", "image", "imageGrid", "video"];
+var DECK_MEDIA_KINDS = ["portal"];
+var DECK_SURFACES = ["base", "brand"];
+var DECK_OVERLAY_PLACEMENTS = ["sideLeft", "sideRight", "bottomBand"];
+var DECK_SPLIT_RATIOS = ["1-2", "2-1"];
+function vocabularyError(kind, types, field = "type") {
+  return `unknown ${kind} ${field} \u2014 the deck runtime provides: ${types.map((t) => `"${t}"`).join(", ")}`;
+}
+var PortalMediaRefSchema = z.object({
+  kind: z.literal("portal"),
+  // Same charset as a deck id, for the same reason and one more: a media id
+  // becomes a key into a plain object at resolve time, and `"__proto__"` parses
+  // as a perfectly good string. Constrain it here rather than relying on every
+  // resolver to be careful.
+  id: z.string().max(120, "must be 120 characters or fewer").regex(/^[a-z0-9][a-z0-9-]*$/, "must be lowercase letters, digits and hyphens, starting with a letter or digit").describe("Media id from the portal's media library \u2014 the manifest key, not a filename, path or URL.")
+});
+var DeckMediaRefSchema = z.discriminatedUnion("kind", [PortalMediaRefSchema], {
+  error: vocabularyError("media reference", DECK_MEDIA_KINDS, "kind")
+});
+var PARAGRAPH_MAX = 400;
+var BULLET_MAX = 160;
+var MAX_SPANS = 12;
+var DeckTextSpanSchema = z.strictObject({
+  text: z.string().min(1).max(PARAGRAPH_MAX).describe("The span's literal text. Never HTML or markdown \u2014 the marks below are the only formatting there is."),
+  bold: z.boolean().optional().describe("Renders the span at full ink weight. For the one phrase in a line that carries it."),
+  italic: z.boolean().optional().describe("Renders the span italic. For titles of works and genuine emphasis, not decoration.")
+});
+function inlineText(maxChars) {
+  return z.union([z.string().min(1).max(maxChars), z.array(DeckTextSpanSchema).min(1).max(MAX_SPANS)], {
+    error: "must be plain text, or an array of { text, bold?, italic? } spans \u2014 deck rich text is structured, never HTML or markdown"
+  });
+}
+function inlineLength(value) {
+  return typeof value === "string" ? value.length : value.reduce((total, span) => total + span.text.length, 0);
+}
+var DeckRichTextSchema = z.object({
+  type: z.literal("richText"),
+  kicker: z.string().min(1).max(60).optional().describe("Short label above the heading, e.g. a campaign or section name. Rendered small, tracked and in the brand accent."),
+  heading: z.string().min(1).max(120).optional().describe("The slide's primary line. Keep it to a phrase \u2014 it renders at display size on the 16:9 stage."),
+  subheading: z.string().min(1).max(200).optional().describe("Secondary line under the heading. Optional; omit rather than repeating the heading."),
+  paragraphs: z.array(inlineText(PARAGRAPH_MAX)).max(3).optional().describe(
+    `Body copy, one entry per paragraph. Each is either a plain string or an array of { text, bold?, italic? } spans \u2014 use spans only where a phrase genuinely needs a mark. Never HTML or markdown; ${PARAGRAPH_MAX} characters per paragraph.`
+  ),
+  bullets: z.array(inlineText(BULLET_MAX)).max(6).optional().describe(
+    `Short bullet lines, plain strings or span arrays like paragraphs. Prefer six or fewer so they stay legible at presentation size; ${BULLET_MAX} characters per line.`
+  )
+}).superRefine((value, ctx) => {
+  const hasContent = value.kicker !== void 0 || value.heading !== void 0 || value.subheading !== void 0 || (value.paragraphs?.length ?? 0) > 0 || (value.bullets?.length ?? 0) > 0;
+  if (!hasContent) {
+    ctx.addIssue({
+      code: "custom",
+      message: "a richText component needs at least one of kicker, heading, subheading, paragraphs or bullets"
+    });
+  }
+  const capLines = (lines, max, field) => {
+    lines?.forEach((line, i) => {
+      const length = inlineLength(line);
+      if (length > max) {
+        ctx.addIssue({
+          code: "custom",
+          path: [field, i],
+          message: `spans total ${length} characters \u2014 keep a ${field === "bullets" ? "bullet" : "paragraph"} to ${max} or fewer`
+        });
+      }
+    });
+  };
+  capLines(value.paragraphs, PARAGRAPH_MAX, "paragraphs");
+  capLines(value.bullets, BULLET_MAX, "bullets");
+});
+var DeckImageSchema = z.object({
+  type: z.literal("image"),
+  media: DeckMediaRefSchema.describe("The image to show. It fills its slot and is cropped to fit."),
+  caption: z.string().min(1).max(120).optional().describe("Caption printed on a solid brand block along the image's bottom edge. Omit rather than restating the slide.")
+});
+var DeckImageGridItemSchema = z.object({
+  media: DeckMediaRefSchema.describe("The tile's image."),
+  caption: z.string().min(1).max(80).optional().describe("Shown on the tile on hover, and while the tile is expanded. A few words, not a sentence.")
+});
+var DeckImageGridSchema = z.object({
+  type: z.literal("imageGrid"),
+  items: z.array(DeckImageGridItemSchema).min(2, "an image grid needs at least two images \u2014 use the image component for one").max(12, "an image grid holds at most twelve images \u2014 past that a tile is too small to read at presentation size").describe(
+    "The tiles, in order of importance. Two to twelve. They pack into masonry columns at their own aspect ratios \u2014 nothing is cropped and nothing is resized to match its neighbours \u2014 and the columns clip at the bottom of the slot if the stack runs past it, so put the frames that must be seen first."
+  )
+});
+var DeckVideoSchema = z.object({
+  type: z.literal("video"),
+  media: DeckMediaRefSchema.describe("The video to play. Must reference portal-hosted media \u2014 a deck cannot embed an external player."),
+  title: z.string().min(1).max(120).optional().describe("Label on a brand block across the bottom of the poster, before playback starts.")
+});
+var DeckComponentSchema = z.discriminatedUnion(
+  "type",
+  [DeckRichTextSchema, DeckImageSchema, DeckImageGridSchema, DeckVideoSchema],
+  { error: vocabularyError("deck component", DECK_COMPONENT_TYPES) }
+);
+var CenteredTextLayoutSchema = z.object({
+  type: z.literal("centeredText"),
+  background: z.enum(DECK_SURFACES).default("base").describe("`base` puts the slide on the site's surface color; `brand` fills it with the brand primary and flips the ink."),
+  content: DeckComponentSchema.describe("The single Deck Component this Layout centers.")
+});
+var DeckOverlayPanelSchema = z.object({
+  placement: z.enum(DECK_OVERLAY_PLACEMENTS).default("sideLeft").describe(
+    "`sideLeft`/`sideRight` put the panel in a full-height column over that edge of the image; `bottomBand` runs it full width across the bottom. Pick the side the image is emptiest on."
+  ),
+  content: DeckRichTextSchema.describe("The panel's text. It sits on the brand color, so keep it short \u2014 a kicker and a line or two.")
+});
+var FullBleedImageLayoutSchema = z.object({
+  type: z.literal("fullBleedImage"),
+  media: DeckMediaRefSchema.describe("The image filling the whole 16:9 stage. It is cropped to fit, so choose one that survives a wide crop."),
+  overlay: DeckOverlayPanelSchema.optional().describe("Optional text panel over the image. Omit it for a slide that is purely the picture.")
+});
+var ColumnSplitLayoutSchema = z.object({
+  type: z.literal("columnSplit"),
+  ratio: z.enum(DECK_SPLIT_RATIOS).default("1-2").describe("`1-2` gives the left column a third of the stage and the right two thirds; `2-1` is the reverse. Give the media the larger side."),
+  left: DeckComponentSchema.describe("The left column's Deck Component."),
+  right: DeckComponentSchema.describe("The right column's Deck Component.")
+});
+var DeckLayoutSchema = z.discriminatedUnion(
+  "type",
+  [CenteredTextLayoutSchema, FullBleedImageLayoutSchema, ColumnSplitLayoutSchema],
+  { error: vocabularyError("layout", DECK_LAYOUT_TYPES) }
+);
+var DeckSlideSchema = z.object({
+  id: DeckIdSchema.describe("Stable slide id, unique within the deck. Reused across edits so revisions stay diffable."),
+  title: z.string().min(1).max(80).optional().describe("Short label for the slide, used by the builder filmstrip and by slide-navigation labels. Not rendered on the stage."),
+  layout: DeckLayoutSchema.describe("The full-slide arrangement. A slide must use exactly one Layout.")
+});
+var DeckSchema = z.object({
+  schemaVersion: z.literal(DECK_SCHEMA_VERSION).describe(`Deck schema version. Always ${DECK_SCHEMA_VERSION}.`),
+  id: DeckIdSchema.describe("Stable deck id \u2014 also the directory name on the decks branch."),
+  title: z.string().min(1).max(120).describe("The deck's name, shown in the builder and in the deck's chrome."),
+  slides: z.array(DeckSlideSchema).min(1, "a deck needs at least one slide").max(
+    DECK_MAX_SLIDES,
+    `a deck is capped at ${DECK_MAX_SLIDES} slides \u2014 split a longer story into several decks`
+  ).describe(
+    `Slides in presentation order, at most ${DECK_MAX_SLIDES}. The whole deck is re-emitted on every authoring turn and re-committed on every publish, so the cap bounds both the model's output and the size of a stored deck.`
+  )
+}).superRefine((deck, ctx) => {
+  const seen = /* @__PURE__ */ new Set();
+  deck.slides.forEach((slide, i) => {
+    if (seen.has(slide.id)) {
+      ctx.addIssue({
+        code: "custom",
+        path: ["slides", i, "id"],
+        message: `duplicate slide id "${slide.id}" \u2014 slide ids must be unique within a deck`
+      });
+    }
+    seen.add(slide.id);
+  });
+});
+function formatPath(path) {
+  return path.reduce((acc, key) => {
+    if (typeof key === "number") return `${acc}[${key}]`;
+    return acc === "" ? String(key) : `${acc}.${String(key)}`;
+  }, "");
+}
+function formatDeckIssues(error) {
+  return error.issues.map((issue) => {
+    const path = formatPath(issue.path);
+    return path === "" ? issue.message : `${path}: ${issue.message}`;
+  });
+}
+function parseDeck(input) {
+  const result = DeckSchema.safeParse(input);
+  return result.success ? { ok: true, deck: result.data } : { ok: false, errors: formatDeckIssues(result.error) };
+}
+function serializeDeck(deck) {
+  return JSON.stringify(deck, null, 2) + "\n";
+}
+
+export {
+  DECK_STAGE_WIDTH,
+  DECK_STAGE_HEIGHT,
+  DECK_SCHEMA_VERSION,
+  DECK_MAX_SLIDES,
+  DeckIdSchema,
+  DECK_LAYOUT_TYPES,
+  DECK_COMPONENT_TYPES,
+  DECK_MEDIA_KINDS,
+  DECK_SURFACES,
+  DECK_OVERLAY_PLACEMENTS,
+  DECK_SPLIT_RATIOS,
+  PortalMediaRefSchema,
+  DeckMediaRefSchema,
+  DeckTextSpanSchema,
+  DeckRichTextSchema,
+  DeckImageSchema,
+  DeckImageGridItemSchema,
+  DeckImageGridSchema,
+  DeckVideoSchema,
+  DeckComponentSchema,
+  CenteredTextLayoutSchema,
+  DeckOverlayPanelSchema,
+  FullBleedImageLayoutSchema,
+  ColumnSplitLayoutSchema,
+  DeckLayoutSchema,
+  DeckSlideSchema,
+  DeckSchema,
+  formatDeckIssues,
+  parseDeck,
+  serializeDeck
+};

package/dist/{chunk-VCCNKTFD.js → chunk-VWWY5TL5.js}

@@ -10,12 +10,12 @@ import {
 import {
   getSectionSchemaForType
 } from "./chunk-DMCGN5AS.js";
+import {
+  IndexSchema
+} from "./chunk-AHALSCQH.js";
 import {
   getAllSchemas
 } from "./chunk-FTPETWXE.js";
-import {
-  IndexSchema
-} from "./chunk-UVIYI4J6.js";
 import {
   MAX_BLOCK_DEPTH,
   blockDepth
@@ -115,33 +115,6 @@ function buildGoogleFontsUrl(headingFont, bodyFont) {
   return `https://fonts.googleapis.com/css2?${params}&display=swap`;
 }
 
-// src/lib/timestamp.ts
-function formatTimestamp(iso) {
-  const date = new Date(iso);
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMinutes = Math.floor(diffMs / 6e4);
-  const diffHours = Math.floor(diffMs / 36e5);
-  const sameDay = date.getUTCFullYear() === now.getUTCFullYear() && date.getUTCMonth() === now.getUTCMonth() && date.getUTCDate() === now.getUTCDate();
-  if (diffMinutes < 1) return "just now";
-  if (diffMinutes < 60) {
-    return `${diffMinutes} ${diffMinutes === 1 ? "minute" : "minutes"} ago`;
-  }
-  if (sameDay) {
-    return `${diffHours} ${diffHours === 1 ? "hour" : "hours"} ago`;
-  }
-  return date.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    timeZone: "UTC"
-  }) + " at " + date.toLocaleTimeString("en-US", {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true,
-    timeZone: "UTC"
-  });
-}
-
 // src/lib/safeRedirect.ts
 function safeRedirect(url, fallback) {
   if (!url) return fallback;
@@ -257,7 +230,6 @@ export {
   onPrimaryVarValue,
   gridColsClass,
   buildGoogleFontsUrl,
-  formatTimestamp,
   safeRedirect,
   mergeSiteContent,
   loadStaticSiteContent,

package/dist/chunk-WUJ3XNFI.js

@@ -0,0 +1,62 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/Button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var boxSize = {
+  sm: "rounded px-3 py-1.5 text-xs font-medium",
+  md: "rounded px-4 py-2 text-sm font-medium"
+};
+var ghostSize = {
+  sm: "text-xs font-medium",
+  md: "text-sm font-medium"
+};
+var variantClasses = {
+  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
+  brand: "bg-primary text-primary-contrast hover:opacity-90",
+  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
+  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
+};
+var ghostToneClasses = {
+  neutral: "text-base-contrast-light hover:text-base-contrast",
+  destructive: "text-red-600 hover:text-red-800"
+};
+var Button = forwardRef(function Button2({
+  variant = "primary",
+  size = "sm",
+  tone = "neutral",
+  fullWidth = false,
+  isLoading = false,
+  loadingLabel,
+  disabled,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const isGhost = variant === "ghost";
+  const resolvedDisabled = disabled || isLoading;
+  const label = isLoading && loadingLabel ? loadingLabel : children;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      disabled: resolvedDisabled,
+      className: cn(
+        "inline-flex items-center justify-center transition-colors",
+        isGhost ? ghostSize[size] : boxSize[size],
+        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
+        fullWidth && "w-full",
+        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        className
+      ),
+      ...rest,
+      children: label
+    }
+  );
+});
+
+export {
+  Button
+};