@epicbagel/saas-kit 1.31.0 → 1.33.0

package/dist/primitives/poster.js

@@ -0,0 +1,406 @@
+"use client";
+
+// src/primitives/poster.tsx
+import {
+  forwardRef,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PosterShell = forwardRef(function PosterShell2({ colours, font, colorScheme, className, style, ...props }, ref) {
+  const variables = {
+    ...colours?.paper ? { "--poster-paper": colours.paper } : {},
+    ...colours?.ink ? { "--poster-ink": colours.ink } : {},
+    ...colours?.primary ? { "--poster-primary": colours.primary } : {},
+    ...colours?.onPrimary ? { "--poster-on-primary": colours.onPrimary } : {},
+    ...colours?.mute ? { "--poster-mute": colours.mute } : {},
+    ...colours?.wash ? { "--poster-wash": colours.wash } : {},
+    ...font ? { "--poster-font": font } : {},
+    ...colorScheme ? { colorScheme } : {}
+  };
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "poster-shell", className, style: { ...variables, ...style }, ...props });
+});
+var PosterMain = forwardRef(function PosterMain2(props, ref) {
+  return /* @__PURE__ */ jsx("main", { ref, "data-slot": "poster-main", ...props });
+});
+var PosterBanner = forwardRef(function PosterBanner2({ action, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("a", { ref, "data-slot": "poster-banner", ...props, children: [
+    /* @__PURE__ */ jsx("span", { children }),
+    action ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { "data-slot": "poster-banner-action", children: action })
+    ] }) : null
+  ] });
+});
+var PosterHeader = forwardRef(function PosterHeader2({ brand, nav, action, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("header", { ref, "data-slot": "poster-header", className, ...props, children: [
+    brand,
+    nav,
+    action
+  ] });
+});
+function PosterNav({ label, menuLabel = "Menu", children }) {
+  const menu = useRef(null);
+  const panelId = useId();
+  useEffect(() => {
+    const details = menu.current;
+    if (!details) return;
+    const close = (focusSummary) => {
+      if (!details.open) return;
+      details.open = false;
+      if (focusSummary) details.querySelector("summary")?.focus();
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape") close(details.contains(document.activeElement));
+    };
+    const onPointer = (event) => {
+      if (!details.contains(event.target)) close(false);
+    };
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("pointerdown", onPointer);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("pointerdown", onPointer);
+    };
+  }, []);
+  const onPick = (event) => {
+    if (event.target.closest("a") && menu.current) menu.current.open = false;
+  };
+  return /* @__PURE__ */ jsxs("nav", { "data-slot": "poster-nav", "aria-label": label, children: [
+    /* @__PURE__ */ jsx("ul", { "data-slot": "poster-nav-list", children }),
+    /* @__PURE__ */ jsxs("details", { ref: menu, "data-slot": "poster-nav-menu", children: [
+      /* @__PURE__ */ jsx("summary", { "data-slot": "poster-nav-toggle", "aria-controls": panelId, children: menuLabel }),
+      /* @__PURE__ */ jsx("ul", { id: panelId, "data-slot": "poster-nav-panel", onClick: onPick, children })
+    ] })
+  ] });
+}
+var PosterNavLink = forwardRef(function PosterNavLink2({ current = false, ...props }, ref) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "poster-nav-item", children: /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-nav-link", "aria-current": current ? "page" : void 0, ...props }) });
+});
+var PosterMark = forwardRef(function PosterMark2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-mark", ...props });
+});
+var PosterHeaderAction = forwardRef(function PosterHeaderAction2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-header-action", ...props });
+});
+var PosterHero = forwardRef(function PosterHero2({ title, description, eyebrow, variant = "home", actions, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("section", { ref, "data-slot": "poster-hero", "data-variant": variant, ...props, children: [
+    eyebrow ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-eyebrow", children: eyebrow }) : null,
+    /* @__PURE__ */ jsx("h1", { "data-slot": "poster-hero-title", children: title }),
+    description ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-hero-description", children: description }) : null,
+    actions ? /* @__PURE__ */ jsx("div", { "data-slot": "poster-hero-actions", children: actions }) : null
+  ] });
+});
+var PosterAction = forwardRef(function PosterAction2({ variant = "solid", ...props }, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-action", "data-variant": variant, ...props });
+});
+function PosterSwitch({ label, options, value, onValueChange, className }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-switch", role: "group", "aria-label": label, className, children: options.map((option) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "poster-switch-option",
+      "aria-pressed": option.value === value,
+      onClick: () => onValueChange(option.value),
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "poster-switch-title", children: option.title }),
+        option.hint ? /* @__PURE__ */ jsx("span", { "data-slot": "poster-switch-hint", children: option.hint }) : null
+      ]
+    },
+    option.value
+  )) });
+}
+var PosterBand = forwardRef(function PosterBand2({ tone = "paper", padding = "default", eyebrow, kicker, title, titleSize = "head", titleWrap = "balance", lead, description, after, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("section", { ref, "data-slot": "poster-band", "data-tone": tone, "data-padding": padding, ...props, children: [
+    eyebrow ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-eyebrow", children: eyebrow }) : null,
+    kicker ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-kicker", children: kicker }) : null,
+    title ? /* @__PURE__ */ jsx("h2", { "data-slot": "poster-title", "data-size": titleSize, "data-wrap": titleWrap, children: title }) : null,
+    lead ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-lead", children: lead }) : null,
+    description ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-description", children: description }) : null,
+    after ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-after", children: after }) : null,
+    children
+  ] });
+});
+var PosterSubhead = forwardRef(function PosterSubhead2(props, ref) {
+  return /* @__PURE__ */ jsx("h3", { ref, "data-slot": "poster-subhead", ...props });
+});
+var PosterStatement = forwardRef(function PosterStatement2(props, ref) {
+  return /* @__PURE__ */ jsx("p", { ref, "data-slot": "poster-statement", ...props });
+});
+var PosterCalculator = forwardRef(function PosterCalculator2(props, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "poster-calculator", ...props });
+});
+var PosterRanges = forwardRef(function PosterRanges2(props, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "poster-ranges", ...props });
+});
+function PosterRange({ label, value, min, max, step, onValueChange, valueText, id }) {
+  const generated = useId();
+  const inputId = id ?? generated;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "poster-range", children: [
+    /* @__PURE__ */ jsx("label", { "data-slot": "poster-range-label", htmlFor: inputId, children: label }),
+    /* @__PURE__ */ jsx("output", { "data-slot": "poster-range-value", htmlFor: inputId, children: valueText }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        "data-slot": "poster-range-input",
+        type: "range",
+        id: inputId,
+        min,
+        max,
+        step,
+        value,
+        "aria-valuetext": valueText,
+        onChange: (event) => onValueChange(Number(event.target.value))
+      }
+    )
+  ] });
+}
+var PosterFigures = forwardRef(function PosterFigures2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "poster-figures", "data-columns": items.length === 1 ? 1 : 2, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-figure", children: [
+    /* @__PURE__ */ jsx("p", { "data-slot": "poster-figure-label", children: item.label }),
+    /* @__PURE__ */ jsx("p", { "data-slot": "poster-figure-value", children: item.value })
+  ] }, index)) });
+});
+var PosterSmallPrint = forwardRef(function PosterSmallPrint2(props, ref) {
+  return /* @__PURE__ */ jsx("p", { ref, "data-slot": "poster-small-print", ...props });
+});
+var PosterColumns = forwardRef(function PosterColumns2({ variant = "labelled", items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "poster-columns", "data-variant": variant, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-column", children: [
+    variant === "titled" ? /* @__PURE__ */ jsx("h3", { "data-slot": "poster-column-heading", children: item.heading }) : /* @__PURE__ */ jsx("p", { "data-slot": "poster-column-heading", children: item.heading }),
+    /* @__PURE__ */ jsx("p", { "data-slot": "poster-column-text", children: item.text }),
+    item.link ? /* @__PURE__ */ jsx("a", { "data-slot": "poster-column-link", href: item.link.href, children: item.link.label }) : null
+  ] }, index)) });
+});
+var PosterTicks = forwardRef(function PosterTicks2({ items, spacing = "default", ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, "data-slot": "poster-ticks", "data-spacing": spacing, ...props, children: items.map((item, index) => /* @__PURE__ */ jsx("li", { "data-slot": "poster-tick", children: item }, index)) });
+});
+var PosterDisclosure = forwardRef(function PosterDisclosure2({ summary, children, defaultOpen, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("details", { ref, "data-slot": "poster-disclosure", open: defaultOpen, ...props, children: [
+    /* @__PURE__ */ jsx("summary", { "data-slot": "poster-disclosure-summary", children: summary }),
+    /* @__PURE__ */ jsx("div", { "data-slot": "poster-disclosure-body", children })
+  ] });
+});
+var PosterFacts = forwardRef(function PosterFacts2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("dl", { ref, "data-slot": "poster-facts", ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-fact", children: [
+    /* @__PURE__ */ jsx("dt", { "data-slot": "poster-fact-term", children: item.term }),
+    /* @__PURE__ */ jsx("dd", { "data-slot": "poster-fact-detail", children: item.detail })
+  ] }, index)) });
+});
+var PosterNote = forwardRef(function PosterNote2(props, ref) {
+  return /* @__PURE__ */ jsx("p", { ref, "data-slot": "poster-note", ...props });
+});
+var PosterCallList = forwardRef(function PosterCallList2({ label, items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, "data-slot": "poster-calls", "aria-label": label, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { "data-slot": "poster-call", children: [
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-call-name", children: item.name }),
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-call-action", children: item.action })
+  ] }, index)) });
+});
+var PosterFlow = forwardRef(function PosterFlow2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ol", { ref, "data-slot": "poster-flow", ...props, children: items.map((item, index) => /* @__PURE__ */ jsx("li", { "data-slot": "poster-flow-step", children: item }, index)) });
+});
+var PosterSteps = forwardRef(function PosterSteps2({ items, layout = "three", ...props }, ref) {
+  return /* @__PURE__ */ jsx("ol", { ref, "data-slot": "poster-steps", "data-layout": layout, ...props, children: items.map((item, index) => /* @__PURE__ */ jsx("li", { "data-slot": "poster-step", children: item }, index)) });
+});
+var PosterCost = forwardRef(function PosterCost2({ label, statement, action, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "poster-cost", ...props, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { "data-slot": "poster-cost-label", children: label }),
+      /* @__PURE__ */ jsx("p", { "data-slot": "poster-cost-statement", children: statement })
+    ] }),
+    action ? /* @__PURE__ */ jsx("div", { "data-slot": "poster-cost-action", children: action }) : null
+  ] });
+});
+function PosterCopyText({ text, copyLabel = "Copy", copiedLabel = "Copied", selectedLabel = "Selected", placement = "inline" }) {
+  const textRef = useRef(null);
+  const [label, setLabel] = useState(copyLabel);
+  const select = () => {
+    const node = textRef.current;
+    const selection = typeof window === "undefined" ? null : window.getSelection();
+    if (!node || !selection) return;
+    const range = document.createRange();
+    range.selectNodeContents(node);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    setLabel(selectedLabel);
+  };
+  const copy = () => {
+    const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
+    if (!clipboard?.writeText) return select();
+    clipboard.writeText(text).then(() => setLabel(copiedLabel), select);
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "poster-copy", "data-placement": placement, children: [
+    /* @__PURE__ */ jsx("span", { ref: textRef, "data-slot": "poster-copy-text", children: text }),
+    /* @__PURE__ */ jsx("button", { type: "button", "data-slot": "poster-copy-button", onClick: copy, children: label })
+  ] });
+}
+var PosterPeople = forwardRef(function PosterPeople2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, "data-slot": "poster-people", ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { "data-slot": "poster-person", children: [
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-person-name", children: item.name }),
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-person-bio", children: item.bio })
+  ] }, index)) });
+});
+var PosterFootnote = forwardRef(function PosterFootnote2({ start, end, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "poster-footnote", ...props, children: [
+    /* @__PURE__ */ jsx("span", { children: start }),
+    end ? /* @__PURE__ */ jsx("span", { children: end }) : null
+  ] });
+});
+var PosterMoreLink = forwardRef(function PosterMoreLink2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-more-link", ...props });
+});
+var PosterNextLink = forwardRef(function PosterNextLink2({ label, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("a", { ref, "data-slot": "poster-next-link", ...props, children: [
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-next-label", children: label }),
+    children
+  ] });
+});
+var PosterTextLink = forwardRef(function PosterTextLink2(props, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, "data-slot": "poster-text-link", ...props });
+});
+function PosterBreak() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-break" })
+  ] });
+}
+function PosterQuote({ children, by, size = "large", as = "blockquote" }) {
+  const Quote = as;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Quote, { "data-slot": "poster-quote", "data-size": size, children }),
+    by ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-quote-by", children: by }) : null
+  ] });
+}
+var PosterStats = forwardRef(function PosterStats2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("dl", { ref, "data-slot": "poster-stats", "data-columns": items.length <= 2 ? 2 : 4, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-stat", children: [
+    /* @__PURE__ */ jsx("dt", { "data-slot": "poster-stat-value", children: item.value }),
+    /* @__PURE__ */ jsx("dd", { "data-slot": "poster-stat-label", children: item.label })
+  ] }, index)) });
+});
+var PosterClaims = forwardRef(function PosterClaims2({ items, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, "data-slot": "poster-claims", ...props, children: items.map((item, index) => /* @__PURE__ */ jsx("li", { "data-slot": "poster-claim", children: item }, index)) });
+});
+var PosterScreen = forwardRef(function PosterScreen2({ title, context, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "poster-screen", ...props, children: [
+    /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-bar", children: [
+      /* @__PURE__ */ jsx("b", { children: title }),
+      context ? /* @__PURE__ */ jsx("span", { children: context }) : null
+    ] }),
+    children
+  ] });
+});
+function PosterScreenTabs({ items }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-tabs", children: items.map((item, index) => index === 0 ? /* @__PURE__ */ jsx("b", { children: item }, index) : /* @__PURE__ */ jsx("span", { children: item }, index)) });
+}
+function PosterScreenSplit({ ratio = "5:7", children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-split", "data-ratio": ratio, children });
+}
+function PosterScreenPane({ children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-pane", children });
+}
+function PosterScreenMessage({ from, children, variant = "sent" }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-message", "data-variant": variant, children: [
+    /* @__PURE__ */ jsx("small", { children: from }),
+    children
+  ] });
+}
+function PosterScreenTrace({ items }) {
+  return /* @__PURE__ */ jsx("ul", { "data-slot": "poster-screen-trace", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index)) });
+}
+function PosterScreenLead({ children }) {
+  return /* @__PURE__ */ jsx("p", { "data-slot": "poster-screen-lead", children });
+}
+function PosterGrade({ children, top = false }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "poster-grade", "data-top": top || void 0, children });
+}
+function PosterScreenPerson({ initials, name, summary, test, grade, topGrade }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-person", children: [
+    /* @__PURE__ */ jsx("span", { "data-slot": "poster-initials", "aria-hidden": "true", children: initials }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("b", { children: name }),
+      /* @__PURE__ */ jsx("span", { children: summary }),
+      test ? /* @__PURE__ */ jsx("em", { children: test }) : null
+    ] }),
+    /* @__PURE__ */ jsx(PosterGrade, { top: topGrade, children: grade })
+  ] });
+}
+function PosterScreenQueue({ items }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-queue", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-queue-item", "data-selected": item.selected || void 0, children: [
+    /* @__PURE__ */ jsx("b", { children: item.name }),
+    /* @__PURE__ */ jsx("span", { children: item.role }),
+    /* @__PURE__ */ jsx(PosterGrade, { top: item.topGrade, children: item.grade })
+  ] }, index)) });
+}
+function PosterScreenDetail({ title, line, evidence = [], actions = [] }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-detail", children: [
+    /* @__PURE__ */ jsx("h3", { children: title }),
+    line ? /* @__PURE__ */ jsx("p", { "data-slot": "poster-screen-detail-line", children: line }) : null,
+    evidence.length ? /* @__PURE__ */ jsx("ul", { "data-slot": "poster-screen-evidence", children: evidence.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index)) }) : null,
+    actions.length ? /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-decide", children: actions.map((action, index) => index === 0 ? /* @__PURE__ */ jsx("b", { children: action }, index) : /* @__PURE__ */ jsx("span", { children: action }, index)) }) : null
+  ] });
+}
+function PosterScreenRows({ items }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "poster-screen-rows", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { "data-slot": "poster-screen-row", children: [
+    /* @__PURE__ */ jsx("b", { children: item.name }),
+    /* @__PURE__ */ jsx("span", { children: item.line }),
+    /* @__PURE__ */ jsx(PosterGrade, { top: item.topGrade, children: item.grade }),
+    /* @__PURE__ */ jsx("em", { "data-needs-you": item.needsYou || void 0, children: item.action })
+  ] }, index)) });
+}
+var PosterMockNote = forwardRef(function PosterMockNote2(props, ref) {
+  return /* @__PURE__ */ jsx("p", { ref, "data-slot": "poster-mock-note", ...props });
+});
+export {
+  PosterAction,
+  PosterBand,
+  PosterBanner,
+  PosterBreak,
+  PosterCalculator,
+  PosterCallList,
+  PosterClaims,
+  PosterColumns,
+  PosterCopyText,
+  PosterCost,
+  PosterDisclosure,
+  PosterFacts,
+  PosterFigures,
+  PosterFlow,
+  PosterFootnote,
+  PosterGrade,
+  PosterHeader,
+  PosterHeaderAction,
+  PosterHero,
+  PosterMain,
+  PosterMark,
+  PosterMockNote,
+  PosterMoreLink,
+  PosterNav,
+  PosterNavLink,
+  PosterNextLink,
+  PosterNote,
+  PosterPeople,
+  PosterQuote,
+  PosterRange,
+  PosterRanges,
+  PosterScreen,
+  PosterScreenDetail,
+  PosterScreenLead,
+  PosterScreenMessage,
+  PosterScreenPane,
+  PosterScreenPerson,
+  PosterScreenQueue,
+  PosterScreenRows,
+  PosterScreenSplit,
+  PosterScreenTabs,
+  PosterScreenTrace,
+  PosterShell,
+  PosterSmallPrint,
+  PosterStatement,
+  PosterStats,
+  PosterSteps,
+  PosterSubhead,
+  PosterSwitch,
+  PosterTextLink,
+  PosterTicks
+};

package/dist/primitives/resource-list.cjs

@@ -2,27 +2,27 @@
 "use client";
 
 
-var _chunkMOJHETNOcjs = require('../chunk-MOJHETNO.cjs');
+var _chunkF3D5HA2Fcjs = require('../chunk-F3D5HA2F.cjs');
 require('../chunk-EUFV25KL.cjs');
 require('../chunk-7YCKII7G.cjs');
-require('../chunk-MW67PHAQ.cjs');
-require('../chunk-PPX2VPGI.cjs');
+require('../chunk-GUVQAWUW.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
 require('../chunk-LELBCBDT.cjs');
-require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
-require('../chunk-YYFVG5A6.cjs');
+require('../chunk-D46FNEZ5.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
 require('../chunk-VOTCYG3F.cjs');
+require('../chunk-PPX2VPGI.cjs');
+require('../chunk-R35FT53G.cjs');
+require('../chunk-U2NES7VR.cjs');
 require('../chunk-PQUSJEXL.cjs');
+require('../chunk-VBPPFC7X.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
-require('../chunk-VBPPFC7X.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
-require('../chunk-R35FT53G.cjs');
 
 
-exports.ResourceList = _chunkMOJHETNOcjs.ResourceList;
+exports.ResourceList = _chunkF3D5HA2Fcjs.ResourceList;

package/dist/primitives/resource-list.js

@@ -2,27 +2,27 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-JS6BLIWL.js";
+} from "../chunk-IZF4WCK6.js";
 import "../chunk-43UMPZWD.js";
 import "../chunk-EEHIMPD7.js";
-import "../chunk-UFFHGKI7.js";
-import "../chunk-G76JANB4.js";
+import "../chunk-SW4T3O7M.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
 import "../chunk-H2O6NMLZ.js";
-import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
-import "../chunk-62UTAG2C.js";
+import "../chunk-ULZB4A2I.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
 import "../chunk-H2CCBRVG.js";
+import "../chunk-G76JANB4.js";
+import "../chunk-PIU5SSUV.js";
+import "../chunk-ZRLUUZHK.js";
 import "../chunk-QMA3WVB7.js";
+import "../chunk-YEW65ASC.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
-import "../chunk-YEW65ASC.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
-import "../chunk-PIU5SSUV.js";
 export {
   ResourceList
 };

package/dist/primitives/responsive-embed.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/responsive-embed.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ResponsiveEmbed({
+  src,
+  title,
+  allow,
+  allowFullScreen = true,
+  marginTop = "none",
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "aspect-video overflow-hidden rounded-lg border border-border bg-muted", marginTop === "md" && "mt-4", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "iframe",
+    {
+      src,
+      title,
+      allow,
+      allowFullScreen,
+      className: "h-full w-full border-0"
+    }
+  ) });
+}
+
+
+exports.ResponsiveEmbed = ResponsiveEmbed;

package/dist/primitives/responsive-embed.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ResponsiveEmbedProps {
+    src: string;
+    title: string;
+    allow?: string;
+    allowFullScreen?: boolean;
+    className?: string;
+    marginTop?: "none" | "md";
+}
+/** Generic 16:9 iframe container for trusted external media embeds. */
+declare function ResponsiveEmbed({ src, title, allow, allowFullScreen, marginTop, className, }: ResponsiveEmbedProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsiveEmbed, type ResponsiveEmbedProps };

package/dist/primitives/responsive-embed.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ResponsiveEmbedProps {
+    src: string;
+    title: string;
+    allow?: string;
+    allowFullScreen?: boolean;
+    className?: string;
+    marginTop?: "none" | "md";
+}
+/** Generic 16:9 iframe container for trusted external media embeds. */
+declare function ResponsiveEmbed({ src, title, allow, allowFullScreen, marginTop, className, }: ResponsiveEmbedProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsiveEmbed, type ResponsiveEmbedProps };

package/dist/primitives/responsive-embed.js

@@ -0,0 +1,29 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/responsive-embed.tsx
+import { jsx } from "react/jsx-runtime";
+function ResponsiveEmbed({
+  src,
+  title,
+  allow,
+  allowFullScreen = true,
+  marginTop = "none",
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("aspect-video overflow-hidden rounded-lg border border-border bg-muted", marginTop === "md" && "mt-4", className), children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src,
+      title,
+      allow,
+      allowFullScreen,
+      className: "h-full w-full border-0"
+    }
+  ) });
+}
+export {
+  ResponsiveEmbed
+};

package/dist/primitives/save-bar.cjs

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/save-bar.tsx
+var _react = require('react');
+var _reactdom = require('react-dom');
+var _jsxruntime = require('react/jsx-runtime');
+function SaveBar({
+  isDirty,
+  saving = false,
+  onSave,
+  onDiscard,
+  saveLabel = "Save changes",
+  savingLabel = "Saving\u2026",
+  discardLabel = "Discard",
+  status,
+  containerClassName,
+  className,
+  width = "wide"
+}) {
+  const [mounted, setMounted] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => setMounted(true), []);
+  if (!mounted) return null;
+  const bar = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "region",
+      "aria-label": "Save changes",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed inset-x-0 bottom-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm",
+        // Lift above iOS home indicator / Safari URL bar
+        "pb-[env(safe-area-inset-bottom)]",
+        className
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "mx-auto px-4 md:px-6 py-3 flex items-center justify-between gap-3",
+            _nullishCoalesce(containerClassName, () => ( (width === "narrow" ? "max-w-3xl" : "max-w-5xl")))
+          ),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                  "text-sm truncate transition-colors",
+                  isDirty ? "text-foreground" : "text-muted-foreground"
+                ),
+                children: _nullishCoalesce(status, () => ( (isDirty ? "Unsaved changes" : "All changes saved")))
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 shrink-0", children: [
+              onDiscard && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkJDEXZGIYcjs.Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: onDiscard,
+                  disabled: saving || !isDirty,
+                  children: discardLabel
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkJDEXZGIYcjs.Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  onClick: onSave,
+                  disabled: saving || !isDirty,
+                  children: saving ? savingLabel : saveLabel
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  return _reactdom.createPortal.call(void 0, bar, document.body);
+}
+
+
+exports.SaveBar = SaveBar;