@mohasinac/appkit 4.65.0 → 4.67.0

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

@@ -151,20 +151,20 @@ export declare const payoutFirestoreSchema: z.ZodObject<{
     }, z.ZodTypeAny, "passthrough">>]>>;
 }, "strip", z.ZodTypeAny, {
     currency: string;
-    status: "paid" | "failed" | "pending" | "processing";
+    status: "pending" | "processing" | "paid" | "failed";
     id: string;
+    storeId: string;
+    sellerName: string;
+    sellerEmail: 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">;
-    amount: number;
-    storeId: string;
-    sellerName: string;
-    sellerEmail: string;
     paymentMethod: "upi" | "bank_transfer";
     platformFee: number;
+    amount: number;
     requestedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
@@ -201,20 +201,20 @@ export declare const payoutFirestoreSchema: z.ZodObject<{
     isAutomatic?: boolean | undefined;
 }, {
     currency: string;
-    status: "paid" | "failed" | "pending" | "processing";
+    status: "pending" | "processing" | "paid" | "failed";
     id: string;
+    storeId: string;
+    sellerName: string;
+    sellerEmail: 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">;
-    amount: number;
-    storeId: string;
-    sellerName: string;
-    sellerEmail: string;
     paymentMethod: "upi" | "bank_transfer";
     platformFee: number;
+    amount: number;
     requestedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;

package/dist/features/points/schemas/adjust-form.d.ts

@@ -45,14 +45,14 @@ export declare const pointsAdjustFormSchema: z.ZodObject<{
     /** Never shown to the buyer. The next admin's answer to "why?". */
     adminReason: z.ZodString;
 }, "strict", z.ZodTypeAny, {
-    amount: number;
     description: string;
     userId: string;
+    amount: number;
     adminReason: string;
 }, {
-    amount: number;
     description: string;
     userId: string;
+    amount: number;
     adminReason: string;
 }>;
 export type PointsAdjustFormValues = z.infer<typeof pointsAdjustFormSchema>;

package/dist/features/pre-orders/components/MarketplacePreorderCard.d.ts

@@ -1,5 +1,5 @@
 import type { ProductItem } from "../../products/types";
-import { type WishlistToggleActions } from "../../wishlist";
+import type { WishlistToggleActions } from "../../wishlist/hooks/useWishlistToggle";
 export type MarketplacePreorderCardData = ProductItem;
 export interface MarketplacePreorderCardLabels {
     preOrderBadge?: string;

package/dist/features/pre-orders/components/MarketplacePreorderCard.js

@@ -4,8 +4,8 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useCallback } from "react";
 import { useRouter } from "next/navigation.js";
 import { useLongPress } from "../../../react/hooks/useLongPress.js";
-import { MediaImage } from "../../media/index.js";
-import { useWishlistToggle } from "../../wishlist/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { useWishlistToggle } from "../../wishlist/hooks/useWishlistToggle.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { formatCurrency } from "../../../utils/index.js";
@@ -14,7 +14,14 @@ const CLS_PREORDER_BADGE = "inline-flex items-center rounded-full bg-warning-sol
 const CLS_SALE_BADGE = "rounded-full bg-success-solid px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-[length:var(--appkit-text-xs)] font-bold text-success-on-solid";
 const CLS_TRENDING_BADGE = "rounded-full bg-indigo-600 px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-[length:var(--appkit-text-xs)] font-bold text-white";
 const CLS_LIMITED_BADGE = "rounded-full bg-info-solid px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-[length:var(--appkit-text-xs)] font-bold text-info-on-solid";
-import { Div, BaseListingCard, Button, GatedPrice, RichText, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { RichText } from "../../../ui/rich-text/RichText.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 { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 import { PreorderBadge } from "./PreorderCard.js";
 import { WishlistHeartButton } from "../../wishlist/components/WishlistHeartButton.js";

package/dist/features/pre-orders/components/PreOrderActionsClient.js

@@ -1,7 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
-import { Button, Div, GatedPrice, LoginRequiredModal, PricesOnly, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { isAuthError } from "../../../utils/auth-error.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeError } from "../../../errors/normalize.js";

package/dist/features/pre-orders/components/PreOrderBadge.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Span } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Span } from "../../../ui/components/Typography.js";
 const CLS_NEW_BADGE = "rounded-full bg-indigo-600 px-[var(--appkit-space-2-5)] py-[var(--appkit-space-0-5)] text-white";
 const STATUS_MAP = {
     pending: { label: "Pending", color: "bg-warning-surface text-warning" },

package/dist/features/pre-orders/components/PreOrderDetailPageView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { productRepository } from "../../../repositories/index.js";
+import { productRepository } from "../../products/repository/products.repository.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
     p5: "p-[var(--appkit-space-5)]",
@@ -17,7 +17,14 @@ import { formatCurrency, roundRupees } from "../../../utils/number.formatter.js"
 import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
 import { ProgressBarFill } from "../../../ui/components/ProgressBarFill.js";
-import { Button, Container, Div, GatedPrice, PricesOnly, Heading, Main, Nav, RichText, Row, Section, Span, Stack, Text, Ul, Li, SpecTable, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Main, Nav, Section, Ul, Li } from "../../../ui/components/Semantic.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { SpecTable } from "../../../ui/components/SpecTable.js";
 import { PreOrderDetailView } from "../../products/components/PreOrderDetailView.js";
 import { PreOrderBottomActions } from "./PreOrderBottomActions.js";
 import { ProductTabsShell } from "../../products/components/ProductTabsShell.js";

package/dist/features/pre-orders/components/PreOrderFilters.js

@@ -4,7 +4,7 @@ import { useTranslations } from "next-intl";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 export function PreOrderFilters({ table, categoryOptions = [], brandOptions = [], storeOptions = [], loadCategoryOptions, loadBrandOptions, loadStoreOptions, currencyPrefix = "", }) {
     const t = useTranslations("filters");
     const selectedCategories = table.get("category")

package/dist/features/pre-orders/components/PreOrdersIndexListing.js

@@ -6,7 +6,16 @@ import { useState, useCallback } from "react";
 import { Columns, Heart, ShoppingCart } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useProducts } from "../../products/hooks/useProducts.js";
-import { BulkActionBar, Div, FilterDrawer, Grid, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, Text, useToast, StickyToolbar } from "../../../ui/index.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterDrawer } from "../../../ui/components/FilterDrawer.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
 import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
 import { ACTION_ID, ACTION_META, COMPARE_MAX_ITEMS } from "../../products/constants/action-defs.js";
@@ -22,7 +31,7 @@ import { useBrands } from "../../products/hooks/useBrands.js";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection.js";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
 import { PREORDER_SORT_OPTIONS } from "../../products/constants/sieve.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { AvailabilityTabs } from "../../products/components/AvailabilityTabs.js";
 const PRE_ORDER_LISTING_TYPES = ["pre-order"];

package/dist/features/pre-orders/components/PreOrdersListView.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Main, Heading, Section } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { Heading } from "../../../ui/components/Typography.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { PreOrdersIndexListing } from "./PreOrdersIndexListing.js";
 import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public.js";

package/dist/features/pre-orders/components/PreorderCard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Span } from "../../../ui/index.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { getPreorderStatus } from "../types/index.js";
 const STATUS_LABELS = {
     available: "Pre-order now",

package/dist/features/pre-orders/schemas/index.d.ts

@@ -23,19 +23,19 @@ export declare const preorderItemSchema: 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">>;
@@ -49,46 +49,46 @@ export declare const preorderItemSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    name: string;
     slug: string;
     active: boolean;
     isFeatured: boolean;
+    name: string;
     salePrice: number;
     regularPrice: number;
     brand?: string | undefined;
+    franchise?: string | undefined;
+    images?: string[] | undefined;
     createdAt?: string | undefined;
     media?: {
-        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;
-    franchise?: string | undefined;
-    images?: string[] | undefined;
     preorderShipDate?: string | undefined;
 }, {
     id: string;
-    name: string;
     slug: string;
+    name: string;
     salePrice: number;
     regularPrice: number;
     brand?: string | undefined;
+    franchise?: string | undefined;
+    images?: string[] | undefined;
     createdAt?: string | undefined;
     active?: boolean | undefined;
+    isFeatured?: boolean | undefined;
     media?: {
-        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;
-    franchise?: string | undefined;
-    images?: string[] | undefined;
-    isFeatured?: boolean | undefined;
     preorderShipDate?: string | undefined;
 }>;

package/dist/features/price-index/components/PriceIndexToolView.js

@@ -3,7 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useCallback, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Search, TrendingUp } from "lucide-react";
-import { Container, Div, Heading, Row, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { Badge } from "../../../ui/components/Badge.js";
 import { Button } from "../../../ui/components/Button.js";
 import { Form } from "../../../ui/components/Form.js";

package/dist/features/pricing/components/AdminPricingView.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { Badge, Button, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Modal } from "../../../ui/components/Modal.js";
 import { useToast } from "../../../ui/components/Toast.js";
 import { Form } from "../../../ui/components/Form.js";

package/dist/features/print/components/BoxLabelPrintView.js

@@ -17,7 +17,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * trust it over the screen; printing "8 items as of 21 Oct" says what it is.
  */
 import { useMemo, useState } from "react";
-import { Alert, Button, Div, Heading, Row, Stack, Text, } 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 { FieldCheckbox } from "../../../ui/forms/FieldCheckbox.js";
 import { BoxContentsSheet, BoxLabel, LabelPageStyle, LabelSheet, PrintScaleWarning, } from "./labels.js";
 import { LabelProfilePicker } from "./LabelProfilePicker.js";

package/dist/features/print/components/LabelProfilePicker.js

@@ -21,7 +21,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * choice. No audit enforces the threshold, so this is a judgement call and not
  * a build failure — one line to reverse if the call is wrong.
  */
-import { Alert, Row, Stack, Text } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { FieldSelect } from "../../../ui/forms/index.js";
 import { LABEL_PROFILES, LABEL_PROFILE_IDS, MIN_SCANNABLE_MODULE_MM, labelFitsProfile, } from "../../../_internal/shared/features/print/label-profiles.js";
 export function LabelProfilePicker({ value, onChange, longestCodeLength, label = "Label stock", }) {

package/dist/features/print/components/labels.js

@@ -37,7 +37,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useEffect, useMemo, useRef } from "react";
 import JsBarcode from "jsbarcode";
-import { Div, Row, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { MM_PER_INCH, SAFE_MODULE_MM, labelFitsProfile, sheetPositionMm, } from "../../../_internal/shared/features/print/label-profiles.js";
 /** CSS px per inch is 96 by definition — not a screen measurement. */

package/dist/features/products/columns/productTableColumns.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, GatedPrice, Row, Span } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { statusLabel } from "../../../ui/columns/cell-renderers.js";
 import { formatCurrency as defaultFormatCurrency } from "../../../utils/number.formatter.js";

package/dist/features/products/components/ArtStickersListView.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Heading, Main, Section, Text } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { ProductsIndexListing } from "./ProductsIndexListing.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";

package/dist/features/products/components/AuctionDetailView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DetailViewShellProps } from "../../../ui";
+import type { DetailViewShellProps } from "../../../ui/components/DetailViewShell";
 export interface AuctionDetailViewProps extends Omit<DetailViewShellProps, "mainSlots" | "belowFold" | "layout" | "afterMain"> {
     renderGallery?: (isLoading: boolean) => React.ReactNode;
     renderInfo?: (isLoading: boolean) => React.ReactNode;

package/dist/features/products/components/AuctionDetailView.js

@@ -1,5 +1,6 @@
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { DetailViewShell, Div } from "../../../ui/index.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
+import { Div } from "../../../ui/components/Div.js";
 export function AuctionDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderSublistingSection, renderTabs, renderBidHistory, renderRelated, isLoading = false, ...rest }) {
     const mobileBid = renderMobileBidForm?.();
     const sublistingSection = renderSublistingSection?.();

package/dist/features/products/components/AuctionsIndexListing.js

@@ -5,7 +5,15 @@ import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
 import { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useProducts } from "../hooks/useProducts.js";
-import { BulkActionBar, Div, FilterDrawer, Grid, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, useToast, StickyToolbar } from "../../../ui/index.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterDrawer } from "../../../ui/components/FilterDrawer.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection.js";
 import { MarketplaceAuctionGrid } from "../../auctions/components/MarketplaceAuctionGrid.js";
@@ -18,7 +26,7 @@ import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
 import { useAuthGate } from "../../../react/hooks/useAuthGate.js";
 import { ACTION_ID } from "../constants/action-defs.js";
 import { AUCTION_PUBLIC_SORT_OPTIONS } from "../constants/sieve.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { AvailabilityTabs } from "./AvailabilityTabs.js";
 const __P = {

package/dist/features/products/components/AvailabilityScopeHint.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Row, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";

package/dist/features/products/components/AvailabilityTabs.js

@@ -25,7 +25,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @tag sideEffects:url-mutation
  */
 import { useMemo } from "react";
-import { Tabs, TabsList, TabsTrigger } from "../../../ui/index.js";
+import { Tabs, TabsList, TabsTrigger } from "../../../ui/components/Tabs.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";

package/dist/features/products/components/BidHistory.js

@@ -1,7 +1,10 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import React from "react";
-import { Div, GatedPrice, Heading, Span, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 function formatBidDate(raw) {
     if (!raw)

package/dist/features/products/components/CityCollectiblesView.js

@@ -4,7 +4,12 @@ import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { THEMED_BG_PRIMARY } from "../../../_internal/shared/styles/themed.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { safeRead } from "../../../errors/safe-read.js";
-import { Alert, Div, Grid, 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 { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { listPublicProducts } from "../../../_internal/server/features/products/list-public.js";
 import { hidePublicTestData } from "../../../_internal/server/features/tester/visibility.js";
 import { MEETUP_CITIES } from "../constants/meetup-cities.js";

package/dist/features/products/components/CompareOverlay.js

@@ -12,7 +12,12 @@ const REL_NOOPENER = "noopener noreferrer";
 const CLS_REMOVE_BTN = "shrink-0 text-zinc-400 hover:text-error hover:bg-surface-hover";
 import Link from "next/link.js";
 import { X } from "lucide-react";
-import { Button, Div, GatedPrice, Heading, IconButton, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { IconButton } from "../../../ui/components/IconButton.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { useSwipe } from "../../../react/hooks/useSwipe.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";

package/dist/features/products/components/CustomFieldsEditor.js

@@ -1,6 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Input, Row, Select, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { MAX_CUSTOM_FIELDS } from "../schemas/firestore.js";
 const CLS_REMOVE = "text-zinc-400 hover:text-error dark:hover:text-error px-[var(--appkit-space-2)]";
 const TYPE_OPTIONS = [

package/dist/features/products/components/CustomSectionTabContent.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RichText, SpecTable, Stack, Text } from "../../../ui/index.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { SpecTable } from "../../../ui/components/SpecTable.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 /**
  * `customSections` → `ProductTabsShell`'s `customTabs` prop, in one place.

package/dist/features/products/components/CustomSectionsEditor.js

@@ -1,7 +1,12 @@
 "use client";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { Button, Div, Heading, Input, Row, Span, Stack, Text, Textarea } 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 { Input } from "../../../ui/components/Input.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
 import { MAX_CUSTOM_SECTIONS } from "../schemas/firestore.js";
 import { CustomFieldsEditor } from "./CustomFieldsEditor.js";
 const CLS_REMOVE = "text-zinc-400 hover:text-error dark:hover:text-error text-[length:var(--appkit-text-xs)]";

package/dist/features/products/components/FeatureBadge.js

@@ -2,7 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { BadgeCheck, CalendarCheck, Megaphone, Package, PackageCheck, RefreshCcw, Sparkles, Star, Tag, Trophy, Truck, } from "lucide-react";
-import { Row, Span } from "../../../ui/index.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { isFeatureIconPath, } from "../schemas/product-features.js";
 /**
  * Stable map of icon-set keys → React components.

package/dist/features/products/components/GroupMemberPicker.js

@@ -18,7 +18,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * consumer pages untouched.
  */
 import { useMemo, useState } from "react";
-import { Alert, Button, Div, GatedPrice, PricesOnly, Row, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, TextLink, } 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 { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";

package/dist/features/products/components/GroupSettingsPanel.js

@@ -3,7 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import React, { useEffect, useState } from "react";
 import { z } from "zod";
-import { Button, Checkbox, Code, ConfirmDeleteModal, Div, Grid, Heading, Input, Modal, Row, SideDrawer, Span, Stack, Tabs, TabsContent, TabsList, TabsTrigger, Text, useToast } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Code } from "../../../ui/components/Semantic.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.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 { Input } from "../../../ui/components/Input.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../ui/components/Tabs.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FormShellContext, useFormShellState, FormErrorSummary } from "../../../ui/forms/index.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { MediaImage } from "../../media/MediaImage.js";

package/dist/features/products/components/MakeOfferButton.js

@@ -3,7 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useTransition } from "react";
 import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
 import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
-import { Button, Div, LoginRequiredModal, Modal, Span, Stack, Text, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";