@canvas-digital/blog-sdk 2.0.0

package/dist/styles/adminTheme.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties } from "react";
+import type { AdminTheme, Branding } from "../types/admin";
+export declare function cx(...parts: Array<string | false | null | undefined>): string;
+export declare function themeVars(theme?: AdminTheme, branding?: Branding): CSSProperties;
+export declare function buttonStyle(kind?: "primary" | "ghost" | "danger"): CSSProperties;
+//# sourceMappingURL=adminTheme.d.ts.map

package/dist/styles/adminTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adminTheme.d.ts","sourceRoot":"","sources":["../../app/styles/adminTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE3D,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAE7E;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,aAAa,CAoBhF;AAED,wBAAgB,WAAW,CAAC,IAAI,GAAE,SAAS,GAAG,OAAO,GAAG,QAAoB,GAAG,aAAa,CA6B3F"}

package/dist/styles/adminTheme.js

@@ -0,0 +1,52 @@
+export function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+export function themeVars(theme, branding) {
+    const colors = theme?.colors ?? {};
+    return {
+        ["--bp-color-primary"]: branding?.primaryColor ?? colors.primary ?? "#2563eb",
+        ["--bp-color-secondary"]: branding?.secondaryColor ?? colors.secondary ?? "#0f172a",
+        ["--bp-color-background"]: colors.background ?? "#f8fafc",
+        ["--bp-color-surface"]: colors.surface ?? "#ffffff",
+        ["--bp-color-text"]: colors.text ?? "#0f172a",
+        ["--bp-color-muted"]: colors.muted ?? "#64748b",
+        ["--bp-color-border"]: colors.border ?? "#e2e8f0",
+        ["--bp-font-heading"]: theme?.fonts?.heading ?? "inherit",
+        ["--bp-font-body"]: theme?.fonts?.body ?? "inherit",
+        ["--bp-spacing"]: theme?.spacing ?? "1rem",
+        ["--bp-radius"]: theme?.borderRadius ?? "10px",
+        color: colors.text ?? "#0f172a",
+        fontFamily: theme?.fonts?.body ?? "inherit",
+        background: colors.background ?? "#f8fafc",
+    };
+}
+export function buttonStyle(kind = "primary") {
+    if (kind === "danger") {
+        return {
+            background: "#dc2626",
+            color: "#fff",
+            border: 0,
+            borderRadius: "var(--bp-radius)",
+            padding: "0.45rem 0.8rem",
+            cursor: "pointer",
+        };
+    }
+    if (kind === "ghost") {
+        return {
+            background: "transparent",
+            color: "var(--bp-color-text)",
+            border: "1px solid var(--bp-color-border)",
+            borderRadius: "var(--bp-radius)",
+            padding: "0.45rem 0.8rem",
+            cursor: "pointer",
+        };
+    }
+    return {
+        background: "var(--bp-color-primary)",
+        color: "#fff",
+        border: 0,
+        borderRadius: "var(--bp-radius)",
+        padding: "0.45rem 0.8rem",
+        cursor: "pointer",
+    };
+}

package/dist/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./userTheme";
+export { buttonStyle, themeVars as adminThemeVars, cx as adminCx } from "./adminTheme";
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../app/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,SAAS,IAAI,cAAc,EAAE,EAAE,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,2 @@
+export * from "./userTheme";
+export { buttonStyle, themeVars as adminThemeVars, cx as adminCx } from "./adminTheme";

package/dist/styles/userTheme.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+import type { BlogTheme, Branding } from "../types/user";
+export declare const DEFAULT_THEME: Required<Pick<BlogTheme, "layout" | "columns" | "showAuthor" | "showDate" | "showExcerpt" | "cardStyle">>;
+export declare function cx(...parts: Array<string | false | null | undefined>): string;
+export declare function formatDate(value?: string | null): string;
+export declare function themeVars(theme?: BlogTheme, branding?: Branding): CSSProperties;
+export declare function cardStyle(theme?: BlogTheme): CSSProperties;
+//# sourceMappingURL=userTheme.d.ts.map

package/dist/styles/userTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userTheme.d.ts","sourceRoot":"","sources":["../../app/styles/userTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,aAAa,EAAE,QAAQ,CAClC,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC,CAQhG,CAAC;AAEF,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAE7E;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAaxD;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,aAAa,CAoB/E;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAgB1D"}

package/dist/styles/userTheme.js

@@ -0,0 +1,60 @@
+export const DEFAULT_THEME = {
+    layout: "grid",
+    columns: 3,
+    showAuthor: true,
+    showDate: true,
+    showExcerpt: true,
+    cardStyle: "outlined",
+};
+export function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+export function formatDate(value) {
+    if (!value) {
+        return "";
+    }
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+    return date.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+export function themeVars(theme, branding) {
+    const colors = theme?.colors ?? {};
+    return {
+        ["--bp-color-primary"]: branding?.primaryColor ?? colors.primary ?? "#2e3a8c",
+        ["--bp-color-secondary"]: branding?.secondaryColor ?? colors.secondary ?? "#0f172a",
+        ["--bp-color-background"]: colors.background ?? "#ffffff",
+        ["--bp-color-surface"]: colors.surface ?? "#ffffff",
+        ["--bp-color-text"]: colors.text ?? "#0f172a",
+        ["--bp-color-muted"]: colors.muted ?? "#64748b",
+        ["--bp-color-border"]: colors.border ?? "#e2e8f0",
+        ["--bp-font-heading"]: theme?.fonts?.heading ?? "inherit",
+        ["--bp-font-body"]: theme?.fonts?.body ?? "inherit",
+        ["--bp-spacing"]: theme?.spacing ?? "1.25rem",
+        ["--bp-radius"]: theme?.borderRadius ?? "12px",
+        color: colors.text ?? "#0f172a",
+        fontFamily: theme?.fonts?.body ?? "inherit",
+        background: colors.background ?? "transparent",
+    };
+}
+export function cardStyle(theme) {
+    const style = theme?.cardStyle ?? DEFAULT_THEME.cardStyle;
+    const base = {
+        background: "var(--bp-color-surface)",
+        borderRadius: "var(--bp-radius)",
+        overflow: "hidden",
+        color: "inherit",
+    };
+    if (style === "elevated") {
+        return { ...base, boxShadow: "0 10px 30px rgba(15, 23, 42, 0.08)" };
+    }
+    if (style === "flat") {
+        return base;
+    }
+    return { ...base, border: "1px solid var(--bp-color-border)" };
+}

package/dist/types/admin.d.ts

@@ -0,0 +1,28 @@
+export type { Blog, BlogStatus, Category, Tag, MediaAsset, BlogWriteInput, Paginated, BlogListParams, MediaListParams, CategoryWriteInput, TagWriteInput, AdminSdkConfig, BlogAdminClientConfig, } from "../services";
+export type AdminTheme = {
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+        surface?: string;
+        text?: string;
+        muted?: string;
+        border?: string;
+    };
+    fonts?: {
+        heading?: string;
+        body?: string;
+    };
+    spacing?: string;
+    borderRadius?: string;
+};
+export type Branding = {
+    name?: string;
+    subtitle?: string;
+    logo?: string;
+    primaryColor?: string;
+    secondaryColor?: string;
+    className?: string;
+    css?: string;
+};
+//# sourceMappingURL=admin.d.ts.map

package/dist/types/admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin.d.ts","sourceRoot":"","sources":["../../app/types/admin.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,SAAS,EACT,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/types/admin.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export type * from "./user";
+export type { AdminTheme, Branding as AdminBranding } from "./admin";
+export type { Blog, BlogStatus, Category, Tag, MediaAsset, BlogWriteInput, Paginated, BlogListParams, MediaListParams, CategoryWriteInput, TagWriteInput, AdminSdkConfig, BlogAdminClientConfig, BlogSdkConfig, BlogClientConfig, Author, } from "../services";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../app/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,QAAQ,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AACrE,YAAY,EACV,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,SAAS,EACT,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,MAAM,GACP,MAAM,aAAa,CAAC"}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/types/user.d.ts

@@ -0,0 +1,41 @@
+export type { Blog, BlogStatus, Author, Category, Tag, Paginated, BlogListParams, BlogSdkConfig, BlogClientConfig, } from "../services";
+export type ThemeColors = {
+    primary?: string;
+    secondary?: string;
+    background?: string;
+    surface?: string;
+    text?: string;
+    muted?: string;
+    border?: string;
+};
+export type ThemeFonts = {
+    heading?: string;
+    body?: string;
+};
+export type BlogTheme = {
+    layout?: "grid" | "list";
+    columns?: number;
+    showAuthor?: boolean;
+    showDate?: boolean;
+    showExcerpt?: boolean;
+    colors?: ThemeColors;
+    fonts?: ThemeFonts;
+    spacing?: string;
+    borderRadius?: string;
+    cardStyle?: "flat" | "elevated" | "outlined";
+};
+export type Branding = {
+    name?: string;
+    logo?: string;
+    primaryColor?: string;
+    secondaryColor?: string;
+    className?: string;
+    css?: string;
+};
+export type BlogComponentProps = {
+    config: import("../services").BlogSdkConfig;
+    theme?: BlogTheme;
+    branding?: Branding;
+    className?: string;
+};
+//# sourceMappingURL=user.d.ts.map

package/dist/types/user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../app/types/user.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,IAAI,EACJ,UAAU,EACV,MAAM,EACN,QAAQ,EACR,GAAG,EACH,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,OAAO,aAAa,EAAE,aAAa,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/types/user.js

@@ -0,0 +1 @@
+export {};

package/dist/user/components/BlogCard.d.ts

@@ -0,0 +1,15 @@
+import type { Blog, BlogComponentProps } from "../types";
+export declare function BlogCard({ blog, theme, onSelect, href, }: {
+    blog: Blog;
+    theme?: BlogComponentProps["theme"];
+    onSelect?: (blog: Blog) => void;
+    href?: string;
+}): import("react").JSX.Element;
+export declare function BlogGrid({ blogs, theme, onSelect, getHref, className, }: {
+    blogs: Blog[];
+    theme?: BlogComponentProps["theme"];
+    onSelect?: (blog: Blog) => void;
+    getHref?: (blog: Blog) => string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BlogCard.d.ts.map

package/dist/user/components/BlogCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogCard.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGzD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,GACL,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAyEA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA0BA"}

package/dist/user/components/BlogCard.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_THEME, cardStyle, cx, formatDate } from "../theme";
+export function BlogCard({ blog, theme, onSelect, href, }) {
+    const resolved = { ...DEFAULT_THEME, ...theme };
+    const published = blog.published_at || blog.created_at;
+    const title = (_jsx("h2", { className: "bp-blog-card__title", style: { fontFamily: "var(--bp-font-heading)", margin: "0 0 0.5rem" }, children: blog.title }));
+    return (_jsxs("article", { className: "bp-blog-card", style: cardStyle(theme), children: [blog.featured_image ? (_jsx("img", { className: "bp-blog-card__image", src: blog.featured_image, alt: blog.title, style: { width: "100%", height: 180, objectFit: "cover", display: "block" } })) : null, _jsxs("div", { className: "bp-blog-card__body", style: { padding: "1rem" }, children: [href ? (_jsx("a", { href: href, style: { color: "inherit", textDecoration: "none" }, children: title })) : (title), _jsxs("p", { className: "bp-blog-card__meta", style: {
+                            color: "var(--bp-color-muted)",
+                            fontSize: "0.875rem",
+                            margin: "0 0 0.75rem",
+                        }, children: [resolved.showAuthor && blog.author?.name ? blog.author.name : null, resolved.showAuthor && blog.author?.name && resolved.showDate && published
+                                ? " · "
+                                : null, resolved.showDate && published ? formatDate(published) : null] }), resolved.showExcerpt && blog.excerpt ? (_jsx("p", { className: "bp-blog-card__excerpt", style: { margin: "0 0 1rem" }, children: blog.excerpt })) : null, onSelect ? (_jsx("button", { type: "button", className: "bp-blog-card__cta", onClick: () => onSelect(blog), style: {
+                            background: "var(--bp-color-primary)",
+                            color: "#fff",
+                            border: 0,
+                            borderRadius: "999px",
+                            padding: "0.5rem 0.9rem",
+                            cursor: "pointer",
+                        }, children: "Read more" })) : null] })] }));
+}
+export function BlogGrid({ blogs, theme, onSelect, getHref, className, }) {
+    const resolved = { ...DEFAULT_THEME, ...theme };
+    const layout = resolved.layout;
+    const columns = Math.max(1, resolved.columns);
+    return (_jsx("div", { className: cx("bp-blog-list", `bp-blog-list--${layout}`, className), style: {
+            display: "grid",
+            gridTemplateColumns: layout === "grid" ? `repeat(${columns}, minmax(0, 1fr))` : "1fr",
+            gap: "var(--bp-spacing)",
+        }, children: blogs.map((blog) => (_jsx(BlogCard, { blog: blog, theme: theme, onSelect: onSelect, href: getHref?.(blog) }, blog.id))) }));
+}

package/dist/user/components/BlogCategories.d.ts

@@ -0,0 +1,6 @@
+import type { BlogComponentProps, Category } from "../types";
+export type BlogCategoriesProps = BlogComponentProps & {
+    onSelect?: (category: Category) => void;
+};
+export declare function BlogCategories({ config, theme, branding, className, onSelect, }: BlogCategoriesProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogCategories.d.ts.map

package/dist/user/components/BlogCategories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogCategories.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogCategories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,+BAmCrB"}

package/dist/user/components/BlogCategories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { cx, themeVars } from "../theme";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function BlogCategories({ config, theme, branding, className, onSelect, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const state = useAsync(() => client.getCategories(), [client], (data) => data.length === 0);
+    return (_jsxs(Scope, { className: cx("bp-blog-categories", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading categories..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No categories yet." }) : null, state.status === "success" ? (_jsx("ul", { className: "bp-blog-categories__list", style: { listStyle: "none", padding: 0, margin: 0 }, children: state.data.map((category) => (_jsx("li", { style: { marginBottom: "0.5rem" }, children: _jsx("button", { type: "button", onClick: () => onSelect?.(category), children: category.name }) }, category.id))) })) : null] }));
+}

package/dist/user/components/BlogDetail.d.ts

@@ -0,0 +1,7 @@
+import type { BlogComponentProps } from "../types";
+export type BlogDetailProps = BlogComponentProps & {
+    slug: string;
+    trackViews?: boolean;
+};
+export declare function BlogDetail({ config, slug, theme, branding, className, trackViews, }: BlogDetailProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogDetail.d.ts.map

package/dist/user/components/BlogDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogDetail.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogDetail.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAiB,GAClB,EAAE,eAAe,+BA8DjB"}

package/dist/user/components/BlogDetail.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { sanitizeHtml } from "../sanitize";
+import { cx, formatDate, themeVars } from "../theme";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function BlogDetail({ config, slug, theme, branding, className, trackViews = true, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const state = useAsync(() => client.getBlogBySlug(slug), [client, slug]);
+    useEffect(() => {
+        if (!trackViews || state.status !== "success" || !state.data) {
+            return;
+        }
+        const referrer = typeof document !== "undefined" ? document.referrer || null : null;
+        void client.trackView(state.data.id, referrer).catch(() => undefined);
+    }, [client, state, trackViews]);
+    return (_jsxs(Scope, { className: cx("bp-blog-detail", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.authError ? state.error : "Blog not found.", authError: state.authError })) : null, state.status === "success" || state.status === "empty" ? (state.data ? (_jsxs("article", { className: "bp-blog-detail__article", children: [state.data.featured_image ? (_jsx("img", { src: state.data.featured_image, alt: state.data.title, style: { width: "100%", borderRadius: "var(--bp-radius)", marginBottom: "1rem" } })) : null, _jsx("h1", { style: { fontFamily: "var(--bp-font-heading)", marginBottom: "0.5rem" }, children: state.data.title }), _jsxs("p", { style: { color: "var(--bp-color-muted)" }, children: [state.data.author?.name ? `${state.data.author.name} · ` : "", formatDate(state.data.published_at || state.data.created_at)] }), state.data.excerpt ? _jsx("p", { children: state.data.excerpt }) : null, state.data.tags && state.data.tags.length > 0 ? (_jsx("p", { style: { color: "var(--bp-color-muted)", fontSize: "0.875rem" }, children: state.data.tags.map((tag) => tag.name).join(" · ") })) : null, _jsx("div", { className: "bp-blog-detail__content", dangerouslySetInnerHTML: { __html: sanitizeHtml(state.data.content) } })] })) : (_jsx(EmptyState, { label: "Blog not found." }))) : null] }));
+}

package/dist/user/components/BlogList.d.ts

@@ -0,0 +1,8 @@
+import type { Blog, BlogComponentProps, BlogListParams } from "../types";
+export type BlogListProps = BlogComponentProps & {
+    params?: BlogListParams;
+    onSelect?: (blog: Blog) => void;
+    getHref?: (blog: Blog) => string;
+};
+export declare function BlogList({ config, theme, branding, className, params, onSelect, getHref, }: BlogListProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogList.d.ts.map

package/dist/user/components/BlogList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogList.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIzE,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE,aAAa,+BAsEf"}

package/dist/user/components/BlogList.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { DEFAULT_THEME, cx, themeVars } from "../theme";
+import { BlogGrid } from "./BlogCard";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function BlogList({ config, theme, branding, className, params, onSelect, getHref, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const [page, setPage] = useState(params?.page ?? 1);
+    const pageSize = params?.page_size ?? 12;
+    const resolvedTheme = { ...DEFAULT_THEME, ...theme };
+    const state = useAsync(() => client.getBlogs({ ...params, page, page_size: pageSize }), [client, page, pageSize, params?.search, params?.category_id, params?.tag_id, params?.sort, params?.order, params?.published_after, params?.published_before], (data) => data.items.length === 0);
+    const totalPages = state.status === "success" || state.status === "empty"
+        ? Math.max(1, Math.ceil(state.data.total / pageSize))
+        : 1;
+    return (_jsxs(Scope, { className: cx(branding?.className, className), style: themeVars(resolvedTheme, branding), css: branding?.css, children: [branding?.name ? (_jsx("p", { className: "bp-brand-name", style: { fontFamily: "var(--bp-font-heading)" }, children: branding.name })) : null, state.status === "loading" ? _jsx(LoadingState, { label: "Loading blogs..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, {}) : null, state.status === "success" ? (_jsxs(_Fragment, { children: [_jsx(BlogGrid, { blogs: state.data.items, theme: resolvedTheme, onSelect: onSelect, getHref: getHref }), totalPages > 1 ? (_jsxs("div", { className: "bp-pagination", style: { display: "flex", gap: "0.75rem", marginTop: "1.25rem", alignItems: "center" }, children: [_jsx("button", { type: "button", disabled: page <= 1, onClick: () => setPage((value) => Math.max(1, value - 1)), children: "Previous" }), _jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsx("button", { type: "button", disabled: page >= totalPages, onClick: () => setPage((value) => value + 1), children: "Next" })] })) : null] })) : null] }));
+}

package/dist/user/components/BlogSearch.d.ts

@@ -0,0 +1,8 @@
+import type { Blog, BlogComponentProps } from "../types";
+export type BlogSearchProps = BlogComponentProps & {
+    onSelect?: (blog: Blog) => void;
+    getHref?: (blog: Blog) => string;
+    placeholder?: string;
+};
+export declare function BlogSearch({ config, theme, branding, className, onSelect, getHref, placeholder, }: BlogSearchProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogSearch.d.ts.map

package/dist/user/components/BlogSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogSearch.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIzD,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAA+B,GAChC,EAAE,eAAe,+BAoDjB"}

package/dist/user/components/BlogSearch.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { cx, themeVars } from "../theme";
+import { BlogGrid } from "./BlogCard";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function BlogSearch({ config, theme, branding, className, onSelect, getHref, placeholder = "Search posts...", }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const [query, setQuery] = useState("");
+    const [submitted, setSubmitted] = useState("");
+    const state = useAsync(() => submitted
+        ? client.searchBlogs(submitted, { page: 1, page_size: 12 })
+        : Promise.resolve({ items: [], page: 1, pageSize: 12, total: 0 }), [client, submitted], (data) => submitted !== "" && data.items.length === 0);
+    return (_jsxs(Scope, { className: cx("bp-blog-search", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [_jsxs("form", { className: "bp-blog-search__form", onSubmit: (event) => {
+                    event.preventDefault();
+                    setSubmitted(query.trim());
+                }, style: { display: "flex", gap: "0.5rem", marginBottom: "1rem" }, children: [_jsx("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: placeholder, "aria-label": "Search blogs", style: { flex: 1, padding: "0.6rem 0.75rem", borderRadius: "var(--bp-radius)" } }), _jsx("button", { type: "submit", children: "Search" })] }), !submitted ? _jsx("p", { className: "bp-state", children: "Enter a search term to find posts." }) : null, submitted && state.status === "loading" ? _jsx(LoadingState, { label: "Searching..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No matching posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data.items, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+}

package/dist/user/components/BlogTags.d.ts

@@ -0,0 +1,6 @@
+import type { BlogComponentProps, Tag } from "../types";
+export type BlogTagsProps = BlogComponentProps & {
+    onSelect?: (tag: Tag) => void;
+};
+export declare function BlogTags({ config, theme, branding, className, onSelect, }: BlogTagsProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogTags.d.ts.map

package/dist/user/components/BlogTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogTags.d.ts","sourceRoot":"","sources":["../../../app/user/components/BlogTags.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAGxD,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,+BAiCf"}

package/dist/user/components/BlogTags.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { cx, themeVars } from "../theme";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function BlogTags({ config, theme, branding, className, onSelect, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const state = useAsync(() => client.getTags(), [client], (data) => data.length === 0);
+    return (_jsxs(Scope, { className: cx("bp-blog-tags", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, { label: "Loading tags..." }) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No tags yet." }) : null, state.status === "success" ? (_jsx("div", { className: "bp-blog-tags__list", style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: state.data.map((tag) => (_jsx("button", { type: "button", onClick: () => onSelect?.(tag), children: tag.name }, tag.id))) })) : null] }));
+}

package/dist/user/components/FeaturedBlogs.d.ts

@@ -0,0 +1,8 @@
+import type { Blog, BlogComponentProps } from "../types";
+export type FeaturedBlogsProps = BlogComponentProps & {
+    limit?: number;
+    onSelect?: (blog: Blog) => void;
+    getHref?: (blog: Blog) => string;
+};
+export declare function FeaturedBlogs({ config, theme, branding, className, limit, onSelect, getHref, }: FeaturedBlogsProps): import("react").JSX.Element;
+//# sourceMappingURL=FeaturedBlogs.d.ts.map

package/dist/user/components/FeaturedBlogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedBlogs.d.ts","sourceRoot":"","sources":["../../../app/user/components/FeaturedBlogs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIzD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,+BA2BpB"}

package/dist/user/components/FeaturedBlogs.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { cx, themeVars } from "../theme";
+import { BlogGrid } from "./BlogCard";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function FeaturedBlogs({ config, theme, branding, className, limit = 3, onSelect, getHref, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const state = useAsync(() => client.getFeaturedBlogs(limit), [client, limit], (data) => data.length === 0);
+    return (_jsxs(Scope, { className: cx("bp-featured-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, {}) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+}

package/dist/user/components/RelatedBlogs.d.ts

@@ -0,0 +1,9 @@
+import type { Blog, BlogComponentProps } from "../types";
+export type RelatedBlogsProps = BlogComponentProps & {
+    blog: Pick<Blog, "id" | "category_id">;
+    limit?: number;
+    onSelect?: (blog: Blog) => void;
+    getHref?: (blog: Blog) => string;
+};
+export declare function RelatedBlogs({ config, blog, theme, branding, className, limit, onSelect, getHref, }: RelatedBlogsProps): import("react").JSX.Element;
+//# sourceMappingURL=RelatedBlogs.d.ts.map

package/dist/user/components/RelatedBlogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedBlogs.d.ts","sourceRoot":"","sources":["../../../app/user/components/RelatedBlogs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIzD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,+BA2BnB"}

package/dist/user/components/RelatedBlogs.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BlogClient } from "../../client";
+import { useAsync } from "../hooks/useAsync";
+import { cx, themeVars } from "../theme";
+import { BlogGrid } from "./BlogCard";
+import { EmptyState, ErrorState, LoadingState, Scope } from "./internal/States";
+export function RelatedBlogs({ config, blog, theme, branding, className, limit = 3, onSelect, getHref, }) {
+    const client = useMemo(() => new BlogClient(config), [config.apiUrl, config.publicApiKey, config.timeoutMs]);
+    const state = useAsync(() => client.getRelatedBlogs(blog, limit), [client, blog.id, blog.category_id, limit], (data) => data.length === 0);
+    return (_jsxs(Scope, { className: cx("bp-related-blogs", branding?.className, className), style: themeVars(theme, branding), css: branding?.css, children: [state.status === "loading" ? _jsx(LoadingState, {}) : null, state.status === "error" ? (_jsx(ErrorState, { message: state.error, authError: state.authError })) : null, state.status === "empty" ? _jsx(EmptyState, { label: "No related posts." }) : null, state.status === "success" ? (_jsx(BlogGrid, { blogs: state.data, theme: theme, onSelect: onSelect, getHref: getHref })) : null] }));
+}

package/dist/user/components/internal/States.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from "react";
+export declare function LoadingState({ label }: {
+    label?: string;
+}): import("react").JSX.Element;
+export declare function ErrorState({ message, authError, }: {
+    message: string;
+    authError?: boolean;
+}): import("react").JSX.Element;
+export declare function EmptyState({ label }: {
+    label?: string;
+}): import("react").JSX.Element;
+export declare function Scope({ className, style, css, children, }: {
+    className?: string;
+    style?: CSSProperties;
+    css?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=States.d.ts.map

package/dist/user/components/internal/States.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"States.d.ts","sourceRoot":"","sources":["../../../../app/user/components/internal/States.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,wBAAgB,YAAY,CAAC,EAAE,KAAoB,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAMxE;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,GACV,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAQA;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAyB,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAM3E;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAOA"}

package/dist/user/components/internal/States.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../../theme";
+export function LoadingState({ label = "Loading..." }) {
+    return (_jsx("div", { className: "bp-state bp-state--loading", role: "status", children: label }));
+}
+export function ErrorState({ message, authError, }) {
+    return (_jsx("div", { className: "bp-state bp-state--error", role: "alert", children: authError
+            ? "Authentication failed. Check the public API key."
+            : message || "Something went wrong." }));
+}
+export function EmptyState({ label = "No posts found." }) {
+    return (_jsx("div", { className: "bp-state bp-state--empty", children: label }));
+}
+export function Scope({ className, style, css, children, }) {
+    return (_jsxs("div", { className: cx("bp-root", className), style: style, children: [css ? _jsx("style", { children: css }) : null, children] }));
+}

package/dist/user/hooks/useAsync.d.ts

@@ -0,0 +1,21 @@
+import { type DependencyList } from "react";
+export type AsyncState<T> = {
+    status: "loading";
+    data: null;
+    error: null;
+} | {
+    status: "success";
+    data: T;
+    error: null;
+} | {
+    status: "empty";
+    data: T;
+    error: null;
+} | {
+    status: "error";
+    data: null;
+    error: string;
+    authError: boolean;
+};
+export declare function useAsync<T>(factory: () => Promise<T>, deps: DependencyList, isEmpty?: (value: T) => boolean): AsyncState<T>;
+//# sourceMappingURL=useAsync.d.ts.map

package/dist/user/hooks/useAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsync.d.ts","sourceRoot":"","sources":["../../../app/user/hooks/useAsync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,UAAU,CAAC,CAAC,IACpB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,GAC9C;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,GAC3C;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,GACzC;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvE,wBAAgB,QAAQ,CAAC,CAAC,EACxB,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,IAAI,EAAE,cAAc,EACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAC9B,UAAU,CAAC,CAAC,CAAC,CAyCf"}