@epicbagel/saas-kit 1.32.0 → 1.33.0

package/dist/primitives/pagination.js

@@ -0,0 +1,119 @@
+"use client";
+import {
+  buttonVariants
+} from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/pagination.tsx
+import * as React from "react";
+import {
+  LiaChevronLeftSolid,
+  LiaChevronRightSolid,
+  LiaEllipsisHSolid
+} from "react-icons/lia";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = ({ className, marginTop = "none", ...props }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", marginTop === "md" && "mt-4", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(({ className, width = "auto", justify = "start", ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", width === "full" && "w-full", justify === "between" && "justify-between", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  disabled = false,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    "aria-disabled": disabled || void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(LiaChevronLeftSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx(LiaChevronRightSolid, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(LiaEllipsisHSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+};

package/dist/primitives/poster.cjs

@@ -25,6 +25,15 @@ var PosterShell = _react.forwardRef.call(void 0, function PosterShell2({ colours
 var PosterMain = _react.forwardRef.call(void 0, function PosterMain2(props, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { ref, "data-slot": "poster-main", ...props });
 });
+var PosterBanner = _react.forwardRef.call(void 0, function PosterBanner2({ action, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { ref, "data-slot": "poster-banner", ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children }),
+    action ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      " ",
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "poster-banner-action", children: action })
+    ] }) : null
+  ] });
+});
 var PosterHeader = _react.forwardRef.call(void 0, function PosterHeader2({ brand, nav, action, className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { ref, "data-slot": "poster-header", className, ...props, children: [
     brand,
@@ -393,4 +402,5 @@ var PosterMockNote = _react.forwardRef.call(void 0, function PosterMockNote2(pro
 
 
 
-exports.PosterAction = PosterAction; exports.PosterBand = PosterBand; exports.PosterBreak = PosterBreak; exports.PosterCalculator = PosterCalculator; exports.PosterCallList = PosterCallList; exports.PosterClaims = PosterClaims; exports.PosterColumns = PosterColumns; exports.PosterCopyText = PosterCopyText; exports.PosterCost = PosterCost; exports.PosterDisclosure = PosterDisclosure; exports.PosterFacts = PosterFacts; exports.PosterFigures = PosterFigures; exports.PosterFlow = PosterFlow; exports.PosterFootnote = PosterFootnote; exports.PosterGrade = PosterGrade; exports.PosterHeader = PosterHeader; exports.PosterHeaderAction = PosterHeaderAction; exports.PosterHero = PosterHero; exports.PosterMain = PosterMain; exports.PosterMark = PosterMark; exports.PosterMockNote = PosterMockNote; exports.PosterMoreLink = PosterMoreLink; exports.PosterNav = PosterNav; exports.PosterNavLink = PosterNavLink; exports.PosterNextLink = PosterNextLink; exports.PosterNote = PosterNote; exports.PosterPeople = PosterPeople; exports.PosterQuote = PosterQuote; exports.PosterRange = PosterRange; exports.PosterRanges = PosterRanges; exports.PosterScreen = PosterScreen; exports.PosterScreenDetail = PosterScreenDetail; exports.PosterScreenLead = PosterScreenLead; exports.PosterScreenMessage = PosterScreenMessage; exports.PosterScreenPane = PosterScreenPane; exports.PosterScreenPerson = PosterScreenPerson; exports.PosterScreenQueue = PosterScreenQueue; exports.PosterScreenRows = PosterScreenRows; exports.PosterScreenSplit = PosterScreenSplit; exports.PosterScreenTabs = PosterScreenTabs; exports.PosterScreenTrace = PosterScreenTrace; exports.PosterShell = PosterShell; exports.PosterSmallPrint = PosterSmallPrint; exports.PosterStatement = PosterStatement; exports.PosterStats = PosterStats; exports.PosterSteps = PosterSteps; exports.PosterSubhead = PosterSubhead; exports.PosterSwitch = PosterSwitch; exports.PosterTextLink = PosterTextLink; exports.PosterTicks = PosterTicks;
+
+exports.PosterAction = PosterAction; exports.PosterBand = PosterBand; exports.PosterBanner = PosterBanner; exports.PosterBreak = PosterBreak; exports.PosterCalculator = PosterCalculator; exports.PosterCallList = PosterCallList; exports.PosterClaims = PosterClaims; exports.PosterColumns = PosterColumns; exports.PosterCopyText = PosterCopyText; exports.PosterCost = PosterCost; exports.PosterDisclosure = PosterDisclosure; exports.PosterFacts = PosterFacts; exports.PosterFigures = PosterFigures; exports.PosterFlow = PosterFlow; exports.PosterFootnote = PosterFootnote; exports.PosterGrade = PosterGrade; exports.PosterHeader = PosterHeader; exports.PosterHeaderAction = PosterHeaderAction; exports.PosterHero = PosterHero; exports.PosterMain = PosterMain; exports.PosterMark = PosterMark; exports.PosterMockNote = PosterMockNote; exports.PosterMoreLink = PosterMoreLink; exports.PosterNav = PosterNav; exports.PosterNavLink = PosterNavLink; exports.PosterNextLink = PosterNextLink; exports.PosterNote = PosterNote; exports.PosterPeople = PosterPeople; exports.PosterQuote = PosterQuote; exports.PosterRange = PosterRange; exports.PosterRanges = PosterRanges; exports.PosterScreen = PosterScreen; exports.PosterScreenDetail = PosterScreenDetail; exports.PosterScreenLead = PosterScreenLead; exports.PosterScreenMessage = PosterScreenMessage; exports.PosterScreenPane = PosterScreenPane; exports.PosterScreenPerson = PosterScreenPerson; exports.PosterScreenQueue = PosterScreenQueue; exports.PosterScreenRows = PosterScreenRows; exports.PosterScreenSplit = PosterScreenSplit; exports.PosterScreenTabs = PosterScreenTabs; exports.PosterScreenTrace = PosterScreenTrace; exports.PosterShell = PosterShell; exports.PosterSmallPrint = PosterSmallPrint; exports.PosterStatement = PosterStatement; exports.PosterStats = PosterStats; exports.PosterSteps = PosterSteps; exports.PosterSubhead = PosterSubhead; exports.PosterSwitch = PosterSwitch; exports.PosterTextLink = PosterTextLink; exports.PosterTicks = PosterTicks;

package/dist/primitives/poster.d.cts

@@ -39,6 +39,17 @@ interface PosterShellProps extends HTMLAttributes<HTMLDivElement> {
 declare const PosterShell: React.ForwardRefExoticComponent<PosterShellProps & React.RefAttributes<HTMLDivElement>>;
 /** The page's main landmark, under the header. */
 declare const PosterMain: React.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+interface PosterBannerProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** A short label after the words, underlined ("Read why"). */
+    action?: ReactNode;
+}
+/**
+ * An announcement strip in the primary colour: one line of words and a short
+ * action, the whole strip a single link. A page puts it inside `PosterShell`,
+ * above `PosterHeader`. The space before the action keeps the two apart
+ * wherever the strip is read as plain text.
+ */
+declare const PosterBanner: React.ForwardRefExoticComponent<PosterBannerProps & React.RefAttributes<HTMLAnchorElement>>;
 interface PosterHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     /** The wordmark: a `PosterMark`. */
     brand: ReactNode;
@@ -392,4 +403,4 @@ declare function PosterScreenRows({ items }: PosterScreenRowsProps): react_jsx_r
 /** A quiet line under a mock-up. */
 declare const PosterMockNote: React.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };
+export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBanner, type PosterBannerProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };

package/dist/primitives/poster.d.ts

@@ -39,6 +39,17 @@ interface PosterShellProps extends HTMLAttributes<HTMLDivElement> {
 declare const PosterShell: React.ForwardRefExoticComponent<PosterShellProps & React.RefAttributes<HTMLDivElement>>;
 /** The page's main landmark, under the header. */
 declare const PosterMain: React.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+interface PosterBannerProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** A short label after the words, underlined ("Read why"). */
+    action?: ReactNode;
+}
+/**
+ * An announcement strip in the primary colour: one line of words and a short
+ * action, the whole strip a single link. A page puts it inside `PosterShell`,
+ * above `PosterHeader`. The space before the action keeps the two apart
+ * wherever the strip is read as plain text.
+ */
+declare const PosterBanner: React.ForwardRefExoticComponent<PosterBannerProps & React.RefAttributes<HTMLAnchorElement>>;
 interface PosterHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     /** The wordmark: a `PosterMark`. */
     brand: ReactNode;
@@ -392,4 +403,4 @@ declare function PosterScreenRows({ items }: PosterScreenRowsProps): react_jsx_r
 /** A quiet line under a mock-up. */
 declare const PosterMockNote: React.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };
+export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBanner, type PosterBannerProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };

package/dist/primitives/poster.js

@@ -25,6 +25,15 @@ var PosterShell = forwardRef(function PosterShell2({ colours, font, colorScheme,
 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,
@@ -345,6 +354,7 @@ var PosterMockNote = forwardRef(function PosterMockNote2(props, ref) {
 export {
   PosterAction,
   PosterBand,
+  PosterBanner,
   PosterBreak,
   PosterCalculator,
   PosterCallList,

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;

package/dist/primitives/save-bar.d.cts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+interface SaveBarProps {
+    /**
+     * Whether the form has unsaved changes. Controls the bar's active
+     * vs muted visual state and the enabled state of Save / Discard.
+     */
+    isDirty: boolean;
+    /** Whether a save is in flight. Disables both buttons. */
+    saving?: boolean;
+    /** Primary action — wired to your save handler. */
+    onSave: () => void;
+    /**
+     * Optional discard handler. When provided, renders a ghost "Discard"
+     * button alongside the save. Typically resets controlled state back to
+     * the initial server-supplied values.
+     */
+    onDiscard?: () => void;
+    saveLabel?: ReactNode;
+    /** Label shown while `saving` is true. Defaults to "Saving…". */
+    savingLabel?: ReactNode;
+    discardLabel?: ReactNode;
+    /**
+     * Status caption shown on the left. Defaults to "Unsaved changes"
+     * (when dirty) or "All changes saved" (when clean). Override for
+     * app-specific copy.
+     */
+    status?: ReactNode;
+    /** Outer container max-width class. Defaults to `max-w-5xl`. */
+    containerClassName?: string;
+    className?: string;
+    width?: "narrow" | "wide";
+}
+/**
+ * Sticky bottom action bar for editable form pages. ALWAYS visible on
+ * settings/form pages — a muted "All changes saved" state when clean,
+ * an active "Unsaved changes" state when dirty. One bar per page —
+ * fragmenting saves between sections forces users to think about
+ * partial commits.
+ *
+ * Why always-visible: users need to know a page is editable without
+ * having to type something first to discover the save affordance.
+ *
+ * For read-only pages (e.g. an API token display + rotate button), do
+ * NOT use this — use inline action buttons next to their context.
+ *
+ * The component is positioned `fixed inset-x-0 bottom-0` with safe-area
+ * padding for iOS home indicator / browser chrome. Add `pb-28` (or
+ * similar) to the page content so the bar doesn't cover the last
+ * section.
+ */
+declare function SaveBar({ isDirty, saving, onSave, onDiscard, saveLabel, savingLabel, discardLabel, status, containerClassName, className, width, }: SaveBarProps): React.ReactPortal | null;
+
+export { SaveBar, type SaveBarProps };

package/dist/primitives/save-bar.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+interface SaveBarProps {
+    /**
+     * Whether the form has unsaved changes. Controls the bar's active
+     * vs muted visual state and the enabled state of Save / Discard.
+     */
+    isDirty: boolean;
+    /** Whether a save is in flight. Disables both buttons. */
+    saving?: boolean;
+    /** Primary action — wired to your save handler. */
+    onSave: () => void;
+    /**
+     * Optional discard handler. When provided, renders a ghost "Discard"
+     * button alongside the save. Typically resets controlled state back to
+     * the initial server-supplied values.
+     */
+    onDiscard?: () => void;
+    saveLabel?: ReactNode;
+    /** Label shown while `saving` is true. Defaults to "Saving…". */
+    savingLabel?: ReactNode;
+    discardLabel?: ReactNode;
+    /**
+     * Status caption shown on the left. Defaults to "Unsaved changes"
+     * (when dirty) or "All changes saved" (when clean). Override for
+     * app-specific copy.
+     */
+    status?: ReactNode;
+    /** Outer container max-width class. Defaults to `max-w-5xl`. */
+    containerClassName?: string;
+    className?: string;
+    width?: "narrow" | "wide";
+}
+/**
+ * Sticky bottom action bar for editable form pages. ALWAYS visible on
+ * settings/form pages — a muted "All changes saved" state when clean,
+ * an active "Unsaved changes" state when dirty. One bar per page —
+ * fragmenting saves between sections forces users to think about
+ * partial commits.
+ *
+ * Why always-visible: users need to know a page is editable without
+ * having to type something first to discover the save affordance.
+ *
+ * For read-only pages (e.g. an API token display + rotate button), do
+ * NOT use this — use inline action buttons next to their context.
+ *
+ * The component is positioned `fixed inset-x-0 bottom-0` with safe-area
+ * padding for iOS home indicator / browser chrome. Add `pb-28` (or
+ * similar) to the page content so the bar doesn't cover the last
+ * section.
+ */
+declare function SaveBar({ isDirty, saving, onSave, onDiscard, saveLabel, savingLabel, discardLabel, status, containerClassName, className, width, }: SaveBarProps): React.ReactPortal | null;
+
+export { SaveBar, type SaveBarProps };