@mohasinac/appkit 3.4.8 → 3.5.1

package/dist/features/blog/actions/blog-actions.d.ts

@@ -16,13 +16,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -35,13 +35,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -51,13 +51,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -70,30 +70,30 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaDescription: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     status: "draft" | "published" | "archived";
-    category: "news" | "tips" | "guides" | "updates" | "community";
     title: string;
+    content: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
     tags: string[];
-    content: string;
     isFeatured: boolean;
     excerpt: string;
     readTimeMinutes: number;
     contentImages: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     additionalImages: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     publishedAt?: string | undefined;
     coverImage?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
@@ -106,18 +106,18 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaDescription?: string | undefined;
     authorAvatar?: string | undefined;
 }, {
-    category: "news" | "tips" | "guides" | "updates" | "community";
     title: string;
-    slug: string;
     content: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
+    slug: string;
     excerpt: string;
     status?: "draft" | "published" | "archived" | undefined;
     tags?: string[] | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     coverImage?: string | {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
@@ -127,14 +127,14 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
     contentImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
@@ -155,13 +155,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -174,13 +174,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -190,13 +190,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -209,17 +209,17 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaDescription: z.ZodOptional<z.ZodOptional<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     status?: "draft" | "published" | "archived" | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     title?: string | undefined;
+    content?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     slug?: string | undefined;
     tags?: string[] | undefined;
-    content?: string | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     excerpt?: string | undefined;
     coverImage?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
@@ -232,31 +232,31 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
     contentImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     authorAvatar?: string | undefined;
 }, {
     status?: "draft" | "published" | "archived" | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     title?: string | undefined;
+    content?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     slug?: string | undefined;
     tags?: string[] | undefined;
-    content?: string | undefined;
     isFeatured?: boolean | undefined;
     publishedAt?: string | undefined;
     excerpt?: string | undefined;
     coverImage?: string | {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
@@ -266,14 +266,14 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
     contentImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     additionalImages?: {
+        type: "video" | "image" | "file";
         url: string;
-        type: "image" | "video" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;

package/dist/features/blog/components/BlogFeaturedCard.js

@@ -7,7 +7,7 @@ import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { safeDisplayName } from "../../../security";
 import { useLongPress } from "../../../react/hooks/useLongPress";
 const __P = {
-    p4: "p-4",
+    p4: "p-[var(--appkit-space-4)]",
 };
 const __O = {
     hidden: "overflow-hidden",
@@ -19,7 +19,7 @@ const CATEGORY_BADGE = {
     updates: "bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300",
     community: "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning",
 };
-const CLS_FEATURED_BADGE = "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning px-2 py-0.5 rounded-full";
+const CLS_FEATURED_BADGE = "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] rounded-full";
 export function BlogFeaturedCard({ post, href, labels = {}, className = "", selectable = false, isSelected = false, onSelect, }) {
     const longPress = useLongPress(() => onSelect?.(post.id, !isSelected));
     const safeTitle = post.title?.trim() || "Untitled post";

package/dist/features/blog/components/BlogIndexListing.js

@@ -11,7 +11,7 @@ import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
 import { sortBy } from "../../../constants/sort";
 import { BLOG_FIELDS } from "../../../constants/field-names";
 const __P = {
-    p5: "p-5",
+    p5: "p-[var(--appkit-space-5)]",
 };
 const __O = {
     hidden: "overflow-hidden",
@@ -22,7 +22,7 @@ function renderBlogGrid(props) {
         return (_jsx(Div, { layout: "grid", gap: "6", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-video", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p5}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-1/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-full", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-2/3", surface: "subtle", rounded: "default" })] })] }, i))) }));
     }
     if (posts.length === 0) {
-        return _jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "center", children: "No posts found." });
+        return _jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "No posts found." });
     }
     if (view === "list") {
         return (_jsx(Stack, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", border: "subtle", rounded: "xl", children: posts.map((post) => _jsx(BlogCard, { post: post, href: String(ROUTES.BLOG.ARTICLE(post.slug)) }, post.id)) }));

package/dist/features/blog/components/BlogListView.js

@@ -7,13 +7,13 @@ import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { getMediaUrl } from "../../media/types/index";
 import { safeDisplayName } from "../../../security";
 const __P = {
-    p5: "p-5",
+    p5: "p-[var(--appkit-space-5)]",
 };
 const __O = {
     hidden: "overflow-hidden",
     xAuto: "overflow-x-auto",
 };
-const CLS_FEATURED_BADGE = "rounded-full bg-warning-surface px-2 py-0.5 text-warning dark:bg-warning-surface dark:text-warning";
+const CLS_FEATURED_BADGE = "rounded-full bg-warning-surface px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-warning dark:bg-warning-surface dark:text-warning";
 export function BlogCard({ post, href, onClick, className = "" }) {
     const coverImageUrl = getMediaUrl(post.coverImage);
     const date = post.publishedAt
@@ -33,7 +33,7 @@ export function BlogCard({ post, href, onClick, className = "" }) {
     return card;
 }
 export function BlogCategoryTabs({ categories, active, onSelect, labels = {}, }) {
-    return (_jsxs(Div, { layout: "flex", gap: "2", className: `scrollbar-none ${__O.xAuto}`, padding: "b-2xs", children: [_jsx(Button, { onClick: () => onSelect(null), variant: !active ? "primary" : "ghost", size: "sm", className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium transition ${!active ? "bg-neutral-900 text-white" : "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)] text-[var(--appkit-color-text-muted)] hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels.all ?? "All" }), categories.map((cat) => (_jsx(Button, { onClick: () => onSelect(cat), variant: active === cat ? "primary" : "ghost", size: "sm", className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium capitalize transition ${active === cat ? "bg-neutral-900 text-white" : "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)] text-[var(--appkit-color-text-muted)] hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels[cat] ?? cat }, cat)))] }));
+    return (_jsxs(Div, { layout: "flex", gap: "2", className: `scrollbar-none ${__O.xAuto}`, padding: "b-2xs", children: [_jsx(Button, { onClick: () => onSelect(null), variant: !active ? "primary" : "ghost", size: "sm", className: `whitespace-nowrap rounded-full px-[var(--appkit-space-4)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium transition ${!active ? "bg-neutral-900 text-white" : "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)] text-[var(--appkit-color-text-muted)] hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels.all ?? "All" }), categories.map((cat) => (_jsx(Button, { onClick: () => onSelect(cat), variant: active === cat ? "primary" : "ghost", size: "sm", className: `whitespace-nowrap rounded-full px-[var(--appkit-space-4)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-sm)] font-medium capitalize transition ${active === cat ? "bg-neutral-900 text-white" : "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)] text-[var(--appkit-color-text-muted)] hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels[cat] ?? cat }, cat)))] }));
 }
 export function BlogListView({ posts, isLoading, totalPages = 1, currentPage = 1, total = 0, onPageChange, onPostClick, emptyLabel = "No posts found", slots, }) {
     if (isLoading) {
@@ -43,7 +43,7 @@ export function BlogListView({ posts, isLoading, totalPages = 1, currentPage = 1
         if (slots?.renderEmptyState) {
             return _jsx(_Fragment, { children: slots.renderEmptyState() });
         }
-        return (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "center", children: emptyLabel }));
+        return (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: emptyLabel }));
     }
     return (_jsxs(Stack, { gap: "xl", children: [slots?.renderHeader
                 ? slots.renderHeader({ total })

package/dist/features/blog/components/BlogPostView.js

@@ -11,7 +11,7 @@ import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
 import { ROUTES } from "../../../next/routing/route-map";
 const __P = {
-    p8: "p-8",
+    p8: "p-[var(--appkit-space-8)]",
 };
 const __O = {
     hidden: "overflow-hidden",
@@ -23,7 +23,7 @@ const CATEGORY_BADGE = {
     updates: "bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300",
     community: "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning",
 };
-const CLS_FEATURED_BADGE = "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning px-2 py-0.5 rounded-full";
+const CLS_FEATURED_BADGE = "bg-warning-surface text-warning dark:bg-warning-surface dark:text-warning px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] rounded-full";
 function renderBlogPostHeader(post, date, labels) {
     return (_jsxs(Div, { className: "mb-8", children: [_jsxs(Row, { className: "mb-4", gap: "sm", children: [_jsx(Span, { size: "xs", weight: "medium", className: `inline-block capitalize ${CATEGORY_BADGE[post.category] ?? ""}`, rounded: "full", padding: "pill-xs", children: post.category }), post.isFeatured && _jsx(Span, { size: "xs", weight: "medium", className: CLS_FEATURED_BADGE, children: labels?.featured ?? "Featured" })] }), _jsx(Heading, { level: 1, className: "mb-4", size: "3xl", weight: "bold", children: post.title }), post.excerpt && _jsx(Text, { className: "mb-6", color: "muted", size: "lg", children: post.excerpt }), _jsxs(Row, { color: "muted", textSize: "sm", wrap: true, gap: "md", children: [post.authorName && _jsxs(Span, { children: [labels?.author ?? "By", " ", _jsx(Span, { weight: "medium", color: "muted", children: post.authorName })] }), post.readTimeMinutes != null && _jsxs(Span, { children: [post.readTimeMinutes, " ", labels?.readTime ?? "min read"] }), date && _jsxs(Span, { children: [labels?.publishedOn ?? "Published", " ", date] }), post.views != null && _jsxs(Span, { children: [post.views, " ", labels?.viewsLabel ?? "views"] })] })] }));
 }
@@ -44,7 +44,7 @@ export function BlogPostView({ slug, initialData, labels = {}, renderImage, rend
     if (error || !post) {
         if (renderError)
             return _jsx(_Fragment, { children: renderError(error ?? null) });
-        return (_jsxs(Stack, { justify: "center", className: `min-h-screen ${__P.p8}`, align: "center", gap: "md", children: [_jsx(Heading, { level: 1, size: "xl", weight: "semibold", children: labels.notFound ?? "Post not found" }), _jsx(Text, { color: "muted", children: labels.notFoundDescription ?? "This post is not available." }), renderBackButton?.()] }));
+        return (_jsxs(Stack, { justify: "center", className: `min-h-screen ${__P.p8}`, align: "start", gap: "md", children: [_jsx(Heading, { level: 1, size: "xl", weight: "semibold", children: labels.notFound ?? "Post not found" }), _jsx(Text, { color: "muted", children: labels.notFoundDescription ?? "This post is not available." }), renderBackButton?.()] }));
     }
     const date = post.publishedAt
         ? new Date(post.publishedAt).toLocaleDateString(getDefaultLocale(), {
@@ -54,5 +54,5 @@ export function BlogPostView({ slug, initialData, labels = {}, renderImage, rend
         })
         : "";
     const coverImageUrl = getMediaUrl(post.coverImage);
-    return (_jsxs(Div, { className: `min-h-screen ${className}`, children: [coverImageUrl && (_jsxs(Div, { className: `relative h-72 md:h-96 ${__O.hidden}`, children: [renderImage ? (renderImage(post)) : (_jsx(MediaImage, { src: coverImageUrl, alt: post.title, size: "hero" })), _jsx(Scrim, { direction: "bottom-up", intensity: "subtle", className: "absolute inset-0" })] })), _jsxs(Div, { className: "max-w-3xl mx-auto", paddingY: "y-3xl", paddingX: "x-md", children: [renderBlogPostHeader(post, date, labels), post.tags && post.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-8", children: post.tags.map((tag) => (_jsxs(Link, { href: `${String(ROUTES.PUBLIC.BLOG)}?tags=${encodeURIComponent(tag)}`, className: "inline-block px-3 py-1 rounded-full bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] hover:bg-primary/10 text-[var(--appkit-color-text-muted)] hover:text-primary text-xs font-medium transition-colors", children: ["#", tag] }, tag))) })), renderAuthorBio && _jsx(Div, { className: "mb-6", children: renderAuthorBio(post) }), _jsx(Div, { surface: "card", padding: "xl", className: "mb-12", children: renderContent ? renderContent(post) : (_jsx(RichText, { html: normalizeRichTextHtml(post.content ?? ""), proseClass: "prose max-w-none dark:prose-invert" })) }), renderBlogPostRelated(related, labels, renderRelatedCard), renderBackButton && _jsx(Div, { border: "default", className: "mt-10 border-t", padding: "t-xl", children: renderBackButton() })] })] }));
+    return (_jsxs(Div, { className: `min-h-screen ${className}`, children: [coverImageUrl && (_jsxs(Div, { className: `relative h-72 md:h-96 ${__O.hidden}`, children: [renderImage ? (renderImage(post)) : (_jsx(MediaImage, { src: coverImageUrl, alt: post.title, size: "hero" })), _jsx(Scrim, { direction: "bottom-up", intensity: "subtle", className: "absolute inset-0" })] })), _jsxs(Div, { className: "max-w-3xl mx-auto", paddingY: "y-3xl", paddingX: "x-md", children: [renderBlogPostHeader(post, date, labels), post.tags && post.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-8", children: post.tags.map((tag) => (_jsxs(Link, { href: `${String(ROUTES.PUBLIC.BLOG)}?tags=${encodeURIComponent(tag)}`, className: "inline-block px-[var(--appkit-space-3)] py-[var(--appkit-space-1)] rounded-full bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface-elevated)] hover:bg-primary/10 text-[var(--appkit-color-text-muted)] hover:text-primary text-[length:var(--appkit-text-xs)] font-medium transition-colors", children: ["#", tag] }, tag))) })), renderAuthorBio && _jsx(Div, { className: "mb-6", children: renderAuthorBio(post) }), _jsx(Div, { surface: "card", padding: "xl", className: "mb-12", children: renderContent ? renderContent(post) : (_jsx(RichText, { html: normalizeRichTextHtml(post.content ?? ""), proseClass: "prose max-w-none dark:prose-invert" })) }), renderBlogPostRelated(related, labels, renderRelatedCard), renderBackButton && _jsx(Div, { border: "default", className: "mt-10 border-t", padding: "t-xl", children: renderBackButton() })] })] }));
 }