@mohasinac/appkit 4.64.1 → 4.66.0

package/dist/features/about/components/HowAuctionsWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Gavel, Clock, Trophy, CreditCard } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/HowCheckoutWorksView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Wallet, Smartphone, Banknote, CalendarClock } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/HowEmiWorksView.js

@@ -3,8 +3,13 @@ import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
 import { THEMED_BG_PRIMARY, THEMED_BG_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Alert, Caption, Div, FlowDiagram, Heading, Row, Section, Stack, Table, Tbody, Td, Text, Th, Thead, Tr } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Caption, Heading, Text } from "../../../ui/components/Typography.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section, Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { CalendarClock, Wallet, TrendingUp, ShieldCheck } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/HowOffersWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
     p6: "p-[var(--appkit-space-6)]",

package/dist/features/about/components/HowOrdersWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Span, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { PackageSearch, MapPinned, FileText, XCircle } from "lucide-react";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",

package/dist/features/about/components/HowPayoutsWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { DollarSign, Calendar, Banknote, ShieldCheck } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/HowPreOrdersWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Package, Clock, Banknote, AlertCircle } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/HowReviewsWorkView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ShieldCheck, ThumbsUp, Pencil } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/PolicyPageView.js

@@ -5,9 +5,12 @@ import { ProseHero } from "./ProseHero.js";
 import { Row } from "@mohasinac/appkit/ui";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { Div, Heading, Text, Section, Stack } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
-import { siteSettingsRepository } from "../../../repositories/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 /**
  * Single source of truth for every policy page this shell can render.
  *

package/dist/features/about/components/ProseHero.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Section, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 export function ProseHero({ title, subtitle, width = "md", centered = true, subtitleSize = "base", children, }) {
     return (_jsx(Section, { color: "inverse", tone: "accent-banner", padding: "banner", children: _jsxs(Div, { className: [PAGE_CONTAINER[width], centered ? "text-center" : ""]

package/dist/features/about/components/PublicProfileView.js

@@ -7,7 +7,12 @@ import { safeRead } from "../../../errors/safe-read.js";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { FLEX_CENTER } from "../../../_internal/shared/styles/themed.js";
-import { Anchor, Div, Grid, Heading, Row, Section, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.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 { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ProductCard } from "../../products/components/ProductGrid.js";
 import { ReviewCard } from "../../reviews/components/ReviewsList.js";

package/dist/features/about/components/SecurityPrivacyView.js

@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { ProseHero } from "./ProseHero.js";
-import { Div, FlowDiagram, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Shield, Lock, Search, Globe, Database, KeyRound, FileText, Upload, ShieldCheck, Scale, } from "lucide-react";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",

package/dist/features/about/components/ShippingPolicyView.js

@@ -2,11 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { normalizeError } from "../../../errors/normalize.js";
 import { serverLogger } from "../../../monitoring/server-logger.js";
 import { ProseHero } from "./ProseHero.js";
-import { siteSettingsRepository } from "../../../repositories/index.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { Div, Heading, Text, Section, Stack, FlowDiagram } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const CLS_FOOTER_LINK = "text-sky-600 dark:text-sky-400 hover:underline";
 export async function ShippingPolicyView({} = {}) {
     const page = { container: PAGE_CONTAINER };

package/dist/features/about/components/SpotAFakeView.js

@@ -2,7 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { THEMED_BG_PRIMARY, THEMED_BG_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Alert, Div, Heading, Row, Section, Stack, Text, TextLink, } 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 { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };

package/dist/features/about/components/TrackOrderView.js

@@ -4,8 +4,11 @@ import { ROUTES } from "../../../constants/index.js";
 import { ProseHero } from "./ProseHero.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { THEMED_BG_PRIMARY, THEMED_BG_SECONDARY, THEMED_BORDER, THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY, } from "../../../_internal/shared/styles/themed.js";
-import { Caption, Div, Grid, Heading, Section, Stack, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Caption, Heading, Text } from "../../../ui/components/Typography.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ShoppingBag, Truck, MapPin, CheckCircle2 } from "lucide-react";
 export async function TrackOrderView({} = {}) {
     const themed = {

package/dist/features/about/components/UnauthorizedView.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { Div, Heading, Row, Section, Span, Text } from "../../../ui/index.js";
-import { TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ShieldAlert, Home, LogIn } from "lucide-react";
 export async function UnauthorizedView({} = {}) {
     const page = { container: PAGE_CONTAINER };

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

@@ -7,13 +7,13 @@ export declare const aboutHowItemSchema: z.ZodObject<{
     tone: z.ZodOptional<z.ZodEnum<["indigo", "teal", "amber", "rose"]>>;
 }, "strip", z.ZodTypeAny, {
     title: string;
-    text: string;
     icon: string;
+    text: string;
     tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
 }, {
     title: string;
-    text: string;
     icon: string;
+    text: string;
     tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
 }>;
 export declare const aboutValueItemSchema: z.ZodObject<{
@@ -22,12 +22,12 @@ export declare const aboutValueItemSchema: z.ZodObject<{
     icon: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     title: string;
-    text: string;
     icon: string;
+    text: string;
 }, {
     title: string;
-    text: string;
     icon: string;
+    text: string;
 }>;
 export declare const aboutMilestoneSchema: z.ZodObject<{
     year: z.ZodString;
@@ -47,15 +47,15 @@ export declare const aboutTeamMemberSchema: z.ZodObject<{
     isFounder: z.ZodOptional<z.ZodBoolean>;
     isDeveloper: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
-    role: string;
     name: string;
+    role: string;
     bio: string;
     photoUrl?: string | undefined;
     isFounder?: boolean | undefined;
     isDeveloper?: boolean | undefined;
 }, {
-    role: string;
     name: string;
+    role: string;
     bio: string;
     photoUrl?: string | undefined;
     isFounder?: boolean | undefined;
@@ -74,13 +74,13 @@ export declare const aboutContentSchema: z.ZodObject<{
         tone: z.ZodOptional<z.ZodEnum<["indigo", "teal", "amber", "rose"]>>;
     }, "strip", z.ZodTypeAny, {
         title: string;
-        text: string;
         icon: string;
+        text: string;
         tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
     }, {
         title: string;
-        text: string;
         icon: string;
+        text: string;
         tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
     }>, "many">;
     valuesTitle: z.ZodString;
@@ -90,12 +90,12 @@ export declare const aboutContentSchema: z.ZodObject<{
         icon: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         title: string;
-        text: string;
         icon: string;
+        text: string;
     }, {
         title: string;
-        text: string;
         icon: string;
+        text: string;
     }>, "many">;
     milestonesTitle: z.ZodString;
     milestones: z.ZodArray<z.ZodObject<{
@@ -118,15 +118,15 @@ export declare const aboutContentSchema: z.ZodObject<{
         isFounder: z.ZodOptional<z.ZodBoolean>;
         isDeveloper: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
-        role: string;
         name: string;
+        role: string;
         bio: string;
         photoUrl?: string | undefined;
         isFounder?: boolean | undefined;
         isDeveloper?: boolean | undefined;
     }, {
-        role: string;
         name: string;
+        role: string;
         bio: string;
         photoUrl?: string | undefined;
         isFounder?: boolean | undefined;
@@ -154,18 +154,18 @@ export declare const aboutContentSchema: z.ZodObject<{
     ctaShop: string;
     howItems: {
         title: string;
-        text: string;
         icon: string;
+        text: string;
         tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
     }[];
     valueItems: {
         title: string;
-        text: string;
         icon: string;
+        text: string;
     }[];
     teamMembers: {
-        role: string;
         name: string;
+        role: string;
         bio: string;
         photoUrl?: string | undefined;
         isFounder?: boolean | undefined;
@@ -190,18 +190,18 @@ export declare const aboutContentSchema: z.ZodObject<{
     ctaShop: string;
     howItems: {
         title: string;
-        text: string;
         icon: string;
+        text: string;
         tone?: "indigo" | "teal" | "amber" | "rose" | undefined;
     }[];
     valueItems: {
         title: string;
-        text: string;
         icon: string;
+        text: string;
     }[];
     teamMembers: {
-        role: string;
         name: string;
+        role: string;
         bio: string;
         photoUrl?: string | undefined;
         isFounder?: boolean | undefined;

package/dist/features/account/api/[userId]/addresses/route.js

@@ -11,11 +11,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../../contracts/index.js";
 import { normalizeError } from "../../../../../errors/normalize.js";
-function numParam(url, key, fallback) {
-    const v = url.searchParams.get(key);
-    const n = v !== null ? Number(v) : NaN;
-    return Number.isFinite(n) ? n : fallback;
-}
+import { numParam } from "../../../../../utils/search-params.js";
 export async function GET(request, { params }) {
     try {
         const { userId } = await params;

package/dist/features/account/components/AddressBook.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Grid, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 export function AddressCard({ address, onEdit, onDelete, onSetDefault, labels = {}, }) {
     const line1 = "line1" in address && address.line1
         ? address.line1

package/dist/features/account/components/AddressFilters.js

@@ -26,7 +26,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { SwitchFilter } from "../../filters/SwitchFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 /** Mirrors `AddressBanStatus`. Absent means "in good standing". */
 const BAN_STATUS_OPTIONS = [
     { value: "banned", label: "Banned" },

package/dist/features/account/components/AddressForm.js

@@ -25,7 +25,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * non-event: the fields stay editable and the submit is never blocked.
  */
 import * as React from "react";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";
 import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
 import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sections.js";

package/dist/features/account/components/AddressSelectorCreate.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Label } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Label } from "../../../ui/components/Typography.js";
 import { AddressInlineSelect } from "./AddressInlineSelect.js";
 const DEFAULT_LABELS = {
     addAddress: "Add Address",

package/dist/features/account/components/AddressesIndexListing.js

@@ -3,7 +3,11 @@ 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 { useAddresses } from "../hooks/useAddresses.js";
-import { Div, Grid, ListingFilterDrawer, ListingToolbar, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { AddressBook } from "./AddressBook.js";
 import { AddressFilters } from "./AddressFilters.js";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";

package/dist/features/account/components/BecomeSellerView.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
 export function BecomeSellerView({ labels = {}, renderGuide, renderSuccess, renderCreateStore, renderAlreadySeller, state = "guide", className = "", }) {
     return (_jsxs(Div, { className: className, children: [labels.title && state === "guide" && (_jsx(Heading, { level: 1, className: "mb-6", size: "2xl", weight: "bold", children: labels.title })), state === "guide" && renderGuide?.(), state === "success" && renderSuccess?.(), state === "create-store" && renderCreateStore?.(), state === "already-seller" && renderAlreadySeller?.()] }));
 }

package/dist/features/account/components/BuyerAccountGuideView.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { UserCheck, Bell, Heart, Star, Lock, AlertTriangle, Flag } from "lucide-react";
-import { Alert, Div, Heading, Li, Row, Section, Span, Stack, Text, TextLink, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 import { GC } from "../../_guide-cls.js";
 const SECTIONS = [

package/dist/features/account/components/BuyerAuctionsGuideView.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Gavel, TrendingUp, Trophy, AlertTriangle, Package, XCircle, ShieldCheck } from "lucide-react";
-import { Alert, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 import { resolvePublishedValues } from "../../../_internal/shared/content/published-values.js";
 /* Phase 9 — one definition of the refund timeline. See the 🛑 at the call site. */

package/dist/features/account/components/BuyerOrdersGuideView.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PackageCheck, Truck, Camera, RotateCcw, Clock, Headphones, Scale } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.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 { GC } from "../../_guide-cls.js";
 // ─── Section data ─────────────────────────────────────────────────────────────
 const ORDER_STATUSES = [

package/dist/features/account/components/BuyerShoppingGuideView.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ShoppingBag, ShoppingCart, CreditCard, Tag, CheckCircle, UserX } from "lucide-react";
-import { Alert, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 const SECTIONS = [
     {

package/dist/features/account/components/LinkedAccountsSection.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, Badge, Button, Row, Stack, Text } from "../../../ui/index.js";
+import { Accordion } from "../../../ui/components/Accordion.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 /** Account-settings slot showing which external providers are connected to
  * this account, with a "Connect Google account" action for password-only
  * users. Mount inside the consumer's own card/section wrapper on the

package/dist/features/account/components/NotificationBell.js

@@ -3,7 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { useCallback, useRef, useState } from "react";
-import { Button, Div, Heading, Li, Row, Span, Spinner, Stack, Text, TextLink, Ul, useToast } from "../../../ui/index.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 { Li, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Spinner } from "../../../ui/components/Spinner.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { useClickOutside, useMessage } from "../../../react/index.js";
 import { formatRelativeTime } from "../../../utils/index.js";
 import { useNotifications } from "../hooks/useNotifications.js";

package/dist/features/account/components/NotificationPreferencesPanel.js

@@ -1,7 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { Button, Div, Row, Span, Stack, Text, Toggle, useToast } 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 { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { useSiteSettings } from "../../../core/hooks/useSiteSettings.js";
 import { ACCOUNT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";

package/dist/features/account/components/OrderDetailView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface OrderDetailViewLabels {
     title?: string;
     backLabel?: string;

package/dist/features/account/components/OrderDetailView.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 OrderDetailView({ labels = {}, renderBack, renderHeader, renderItems, renderAddress, renderPayment, renderActions, ...rest }) {
     return (_jsx(StackedViewShell, { portal: "user", ...rest, title: labels.title, sections: [
             renderBack?.(),

package/dist/features/account/components/ProfileView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface ProfileViewLabels {
     title?: string;
     editProfile?: string;

package/dist/features/account/components/ProfileView.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 ProfileView({ labels = {}, renderStats, renderActions, ...rest }) {
     return (_jsx(StackedViewShell, { portal: "user", ...rest, title: labels.title, sections: [renderActions?.(), renderStats?.()] }));
 }