@jant/core 0.1.2 → 0.2.0

package/dist/theme/components/EmptyState.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Empty State Component
+ *
+ * Displays a message when a list or collection has no items,
+ * optionally with a call-to-action button
+ */
+import type { FC } from "hono/jsx";
+export interface EmptyStateProps {
+    /**
+     * Message to display when empty
+     */
+    message: string;
+    /**
+     * Optional call-to-action button text
+     */
+    ctaText?: string;
+    /**
+     * Optional call-to-action button href
+     */
+    ctaHref?: string;
+    /**
+     * Whether to center the content with padding (default: true)
+     */
+    centered?: boolean;
+}
+export declare const EmptyState: FC<EmptyStateProps>;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/theme/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/theme/components/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC"}

package/dist/theme/components/EmptyState.js

@@ -0,0 +1,27 @@
+/**
+ * Empty State Component
+ *
+ * Displays a message when a list or collection has no items,
+ * optionally with a call-to-action button
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const EmptyState = ({ message, ctaText, ctaHref, centered = true })=>{
+    if (!centered) {
+        return /*#__PURE__*/ _jsx("p", {
+            class: "text-muted-foreground",
+            children: message
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "text-center py-12 text-muted-foreground",
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                children: message
+            }),
+            ctaText && ctaHref && /*#__PURE__*/ _jsx("a", {
+                href: ctaHref,
+                class: "btn mt-4",
+                children: ctaText
+            })
+        ]
+    });
+};

package/dist/theme/components/ListItemRow.d.ts

@@ -0,0 +1,15 @@
+/**
+ * List Item Row Component
+ *
+ * Provides consistent layout for list items in dashboard CRUD pages.
+ * Handles responsive spacing, overflow, and action button placement.
+ */
+import type { FC, PropsWithChildren } from "hono/jsx";
+export interface ListItemRowProps extends PropsWithChildren {
+    /**
+     * Action buttons to display on the right side
+     */
+    actions?: unknown;
+}
+export declare const ListItemRow: FC<ListItemRowProps>;
+//# sourceMappingURL=ListItemRow.d.ts.map

package/dist/theme/components/ListItemRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemRow.d.ts","sourceRoot":"","sources":["../../../src/theme/components/ListItemRow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAO5C,CAAC"}

package/dist/theme/components/ListItemRow.js

@@ -0,0 +1,21 @@
+/**
+ * List Item Row Component
+ *
+ * Provides consistent layout for list items in dashboard CRUD pages.
+ * Handles responsive spacing, overflow, and action button placement.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const ListItemRow = ({ children, actions })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "py-4 flex items-start gap-4",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                class: "flex-1 min-w-0",
+                children: children
+            }),
+            actions && /*#__PURE__*/ _jsx("div", {
+                class: "flex items-center gap-2",
+                children: actions
+            })
+        ]
+    });
+};

package/dist/theme/components/PageForm.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Page Creation/Edit Form
+ *
+ * For managing custom pages (posts with type="page")
+ */
+import type { FC } from "hono/jsx";
+import type { Post } from "../../types.js";
+export interface PageFormProps {
+    page?: Post;
+    action: string;
+    cancelUrl?: string;
+}
+export declare const PageForm: FC<PageFormProps>;
+//# sourceMappingURL=PageForm.d.ts.map

package/dist/theme/components/PageForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageForm.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PageForm.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiGtC,CAAC"}

package/dist/theme/components/PageForm.js

@@ -0,0 +1,173 @@
+/**
+ * Page Creation/Edit Form
+ *
+ * For managing custom pages (posts with type="page")
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui } from "../../i18n/index.js";
+export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
+    const { t } = useLingui();
+    const isEdit = !!page;
+    return /*#__PURE__*/ _jsxs("form", {
+        method: "post",
+        action: action,
+        class: "flex flex-col gap-4",
+        children: [
+            /*#__PURE__*/ _jsx("input", {
+                type: "hidden",
+                name: "type",
+                value: "page"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: t({
+                            message: "Title",
+                            comment: "@context: Page form field label - title"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("input", {
+                        type: "text",
+                        name: "title",
+                        class: "input",
+                        placeholder: t({
+                            message: "Page title...",
+                            comment: "@context: Page title placeholder"
+                        }),
+                        value: page?.title ?? "",
+                        required: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: t({
+                            message: "Path",
+                            comment: "@context: Page form field label - URL path"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                class: "text-muted-foreground",
+                                children: "/"
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                name: "path",
+                                class: "input flex-1",
+                                placeholder: "about",
+                                value: page?.path ?? "",
+                                pattern: "[a-z0-9\\-]+",
+                                title: t({
+                                    message: "Lowercase letters, numbers, and hyphens only",
+                                    comment: "@context: Page path validation message"
+                                }),
+                                required: true
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        class: "text-xs text-muted-foreground mt-1",
+                        children: t({
+                            message: "The URL path for this page. Use lowercase letters, numbers, and hyphens.",
+                            comment: "@context: Page path helper text"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: t({
+                            message: "Content",
+                            comment: "@context: Page form field label - content"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("textarea", {
+                        name: "content",
+                        class: "textarea min-h-48",
+                        placeholder: t({
+                            message: "Page content (Markdown supported)...",
+                            comment: "@context: Page content placeholder"
+                        }),
+                        required: true,
+                        children: page?.content ?? ""
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: t({
+                            message: "Status",
+                            comment: "@context: Page form field label - publish status"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("select", {
+                        name: "visibility",
+                        class: "select",
+                        children: [
+                            /*#__PURE__*/ _jsx("option", {
+                                value: "unlisted",
+                                selected: page?.visibility === "unlisted" || !page,
+                                children: t({
+                                    message: "Published",
+                                    comment: "@context: Page status option - published"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("option", {
+                                value: "draft",
+                                selected: page?.visibility === "draft",
+                                children: t({
+                                    message: "Draft",
+                                    comment: "@context: Page status option - draft"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        class: "text-xs text-muted-foreground mt-1",
+                        children: t({
+                            message: "Published pages are accessible via their path. Drafts are not visible.",
+                            comment: "@context: Page status helper text"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex gap-2",
+                children: [
+                    /*#__PURE__*/ _jsx("button", {
+                        type: "submit",
+                        class: "btn",
+                        children: isEdit ? t({
+                            message: "Update Page",
+                            comment: "@context: Button to update existing page"
+                        }) : t({
+                            message: "Create Page",
+                            comment: "@context: Button to create new page"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        href: cancelUrl,
+                        class: "btn-outline",
+                        children: t({
+                            message: "Cancel",
+                            comment: "@context: Button to cancel and go back"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/theme/components/Pagination.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Pagination Component
+ *
+ * Cursor-based pagination for post lists
+ */
+import type { FC } from "hono/jsx";
+export interface PaginationProps {
+    /** Base URL for pagination links (e.g., "/archive", "/search?q=test") */
+    baseUrl: string;
+    /** Whether there are more items after the current page */
+    hasMore: boolean;
+    /** Cursor for the next page (typically the last item's ID) */
+    nextCursor?: number | string;
+    /** Cursor for the previous page */
+    prevCursor?: number | string;
+    /** Parameter name for cursor (default: "cursor") */
+    cursorParam?: string;
+}
+export declare const Pagination: FC<PaginationProps>;
+/**
+ * Simple "Load More" style pagination
+ */
+export interface LoadMoreProps {
+    /** URL for loading more items */
+    href: string;
+    /** Whether there are more items to load */
+    hasMore: boolean;
+    /** Button text */
+    text?: string;
+}
+export declare const LoadMore: FC<LoadMoreProps>;
+/**
+ * Page-based pagination (for search results etc.)
+ */
+export interface PagePaginationProps {
+    /** Base URL (query params will be added) */
+    baseUrl: string;
+    /** Current page (1-indexed) */
+    currentPage: number;
+    /** Whether there are more pages */
+    hasMore: boolean;
+    /** Page parameter name (default: "page") */
+    pageParam?: string;
+}
+export declare const PagePagination: FC<PagePaginationProps>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/theme/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAGnC,MAAM,WAAW,eAAe;IAC9B,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0D1C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAmBtC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkElD,CAAC"}

package/dist/theme/components/Pagination.js

@@ -0,0 +1,159 @@
+/**
+ * Pagination Component
+ *
+ * Cursor-based pagination for post lists
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui } from "../../i18n/index.js";
+export const Pagination = ({ baseUrl, hasMore, nextCursor, prevCursor, cursorParam = "cursor" })=>{
+    const { t } = useLingui();
+    const hasPrev = prevCursor !== undefined;
+    const hasNext = hasMore && nextCursor !== undefined;
+    if (!hasPrev && !hasNext) {
+        return null;
+    }
+    // Build URL with cursor parameter
+    const buildUrl = (cursor)=>{
+        const url = new URL(baseUrl, "http://localhost");
+        url.searchParams.set(cursorParam, String(cursor));
+        return `${url.pathname}${url.search}`;
+    };
+    const prevText = t({
+        message: "Previous",
+        comment: "@context: Pagination button - previous page"
+    });
+    const nextText = t({
+        message: "Next",
+        comment: "@context: Pagination button - next page"
+    });
+    return /*#__PURE__*/ _jsxs("nav", {
+        class: "flex items-center justify-between py-4",
+        "aria-label": "Pagination",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                children: hasPrev ? /*#__PURE__*/ _jsxs("a", {
+                    href: buildUrl(prevCursor),
+                    class: "btn-outline text-sm",
+                    children: [
+                        "← ",
+                        prevText
+                    ]
+                }) : /*#__PURE__*/ _jsxs("span", {
+                    class: "btn-outline text-sm opacity-50 cursor-not-allowed",
+                    children: [
+                        "← ",
+                        prevText
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                children: hasNext ? /*#__PURE__*/ _jsxs("a", {
+                    href: buildUrl(nextCursor),
+                    class: "btn-outline text-sm",
+                    children: [
+                        nextText,
+                        " →"
+                    ]
+                }) : /*#__PURE__*/ _jsxs("span", {
+                    class: "btn-outline text-sm opacity-50 cursor-not-allowed",
+                    children: [
+                        nextText,
+                        " →"
+                    ]
+                })
+            })
+        ]
+    });
+};
+export const LoadMore = ({ href, hasMore, text })=>{
+    const { t } = useLingui();
+    if (!hasMore) {
+        return null;
+    }
+    const buttonText = text ?? t({
+        message: "Load more",
+        comment: "@context: Pagination button - load more items"
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        class: "text-center py-4",
+        children: /*#__PURE__*/ _jsx("a", {
+            href: href,
+            class: "btn-outline",
+            children: buttonText
+        })
+    });
+};
+export const PagePagination = ({ baseUrl, currentPage, hasMore, pageParam = "page" })=>{
+    const { t } = useLingui();
+    const hasPrev = currentPage > 1;
+    const hasNext = hasMore;
+    if (!hasPrev && !hasNext) {
+        return null;
+    }
+    // Build URL with page parameter
+    const buildUrl = (page)=>{
+        const url = new URL(baseUrl, "http://localhost");
+        if (page > 1) {
+            url.searchParams.set(pageParam, String(page));
+        } else {
+            url.searchParams.delete(pageParam);
+        }
+        return `${url.pathname}${url.search}`;
+    };
+    const prevText = t({
+        message: "Previous",
+        comment: "@context: Pagination button - previous page"
+    });
+    const nextText = t({
+        message: "Next",
+        comment: "@context: Pagination button - next page"
+    });
+    const pageText = t({
+        message: "Page {page}",
+        comment: "@context: Pagination - current page indicator",
+        values: {
+            page: String(currentPage)
+        }
+    });
+    return /*#__PURE__*/ _jsxs("nav", {
+        class: "flex items-center justify-between py-4",
+        "aria-label": "Pagination",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                children: hasPrev ? /*#__PURE__*/ _jsxs("a", {
+                    href: buildUrl(currentPage - 1),
+                    class: "btn-outline text-sm",
+                    children: [
+                        "← ",
+                        prevText
+                    ]
+                }) : /*#__PURE__*/ _jsxs("span", {
+                    class: "btn-outline text-sm opacity-50 cursor-not-allowed",
+                    children: [
+                        "← ",
+                        prevText
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                class: "text-sm text-muted-foreground",
+                children: pageText
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                children: hasNext ? /*#__PURE__*/ _jsxs("a", {
+                    href: buildUrl(currentPage + 1),
+                    class: "btn-outline text-sm",
+                    children: [
+                        nextText,
+                        " →"
+                    ]
+                }) : /*#__PURE__*/ _jsxs("span", {
+                    class: "btn-outline text-sm opacity-50 cursor-not-allowed",
+                    children: [
+                        nextText,
+                        " →"
+                    ]
+                })
+            })
+        ]
+    });
+};

package/dist/theme/components/PostForm.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Post Creation/Edit Form
+ */
+import type { FC } from "hono/jsx";
+import type { Post } from "../../types.js";
+export interface PostFormProps {
+    post?: Post;
+    action: string;
+    method?: "get" | "post";
+}
+export declare const PostForm: FC<PostFormProps>;
+//# sourceMappingURL=PostForm.d.ts.map

package/dist/theme/components/PostForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostForm.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PostForm.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2GtC,CAAC"}