@mohasinac/appkit 4.65.0 → 4.66.0

package/dist/features/admin/components/AdminGroupedListingsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminGroupedListingsViewProps = ListingLayoutProps;
 export declare function AdminGroupedListingsView({ children, ...props }: AdminGroupedListingsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminGroupedListingsView.js

@@ -7,8 +7,13 @@ import { normalizeError } from "../../../errors/normalize.js";
  */
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
-import { ListingLayout } from "../../../ui/index.js";
-import { Button, Row, SideDrawer, Stack, Text, TextLink, useToast, } from "../../../ui/index.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect.js";

package/dist/features/admin/components/AdminGuideHubView.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Users, Package, Store, ShoppingBag, FileText, Settings, Shield, BarChart2, AlertTriangle, BookOpen, CreditCard } from "lucide-react";
-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 { ROUTES } from "../../../next/routing/route-map.js";
 const CLS_WARN_PANEL = "rounded-2xl border border-amber-200 bg-warning-surface dark:border-amber-800 p-[var(--appkit-space-6)]";
 const CLS_WARN_HEAD = "font-semibold text-amber-800 dark:text-amber-300 mb-1";

package/dist/features/admin/components/AdminHistoryView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminHistoryViewProps = ListingLayoutProps;
 export declare function AdminHistoryView({ children, ...props }: AdminHistoryViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminHistoryView.js

@@ -7,7 +7,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { useRouter } from "next/navigation.js";
-import { ListingLayout } from "../../../ui/index.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";

package/dist/features/admin/components/AdminIntegrationsView.js

@@ -1,7 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
-import { Alert, Badge, Button, Div, Heading, Row, Stack, Text, } 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 { useToast } from "../../../ui/components/Toast.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

package/dist/features/admin/components/AdminInvoicingView.js

@@ -1,7 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, Card, Disclaimer, Div, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Card } from "../../../ui/components/Card.js";
+import { Disclaimer } from "../../../ui/components/Disclaimer.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 { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { Icon } from "../../../ui/components/Icon.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/admin/components/AdminLiveView.d.ts

@@ -8,6 +8,6 @@
  * of a three-option sort array. See listing-type-listing-config.ts.
  */
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminLiveViewProps = ListingLayoutProps;
 export declare function AdminLiveView({ children, ...props }: AdminLiveViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminLiveView.js

@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * of a three-option sort array. See listing-type-listing-config.ts.
  */
 import React from "react";
-import { ListingLayout } from "../../../ui/index.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config.js";
 import { DataListingView } from "./DataListingView.js";
 import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope.js";

package/dist/features/admin/components/AdminMediaView.d.ts

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

package/dist/features/admin/components/AdminMediaView.js

@@ -1,7 +1,17 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Alert, Button, ConfirmDeleteModal, Div, Grid, Input, Row, Select, Stack, StackedViewShell, Text, TextLink, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.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 { Input } from "../../../ui/components/Input.js";
+import { Select } from "../../../ui/components/Select.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/admin/components/AdminMoneyCasesView.d.ts

@@ -55,6 +55,6 @@
  * @tag sideEffects:network
  */
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminMoneyCasesViewProps = ListingLayoutProps;
 export declare function AdminMoneyCasesView({ children, ...props }: AdminMoneyCasesViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminMoneyCasesView.js

@@ -58,7 +58,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import React, { useState } from "react";
 import { sieveFilter, SIEVE_OP, sortBy, } from "@mohasinac/appkit/client";
-import { Button, FilterChipGroup, ListingLayout, RecordDetailModal, Row, RowActionMenu, Stack, Text, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { RecordStatusTimeline } from "../../status-history/components/RecordStatusTimeline.js";
 import { ReviewDecisionModal } from "../../store-extensions/components/ReviewDecisionModal.js";
 import { paymentCaseResolveFormSchema, } from "../../payment-cases/schemas/resolve-form.js";

package/dist/features/admin/components/AdminNavEditorView.js

@@ -2,7 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
-import { Div, SideDrawer, useToast } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
 import { SectionForm, useSectionFormNav, buildSectionsFromSchema } from "../../shell/index.js";
 const EMPTY_NAV_ITEM = {

package/dist/features/admin/components/AdminNavigationView.d.ts

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

package/dist/features/admin/components/AdminNavigationView.js

@@ -3,7 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Button, ConfirmDeleteModal, Div, Row, RowActionMenu, Span, Stack, StackedViewShell, Text, Toggle, useToast } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { AdminNavEditorView } from "./AdminNavEditorView.js";

package/dist/features/admin/components/AdminNewsletterView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export interface AdminNewsletterViewProps extends ListingLayoutProps {
     onBulkUnsubscribe?: (ids: string[]) => Promise<void>;
 }

package/dist/features/admin/components/AdminNewsletterView.js

@@ -6,7 +6,13 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useCallback, useEffect, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu, useToast, RecordDetailModal, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { ADMIN_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/admin/components/AdminNotificationsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminNotificationsViewProps = ListingLayoutProps;
 export declare function AdminNotificationsView({ children, ...props }: AdminNotificationsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminNotificationsView.js

@@ -5,7 +5,11 @@ import { SIEVE_OP, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";

package/dist/features/admin/components/AdminOffersView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminOffersViewProps = ListingLayoutProps;
 export declare function AdminOffersView({ children, ...props }: AdminOffersViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminOffersView.js

@@ -34,7 +34,11 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { FilterChipGroup, ListingLayout, RecordDetailModal, RowActionMenu, useToast, } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_OFFER_STATUS_TABS, offerStatusLabel } from "../constants/filter-tabs.js";
 import { OfferPhaseTimeline } from "../../seller/components/OfferPhaseTimeline.js";

package/dist/features/admin/components/AdminOrderEditorView.js

@@ -8,8 +8,14 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, Div, Label, SideDrawer, Stack, Text, Textarea, useToast } from "../../../ui/index.js";
-import { MediaImage } from "../../media/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Label, Text } from "../../../ui/components/Typography.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { MediaImage } from "../../media/MediaImage.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

package/dist/features/admin/components/AdminOrdersGuideView.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ShoppingBag, Hash, Scale, Wallet, RotateCcw, DollarSign, Gavel } from "lucide-react";
-import { Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 import { resolvePublishedValues } from "../../../_internal/shared/content/published-values.js";
 /*

package/dist/features/admin/components/AdminOrdersView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminOrdersViewProps = ListingLayoutProps;
 export declare function AdminOrdersView({ children, ...props }: AdminOrdersViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminOrdersView.js

@@ -5,7 +5,9 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { useRouter } from "next/navigation.js";
-import { FilterChipGroup, ListingLayout, useToast } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { QuickEditMenu } from "./QuickEditMenu.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/admin/components/AdminPartsView.d.ts

@@ -22,6 +22,6 @@
  * @tag consumers:app/[locale]/admin/parts/page.tsx
  */
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminPartsViewProps = ListingLayoutProps;
 export declare function AdminPartsView({ children, ...props }: AdminPartsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminPartsView.js

@@ -24,7 +24,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @tag consumers:app/[locale]/admin/parts/page.tsx
  */
 import React from "react";
-import { Heading, ListingLayout, Stack, Text } from "../../../ui/index.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { PART_GLOSSARY_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";

package/dist/features/admin/components/AdminPaymentClustersView.js

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { useQueryClient } from "@tanstack/react-query";
-import { Badge, Button, Div, Heading, Row, Span, Stack, Text, TextLink, 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 { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { apiClient } from "../../../http/index.js";

package/dist/features/admin/components/AdminPaymentMethodsView.js

@@ -4,7 +4,13 @@ import { sortBy } from "@mohasinac/appkit/client";
 import { useState } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { Badge, Div, FilterChipGroup, Span, Stack, Text, useToast, RecordDetailModal, } 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 { Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { toRecordArray, toRelativeDate, toStringValue } from "../hooks/useAdminListingData.js";

package/dist/features/admin/components/AdminPaymentsGuideView.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CreditCard, KeyRound, Webhook, Settings, Power, Rocket, Code2 } from "lucide-react";
-import { Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 export function AdminPaymentsGuideView() {
     return (_jsxs(Stack, { className: "max-w-3xl mx-auto", padding: "b-2xl", gap: "xl", children: [_jsxs(Section, { children: [_jsxs(Row, { className: "mb-2", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "xl", children: _jsx(CreditCard, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Admin Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: "Payments (Razorpay)" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Razorpay is disabled by default on this platform \u2014 manual UPI/bank transfer and Cash on Delivery are the default payment methods. Enable Razorpay only once you have real (or test-mode) API keys." })] }), [

package/dist/features/admin/components/AdminPayoutsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminPayoutsViewProps = ListingLayoutProps;
 export declare function AdminPayoutsView({ children, ...props }: AdminPayoutsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminPayoutsView.js

@@ -6,7 +6,11 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useEffect } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, FilterChipGroup, ListingLayout, RowActionMenu, useToast, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { AdminPayoutMarkPaidModal } from "./AdminPayoutMarkPaidModal.js";
 import { useRouter } from "next/navigation.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";

package/dist/features/admin/components/AdminPrizeDrawsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminPrizeDrawsViewProps = ListingLayoutProps;
 export declare function AdminPrizeDrawsView({ children, ...props }: AdminPrizeDrawsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminPrizeDrawsView.js

@@ -4,7 +4,13 @@ import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { Pencil, ListChecks } from "lucide-react";
-import { Badge, Button, FilterChipGroup, ListingLayout, Row, Span, Text, TextLink } 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 { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
 import { ADMIN_PRODUCT_STATUS_TABS } from "../constants/filter-tabs.js";

package/dist/features/admin/components/AdminProductEditorView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 import type { ProductFormValue } from "../../products/components/ProductForm";
 import type { ListingType } from "../../products/types";
 export interface AdminProductEditorViewProps extends Omit<StackedViewShellProps, "sections"> {

package/dist/features/admin/components/AdminProductEditorView.js

@@ -9,7 +9,7 @@ import { z } from "zod";
 import { useQuery } from "@tanstack/react-query";
 import { Button, Card, CardBody, ConfirmDeleteModal, Div, PaginatedSelect, Stack, StackedViewShell, Tabs, TabsContent, TabsList, TabsTrigger, Text, useToast, Show, StickyToolbar } from "../../../ui/index.js";
 import { useFormShellState, applyZodIssues, FormErrorSummary, FormShellContext } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { PRODUCT_MAX_IMAGES } from "../../../_internal/shared/media/limits.js";
 // Admin form-input validation — deliberately a small local schema, not the
 // broader `productItemSchema` (that one requires `id`/`price`/`status` as

package/dist/features/admin/components/AdminProductsView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 import type { AdminListingScaffoldRow } from "./DataListingView";
 export interface AdminProductsViewProps extends ListingLayoutProps {
     actionHref?: string;

package/dist/features/admin/components/AdminProductsView.js

@@ -4,12 +4,15 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { SIEVE_OP, Stack, sieveFilter, Row } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
-import { ListingLayout, Span, Text, Toggle, useToast } from "../../../ui/index.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.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 { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_PRODUCT_STATUS_TABS, ADMIN_PRODUCT_LISTING_TYPE_TABS, } from "../constants/filter-tabs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
-import { FilterChipGroup } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
 import { apiClient } from "../../../http/index.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { AdminProductEditorView } from "./AdminProductEditorView.js";

package/dist/features/admin/components/AdminReturnRequestsView.js

@@ -4,7 +4,9 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { ConfirmDeleteModal, RowActionMenu, useToast } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ROUTES } from "../../../next/routing/route-map.js";

package/dist/features/admin/components/AdminReviewsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminReviewsViewProps = ListingLayoutProps;
 export declare function AdminReviewsView({ children, ...props }: AdminReviewsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminReviewsView.js

@@ -5,7 +5,14 @@ import { Row, SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Button, FilterChipGroup, Label, ListingLayout, Modal, RowActionMenu, Textarea, useToast } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Label } from "../../../ui/components/Typography.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";

package/dist/features/admin/components/AdminScammersView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminScammersViewProps = ListingLayoutProps;
 export declare function AdminScammersView({ children, ...props }: AdminScammersViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminScammersView.js

@@ -4,7 +4,11 @@ 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 { FilterChipGroup, ListingLayout, RowActionMenu, Span, Stack, Text } 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 { Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ROUTES } from "../../../next/routing/route-map.js";

package/dist/features/admin/components/AdminSectionsView.js

@@ -10,7 +10,7 @@ import { Badge, Button, Checkbox, ConfirmDeleteModal, Div, FilterChipGroup, Inpu
 import { ICON_KEY_OPTIONS } from "./sections/icon-options.js";
 import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";
 import { homepageSectionFormSchema, } from "../schemas/homepage-section-form.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/index.js";

package/dist/features/admin/components/AdminSessionsManager.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 export function AdminSessionsManager({ renderHeader, renderStats, renderTable, renderConfirmModal, className = "", }) {
     return (_jsxs(Stack, { className: `${className}`, gap: "lg", children: [renderHeader?.(), renderStats(), renderTable(), renderConfirmModal?.()] }));
 }

package/dist/features/admin/components/AdminSessionsView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminSessionsViewProps = ListingLayoutProps;
 export declare function AdminSessionsView({ children, ...props }: AdminSessionsViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminSessionsView.js

@@ -5,7 +5,12 @@ import { SIEVE_OP, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu, useToast, RecordDetailModal, } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";