@mohasinac/appkit 4.65.0 → 4.66.0

package/dist/features/auth/components/ForgotPasswordView.js

@@ -2,7 +2,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useState } from "react";
-import { Alert, Button, Div, Heading, Row, Stack, Text, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";

package/dist/features/auth/components/Guards.js

@@ -2,7 +2,10 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
 import { isAccountDisabled } from "../role-predicates.js";
-import { Button, Div, Heading, Row, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 export function RoleGate({ children, user, allowedRoles, fallback = null, }) {
     if (!user?.role) {
         return _jsx(_Fragment, { children: fallback });

package/dist/features/auth/components/LoginForm.js

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useState } from "react";
-import { Alert, Button, Div, Heading, Row, SiteMark, Stack, Text, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { SiteMark } from "../../../ui/components/SiteMark.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";

package/dist/features/auth/components/OAuthLoadingView.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Row, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 export function OAuthLoadingView() {
     return (_jsx(Row, { className: "min-h-[60vh]", padding: "x-md", align: "center", justify: "center", children: _jsxs(Div, { className: "max-w-sm w-full text-center", children: [_jsx(Div, { className: "w-12 h-12 border-4 border-primary border-t-transparent animate-spin mx-auto mb-6", rounded: "full" }), _jsx(Heading, { level: 2, className: "mb-2", size: "xl", weight: "semibold", children: "Signing you in\u2026" }), _jsx(Text, { variant: "secondary", size: "sm", children: "Please wait while we complete your sign-in." })] }) }));
 }

package/dist/features/auth/components/RegisterForm.js

@@ -3,7 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { normalizeError } from "../../../errors/normalize.js";
 import React, { useState } from "react";
 import { z } from "zod";
-import { Alert, Div, Heading, Row, SiteMark, Stack, Text } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { SiteMark } from "../../../ui/components/SiteMark.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { FieldCheckbox } from "../../../ui/forms/FieldCheckbox.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";

package/dist/features/auth/components/ResetPasswordView.js

@@ -3,7 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { normalizeError } from "../../../errors/normalize.js";
 import { useState } from "react";
 import { z } from "zod";
-import { Alert, Button, Div, Heading, Row, Stack, Text, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";

package/dist/features/auth/components/SocialAuthButtons.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Div, Row, Span } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
 export function SocialAuthButtons({ onGoogle, disabled, dividerLabel, googleLabel, }) {
     return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: "relative", children: [_jsx(Row, { className: "absolute inset-0", align: "center", children: _jsx(Div, { className: "w-full border-t border-neutral-200" }) }), _jsx(Row, { textSize: "sm", className: "relative", justify: "center", children: _jsx(Span, { padding: "x-xs", surface: "default", color: "muted", children: dividerLabel }) })] }), _jsx(Div, { layout: "grid", gap: "3", className: "grid-cols-1", children: _jsxs(Button, { rounded: "md", type: "button", onClick: onGoogle, disabled: disabled, variant: "outline", paddingX: "md", paddingY: "sm", textSize: "sm", weight: "medium", justify: "center", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] text-[var(--appkit-color-text)] hover:bg-surface-hover disabled:cursor-not-allowed disabled:opacity-50", children: [_jsxs("svg", { className: "mr-2 h-5 w-5 shrink-0", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { fill: "currentColor", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "currentColor", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "currentColor", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "currentColor", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })] }), googleLabel] }) })] }));
 }

package/dist/features/auth/components/VerifyEmailView.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Heading, Row, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 import { THEMED_TEXT_SUCCESS } from "../../../_internal/shared/styles/themed.js";
 const CLS_SUCCESS_CIRCLE = "w-12 h-12 rounded-full bg-success-surface flex items-center justify-center mx-auto mb-6";
 const CLS_ERROR_CIRCLE = "w-12 h-12 rounded-full bg-error-surface flex items-center justify-center mx-auto mb-6";

package/dist/features/auth/schemas/index.d.ts

@@ -65,16 +65,16 @@ export declare const authUserSchema: z.ZodObject<{
     isEmailVerified: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    role?: "user" | "admin" | "moderator" | "seller" | "employee" | undefined;
     email?: string | undefined;
     displayName?: string | undefined;
+    role?: "user" | "seller" | "moderator" | "employee" | "admin" | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }, {
     id: string;
-    role?: "user" | "admin" | "moderator" | "seller" | "employee" | undefined;
     email?: string | undefined;
     displayName?: string | undefined;
+    role?: "user" | "seller" | "moderator" | "employee" | "admin" | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }>;

package/dist/features/before-after/components/BeforeAfterGallery.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BeforeAfterSlider } from "./BeforeAfterSlider.js";
-import { Div, Grid, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 export function BeforeAfterGallery({ items, className = "", }) {
     if (items.length === 0)
         return null;

package/dist/features/before-after/components/BeforeAfterSlider.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { Div, Span, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 export function BeforeAfterSlider({ item, className = "", }) {
     const [position, setPosition] = useState(50);
     const containerRef = useRef(null);

package/dist/features/before-after/schemas/index.d.ts

@@ -26,23 +26,23 @@ export declare const beforeAfterItemSchema: z.ZodObject<{
     title: string;
     isActive: boolean;
     sortOrder: number;
-    createdAt?: string | undefined;
     description?: string | undefined;
+    createdAt?: string | undefined;
     productId?: string | undefined;
     concern?: string | undefined;
+    durationWeeks?: number | undefined;
     beforeImageUrl?: string | undefined;
     afterImageUrl?: string | undefined;
-    durationWeeks?: number | undefined;
 }, {
     id: string;
     title: string;
-    createdAt?: string | undefined;
     description?: string | undefined;
+    createdAt?: string | undefined;
     isActive?: boolean | undefined;
     productId?: string | undefined;
     sortOrder?: number | undefined;
     concern?: string | undefined;
+    durationWeeks?: number | undefined;
     beforeImageUrl?: string | undefined;
     afterImageUrl?: string | undefined;
-    durationWeeks?: number | undefined;
 }>;

package/dist/features/beys/components/BeyDetailPageView.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Section, Container, Stack, Row, Div, Heading, Text, Span, TextLink, Anchor, Badge, } from "../../../ui/index.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Container, Stack, Row } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text, Span } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Badge } from "../../../ui/components/Badge.js";
 import { SpecTable } from "../../../ui/components/SpecTable.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { PART_SLOT_LABEL } from "../../parts/schemas/firestore.js";

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

@@ -17,12 +17,12 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -36,12 +36,12 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -52,12 +52,12 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -70,31 +70,31 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaTitle: z.ZodOptional<z.ZodString>;
     metaDescription: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
     title: string;
-    content: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     tags: string[];
     isFeatured: boolean;
+    content: string;
     excerpt: string;
     readTimeMinutes: number;
     isPinned: boolean;
     additionalImages: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     contentImages: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     publishedAt?: string | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -109,16 +109,16 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaDescription?: string | undefined;
 }, {
     title: string;
-    content: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
+    content: string;
     excerpt: string;
-    status?: "published" | "draft" | "archived" | undefined;
-    publishedAt?: string | undefined;
+    status?: "draft" | "published" | "archived" | undefined;
     tags?: string[] | undefined;
+    publishedAt?: string | undefined;
     isFeatured?: boolean | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -128,13 +128,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
     readTimeMinutes?: number | undefined;
     isPinned?: boolean | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -159,12 +159,12 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -178,12 +178,12 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -194,12 +194,12 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -212,17 +212,17 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaTitle: z.ZodOptional<z.ZodOptional<z.ZodString>>;
     metaDescription: z.ZodOptional<z.ZodOptional<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
-    status?: "published" | "draft" | "archived" | undefined;
+    status?: "draft" | "published" | "archived" | undefined;
     title?: string | undefined;
-    content?: string | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
-    publishedAt?: string | undefined;
     slug?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     tags?: string[] | undefined;
+    publishedAt?: string | undefined;
     isFeatured?: boolean | undefined;
+    content?: string | undefined;
     excerpt?: string | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -235,13 +235,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     readTimeMinutes?: number | undefined;
     isPinned?: boolean | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -250,17 +250,17 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
 }, {
-    status?: "published" | "draft" | "archived" | undefined;
+    status?: "draft" | "published" | "archived" | undefined;
     title?: string | undefined;
-    content?: string | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
-    publishedAt?: string | undefined;
     slug?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     tags?: string[] | undefined;
+    publishedAt?: string | undefined;
     isFeatured?: boolean | undefined;
+    content?: string | undefined;
     excerpt?: string | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -270,13 +270,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     readTimeMinutes?: number | undefined;
     isPinned?: boolean | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;

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

@@ -1,6 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Article, BaseListingCard, Div, Heading, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Article } from "../../../ui/components/Semantic.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { getMediaUrl } from "../../media/types/index.js";
 import { getDefaultLocale } from "../../../core/baseline-resolver.js";

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

@@ -4,7 +4,7 @@ import { useTranslations } from "next-intl";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
 import { SwitchFilter } from "../../filters/SwitchFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { BLOG_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";

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

@@ -3,7 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useBlogPosts } from "../hooks/useBlog.js";
-import { Div, Grid, ListingFilterDrawer, ListingToolbar, Pagination, Row, Stack, Text, StickyToolbar } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { BlogCard } from "./BlogListView.js";
 import { BlogFilters, BLOG_PUBLIC_SORT_OPTIONS } from "./BlogFilters.js";

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { blogRepository } from "../../../repositories/index.js";
-import { Container, Main, Section, PageHeroHeading } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { PageHeroHeading } from "../../../ui/components/PageHeroHeading.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { BlogIndexListing } from "./BlogIndexListing.js";
 import { BLOG_DEFAULT_PUBLIC_SORT } from "../schemas/firestore.js";

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

@@ -1,7 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import Link from "next/link.js";
-import { Article, Div, Grid, Heading, OverflowRow, Pagination, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Article } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { OverflowRow } from "../../../ui/components/OverflowRow.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { blogCategoryBadge } from "../constants/category-badge.js";
 import { getDefaultLocale } from "../../../core/baseline-resolver.js";

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

@@ -1,8 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { IMAGE_ACCEPT_ATTR } from "../../../_internal/shared/media/limits.js";
-import { Div, Input, Label, RichTextEditor, Select, Stack, TagInput, Text, Textarea, } from "../../../ui/index.js";
-import { Checkbox } from "../../forms/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Label, Text } from "../../../ui/components/Typography.js";
+import { RichTextEditor } from "../../../ui/components/RichTextEditor.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { TagInput } from "../../../ui/components/TagInput.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { Checkbox } from "../../forms/Checkbox.js";
 import { MediaUploadField, MediaUploadList } from "../../media/index.js";
 import { coerceMediaFieldArray, getMediaUrl, } from "../../media/types/index.js";
 import { normalizeRichTextHtml, slugify } from "../../../utils/string.formatter.js";

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

@@ -2,7 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import Link from "next/link.js";
-import { Div, Grid, Heading, RichText, Row, Scrim, Span, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { Scrim } from "../../../ui/components/Scrim.js";
 import { Iframe } from "../../../ui/components/Iframe.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { blogCategoryBadge } from "../constants/category-badge.js";

package/dist/features/blog/schemas/blog-form.d.ts

@@ -50,15 +50,15 @@ export declare const blogDraftSchema: z.ZodObject<{
     isPinned: z.ZodBoolean;
     couponIds: z.ZodType<string[] | undefined, z.ZodTypeDef, string[] | undefined>;
 }, "strip", z.ZodTypeAny, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
+    youtubeId: string;
     title: string;
-    content: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
-    publishedAt: string;
     slug: string;
-    youtubeId: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     tags: string[];
+    publishedAt: string;
     isFeatured: boolean;
+    content: string;
     excerpt: string;
     coverImage: string;
     authorName: string;
@@ -67,15 +67,15 @@ export declare const blogDraftSchema: z.ZodObject<{
     metaDescription: string;
     couponIds?: string[] | undefined;
 }, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
+    youtubeId: string;
     title: string;
-    content: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
-    publishedAt: string;
     slug: string;
-    youtubeId: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     tags: string[];
+    publishedAt: string;
     isFeatured: boolean;
+    content: string;
     excerpt: string;
     coverImage: string;
     authorName: string;