@mohasinac/appkit 4.65.0 → 4.66.0

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

@@ -10,7 +10,12 @@ const CLS_BUNDLE_PILL = "inline-flex items-center rounded-full bg-violet-600 px-
 const CLS_STOCK_OK = "bg-success-solid text-success-on-solid";
 // audit-content-alignment-ok: button label text, not page content — buttons are universally center-labeled
 const CLS_VIEW_BTN = "mt-2 w-full cursor-pointer rounded-md bg-violet-600 py-[var(--appkit-space-1-5)] text-center text-[length:var(--appkit-text-xs)] font-semibold text-white transition-colors hover:bg-violet-700 active:scale-[0.98]";
-import { BaseListingCard, Div, GatedPrice, PricesOnly, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.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 { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { computeBundleDiscount } from "../../../_internal/shared/features/categories/bundle-pricing.js";
 import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy.js";

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

@@ -8,7 +8,13 @@ import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { formatCurrency } from "../../../utils/index.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 const CLS_PRIZE_PILL = "inline-flex items-center rounded-full bg-fuchsia-600 px-[var(--appkit-space-2)] py-[var(--appkit-space-0-5)] text-white";
-import { BaseListingCard, Button, Div, GatedPrice, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.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 { MediaImage } from "../../media/MediaImage.js";
 import { CardStoreLine } from "./CardStoreLine.js";
 import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";

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

@@ -13,7 +13,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * agreed to in S5-doc.
  */
 import { useEffect, useId, useState } from "react";
-import { Button, Checkbox, Li, Modal, Stack, Text, Ul } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Li, Ul } from "../../../ui/components/Semantic.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 const COPY = {
     "prize-draw": {
         heading: "Entry fee is non-refundable",

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DetailViewShellProps } from "../../../ui";
+import type { DetailViewShellProps } from "../../../ui/components/DetailViewShell";
 /**
  * PreOrderDetailView — shell for pre-order product detail pages.
  * Uses grid-2 layout (gallery | info+buyBar).

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

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { DetailViewShell } from "../../../ui/index.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
 export function PreOrderDetailView({ renderGallery, renderInfo, renderBuyBar, renderSublistingSection, renderGroupSection, renderTabs, renderRelated, isLoading = false, ...rest }) {
     const sublistingNode = renderSublistingSection?.();
     const groupNode = renderGroupSection?.();

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

@@ -16,7 +16,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { Row } from "@mohasinac/appkit/client";
 import { useState } from "react";
-import { Button, Div, Grid, PricesOnly, Scrim, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid } from "../../../ui/components/Layout.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Scrim } from "../../../ui/components/Scrim.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ImageLightbox } from "../../../ui/components/ImageLightbox.js";

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

@@ -11,7 +11,12 @@ import { ROUTES } from "../../../next/routing/route-map.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
-import { Container, Disclaimer, Div, Heading, Main, RichText, Row, Section, Span, Stack, Text, } from "../../../ui/index.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { Disclaimer } from "../../../ui/components/Disclaimer.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
 import { PreOrderDetailView } from "./PreOrderDetailView.js";
 import { PrizeDrawBottomActions } from "./PrizeDrawBottomActions.js";
 import { ProductTabsShell } from "./ProductTabsShell.js";

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
 import { useRouter } from "next/navigation.js";
-import { Anchor, Button, GatedPrice, QuantityStepper, Row, Stack, Text, LoginRequiredModal, } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Button } from "../../../ui/components/Button.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { QuantityStepper } from "../../../ui/components/QuantityStepper.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
 import { useAddToCart } from "../../cart/hooks/useAddToCart.js";
 import { useToast } from "../../../ui/components/Toast.js";
 import { normalizeError } from "../../../errors/normalize.js";

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

@@ -9,7 +9,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * of a small bounded DataTable (≤16 rows per draw) rather than a paginated
  * DataListingView.
  */
-import { Badge, Container, DataTable, Div, Heading, Row, Section, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { DataTable } from "../../../ui/DataTable.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, 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 { ROUTES } from "../../../next/routing/route-map.js";
 export function PrizeDrawWinnerMappingView({ title = "Prize Draw — Winner Mapping", items, isAdmin, }) {

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

@@ -6,7 +6,14 @@ import { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { usePendingTable } from "../../../react/hooks/usePendingTable.js";
 import { useProducts } from "../hooks/useProducts.js";
-import { Div, FilterDrawer, Grid, Label, ListingToolbar, Pagination, Row, Select, Stack, Text, StickyToolbar } from "../../../ui/index.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 { Label, Text } from "../../../ui/components/Typography.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Select } from "../../../ui/components/Select.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree.js";
 import { useBrands } from "../hooks/useBrands.js";
 import { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard.js";

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

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

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

@@ -4,7 +4,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // a client-reference proxy and calling it throws during the server render
 // (Root Cause #18). That is exactly what took `section-prize-draws` down.
 import { sortBy } from "../../../constants/sort.js";
-import { Container, Grid, Heading, Section, Stack, Text } from "../../../ui/index.js";
+import { Container, Grid, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { listPublicProducts } from "../../../_internal/server/features/products/list-public.js";
 import { AVAILABILITY_VALUES, PRODUCT_FIELDS } from "../../../constants/field-names.js";

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

@@ -9,7 +9,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Firebase Function at draw expiry/sellout ("scheduled" mode). This modal is
  * a pure display: "pending" (no result yet) or "won" (order.prizeWon is set).
  */
-import { Anchor, Div, Heading, Modal, PricesOnly, Span, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { PrizeDrawCollage } from "./PrizeDrawCollage.js";
 const __P = {

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 /**
  * `ProductCardMetadataSection` — W1-34 — renders single-card aftermarket
  * metadata (set name / year / card number / rarity / language). Designed to

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

@@ -2,7 +2,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "next/navigation.js";
-import { Button, Stack, LoginRequiredModal, Icon } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Icon } from "../../../ui/components/Icon.js";
 import { useToast } from "../../../ui/components/Toast.js";
 import { useAddToCart } from "../../cart/hooks/useAddToCart.js";
 import { apiClient } from "../../../http/index.js";

package/dist/features/products/components/ProductDetailPageView.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 "../repository/products.repository.js";
 import { priceIndexRepository } from "../../categories/repository/price-index.repository.js";
 import { MarketPriceAnchor } from "./MarketPriceAnchor.js";
 const __P = {
@@ -33,7 +33,15 @@ import { productCrumbs, withTrailHead } from "../../categories/utils/breadcrumb-
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 import { RecordOwnerQuickActions } from "../../admin/components/RecordOwnerQuickActions.js";
 import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
-import { Button, Container, Div, Heading, Main, PriceDisplay, RichText, Row, Section, Span, Stack, Text, Ul, Ol, Li, SpecTable, Icon, } 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 { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Main, Section, Ul, Ol, Li } from "../../../ui/components/Semantic.js";
+import { PriceDisplay } from "../../../ui/components/PriceDisplay.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { SpecTable } from "../../../ui/components/SpecTable.js";
+import { Icon } from "../../../ui/components/Icon.js";
 import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
 import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel.js";

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { DetailViewShell } from "../../../ui/index.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
 export function ProductDetailView({ renderGallery, renderInfo, renderActions, renderSublistingSection, renderGroupSection, renderTabs, renderBundleSection, renderRelated, isLoading = false, stickyActionRail = true, stickyRailOffset = "top-[var(--header-height,0px)]", ...rest }) {
     const sublistingNode = renderSublistingSection?.();
     const groupNode = renderGroupSection?.();

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

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { Row, Span, TextLink, Icon } from "../../../ui/index.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { Icon } from "../../../ui/components/Icon.js";
 export function ProductFeatureBadges({ featured, fasterDelivery, ratedSeller, condition, returnable, finalSale, freeShipping, wishlistCount, categoryProductCount, categoryName, codAvailable, codHref, emiAvailable, emiHref, labels, formatCount, categoryBadgeClassName, }) {
     const badges = [];
     if (featured) {

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

@@ -2,7 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS, SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";

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

@@ -5,7 +5,8 @@ import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
 import { SwitchFilter } from "../../filters/SwitchFilter.js";
-import { Div, PricesOnly } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 import { STANDARD_SORT_OPTIONS, STANDARD_PUBLIC_SORT_OPTIONS, } from "../constants/sieve.js";

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

@@ -13,7 +13,7 @@ import { ProductFeaturesSelector } from "./ProductFeaturesSelector.js";
 // not a type: the gallery needs it at runtime (see `galleryImages` below).
 import { productImageUrls } from "../schemas/firestore.js";
 import { ImageUpload, MediaUploadField, MediaUploadList, } from "../../media/index.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { resolveDate } from "../../../utils/date.formatter.js";
 // Read-only here: the inputs that WROTE this field are gone — see the Physical
 // Inventory block for why three free-text boxes could not be made consistent.

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

@@ -3,7 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Play } from "lucide-react";
 import { ImageLightbox } from "../../../ui/components/ImageLightbox.js";
-import { Button, Div, Row, Stack, Text } 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 { Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 const __O = {
     hidden: "overflow-hidden",

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

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Anchor, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.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 { Badge } from "../../../ui/components/Badge.js";
 import { MediaImage } from "../../media/MediaImage.js";
 const __O = {

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { LayoutSlots } from "../../../contracts";
-import type { ViewMode } from "../../../ui";
+import type { ViewMode } from "../../../ui/components/ViewToggle";
 import type { ProductItem } from "../types";
 interface ProductCardProps<T extends ProductItem = ProductItem> {
     product: T;

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import Link from "next/link.js";
-import { BaseListingCard, Button, Div, GatedPrice, Grid, PriceDisplay, PricesOnly, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GatedPrice, PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { PriceDisplay } from "../../../ui/components/PriceDisplay.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";

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

@@ -5,7 +5,15 @@ import { ShoppingCart, Heart, Columns } from "lucide-react";
 import { useRouter } from "next/navigation.js";
 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 { useAuthGate } from "../../../react/hooks/useAuthGate.js";
 import { useCanSeePrices } from "../../../react/hooks/useCanSeePrices.js";
@@ -28,14 +36,14 @@ import { useProductFeatures } from "./ProductFeaturesContext.js";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys.js";
 import { sortBy } from "../../../constants/sort.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { GENERIC_PRODUCT_LISTING_TYPES, PRODUCT_TYPE_FILTER_TABS } from "../constants/listing-tabs.js";
 import { parseSelectedListingTypes } from "../utils/listing-type.js";
 import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags.js";
 import { commonSortOptionsFor } from "../../../_internal/shared/listing-types/_registry.js";
 import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 import { AvailabilityTabs } from "./AvailabilityTabs.js";
-import { TextLink } from "../../../ui/index.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { Container, Div, Heading, Main, Section, Text, TextLink } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { ProductsIndexListing } from "./ProductsIndexListing.js";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
@@ -11,7 +15,7 @@ import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js"
 import { listPublicProducts, parsePublicProductParams, defaultAvailabilityForListingTypes, } from "../../../_internal/server/features/products/list-public.js";
 import { parseSelectedListingTypes } from "../utils/listing-type.js";
 import { isListingTypeEnabled } from "../../../_internal/shared/listing-types/feature-flags.js";
-import { siteSettingsRepository } from "../../../repositories/index.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 import { safeRead } from "../../../errors/safe-read.js";
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { RelatedProductsCarousel } from "./RelatedProductsCarousel.js";
 /**
  * The same-shape "More in category / More by brand / You might also like /

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

@@ -1,5 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Stack } from "../../../ui/components/Layout.js";
+import { Heading } from "../../../ui/components/Typography.js";
 export function RelatedProducts({ isLoading = false, isEmpty = false, renderGrid, renderSkeleton, renderTitle, labels = {}, className = "", }) {
     if (isLoading) {
         if (renderSkeleton)

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Link from "next/link.js";
-import { Div, PricesOnly, Row, Span, Text, Modal, SideDrawer, Button } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Button } from "../../../ui/components/Button.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { GroupMemberPicker } from "./GroupMemberPicker.js";
 import { resolveGroupMemberImage } from "../utils/group-member-image.js";

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

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, Heading, Main, Section, Text, TextLink } 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 { TextLink } from "../../../ui/components/TextLink.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/SublistingCarouselSection.js

@@ -3,7 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Link from "next/link.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { Div, PricesOnly, Row, Span, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { PricesOnly } from "../../../ui/components/GatedPrice.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { normalizeListingType } from "../utils/listing-type.js";

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Text } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { SublistingInlineSelect } from "../../seller/components/SublistingInlineSelect.js";
 export function SublistingCategorySelect({ value, onChange, disabled, allowCreate = false, }) {
     return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", color: "primary", children: "Sub-listing category" }), _jsx(SublistingInlineSelect, { value: value, onChange: onChange, disabled: disabled, allowCreate: allowCreate, placeholder: "\u2014 None \u2014" }), _jsx(Text, { size: "xs", color: "faint", children: "Groups this listing with others for the same collectible (e.g. \u201CBase Set Charizard 108/120\u201D)." })] }));

package/dist/features/products/hooks/useProducts.js

@@ -2,7 +2,7 @@
 import { useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http/index.js";
-import { useToast } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
 import { isAdminUser, isTesterUser } from "../../auth/role-predicates.js";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";