@mohasinac/appkit 4.64.1 → 4.66.0

package/dist/features/search/components/EntityTypeahead.js

@@ -41,7 +41,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @tag sideEffects:network
  */
 import React from "react";
-import { Button, Div, Input, 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 { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { useSiteSearch } from "../hooks/useSiteSearch.js";
 /** Stable identity — a `useMemo` dependency inside the hook. */
 const passthroughLabel = (typeKey) => typeKey;

package/dist/features/search/components/Search.js

@@ -8,7 +8,13 @@ const SVG_PATH_SEARCH = "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z";
 const CLS_HOVER_ROW = "hover:bg-surface-hover";
 const CLS_ICON_ROW = "w-4 h-4 flex-shrink-0 text-[var(--appkit-color-text-muted)]";
 const CLS_TRUNCATE = "font-medium truncate";
-import { Button, Div, Input, Li, Row, Select, Span, Stack, Text, Ul } 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 { Li, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { useNavSuggestions } from "../hooks/useNavSuggestions.js";
 import { useSiteSearch } from "../hooks/useSiteSearch.js";
 /**

package/dist/features/search/components/SearchFacetRail.js

@@ -30,7 +30,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @tag sideEffects:none
  */
 import React from "react";
-import { Button, Div, Row, Span, 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 { Span, Text } from "../../../ui/components/Typography.js";
 /**
  * Short code -> heading.
  *

package/dist/features/search/components/SearchResultsClient.js

@@ -35,7 +35,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * @tag sideEffects:network
  */
 import React from "react";
-import { Text } from "../../../ui/index.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { useSiteSearch } from "../hooks/useSiteSearch.js";
 import { mergeSearchTiers, useScopedSearch } from "../hooks/useScopedSearch.js";
 import { SearchFacetRail } from "./SearchFacetRail.js";

package/dist/features/search/components/SearchResultsPageView.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { Section, Container, Stack, Row, Div, Heading, Text, Span, TextLink } from "../../../ui/index.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Container, Stack, Row } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text, Span } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 export function SearchResultsPageView({ result, renderSearchInput, renderAboveGroups, }) {
     const { q, terms, groups, totalHits } = result;
     const hasQuery = q.trim().length > 0;

package/dist/features/seller/api/coupons/route.js

@@ -15,11 +15,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts/index.js";
 import { createRouteHandler } from "../../../../next/api/routeHandler.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 const GET = createRouteHandler({
     roles: ["seller", "admin", "moderator"],
     handler: async ({ request, user }) => {

package/dist/features/seller/api/products/route.js

@@ -16,11 +16,7 @@ import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts/index.js";
 import { createRouteHandler } from "../../../../next/api/routeHandler.js";
 import { storeRepository } from "../../../stores/repository/store.repository.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 const GET = createRouteHandler({
     roles: ["seller", "admin", "moderator"],
     handler: async ({ request, user }) => {

package/dist/features/seller/components/BulkStockModal.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Modal } from "../../../ui/components/Modal.js";
 import { Button } from "../../../ui/components/Button.js";
-import { Row, Stack, Text } from "../../../ui/index.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

package/dist/features/seller/components/CategoryChipPicker.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconButton, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { IconButton } from "../../../ui/components/IconButton.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { CategoryInlineSelect } from "./CategoryInlineSelect.js";
 export function CategoryChipPicker({ selected, onSelectedChange, emptyHint = "Leave empty to apply to every category.", allowCreate = false, }) {
     const add = (id) => {

package/dist/features/seller/components/FulfillmentView.js

@@ -9,7 +9,8 @@ import { apiClient } from "../../../http/index.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { BarcodeField } from "./BarcodeField.js";
 import { normalizeError } from "../../../errors/normalize.js";
-import { useToast, TextLink } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 function statusBadgeVariant(status) {
     if (status === "confirmed")

package/dist/features/seller/components/GroupInlineSelect.js

@@ -4,7 +4,7 @@ import React from "react";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS, SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { Text } from "../../../ui/index.js";
+import { Text } from "../../../ui/components/Typography.js";
 function makeLoadOptions(scope) {
     const endpoint = scope === "admin"
         ? ADMIN_ENDPOINTS.GROUPED_LISTINGS

package/dist/features/seller/components/SellerAddressesView.js

@@ -2,14 +2,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { MapPin, Pencil, Plus, Trash2, Star } from "lucide-react";
-import { Badge, Button, ConfirmDeleteModal, Div, Grid, Heading, IconButton, Row, SideDrawer, Span, Stack, Table, Thead, Tbody, Tr, Th, Td, Text, StickyToolbar } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.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 { IconButton } from "../../../ui/components/IconButton.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Table, Thead, Tbody, Tr, Th, Td } from "../../../ui/components/Semantic.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { FieldCheckbox } from "../../../ui/forms/FieldCheckbox.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
 import { normalizeError } from "../../../errors/normalize.js";
-import { TextLink } from "../../../ui/index.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 const __O = {

package/dist/features/seller/components/SellerAnalyticsAlertsView.js

@@ -5,7 +5,15 @@ import React, { useState, useCallback } from "react";
 import { z } from "zod";
 import { alertMetricsForScope } from "../../store-extensions/constants/alert-metrics.js";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Badge, Button, Div, Heading, Row, Section, Stack, Text, Toggle, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Badge } from "../../../ui/components/Badge.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 { Section } from "../../../ui/components/Semantic.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { analyticsAlertCreateSchema, ANALYTICS_ALERT_OPERATORS, } from "../../store-extensions/schemas/analytics-forms.js";

package/dist/features/seller/components/SellerAnalyticsView.d.ts

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

package/dist/features/seller/components/SellerAnalyticsView.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { StackedViewShell, DateInput, Label, Row, Text } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { DateInput } from "../../../ui/components/DateInput.js";
+import { Label, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 function DefaultDateRange({ from, to, onChange, labels, }) {
     return (_jsxs(Row, { gap: "md", align: "center", wrap: true, children: [_jsxs(Label, { layout: "flex", gap: "md", className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateFrom ?? "From" }), _jsx(DateInput, { value: from, onChange: (v) => onChange(v, to), className: "text-[length:var(--appkit-text-sm)] py-[var(--appkit-space-1-5)] px-[var(--appkit-space-3)]" })] }), _jsxs(Label, { layout: "flex", gap: "md", className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateTo ?? "To" }), _jsx(DateInput, { value: to, onChange: (v) => onChange(from, v), className: "text-[length:var(--appkit-text-sm)] py-[var(--appkit-space-1-5)] px-[var(--appkit-space-3)]" })] })] }));
 }

package/dist/features/seller/components/SellerBidsView.js

@@ -4,7 +4,13 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { Badge, Button, Div, FilterChipGroup, RecordDetailModal, Span, Text, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { buildBidDetailFields, bidStatusBadge } from "../../auctions/components/bid-detail-fields.js";
 import { RecordStatusTimeline } from "../../status-history/components/RecordStatusTimeline.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
@@ -16,7 +22,7 @@ import { toRecordArray, toCurrency, toStringValue } from "../hooks/useSellerList
 import { toRelativeDate } from "../../admin/hooks/useAdminListingData.js";
 import { DataTable } from "../../admin/components/DataTable.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
-import { TextLink } from "../../../ui/index.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 const DEFAULT_SORT = "-bidDate";
 const SORT_OPTIONS = [

package/dist/features/seller/components/SellerBundlesView.js

@@ -1,7 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SIEVE_OP, sieveFilter, sortBy } from "@mohasinac/appkit/client";
-import { Badge, Button, FilterChipGroup, Stack, Text, TextLink, Toggle } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";
 import { SELLER_BULK_ACTIONS } from "../../products/constants/action-defs.js";

package/dist/features/seller/components/SellerCouponEditorView.js

@@ -20,7 +20,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * a toast). One surface each.
  */
 import React from "react";
-import { Badge, Div, Heading, Row, Stack, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { FieldInput, FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";

package/dist/features/seller/components/SellerCouponsView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export interface SellerCouponsViewProps extends ListingLayoutProps {
     onCreateClick?: () => void;
     onEditClick?: (couponId: string) => void;

package/dist/features/seller/components/SellerCouponsView.js

@@ -4,7 +4,11 @@ import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
-import { Div, Grid, FilterChipGroup, ListingLayout, useToast } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid } from "../../../ui/components/Layout.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { toRecordArray, toStringValue, } from "../../admin/hooks/useAdminListingData.js";
 import { normalizeError } from "../../../errors/normalize.js";

package/dist/features/seller/components/SellerDashboardView.d.ts

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

package/dist/features/seller/components/SellerDashboardView.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { StackedViewShell, Div, Grid, Text } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 function DefaultStatsPlaceholder({ isLoading }) {
     return (_jsx(Grid, { cols: "statTiles", gap: "md", children: [1, 2, 3, 4].map((i) => (_jsx(Div, { padding: "5", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "xl", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Div, { className: "h-3 w-16 animate-pulse bg-[var(--appkit-color-border)]", rounded: "default" }), _jsx(Div, { className: "mt-3 h-6 w-20 animate-pulse bg-[var(--appkit-color-border)]", rounded: "default" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { size: "xs", variant: "secondary", className: "tracking-widest", weight: "semibold", transform: "uppercase", children: ["Stat ", i] }), _jsx(Text, { size: "xl", className: "mt-2 tabular-nums", weight: "bold", children: "\u2014" })] })) }, i))) }));
 }

package/dist/features/seller/components/SellerFeaturesView.js

@@ -4,7 +4,14 @@ import { normalizeError } from "../../../errors/normalize.js";
 import React from "react";
 import { Plus } from "lucide-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Button, Div, Heading, Row, SideDrawer, Stack, Text, Toggle, useToast, Skeleton, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { Skeleton } from "../../../ui/components/Skeleton.js";
 import { apiClient } from "../../../http/index.js";
 import { ERROR_MESSAGES } from "../../../errors/messages.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/seller/components/SellerGoogleReviewsView.js

@@ -3,7 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { RefreshCw } from "lucide-react";
-import { Alert, Button, Div, Heading, Row, Section, Stack, Text, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { useFormShellState, FormShellContext, FormErrorSummary } from "../../../ui/forms/index.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
 import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues } from "../../shell/index.js";

package/dist/features/seller/components/SellerGroupedListingsView.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Row, sortBy } from "@mohasinac/appkit/client";
-import { Badge, Button, Span, Toggle } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";

package/dist/features/seller/components/SellerGuideView.d.ts

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

package/dist/features/seller/components/SellerGuideView.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 SellerGuideView({ labels = {}, sections, cta, renderSections, renderCTA, ...rest }) {
     return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [sections ?? renderSections?.(), cta ?? renderCTA?.()] }));
 }

package/dist/features/seller/components/SellerListingTypeView.js

@@ -36,7 +36,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * @tag sideEffects:none
  */
 import React, { useCallback, useState } from "react";
-import { Badge, ConfirmDeleteModal, RowActionMenu, Span, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { apiClient } from "../../../http/index.js";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/seller/components/SellerOffersView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export interface SellerOffersViewProps extends ListingLayoutProps {
     onAcceptOffer?: (id: string) => Promise<void>;
     onRejectOffer?: (id: string) => Promise<void>;

package/dist/features/seller/components/SellerOffersView.js

@@ -3,7 +3,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
-import { FilterChipGroup, ListingLayout, RowActionMenu, RecordDetailModal } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { QuickFormDrawer } from "../../shell/QuickFormDrawer.js";
 import { OfferPhaseTimeline } from "./OfferPhaseTimeline.js";
 import { counterOfferFormSchema } from "../schemas/offer-forms.js";

package/dist/features/seller/components/SellerOrdersView.js

@@ -15,7 +15,14 @@ import React, { useState, useCallback } from "react";
 import { Eye, ExternalLink, Printer, MapPin, Truck } from "lucide-react";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { Badge, Button, Div, FilterChipGroup, SideDrawer, Span, Stack, Text, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { SELLER_ORDER_STATUS_TABS } from "../../admin/constants/filter-tabs.js";
 import { useOrderScope } from "../../orders/components/OrderScopeTabs.js";
 import { ORDER_LANE_TABS } from "../../orders/constants/order-lane-tabs.js";

package/dist/features/seller/components/SellerPayoutHistoryTable.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 SellerPayoutHistoryTable({ labels = {}, isLoading = false, hasRows, renderLoading, renderEmptyState, renderTable, className = "", }) {
     return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 2, className: "mb-4", children: labels.title })), isLoading
                 ? (renderLoading?.() ?? null)

package/dist/features/seller/components/SellerPayoutMethodsView.js

@@ -4,7 +4,13 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
 import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
-import { Badge, ConfirmDeleteModal, Div, Row, RowActionMenu, Span, Text, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../constants/index.js";
 import { toRecordArray, toStringValue } from "../hooks/useSellerListingData.js";

package/dist/features/seller/components/SellerPayoutRequestView.js

@@ -2,7 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useEffect, useState } from "react";
-import { Alert, Badge, Button, Div, Modal, Row, Stack, Text, Textarea } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 const __P = {

package/dist/features/seller/components/SellerPayoutSettingsView.js

@@ -3,9 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
 import { Alert, Badge, Checkbox, Div, FormField, FormGroup, Heading, Label, Row, Span, Stack, Text, Toggle } from "../../../ui/index.js";
-import { StackedViewShell } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
 import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav, annotate } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
+import { annotate } from "../../shell/field-ui-meta.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";

package/dist/features/seller/components/SellerPayoutStats.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 export function SellerPayoutStats({ isLoading = false, renderLoading, renderStats, className = "", }) {
     if (isLoading) {
         return _jsx(Div, { className: className, children: renderLoading?.() ?? null });

package/dist/features/seller/components/SellerPayoutsView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 /**
  * SellerPayoutDetailContent — the payout detail body (status progress,
  * amount breakdown, refund deductions, dates, orders, reminder toggle).

package/dist/features/seller/components/SellerPayoutsView.js

@@ -5,7 +5,16 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useRouter } from "next/navigation.js";
-import { Badge, Div, FilterChipGroup, ListingLayout, Row, RowActionMenu, SideDrawer, Span, Stack, Text, Toggle, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.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 { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { ADMIN_PAYOUT_STATUS_TABS } from "../../admin/constants/filter-tabs.js";

package/dist/features/seller/components/SellerProductShell.js

@@ -544,7 +544,6 @@ productId, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCat
     useFormShellState(sellerProductSchema, undefined, {
         allowAddAnother: mode === "create",
     });
-    const [stepError, setStepError] = useState(null);
     const { isDirty, markDirty, markClean } = useFormShell();
     const router = useRouter();
     const { showToast } = useToast();
@@ -859,7 +858,7 @@ productId, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCat
                     }) }) }) }));
     }
     if (mode === "create") {
-        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, previewSlot: previewSlot, splitPreview: !!previewSlot, renderBottomBar: () => (_jsxs(Div, { className: "flex-shrink-0 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(Div, { paddingX: "x-5", padding: "y-sm", children: _jsx(FormErrorSummary, {}) }) }), _jsxs(Div, { paddingX: "x-5", padding: "b-sm", children: [_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(AddAnotherToggle, { noun: listingTypeLabel.toLowerCase(), isCreate: mode === "create" }) }), _jsxs(Row, { gap: "sm", justify: "between", wrap: true, children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => void handleSave(), disabled: isLoading || !draft.title?.trim(), children: "Save as draft & finish later" }), _jsx(Button, { variant: "primary", onClick: () => void handlePublish(), isLoading: isLoading, disabled: isLoading, children: addAnotherSubmitLabel(`Publish ${listingTypeLabel}`, addAnother) })] })] }), stepError && (_jsx(Text, { className: "text-[var(--appkit-color-error)] px-[1.25rem] pb-[0.75rem]", size: "sm", children: stepError }))] })), children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(SectionForm, { sections: sections, values: draft, onChange: update, onSubmit: handlePublish, schema: sellerProductSchema, openIds: openIds, onOpenChange: setOpenIds, isLoading: isLoading, hideActions: true }) }) }));
+        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, previewSlot: previewSlot, splitPreview: !!previewSlot, renderBottomBar: () => (_jsxs(Div, { className: "flex-shrink-0 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(Div, { paddingX: "x-5", padding: "y-sm", children: _jsx(FormErrorSummary, {}) }) }), _jsxs(Div, { paddingX: "x-5", padding: "b-sm", children: [_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(AddAnotherToggle, { noun: listingTypeLabel.toLowerCase(), isCreate: mode === "create" }) }), _jsxs(Row, { gap: "sm", justify: "between", wrap: true, children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => void handleSave(), disabled: isLoading || !draft.title?.trim(), children: "Save as draft & finish later" }), _jsx(Button, { variant: "primary", onClick: () => void handlePublish(), isLoading: isLoading, disabled: isLoading, children: addAnotherSubmitLabel(`Publish ${listingTypeLabel}`, addAnother) })] })] })] })), children: _jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(SectionForm, { sections: sections, values: draft, onChange: update, onSubmit: handlePublish, schema: sellerProductSchema, openIds: openIds, onOpenChange: setOpenIds, isLoading: isLoading, hideActions: true }) }) }));
     }
     // Edit mode — FormShell with section nav + full form
     const editSections = [

package/dist/features/seller/components/SellerProductsCards.js

@@ -1,6 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button, Checkbox, Div, Grid, Row, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

package/dist/features/seller/components/SellerProductsFilterDrawer.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Div, FilterChipGroup, Row, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { FieldInput, FieldSelect } from "../../../ui/forms/index.js";
 import { CategoryInlineSelect } from "./CategoryInlineSelect.js";
 import { BrandInlineSelect } from "./BrandInlineSelect.js";

package/dist/features/seller/components/SellerProductsView.js

@@ -14,7 +14,13 @@ import { Eye, EyeOff, Pencil, Trash2, Printer, MapPin, Boxes, Wrench, Scissors }
 import { PhysicalLocationModal } from "./PhysicalLocationModal.js";
 import { BulkStockModal } from "./BulkStockModal.js";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
-import { Badge, Button, Div, Row, Select, Span, Text, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { SELLER_PRODUCT_STATUS_TABS } from "../../admin/constants/filter-tabs.js";