@mohasinac/appkit 4.65.0 → 4.67.0

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;

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

@@ -30,19 +30,19 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>>;
@@ -55,19 +55,19 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, "many">>;
@@ -80,19 +80,19 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, "many">>;
@@ -117,54 +117,54 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
     metaTitle: z.ZodOptional<z.ZodString>;
     metaDescription: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    content: string;
+    slug: string;
+    category: string;
+    tags: string[];
     createdAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     updatedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    category: string;
-    slug: string;
-    views: number;
-    tags: string[];
     isFeatured: boolean;
+    content: string;
     excerpt: string;
     authorId: string;
     authorName: string;
     readTimeMinutes: number;
+    views: number;
     isPinned: boolean;
     publishedAt?: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough"> | undefined;
     couponIds?: string[] | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
@@ -172,54 +172,54 @@ export declare const blogPostFirestoreSchema: z.ZodObject<{
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
 }, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    content: string;
+    slug: string;
+    category: string;
+    tags: string[];
     createdAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     updatedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    category: string;
-    slug: string;
-    views: number;
-    tags: string[];
     isFeatured: boolean;
+    content: string;
     excerpt: string;
     authorId: string;
     authorName: string;
     readTimeMinutes: number;
+    views: number;
     isPinned: boolean;
     publishedAt?: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough"> | undefined;
     couponIds?: string[] | undefined;
     coverImage?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
@@ -258,41 +258,41 @@ export declare const blogPostSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, {
         url: string;
         type: "image";
     }, string>]>>>, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | {
         url: string;
         type: "image";
     } | null, string | {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | null | undefined>;
@@ -305,19 +305,19 @@ export declare const blogPostSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, "many">>>;
@@ -330,19 +330,19 @@ export declare const blogPostSchema: z.ZodObject<{
         youtubeId: z.ZodOptional<z.ZodString>;
         duration: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }, {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }>, "many">>>;
@@ -363,17 +363,17 @@ export declare const blogPostSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
     updatedAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
+    category: "news" | "tips" | "guides" | "updates" | "community";
     coverImage: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | {
@@ -381,82 +381,82 @@ export declare const blogPostSchema: z.ZodObject<{
         type: "image";
     } | null;
     additionalImages: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[];
     contentImages: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[];
-    content?: string | undefined;
+    tags?: string[] | undefined;
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     publishedAt?: string | undefined;
-    views?: number | undefined;
-    tags?: string[] | undefined;
     couponIds?: string[] | undefined;
     isFeatured?: boolean | undefined;
+    content?: string | undefined;
     excerpt?: string | undefined;
     authorId?: string | undefined;
     authorName?: string | undefined;
     readTimeMinutes?: number | undefined;
+    views?: number | undefined;
     isPinned?: boolean | undefined;
     authorAvatar?: string | undefined;
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
 }, {
-    status: "published" | "draft" | "archived";
+    status: "draft" | "published" | "archived";
     id: string;
     title: string;
-    category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
-    content?: string | undefined;
+    category: "news" | "tips" | "guides" | "updates" | "community";
+    tags?: string[] | undefined;
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     publishedAt?: string | undefined;
-    views?: number | undefined;
-    tags?: string[] | undefined;
     couponIds?: string[] | undefined;
     isFeatured?: boolean | undefined;
+    content?: string | undefined;
     excerpt?: string | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     } | null | undefined;
     authorId?: string | undefined;
     authorName?: string | undefined;
     readTimeMinutes?: number | undefined;
+    views?: number | undefined;
     isPinned?: boolean | undefined;
     additionalImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
     contentImages?: {
-        type: "video" | "image" | "file";
+        type: "image" | "video" | "file";
         url: string;
-        source?: "upload" | "youtube" | "external" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        source?: "upload" | "youtube" | "external" | undefined;
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
@@ -477,20 +477,20 @@ export declare const blogListParamsSchema: z.ZodObject<{
     featured: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    page?: number | undefined;
-    q?: string | undefined;
-    pageSize?: number | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     featured?: boolean | undefined;
     tags?: string | undefined;
-    perPage?: number | undefined;
-}, {
-    sort?: string | undefined;
     page?: number | undefined;
     q?: string | undefined;
     pageSize?: number | undefined;
+    perPage?: number | undefined;
+}, {
+    sort?: string | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     featured?: boolean | undefined;
     tags?: string | undefined;
+    page?: number | undefined;
+    q?: string | undefined;
+    pageSize?: number | undefined;
     perPage?: number | undefined;
 }>;

package/dist/features/cart/components/CartDrawer.js

@@ -1,6 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Aside, Button, Div, Heading, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Aside } from "../../../ui/components/Semantic.js";
+import { Button } from "../../../ui/components/Button.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 { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
 import { GatedPrice } from "../../../ui/components/GatedPrice.js";

package/dist/features/cart/components/CartGroupLineRow.js

@@ -17,7 +17,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * expressed in UI.
  */
 import { useState } from "react";
-import { Button, Div, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";

package/dist/features/cart/components/CartPriceBreakdown.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Details, Div, Row, Stack, Summary, Text } from "../../../ui/index.js";
+import { Details, Summary } from "../../../ui/components/Details.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 /**
  * The "how is this calculated?" disclosure under a fee line.

package/dist/features/cart/components/CartSummary.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading, Stack } from "../../../ui/index.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 export function CartSummary({ renderBreakdown, renderTotal, renderCheckoutAction, renderPromoCode, renderContinueShopping, labels = {}, className = "", }) {
     return (_jsxs(Stack, { className: `${className}`, gap: "md", children: [labels.title && (_jsx(Heading, { level: 2, variant: "none", size: "base", weight: "bold", children: labels.title })), renderBreakdown?.(), renderPromoCode?.(), renderTotal?.(), renderCheckoutAction?.(), renderContinueShopping?.()] }));
 }

package/dist/features/cart/components/CartView.js

@@ -1,5 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 export function CartView({ labels = {}, renderItems, renderGroups, groups = [], renderSummary, renderPromoCode, renderCheckoutButton, renderEmpty, isEmpty = false, isLoading = false, className = "", }) {
     if (isEmpty && renderEmpty)

package/dist/features/cart/components/CheckoutAddressStep.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 export function CheckoutAddressStep({ labels = {}, addresses, selectedAddressId, getAddressId, onSelectAddress, renderAddressCard, renderEmptyState, renderAddNew, className = "", }) {
     return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 2, className: "mb-4", size: "lg", children: labels.title })), addresses.length === 0 ? ((renderEmptyState?.() ?? null)) : (_jsx(Stack, { gap: "3", children: addresses.map((address) => {
                     const addressId = getAddressId(address);

package/dist/features/cart/components/CheckoutSuccessView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface CheckoutSuccessViewProps extends Omit<StackedViewShellProps, "sections"> {
     labels?: {
         title?: string;

package/dist/features/cart/components/CheckoutSuccessView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StackedViewShell } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
 export function CheckoutSuccessView({ labels = {}, renderHero, renderOrderCard, renderActions, ...rest }) {
     return (_jsx(StackedViewShell, { portal: "public", ...rest, title: labels.title, sections: [
             renderHero?.(),

package/dist/features/cart/components/CheckoutView.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 export function CheckoutView({ labels = {}, renderStep, renderStepIndicator, renderOrderSummary, totalSteps = 3, initialStep = 0, activeStep, onStepChange, className = "", }) {
     const [internalStep, setInternalStep] = React.useState(initialStep);