@mohasinac/appkit 4.65.0 → 4.66.0

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

@@ -3,7 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState, useCallback } from "react";
 import { createPortal } from "react-dom";
 import Link from "next/link.js";
-import { Button, Div, IconButton, Input, Li, Nav, Row, Span, Stack, Ul } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { IconButton } from "../../../ui/components/IconButton.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Li, Nav, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { BottomSheet } from "../../layout/BottomSheet.js";
 import { SidebarCollapseToggle } from "../../../_internal/client/features/layout/SidebarCollapseToggle.js";
 import { useSidebarSearch } from "../../../_internal/client/features/layout/useSidebarSearch.js";

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Settings } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 const CLS_HEADER_ICON = "w-5 h-5 text-amber-500";
 export function AdminSiteConfigGuideView() {

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

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

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

@@ -13,7 +13,7 @@ import { ImageUpload } from "../../media/upload/ImageUpload.js";
  */
 import { PAYOUT_HOLD_FLOOR_DAYS } from "../../../_internal/shared/fees/payout-hold.js";
 import { MediaUploadField } from "../../media/upload/MediaUploadField.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
@@ -33,7 +33,7 @@ import { validateGstEnablement } from "../../../_internal/shared/features/site-s
 import { COD_MAX_ORDER_VALUE_FALLBACK } from "../schemas/firestore.js";
 import { siteSettingsFormSchema } from "../schemas/site-settings-form.js";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
-import { SectionForm } from "../../shell/index.js";
+import { SectionForm } from "../../shell/SectionForm.js";
 import { useFormShellState, FormShellContext, applyZodIssues } from "../../../ui/forms/index.js";
 const __O = {
     hidden: "overflow-hidden",

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

@@ -7,6 +7,6 @@
  * precisely why those five were collapsed onto one builder in the first place.
  */
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminSparesViewProps = ListingLayoutProps;
 export declare function AdminSparesView({ children, ...props }: AdminSparesViewProps): React.JSX.Element;

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

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * precisely why those five were collapsed onto one builder in the first place.
  */
 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/AdminStickersView.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 AdminStickersViewProps = ListingLayoutProps;
 export declare function AdminStickersView({ children, ...props }: AdminStickersViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminStickersView.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/AdminStoreAddressesView.js

@@ -5,7 +5,7 @@ import { useState } from "react";
 import { toRecordArray, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
-import { RecordDetailModal } from "../../../ui/index.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 const ADMIN_STORE_ADDRESSES_CONFIG = {
     portal: "admin",
     title: "Store Addresses",

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

@@ -3,7 +3,13 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Checkbox, Details, Div, SideDrawer, Span, Stack, Summary, useToast } from "../../../ui/index.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Details, Summary } from "../../../ui/components/Details.js";
+import { Div } from "../../../ui/components/Div.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ALL_STORE_CAPABILITIES, DEFAULT_STORE_CAPABILITIES, } from "../../auth/permissions/constants.js";

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Store, GitBranch, Edit, Shield, MapPin, Ban } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 import { GC } from "../../_guide-cls.js";
 export function AdminStoresGuideView() {
     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(Store, { 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: "Stores & Sellers" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Store lifecycle, identity architecture, capabilities, and suspension on LetItRip." })] }), [

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

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

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

@@ -6,7 +6,10 @@ import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useRouter } from "next/navigation.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { FilterChipGroup, ListingLayout, RowActionMenu, useToast } 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 { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminSublistingCategoryEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     categoryId?: string;
     onSaved?: (id: string) => void;

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

@@ -4,9 +4,14 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { z } from "zod";
-import { ConfirmDeleteModal, Div, Input, Stack, StackedViewShell, useToast, } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FieldInput, FormErrorSummary, FormShellContext, useFormShellState } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 /**
  * Describes the fields this form actually edits.
  *
@@ -29,7 +34,7 @@ const EMPTY_VALUES = {
     coverImage: "",
 };
 import { ImageUpload } from "../../media/upload/ImageUpload.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function AdminSublistingCategoryEditorView({ categoryId, onSaved, onDeleted, ...rest }) {

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

@@ -3,7 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Code, useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Button, Checkbox, Div, HorizontalRule, Input, Label, Row, Select, SideDrawer, Span, Stack, Text, Textarea, Toggle, useToast } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Div } from "../../../ui/components/Div.js";
+import { HorizontalRule } from "../../../ui/components/HorizontalRule.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Label, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { Textarea } from "../../../ui/components/Textarea.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, SUPPORT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { supportTicketUpdateSchema, toRelatedPartiesPayload, } from "../schemas/admin-ops-forms.js";

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

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

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

@@ -4,7 +4,10 @@ import { SIEVE_OP, Stack, sieveFilter } 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, 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 { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROW_ACTION_META, ROW_ACTION_ID } from "../../../features/products/constants/action-defs.js";
 import { ROUTES } from "../../../next/routing/route-map.js";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminTaxCodeEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     taxCodeId?: string;
     /** When true, omit the StackedViewShell wrapper (SideDrawer body). */

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

@@ -3,7 +3,10 @@ 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 } from "@tanstack/react-query";
-import { ConfirmDeleteModal, Div, StackedViewShell, useToast } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { FormErrorSummary, applyZodIssues } from "../../../ui/forms/index.js";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
+import type { ListingLayoutProps } from "../../../ui/components/ListingLayout";
 export type AdminTaxCodesViewProps = ListingLayoutProps;
 /**
  * `/admin/tax-codes` — the HSN + GST rate catalogue.

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

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

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Shield } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Ul } from "../../../ui/components/Semantic.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
 export function AdminTeamGuideView() {
     const PERMISSION_GROUPS = [
         { name: "content_manager", desc: "Blog, FAQs, Events, Carousel, Sections, Ads, Newsletter read + write." },

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

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

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

@@ -4,7 +4,10 @@ import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { UserPlus } from "lucide-react";
-import { Button, FilterChipGroup, ListingLayout, RowActionMenu } 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 { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminTesterChecklistItemEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     itemId?: string;
     onSaved?: (id: string) => void;

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

@@ -3,7 +3,10 @@ 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 } from "@tanstack/react-query";
-import { ConfirmDeleteModal, Div, StackedViewShell, useToast } from "../../../ui/index.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FieldInput, FormErrorSummary } from "../../../ui/forms/index.js";
 import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";

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

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

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

@@ -4,7 +4,10 @@ import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useMemo } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { FilterChipGroup, Heading, ListingLayout, RowActionMenu, Span, Text } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { RowActionMenu } from "../../../ui/components/RowActionMenu.js";
 import { apiClient } from "../../../http/index.js";
 import { useApiMutation } from "../../../client/api/useApiMutation.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 export function AdminTopBar({ renderLeft, renderRight, renderSearch, className = "" }) {
     const [search, setSearch] = React.useState("");
     return (_jsxs(Div, { className: className, children: [renderLeft?.(), renderSearch?.(search, setSearch), renderRight?.()] }));

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Shield, Ban, AlertTriangle, Headphones, Flag, ClipboardList } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Table, Tbody, Td, Th, Thead, Tr, 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";
 const STILL_ALLOWED = "✓ Still allowed";
 /** Named because it is used on three rows in the seller-trust table. */

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

@@ -3,7 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Code, useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Avatar, Button, ConfirmDeleteModal, Div, Heading, Input, Row, Select, SideDrawer, Span, Stack, StackedViewShell, Text, Textarea, useToast } from "../../../ui/index.js";
+import { Avatar } from "../../../ui/components/Avatar.js";
+import { Button } from "../../../ui/components/Button.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { adminUserUpdateSchema, toPublicProfilePayload, } from "../schemas/admin-user-form.js";

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Users, Search, Edit, Monitor, UserCog, AlertTriangle } from "lucide-react";
-import { Alert, Code, Div, Heading, Li, Row, Section, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr, Ul } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Code, Li, Section, Table, Tbody, Td, Th, Thead, Tr, 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 AdminUsersGuideView() {
     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(Users, { 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: "Users & Accounts" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Managing users, roles, sessions, and employee accounts on LetItRip." })] }), [

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

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

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

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox, Div, Grid, Row, Span, Stack, Text } from "../../../ui/index.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 { Span, Text } from "../../../ui/components/Typography.js";
 import { STATUS_TONE_CLASSES, renderStatusBadge } from "../../../ui/columns/cell-renderers.js";
 import { MediaImage } from "../../media/MediaImage.js";
 const __P = {

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

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

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

@@ -3,7 +3,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/DashboardStats.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TrendingUp, ShoppingBag, Users, Package, Clock, Star } from "lucide-react";
-import { Div, Grid, Row, Stack, Text } from "../../../ui/index.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 { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";

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

@@ -20,7 +20,7 @@
  * Created 2026-05-23 as part of W6-12 (plan: read-this-files-and-modular-storm.md).
  */
 import React from "react";
-import type { BulkActionItem } from "../../../ui";
+import type { BulkActionItem } from "../../../ui/components/BulkActionBar";
 import type { AdminListingConfig } from "../hooks/useAdminListing";
 import type { AdminTableColumn } from "../types";
 /**

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

@@ -23,9 +23,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React from "react";
 import { Plus } from "lucide-react";
-import { BulkActionBar, Button, Div, Heading, Icon, IconButton, ListingFilterDrawer, ListingToolbar, Pagination, Row, SideDrawer, Stack, StickyToolbar, Text, TextLink } from "../../../ui/index.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { IconButton } from "../../../ui/components/IconButton.js";
+import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { SideDrawer } from "../../../ui/components/SideDrawer.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROW_ACTION_ID, ROW_ACTION_META } from "../../products/constants/action-defs.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { useAdminListing } from "../hooks/useAdminListing.js";
 import { getResourceIcon } from "../../../ui/columns/column-renderers.js";
 import { AdminViewCards } from "./AdminViewCards.js";

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

@@ -1,6 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BaseListingCard, Button, Checkbox, Div, Row, Span, Stack, Table, Tbody, Td, Text, Th, Thead, Tr } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
 import { renderStatusBadge, renderThumbnail } from "../../../ui/columns/cell-renderers.js";
 import { resolveColumnPriority } from "../../../ui/columns/build-columns.js";
 import { COLUMN_PRIORITY_CLASS } from "../../../contracts/extend.js";

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

@@ -51,7 +51,8 @@ import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
 import { Icon } from "../../../ui/components/Icon.js";
 import { IconButton } from "../../../ui/components/IconButton.js";
-import { Row, useToast } from "../../../ui/index.js";
+import { Row } 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";
 const RESOURCE_LEAVES = {

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

@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useRef, useState } from "react";
 import { MoreHorizontal } from "lucide-react";
 import { Button } from "../../../ui/components/Button.js";
-import { Div, Span } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { useClickOutside, useKeyPress } from "../../../react/index.js";
 import { QuickFormDrawer } from "../../shell/QuickFormDrawer.js";
 export function QuickEditMenu({ actions, align = "right" }) {

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

@@ -4,7 +4,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * ViewAuditLogEntryModal — full audit-log entry details in a Modal overlay.
  * Mirrors ViewReviewModal's shape (appkit/src/features/reviews/components/ReviewModal.tsx).
  */
-import { Badge, Code, Div, Modal, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Code } from "../../../ui/components/Semantic.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";
 const ACTION_LABELS = {
     user_hard_ban: "User hard-banned",
     user_soft_ban: "User soft-banned",

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

@@ -6,7 +6,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * AdminNotificationsView was previously list-only — no way to see a
  * notification's full body/payload/link, only Resend/Delete row actions.
  */
-import { Anchor, Badge, Div, Modal, Row, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Badge } from "../../../ui/components/Badge.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 { MediaImage } from "../../media/MediaImage.js";
 export function ViewNotificationModal({ notification, isOpen, onClose }) {
     if (!notification)

package/dist/features/admin/components/analytics/AdminAnalyticsCharts.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dynamic from "next/dynamic.js";
-import { Div, Heading } from "../../../../ui/index.js";
+import { Div } from "../../../../ui/components/Div.js";
+import { Heading } from "../../../../ui/components/Typography.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
     p6: "p-[var(--appkit-space-6)]",

package/dist/features/admin/components/analytics/AdminStatCard.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Row, Text } from "../../../../ui/index.js";
+import { Div } from "../../../../ui/components/Div.js";
+import { Heading, Text } from "../../../../ui/components/Typography.js";
+import { Row } from "../../../../ui/components/Layout.js";
 import { DynamicBgDiv } from "../../../../ui/components/DynamicBgDiv.js";
 const BRAND_FROM = "var(--appkit-color-primary-700)";
 const BRAND_MID = "var(--appkit-color-cobalt)";