@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/primitives/responsive-dialog.cjs

@@ -0,0 +1,142 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+
+
+
+
+
+
+
+var _chunk2BHI5ZWJcjs = require('../chunk-2BHI5ZWJ.cjs');
+
+
+
+
+
+
+
+
+
+var _chunkWDXEJDMOcjs = require('../chunk-WDXEJDMO.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/responsive-dialog.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactresponsive = require('react-responsive');
+var _jsxruntime = require('react/jsx-runtime');
+var DesktopContext = React.createContext(false);
+var useIsDesktop = () => React.useContext(DesktopContext);
+var DESKTOP_QUERY = { minWidth: 1024 };
+var ResponsiveDialog = ({ children, ...props }) => {
+  const isDesktop = _reactresponsive.useMediaQuery.call(void 0, DESKTOP_QUERY);
+  const Root = isDesktop ? _chunkWDXEJDMOcjs.Dialog : _chunk2BHI5ZWJcjs.Drawer;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DesktopContext.Provider, { value: isDesktop, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Root, { ...props, children }) });
+};
+ResponsiveDialog.displayName = "ResponsiveDialog";
+var ResponsiveDialogTrigger = ({
+  children,
+  ...props
+}) => {
+  const Trigger = useIsDesktop() ? _chunkWDXEJDMOcjs.DialogTrigger : _chunk2BHI5ZWJcjs.DrawerTrigger;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Trigger, { ...props, children });
+};
+ResponsiveDialogTrigger.displayName = "ResponsiveDialogTrigger";
+var ResponsiveDialogClose = ({
+  children,
+  ...props
+}) => {
+  const Close = useIsDesktop() ? _chunkWDXEJDMOcjs.DialogClose : _chunk2BHI5ZWJcjs.DrawerClose;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Close, { ...props, children });
+};
+ResponsiveDialogClose.displayName = "ResponsiveDialogClose";
+var ResponsiveDialogContent = React.forwardRef(({ className, children, presentation = "default", ...props }, ref) => {
+  if (useIsDesktop()) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWDXEJDMOcjs.DialogContent,
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex max-h-[85vh] max-w-md flex-col gap-0 overflow-hidden p-0",
+          presentation === "preview" && "max-w-2xl sm:h-[85vh] [&>button:last-child]:hidden",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2BHI5ZWJcjs.DrawerContent,
+    {
+      ref,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "max-h-[92vh]", className),
+      ...props,
+      children
+    }
+  );
+});
+ResponsiveDialogContent.displayName = "ResponsiveDialogContent";
+var ResponsiveDialogHeader = ({
+  className,
+  visibility = "visible",
+  ...props
+}) => {
+  const Header = useIsDesktop() ? _chunkWDXEJDMOcjs.DialogHeader : _chunk2BHI5ZWJcjs.DrawerHeader;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Header,
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, useIsDesktop() && "p-4", visibility === "screen-reader" && "sr-only", className),
+      ...props
+    }
+  );
+};
+ResponsiveDialogHeader.displayName = "ResponsiveDialogHeader";
+var ResponsiveDialogBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto px-4 pb-6", className), ...props });
+ResponsiveDialogBody.displayName = "ResponsiveDialogBody";
+var ResponsiveDialogFooter = ({
+  className,
+  layout = "auto",
+  ...props
+}) => {
+  const isDesktop = useIsDesktop();
+  const Footer = isDesktop ? _chunkWDXEJDMOcjs.DialogFooter : _chunk2BHI5ZWJcjs.DrawerFooter;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Footer,
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "mt-0 shrink-0 gap-2 border-t bg-background p-4",
+        layout === "fill" ? "flex-row space-x-0 [&>*]:min-w-0 [&>*]:flex-1" : isDesktop ? "flex-row justify-end space-x-0 [&>*]:flex-none" : "grid grid-cols-2 [&>*]:w-full",
+        className
+      ),
+      ...props
+    }
+  );
+};
+ResponsiveDialogFooter.displayName = "ResponsiveDialogFooter";
+var ResponsiveDialogTitle = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
+  const Title = useIsDesktop() ? _chunkWDXEJDMOcjs.DialogTitle : _chunk2BHI5ZWJcjs.DrawerTitle;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Title, { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, visuallyHidden && "sr-only", className), ...props });
+});
+ResponsiveDialogTitle.displayName = "ResponsiveDialogTitle";
+var ResponsiveDialogDescription = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
+  const Description = useIsDesktop() ? _chunkWDXEJDMOcjs.DialogDescription : _chunk2BHI5ZWJcjs.DrawerDescription;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, visuallyHidden && "sr-only", className), ...props });
+});
+ResponsiveDialogDescription.displayName = "ResponsiveDialogDescription";
+
+
+
+
+
+
+
+
+
+
+exports.ResponsiveDialog = ResponsiveDialog; exports.ResponsiveDialogBody = ResponsiveDialogBody; exports.ResponsiveDialogClose = ResponsiveDialogClose; exports.ResponsiveDialogContent = ResponsiveDialogContent; exports.ResponsiveDialogDescription = ResponsiveDialogDescription; exports.ResponsiveDialogFooter = ResponsiveDialogFooter; exports.ResponsiveDialogHeader = ResponsiveDialogHeader; exports.ResponsiveDialogTitle = ResponsiveDialogTitle; exports.ResponsiveDialogTrigger = ResponsiveDialogTrigger;

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

@@ -0,0 +1,56 @@
+import { Dialog, DialogClose, DialogContent, DialogDescriptionProps, DialogTitleProps, DialogTrigger } from './dialog.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Drawer } from './drawer.cjs';
+import '@radix-ui/react-dialog';
+import 'vaul';
+
+type RootProps = React.ComponentProps<typeof Dialog> & React.ComponentProps<typeof Drawer>;
+declare const ResponsiveDialog: {
+    ({ children, ...props }: RootProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogTrigger: {
+    ({ children, ...props }: React.ComponentProps<typeof DialogTrigger>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogClose: {
+    ({ children, ...props }: React.ComponentProps<typeof DialogClose>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Content. Desktop is a compact centered card (`max-w-md`); mobile is a
+ * tall bottom sheet. Both clamp height and own no inner padding — pad via
+ * <ResponsiveDialogHeader> (p-4) and <ResponsiveDialogBody> so the two
+ * presentations line up. The desktop card keeps the Dialog's built-in
+ * close "X"; mobile keeps the drawer grabber.
+ */
+interface ResponsiveDialogContentProps extends React.ComponentProps<typeof DialogContent> {
+    presentation?: "default" | "preview";
+}
+declare const ResponsiveDialogContent: React.ForwardRefExoticComponent<Omit<ResponsiveDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ResponsiveDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    visibility?: "visible" | "screen-reader";
+}
+declare const ResponsiveDialogHeader: {
+    ({ className, visibility, ...props }: ResponsiveDialogHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/** Padded, scrollable body — identical markup in both presentations. */
+declare const ResponsiveDialogBody: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface ResponsiveDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** `fill` mirrors a review action dock: direct children share the full row. */
+    layout?: "auto" | "fill";
+}
+/** Persistent action row outside the scrollable body. */
+declare const ResponsiveDialogFooter: {
+    ({ className, layout, ...props }: ResponsiveDialogFooterProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ResponsiveDialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { ResponsiveDialog, ResponsiveDialogBody, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, ResponsiveDialogTrigger };

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

@@ -0,0 +1,56 @@
+import { Dialog, DialogClose, DialogContent, DialogDescriptionProps, DialogTitleProps, DialogTrigger } from './dialog.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Drawer } from './drawer.js';
+import '@radix-ui/react-dialog';
+import 'vaul';
+
+type RootProps = React.ComponentProps<typeof Dialog> & React.ComponentProps<typeof Drawer>;
+declare const ResponsiveDialog: {
+    ({ children, ...props }: RootProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogTrigger: {
+    ({ children, ...props }: React.ComponentProps<typeof DialogTrigger>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogClose: {
+    ({ children, ...props }: React.ComponentProps<typeof DialogClose>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Content. Desktop is a compact centered card (`max-w-md`); mobile is a
+ * tall bottom sheet. Both clamp height and own no inner padding — pad via
+ * <ResponsiveDialogHeader> (p-4) and <ResponsiveDialogBody> so the two
+ * presentations line up. The desktop card keeps the Dialog's built-in
+ * close "X"; mobile keeps the drawer grabber.
+ */
+interface ResponsiveDialogContentProps extends React.ComponentProps<typeof DialogContent> {
+    presentation?: "default" | "preview";
+}
+declare const ResponsiveDialogContent: React.ForwardRefExoticComponent<Omit<ResponsiveDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ResponsiveDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    visibility?: "visible" | "screen-reader";
+}
+declare const ResponsiveDialogHeader: {
+    ({ className, visibility, ...props }: ResponsiveDialogHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/** Padded, scrollable body — identical markup in both presentations. */
+declare const ResponsiveDialogBody: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface ResponsiveDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** `fill` mirrors a review action dock: direct children share the full row. */
+    layout?: "auto" | "fill";
+}
+/** Persistent action row outside the scrollable body. */
+declare const ResponsiveDialogFooter: {
+    ({ className, layout, ...props }: ResponsiveDialogFooterProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ResponsiveDialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ResponsiveDialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { ResponsiveDialog, ResponsiveDialogBody, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, ResponsiveDialogTrigger };

package/dist/primitives/responsive-dialog.js

@@ -0,0 +1,142 @@
+"use client";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
+} from "../chunk-4HWCNRK4.js";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+} from "../chunk-3QT5VYZ3.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/responsive-dialog.tsx
+import * as React from "react";
+import { useMediaQuery } from "react-responsive";
+import { jsx } from "react/jsx-runtime";
+var DesktopContext = React.createContext(false);
+var useIsDesktop = () => React.useContext(DesktopContext);
+var DESKTOP_QUERY = { minWidth: 1024 };
+var ResponsiveDialog = ({ children, ...props }) => {
+  const isDesktop = useMediaQuery(DESKTOP_QUERY);
+  const Root = isDesktop ? Dialog : Drawer;
+  return /* @__PURE__ */ jsx(DesktopContext.Provider, { value: isDesktop, children: /* @__PURE__ */ jsx(Root, { ...props, children }) });
+};
+ResponsiveDialog.displayName = "ResponsiveDialog";
+var ResponsiveDialogTrigger = ({
+  children,
+  ...props
+}) => {
+  const Trigger = useIsDesktop() ? DialogTrigger : DrawerTrigger;
+  return /* @__PURE__ */ jsx(Trigger, { ...props, children });
+};
+ResponsiveDialogTrigger.displayName = "ResponsiveDialogTrigger";
+var ResponsiveDialogClose = ({
+  children,
+  ...props
+}) => {
+  const Close = useIsDesktop() ? DialogClose : DrawerClose;
+  return /* @__PURE__ */ jsx(Close, { ...props, children });
+};
+ResponsiveDialogClose.displayName = "ResponsiveDialogClose";
+var ResponsiveDialogContent = React.forwardRef(({ className, children, presentation = "default", ...props }, ref) => {
+  if (useIsDesktop()) {
+    return /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        ref,
+        className: cn(
+          "flex max-h-[85vh] max-w-md flex-col gap-0 overflow-hidden p-0",
+          presentation === "preview" && "max-w-2xl sm:h-[85vh] [&>button:last-child]:hidden",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    DrawerContent,
+    {
+      ref,
+      className: cn("max-h-[92vh]", className),
+      ...props,
+      children
+    }
+  );
+});
+ResponsiveDialogContent.displayName = "ResponsiveDialogContent";
+var ResponsiveDialogHeader = ({
+  className,
+  visibility = "visible",
+  ...props
+}) => {
+  const Header = useIsDesktop() ? DialogHeader : DrawerHeader;
+  return /* @__PURE__ */ jsx(
+    Header,
+    {
+      className: cn(useIsDesktop() && "p-4", visibility === "screen-reader" && "sr-only", className),
+      ...props
+    }
+  );
+};
+ResponsiveDialogHeader.displayName = "ResponsiveDialogHeader";
+var ResponsiveDialogBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1 overflow-y-auto px-4 pb-6", className), ...props });
+ResponsiveDialogBody.displayName = "ResponsiveDialogBody";
+var ResponsiveDialogFooter = ({
+  className,
+  layout = "auto",
+  ...props
+}) => {
+  const isDesktop = useIsDesktop();
+  const Footer = isDesktop ? DialogFooter : DrawerFooter;
+  return /* @__PURE__ */ jsx(
+    Footer,
+    {
+      className: cn(
+        "mt-0 shrink-0 gap-2 border-t bg-background p-4",
+        layout === "fill" ? "flex-row space-x-0 [&>*]:min-w-0 [&>*]:flex-1" : isDesktop ? "flex-row justify-end space-x-0 [&>*]:flex-none" : "grid grid-cols-2 [&>*]:w-full",
+        className
+      ),
+      ...props
+    }
+  );
+};
+ResponsiveDialogFooter.displayName = "ResponsiveDialogFooter";
+var ResponsiveDialogTitle = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
+  const Title = useIsDesktop() ? DialogTitle : DrawerTitle;
+  return /* @__PURE__ */ jsx(Title, { ref, className: cn(visuallyHidden && "sr-only", className), ...props });
+});
+ResponsiveDialogTitle.displayName = "ResponsiveDialogTitle";
+var ResponsiveDialogDescription = React.forwardRef(({ className, visuallyHidden = false, ...props }, ref) => {
+  const Description = useIsDesktop() ? DialogDescription : DrawerDescription;
+  return /* @__PURE__ */ jsx(Description, { ref, className: cn(visuallyHidden && "sr-only", className), ...props });
+});
+ResponsiveDialogDescription.displayName = "ResponsiveDialogDescription";
+export {
+  ResponsiveDialog,
+  ResponsiveDialogBody,
+  ResponsiveDialogClose,
+  ResponsiveDialogContent,
+  ResponsiveDialogDescription,
+  ResponsiveDialogFooter,
+  ResponsiveDialogHeader,
+  ResponsiveDialogTitle,
+  ResponsiveDialogTrigger
+};

package/dist/primitives/responsive-view.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/primitives/responsive-view.tsx
+var _reactresponsive = require('react-responsive');
+var _jsxruntime = require('react/jsx-runtime');
+function ResponsiveView({ mobile, desktop }) {
+  const isMobile = _reactresponsive.useMediaQuery.call(void 0, { maxWidth: 1024 });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "lg:hidden",
+        style: { display: isMobile ? void 0 : "none" },
+        children: mobile
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "hidden lg:block",
+        style: { display: isMobile ? "none" : void 0 },
+        children: desktop
+      }
+    )
+  ] });
+}
+
+
+exports.ResponsiveView = ResponsiveView;

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ResponsiveViewProps {
+    mobile: ReactNode;
+    desktop: ReactNode;
+}
+declare function ResponsiveView({ mobile, desktop }: ResponsiveViewProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsiveView };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ResponsiveViewProps {
+    mobile: ReactNode;
+    desktop: ReactNode;
+}
+declare function ResponsiveView({ mobile, desktop }: ResponsiveViewProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsiveView };

package/dist/primitives/responsive-view.js

@@ -0,0 +1,29 @@
+"use client";
+
+// src/primitives/responsive-view.tsx
+import { useMediaQuery } from "react-responsive";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ResponsiveView({ mobile, desktop }) {
+  const isMobile = useMediaQuery({ maxWidth: 1024 });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "lg:hidden",
+        style: { display: isMobile ? void 0 : "none" },
+        children: mobile
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "hidden lg:block",
+        style: { display: isMobile ? "none" : void 0 },
+        children: desktop
+      }
+    )
+  ] });
+}
+export {
+  ResponsiveView
+};

package/dist/primitives/rich-text.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkELPV44S6cjs = require('../chunk-ELPV44S6.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.RichText = _chunkELPV44S6cjs.RichText;

package/dist/primitives/rich-text.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/**
+ * Typography boundary for already-rendered rich text such as Markdown.
+ * Parsing and sanitisation stay with the consumer.
+ */
+interface RichTextProps extends HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "base";
+    tone?: "default" | "soft" | "muted";
+}
+declare function RichText({ size, tone, className, ...props }: RichTextProps): react_jsx_runtime.JSX.Element;
+
+export { RichText, type RichTextProps };

package/dist/primitives/rich-text.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/**
+ * Typography boundary for already-rendered rich text such as Markdown.
+ * Parsing and sanitisation stay with the consumer.
+ */
+interface RichTextProps extends HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "base";
+    tone?: "default" | "soft" | "muted";
+}
+declare function RichText({ size, tone, className, ...props }: RichTextProps): react_jsx_runtime.JSX.Element;
+
+export { RichText, type RichTextProps };

package/dist/primitives/rich-text.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  RichText
+} from "../chunk-INNGGLMZ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  RichText
+};

package/dist/primitives/scroll-area.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkXLIAY56Vcjs = require('../chunk-XLIAY56V.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+exports.ScrollArea = _chunkXLIAY56Vcjs.ScrollArea; exports.ScrollBar = _chunkXLIAY56Vcjs.ScrollBar;

package/dist/primitives/scroll-area.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    height?: "auto" | "full";
+    maxHeight?: "none" | "sm" | "compact" | "md" | "lg" | "viewport";
+    padding?: "none" | "drawer";
+    paddingEnd?: "none" | "sm";
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar };

package/dist/primitives/scroll-area.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    height?: "auto" | "full";
+    maxHeight?: "none" | "sm" | "compact" | "md" | "lg" | "viewport";
+    padding?: "none" | "drawer";
+    paddingEnd?: "none" | "sm";
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar };

package/dist/primitives/scroll-area.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  ScrollArea,
+  ScrollBar
+} from "../chunk-LELFPLTE.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  ScrollArea,
+  ScrollBar
+};

package/dist/primitives/section-header.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVGTINL5Qcjs = require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/section-header.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var sectionHeaderVariants = _classvarianceauthority.cva.call(void 0, "flex items-center gap-1", {
+  variants: {
+    variant: {
+      muted: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+      plain: "text-sm font-medium text-foreground"
+    },
+    spacing: {
+      tight: "mb-2",
+      loose: "mb-3",
+      none: ""
+    }
+  },
+  defaultVariants: {
+    variant: "muted",
+    spacing: "tight"
+  }
+});
+var SectionHeader = _react.forwardRef.call(void 0, 
+  function SectionHeader2({ icon, label, count, action, variant, spacing, className, ...rest }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "h3",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, sectionHeaderVariants({ variant, spacing }), className),
+        ...rest,
+        children: [
+          icon,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }),
+          typeof count === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: count, variant: "secondary" }),
+          action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto", children: action })
+        ]
+      }
+    );
+  }
+);
+
+
+exports.SectionHeader = SectionHeader;

package/dist/primitives/section-header.d.cts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sectionHeaderVariants: (props?: ({
+    variant?: "muted" | "plain" | null | undefined;
+    spacing?: "none" | "tight" | "loose" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "children">, VariantProps<typeof sectionHeaderVariants> {
+    /** Pre-rendered icon node. Sized to match the header text. */
+    icon?: ReactNode;
+    /** Main label. */
+    label: ReactNode;
+    /** Optional count rendered after the label in a neutral count badge. */
+    count?: number;
+    /** Optional trailing slot for actions / chips. Pushed to the far right. */
+    action?: ReactNode;
+}
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { SectionHeader, type SectionHeaderProps };