@eventuras/ratio-ui 1.0.0

package/README.md

@@ -0,0 +1,34 @@
+# Ratio UI 🧱
+
+A design system built on clarity, proportion, and composable components.
+
+## About Ratio UI
+
+The word **"Ratio"** comes from Latin, where it carries rich and layered meanings such as:
+
+The name **Ratio** is inspired by the Latin word for _reason_, _measure_, and _relationship_. It reflects our focus on clarity, composability, and visual harmony — the foundations of a resilient and elegant design system.
+
+## Installation
+
+```bash
+pnpm add @eventuras/ratio-ui
+```
+
+### Peer Dependencies
+
+Ratio UI requires the following peer dependencies to be installed in your project:
+
+```bash
+pnpm add react react-dom react-aria-components react-stately @react-aria/overlays clsx lucide-react
+```
+
+**Why external dependencies?**  
+To reduce bundle size and avoid duplication, Ratio UI externalizes common UI dependencies. This means you control the versions and ensure consistency across your application.
+
+## Roadmap
+
+The intention of Ratio UI is to be a design system that handles most of the UI components needed for the Eventuras knowledge ecosystem. We will not have any business logic in this library.
+
+## Getting Started
+
+Be sure to be in the 'libs/ratio-ui' directory. Start the development server: `npm run dev`, and open your browser to `http://localhost:6006`.

package/dist/blocks/Error/Error.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { Status } from '../../tokens/colors';
+/** Error type for semantic meaning */
+export type ErrorType = 'not-found' | 'forbidden' | 'server-error' | 'network-error' | 'generic';
+/** Props for {@link Error} */
+export interface ErrorProps {
+    /** Visual severity */
+    status?: Status;
+    /** Semantic error type (affects icon) */
+    type?: ErrorType;
+    /** Custom className for the container */
+    className?: string;
+    /** Child components (Title, Description, Actions) */
+    children: React.ReactNode;
+}
+/** Root component for error display */
+declare function Root({ status, type, className, children }: Readonly<ErrorProps>): import("react/jsx-runtime").JSX.Element;
+/** Title slot */
+declare function Title({ children, className }: Readonly<{
+    children: React.ReactNode;
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;
+/** Description/message slot */
+declare function Description({ children, className }: Readonly<{
+    children: React.ReactNode;
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;
+/** Technical details slot (smaller, muted text) */
+declare function Details({ children, className }: Readonly<{
+    children: React.ReactNode;
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;
+/** Actions/buttons slot */
+declare function Actions({ children, className }: Readonly<{
+    children: React.ReactNode;
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;
+/** Export compound component */
+export declare const Error: typeof Root & {
+    Title: typeof Title;
+    Description: typeof Description;
+    Details: typeof Details;
+    Actions: typeof Actions;
+};
+export {};
+//# sourceMappingURL=Error.d.ts.map

package/dist/blocks/Error/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../src/blocks/Error/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,sCAAsC;AACtC,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,WAAW,GACX,cAAc,GACd,eAAe,GACf,SAAS,CAAC;AAEd,8BAA8B;AAC9B,MAAM,WAAW,UAAU;IACzB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+GD,uCAAuC;AACvC,iBAAS,IAAI,CAAC,EACZ,MAAgB,EAChB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACT,EAAE,QAAQ,CAAC,UAAU,CAAC,2CAatB;AAED,iBAAiB;AACjB,iBAAS,KAAK,CAAC,EACb,QAAQ,EACR,SAAS,EACV,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,2CAMD;AAED,+BAA+B;AAC/B,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAS,EACV,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,2CAMD;AAED,mDAAmD;AACnD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,SAAS,EACV,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,2CAMD;AAED,2BAA2B;AAC3B,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,SAAS,EACV,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,2CAMD;AAED,gCAAgC;AAChC,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}

package/dist/blocks/Error/Error.js

@@ -0,0 +1,121 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "clsx";
+//#region src/blocks/Error/Error.tsx
+var r = {
+	neutral: "text-neutral-600 dark:text-neutral-400",
+	info: "text-info-text",
+	success: "text-success-text",
+	warning: "text-warning-text",
+	error: "text-error-text"
+};
+function i({ type: t = "generic", status: i = "error" }) {
+	let a = r[i], o = "w-12 h-12 mb-4";
+	return t === "not-found" ? /* @__PURE__ */ e("svg", {
+		className: n(o, a),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+		})
+	}) : t === "forbidden" ? /* @__PURE__ */ e("svg", {
+		className: n(o, a),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"
+		})
+	}) : t === "server-error" ? /* @__PURE__ */ e("svg", {
+		className: n(o, a),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"
+		})
+	}) : t === "network-error" ? /* @__PURE__ */ e("svg", {
+		className: n(o, a),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0"
+		})
+	}) : /* @__PURE__ */ e("svg", {
+		className: n(o, a),
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+		})
+	});
+}
+function a({ status: r = "error", type: a = "generic", className: o, children: s }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("py-12 text-center", o),
+		role: "alert",
+		"aria-live": "polite",
+		children: /* @__PURE__ */ t("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ e(i, {
+				type: a,
+				status: r
+			}), s]
+		})
+	});
+}
+function o({ children: t, className: r }) {
+	return /* @__PURE__ */ e("h1", {
+		className: n("text-2xl font-bold mb-4", r),
+		children: t
+	});
+}
+function s({ children: t, className: r }) {
+	return /* @__PURE__ */ e("p", {
+		className: n("text-base mb-2 max-w-2xl", r),
+		children: t
+	});
+}
+function c({ children: t, className: r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("text-sm text-gray-600 dark:text-gray-400 mb-6 max-w-2xl", r),
+		children: t
+	});
+}
+function l({ children: t, className: r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("flex flex-wrap gap-4 justify-center mt-6", r),
+		children: t
+	});
+}
+var u = Object.assign(a, {
+	Title: o,
+	Description: s,
+	Details: c,
+	Actions: l
+});
+//#endregion
+export { u as Error };

package/dist/blocks/Error/index.d.ts

@@ -0,0 +1,3 @@
+export { Error } from './Error';
+export type { ErrorProps, ErrorType } from './Error';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/Error/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/Error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/blocks/Error/index.js

@@ -0,0 +1,2 @@
+import { Error as e } from "./Error.js";
+export { e as Error };

package/dist/blocks/NotFound/NotFound.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface NotFoundProps {
+    /** Page title (defaults to "404") */
+    title?: string;
+    /** Description message (defaults to "This page could not be found.") */
+    message?: string;
+    /** Additional details or helpful text */
+    details?: string;
+    /** Action buttons/links */
+    actions?: React.ReactNode;
+    /** Custom className for the container */
+    className?: string;
+}
+/**
+ * NotFound block component for displaying 404 pages
+ *
+ * @example
+ * ```tsx
+ * <NotFound
+ *   title="404"
+ *   message="This page could not be found."
+ *   actions={<Button href="/">Go home</Button>}
+ * />
+ * ```
+ */
+export declare const NotFound: React.FC<NotFoundProps>;
+//# sourceMappingURL=NotFound.d.ts.map

package/dist/blocks/NotFound/NotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/blocks/NotFound/NotFound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC"}

package/dist/blocks/NotFound/NotFound.js

@@ -0,0 +1,18 @@
+import { Error as e } from "../Error/Error.js";
+import "../Error/index.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/blocks/NotFound/NotFound.tsx
+var r = ({ title: r = "404", message: i = "This page could not be found.", details: a, actions: o, className: s }) => /* @__PURE__ */ n(e, {
+	type: "not-found",
+	status: "info",
+	className: s,
+	children: [
+		/* @__PURE__ */ t(e.Title, { children: r }),
+		/* @__PURE__ */ t(e.Description, { children: i }),
+		a && /* @__PURE__ */ t(e.Details, { children: a }),
+		o && /* @__PURE__ */ t(e.Actions, { children: o })
+	]
+});
+//#endregion
+export { r as NotFound };

package/dist/blocks/NotFound/index.d.ts

@@ -0,0 +1,3 @@
+export { NotFound } from './NotFound';
+export type { NotFoundProps } from './NotFound';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/NotFound/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/NotFound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/blocks/NotFound/index.js

@@ -0,0 +1,2 @@
+import { NotFound as e } from "./NotFound.js";
+export { e as NotFound };

package/dist/blocks/SessionWarning/SessionWarning.d.ts

@@ -0,0 +1,53 @@
+export interface SessionWarningProps {
+    /**
+     * Whether the warning overlay should be shown.
+     */
+    isOpen: boolean;
+    /**
+     * Callback when user clicks "login now" button.
+     */
+    onLoginNow: () => void;
+    /**
+     * Callback when user dismisses the warning temporarily.
+     */
+    onDismiss: () => void;
+    /**
+     * Whether the login action is in progress.
+     */
+    isLoading?: boolean;
+    /**
+     * Warning messages to display.
+     */
+    messages: {
+        title: string;
+        description: string;
+        tip?: string;
+        loginButton: string;
+        dismissButton: string;
+    };
+}
+/**
+ * SessionWarning displays a full-screen overlay warning users about
+ * session expiration, giving them time to save their work.
+ *
+ * This is a pure presentational component. The parent component is
+ * responsible for managing state and handling user actions.
+ *
+ * @example
+ * ```tsx
+ * <SessionWarning
+ *   isOpen={isExpired}
+ *   onLoginNow={() => router.refresh()}
+ *   onDismiss={() => setWarning(null)}
+ *   messages={{
+ *     title: t('title.expired'),
+ *     description: t('description.expired'),
+ *     tip: t('tip'),
+ *     loginButton: t('login'),
+ *     dismissButton: t('dismiss'),
+ *   }}
+ * />
+ * ```
+ */
+export declare function SessionWarning({ isOpen, onLoginNow, onDismiss, isLoading, messages, }: Readonly<SessionWarningProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SessionWarning.d.ts.map

package/dist/blocks/SessionWarning/SessionWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionWarning.d.ts","sourceRoot":"","sources":["../../../src/blocks/SessionWarning/SessionWarning.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,EACV,SAAS,EACT,SAAiB,EACjB,QAAQ,GACT,EAAE,QAAQ,CAAC,mBAAmB,CAAC,kDA2B/B"}

package/dist/blocks/SessionWarning/SessionWarning.js

@@ -0,0 +1,45 @@
+import { Button as e } from "../../core/Button/Button.js";
+import "../../core/Button/index.js";
+import { PageOverlay as t } from "../../core/PageOverlay/PageOverlay.js";
+import "../../core/PageOverlay/index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/blocks/SessionWarning/SessionWarning.tsx
+function i({ isOpen: i, onLoginNow: a, onDismiss: o, isLoading: s = !1, messages: c }) {
+	return i ? /* @__PURE__ */ n(t, {
+		status: "warning",
+		fullScreen: !0,
+		children: /* @__PURE__ */ r("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ n("h1", {
+					className: "text-2xl font-bold",
+					children: c.title
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "text-lg",
+					children: c.description
+				}),
+				c.tip && /* @__PURE__ */ n("p", {
+					className: "text-sm text-gray-600 dark:text-gray-400",
+					children: c.tip
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "flex gap-3 pt-4",
+					children: [/* @__PURE__ */ n(e, {
+						variant: "primary",
+						onClick: a,
+						loading: s,
+						children: c.loginButton
+					}), /* @__PURE__ */ n(e, {
+						variant: "outline",
+						onClick: o,
+						disabled: s,
+						children: c.dismissButton
+					})]
+				})
+			]
+		})
+	}) : null;
+}
+//#endregion
+export { i as SessionWarning };

package/dist/blocks/SessionWarning/index.d.ts

@@ -0,0 +1,3 @@
+export { SessionWarning } from './SessionWarning';
+export type { SessionWarningProps } from './SessionWarning';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/SessionWarning/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/SessionWarning/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/blocks/SessionWarning/index.js

@@ -0,0 +1,2 @@
+import { SessionWarning as e } from "./SessionWarning.js";
+export { e as SessionWarning };

package/dist/blocks/Story/Story.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface StoryProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof SpacingProps> {
+    as?: 'div' | 'article' | 'section';
+    testId?: string;
+}
+export declare function Story(props: Readonly<StoryProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Story.d.ts.map

package/dist/blocks/Story/Story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/Story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,UACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IACjE,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,2CAahD"}

package/dist/blocks/Story/Story.js

@@ -0,0 +1,16 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/blocks/Story/Story.tsx
+function i(i) {
+	let [a, { as: o = "div", className: s, children: c, testId: l, ...u }] = t(i);
+	return /* @__PURE__ */ r(o, {
+		className: n("story", e(a), s),
+		"data-testid": l,
+		...u,
+		children: c
+	});
+}
+//#endregion
+export { i as Story };

package/dist/blocks/Story/StoryBody.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface StoryBodyProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'section'>, keyof SpacingProps> {
+    testId?: string;
+}
+export declare function StoryBody(props: Readonly<StoryBodyProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryBody.d.ts.map

package/dist/blocks/Story/StoryBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryBody.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/StoryBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,cACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,YAAY,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAaxD"}

package/dist/blocks/Story/StoryBody.js

@@ -0,0 +1,19 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/blocks/Story/StoryBody.tsx
+function i(i) {
+	let [a, { className: o, children: s, testId: c, ...l }] = t(i), { gap: u = "sm", ...d } = a;
+	return /* @__PURE__ */ r("section", {
+		className: n("story-body", e({
+			...d,
+			gap: u
+		}), o),
+		"data-testid": c,
+		...l,
+		children: s
+	});
+}
+//#endregion
+export { i as StoryBody };

package/dist/blocks/Story/StoryFooter.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface StoryFooterProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'footer'>, keyof SpacingProps> {
+    testId?: string;
+}
+export declare function StoryFooter(props: Readonly<StoryFooterProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryFooter.d.ts.map

package/dist/blocks/Story/StoryFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryFooter.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/StoryFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,gBACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,YAAY,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAa5D"}

package/dist/blocks/Story/StoryFooter.js

@@ -0,0 +1,19 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/blocks/Story/StoryFooter.tsx
+function i(i) {
+	let [a, { className: o, children: s, testId: c, ...l }] = t(i), { gap: u = "xs", ...d } = a;
+	return /* @__PURE__ */ r("footer", {
+		className: n("story-footer", e({
+			...d,
+			gap: u
+		}), o),
+		"data-testid": c,
+		...l,
+		children: s
+	});
+}
+//#endregion
+export { i as StoryFooter };

package/dist/blocks/Story/StoryHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface StoryHeaderProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'header'>, keyof SpacingProps> {
+    testId?: string;
+}
+export declare function StoryHeader(props: Readonly<StoryHeaderProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryHeader.d.ts.map

package/dist/blocks/Story/StoryHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryHeader.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/StoryHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,gBACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,YAAY,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAa5D"}

package/dist/blocks/Story/StoryHeader.js

@@ -0,0 +1,21 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/blocks/Story/StoryHeader.tsx
+function i(i) {
+	let [a, { className: o, children: s, testId: c, ...l }] = t(i), { paddingY: u = "xs", marginBottom: d = "sm", gap: f = "sm", ...p } = a;
+	return /* @__PURE__ */ r("header", {
+		className: n("story-header", e({
+			...p,
+			paddingY: u,
+			marginBottom: d,
+			gap: f
+		}), o),
+		"data-testid": c,
+		...l,
+		children: s
+	});
+}
+//#endregion
+export { i as StoryHeader };

package/dist/blocks/Story/index.d.ts

@@ -0,0 +1,10 @@
+export { Story } from './Story';
+export type { StoryProps } from './Story';
+export { StoryHeader } from './StoryHeader';
+export type { StoryHeaderProps } from './StoryHeader';
+export { StoryBody } from './StoryBody';
+export type { StoryBodyProps } from './StoryBody';
+export { StoryFooter } from './StoryFooter';
+export type { StoryFooterProps } from './StoryFooter';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/Story/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,cAAc,SAAS,CAAC"}

package/dist/blocks/Story/index.js

@@ -0,0 +1,6 @@
+import { Story as e } from "./Story.js";
+import { StoryHeader as t } from "./StoryHeader.js";
+import { StoryBody as n } from "./StoryBody.js";
+import { StoryFooter as r } from "./StoryFooter.js";
+import { extractTextFromChildren as i, isValidRelation as a, textToId as o } from "./utils.js";
+export { e as Story, n as StoryBody, r as StoryFooter, t as StoryHeader, i as extractTextFromChildren, a as isValidRelation, o as textToId };

package/dist/blocks/Story/utils.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+/**
+ * Converts heading text to a URL-safe ID for anchor links
+ *
+ * @param text - The text to convert to an ID
+ * @returns A URL-safe ID string
+ *
+ * @example
+ * ```ts
+ * textToId("Hello World!") // "hello-world"
+ * textToId("TypeScript & React") // "typescript-react"
+ * ```
+ */
+export declare function textToId(text: string | string[]): string;
+/**
+ * Extracts text content from React children
+ * Useful for generating IDs from heading elements
+ *
+ * @param children - React children to extract text from
+ * @returns Extracted text as string
+ */
+export declare function extractTextFromChildren(children: React.ReactNode): string;
+/**
+ * Type guard to check if a value is a valid internal link relation
+ */
+export declare function isValidRelation(value: unknown): value is {
+    slug: string;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/blocks/Story/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/blocks/Story/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CASxD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAiBzE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAEzE"}

package/dist/blocks/Story/utils.js

@@ -0,0 +1,19 @@
+import e from "react";
+//#region src/blocks/Story/utils.ts
+function t(e) {
+	return (Array.isArray(e) ? e.join("") : e).toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "").replaceAll(/-+/g, "-").replaceAll(/^-|-$/g, "");
+}
+function n(t) {
+	if (typeof t == "string") return t;
+	if (Array.isArray(t)) return t.map(n).join("");
+	if (e.isValidElement(t)) {
+		let e = t.props;
+		if (e.children) return n(e.children);
+	}
+	return "";
+}
+function r(e) {
+	return typeof e == "object" && !!e && "slug" in e;
+}
+//#endregion
+export { n as extractTextFromChildren, r as isValidRelation, t as textToId };

package/dist/blocks/Unauthorized/Unauthorized.d.ts

@@ -0,0 +1,7 @@
+type UnauthorizedProps = {
+    homeUrl?: string;
+    variant?: 'small' | 'large';
+};
+export declare function Unauthorized({ homeUrl, variant }: Readonly<UnauthorizedProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Unauthorized.d.ts.map

package/dist/blocks/Unauthorized/Unauthorized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unauthorized.d.ts","sourceRoot":"","sources":["../../../src/blocks/Unauthorized/Unauthorized.tsx"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,OAAa,EAAE,OAAiB,EAAE,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CA8B7F"}