@mohasinac/appkit 4.64.1 → 4.66.0

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

@@ -1,12 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// audit-form-mutation-hook-multi-ok: saveMutation is the single combined save
+// across all tabs; deleteMutation is a separate destructive action, not a
+// second per-tab save.
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 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 { 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";

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,12 +13,12 @@ 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";
 import { NOTIFICATION_TYPE_TABS } from "../../../constants/notification-types.js";
-import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags.js";
+import { ALL_LISTING_TYPES, ALL_BROWSE_PAGES, } from "../../../_internal/shared/listing-types/feature-flags.js";
 import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js";
 import { SITE_SETTINGS_TABS, isSiteSettingsTabId, } from "../constants/site-settings-tabs.js";
 import { ThemeManagerView, } from "../../site-settings/components/ThemeManagerView.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",
@@ -316,6 +316,7 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
     // Per-listing-type / per-category-type visibility flags.
     const [listingTypeFlags, setListingTypeFlags] = React.useState({});
     const [categoryTypeFlags, setCategoryTypeFlags] = React.useState({});
+    const [browsePageFlags, setBrowsePageFlags] = React.useState({});
     // Per-channel notification-type allowlists — empty array means "all types".
     const [notifEmailTypes, setNotifEmailTypes] = React.useState([]);
     const [notifWhatsappTypes, setNotifWhatsappTypes] = React.useState([]);
@@ -557,6 +558,7 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
         setCodMaxOrderValue(s.payment?.codMaxOrderValue ?? COD_MAX_ORDER_VALUE_FALLBACK);
         setListingTypeFlags(s.listings?.listingTypes ?? {});
         setCategoryTypeFlags(s.listings?.categoryTypes ?? {});
+        setBrowsePageFlags(s.listings?.browsePages ?? {});
         setNotifEmailTypes(s.notificationChannels?.email?.types ?? []);
         setNotifWhatsappTypes(s.notificationChannels?.whatsapp?.types ?? []);
         setBidIncrementTiers(s.auctionConfig?.bidIncrementTiers ?? DEFAULT_AUCTION_BID_INCREMENT_TIERS);
@@ -798,7 +800,11 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
             // wholesale, so omitting one here would wipe it. The load-time spread this
             // used to carry existed to preserve `adminCheckoutBypass`, which is now a
             // permission rather than a stored flag.
-            listings: { listingTypes: listingTypeFlags, categoryTypes: categoryTypeFlags },
+            listings: {
+                listingTypes: listingTypeFlags,
+                categoryTypes: categoryTypeFlags,
+                browsePages: browsePageFlags,
+            },
             notificationChannels: {
                 inApp: { enabled: true, readOnly: true },
                 email: { enabled: notifEmailEnabled, minPriority: notifEmailMinPriority, types: notifEmailTypes },
@@ -866,6 +872,16 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
      */
     const LISTING_TYPE_KEYS = ALL_LISTING_TYPES;
     const CATEGORY_TYPE_KEYS = ["category", "sublisting", "brand", "bundle"];
+    /* Derived for the same reason LISTING_TYPE_KEYS is — a hand-written copy of
+     * a union in this file has already drifted once, in both directions. */
+    const BROWSE_PAGE_KEYS = ALL_BROWSE_PAGES;
+    /** What each section actually withdraws, in the admin's own vocabulary. */
+    const BROWSE_PAGE_META = {
+        categories: { label: "Categories", hint: "/categories and every category page" },
+        brands: { label: "Brands", hint: "/brands and every brand page" },
+        franchise: { label: "Franchises", hint: "/franchise and every franchise page" },
+        stores: { label: "Stores & Sellers", hint: "/stores, /sellers and every storefront" },
+    };
     const NOTIF_TYPE_OPTIONS = NOTIFICATION_TYPE_TABS.filter((t) => t.id !== "All").map((t) => ({ value: t.id, label: t.label }));
     /*
      * Validate the payload that is actually sent, then save.
@@ -915,7 +931,7 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
                                                         // The plugin's own display label, not the raw key — the
                                                         // literal version rendered "pre-order" and
                                                         // "digital-code" at an admin.
-                                                        label: pluginFor(key).typeLabel, checked: listingTypeFlags[key] ?? true, onChange: (v) => setListingTypeFlags((prev) => ({ ...prev, [key]: v })) }, key))) })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Category types" }), _jsx(Grid, { cols: 2, gap: "sm", children: CATEGORY_TYPE_KEYS.map((key) => (_jsx(Toggle, { label: key, checked: categoryTypeFlags[key] ?? true, onChange: (v) => setCategoryTypeFlags((prev) => ({ ...prev, [key]: v })) }, key))) })] })] }) }), _jsx(TabsContent, { value: "integrations", children: _jsxs(SettingsTabForm, { id: "integrations", label: "Integrations", children: [_jsx(Text, { size: "xs", color: "muted", children: "Keys are masked in transit and stored encrypted. Click Reveal to view." }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Razorpay" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Razorpay Key ID", value: razorpayKeyId, onChange: setRazorpayKeyId, placeholder: "rzp_test_\u2026 / rzp_live_\u2026" }), _jsx(MaskedInput, { label: "Razorpay Key Secret", value: razorpayKeySecret, onChange: setRazorpayKeySecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "Razorpay Webhook Secret", value: razorpayWebhookSecret, onChange: setRazorpayWebhookSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "PhonePe" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "PhonePe Client ID", value: phonepeClientId, onChange: setPhonepeClientId, placeholder: "MERCHANTID_\u2026" }), _jsx(MaskedInput, { label: "PhonePe Client Secret", value: phonepeClientSecret, onChange: setPhonepeClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(Input, { label: "PhonePe Client Version", value: phonepeClientVersion, onChange: (e) => setPhonepeClientVersion(e.target.value), placeholder: "1" }), _jsx(Select, { label: "PhonePe Environment", options: PHONEPE_ENVIRONMENT_OPTIONS, value: phonepeEnvironment, onValueChange: setPhonepeEnvironment }), _jsx(MaskedInput, { label: "PhonePe Webhook Username", value: phonepeWebhookUsername, onChange: setPhonepeWebhookUsername, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "PhonePe Webhook Password", value: phonepeWebhookPassword, onChange: setPhonepeWebhookPassword, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "SMTP / Email" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(Input, { label: "SMTP host", value: smtpHost, onChange: (e) => setSmtpHost(e.target.value), placeholder: "smtp.sendgrid.net" }), _jsx(Input, { label: "SMTP port", value: smtpPort, onChange: (e) => setSmtpPort(e.target.value), type: "number", placeholder: "587" }), _jsx(Input, { label: "SMTP user", value: smtpUser, onChange: (e) => setSmtpUser(e.target.value), placeholder: "apikey" })] }), _jsx(Input, { label: "From address", value: smtpFrom, onChange: (e) => setSmtpFrom(e.target.value), placeholder: "noreply@letitrip.in", type: "email" }), _jsx(Text, { size: "xs", color: "muted", children: "Transactional email is delivered through Resend \u2014 set the Resend API key below. These SMTP fields are stored but not currently used for delivery." })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Google Places (store reviews)" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Google Maps API key", value: googleMapsApiKey, onChange: setGoogleMapsApiKey, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(Input, { label: "Default Google Place ID", value: googlePlaceId, onChange: (e) => setGooglePlaceId(e.target.value), placeholder: "ChIJ\u2026" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Analytics & Tracking" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(Input, { label: "Google Analytics ID", value: gaMeasurementId, onChange: (e) => setGaMeasurementId(e.target.value), placeholder: "G-XXXXXXXXXX" }), _jsx(Input, { label: "Facebook Pixel ID", value: fbPixelId, onChange: (e) => setFbPixelId(e.target.value), placeholder: "XXXXXXXXXXXXXXXX" }), _jsx(Input, { label: "GTM Container ID", value: gtmContainerId, onChange: (e) => setGtmContainerId(e.target.value), placeholder: "GTM-XXXXXXX" }), _jsx(Input, { label: "Microsoft Clarity Project ID", value: clarityProjectId, onChange: (e) => setClarityProjectId(e.target.value), placeholder: "abcdefghij", helperText: "Heatmaps and session replay. Recording is strictly masked \u2014 no text or input values are captured. Leave blank to keep Clarity off." })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Meta (Instagram & Facebook Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Used by the Social Feed section to fetch Instagram and Facebook posts via Meta Graph API v19." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Page Access Token", value: metaPageAccessToken, onChange: setMetaPageAccessToken, placeholder: "EAAxxxxxxx\u2026" }), _jsx(Input, { label: "Page ID (or handle)", value: metaPageId, onChange: (e) => setMetaPageId(e.target.value), placeholder: "letitrip" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "TikTok for Developers (Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Client credentials + long-lived access token from TikTok for Developers. Used to list your account's public videos." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Client Key", value: tiktokClientKey, onChange: setTiktokClientKey, placeholder: "aw\u2026" }), _jsx(MaskedInput, { label: "Client Secret", value: tiktokClientSecret, onChange: setTiktokClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "Access Token (long-lived)", value: tiktokAccessToken, onChange: setTiktokAccessToken, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "DeviantArt OAuth2 (Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Client credentials for DeviantArt gallery fetching (client-credentials OAuth2 flow \u2014 no user login required)." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Client ID", value: deviantartClientId, onChange: setDeviantartClientId, placeholder: "1234" }), _jsx(MaskedInput, { label: "Client Secret", value: deviantartClientSecret, onChange: setDeviantartClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] })] }) }), _jsx(TabsContent, { value: "shipping", children: _jsxs(SettingsTabForm, { id: "shipping", label: "Shipping", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Payment methods" }), _jsx(Div, { id: "setting-razorpay-enabled", children: _jsx(Toggle, { label: "Razorpay (online card/UPI/netbanking) enabled \u2014 needs Key ID + Key Secret under Credentials", checked: razorpayEnabled, onChange: setRazorpayEnabled }) }), _jsx(Div, { id: "setting-phonepe-enabled", children: _jsx(Toggle, { label: "PhonePe (online card/UPI) enabled \u2014 ignored while Razorpay is on; only one online gateway runs at a time", checked: phonepeEnabled, onChange: setPhonepeEnabled }) }), _jsx(Div, { id: "setting-manual-payment-enabled", children: _jsx(Toggle, { label: "Manual UPI/bank transfer enabled", checked: upiManualEnabled, onChange: setUpiManualEnabled }) }), _jsx(Div, { id: "setting-cod-enabled", children: _jsx(Toggle, { label: "Cash on delivery (COD) enabled", checked: codEnabled, onChange: setCodEnabled }) }), _jsx(Input, { label: "Free shipping threshold (\u20B9)", value: String(freeShippingThreshold), onChange: (e) => setFreeShippingThreshold(parseInt(e.target.value) || 0), type: "number", min: 0, helperText: "Orders above this amount get free shipping." }), _jsx(Select, { label: "Default carrier", options: CARRIER_OPTIONS, value: defaultCarrier, onValueChange: setDefaultCarrier }), _jsx(Input, { label: "Max delivery radius (km, 0 = no limit)", value: String(maxDeliveryRadius), onChange: (e) => setMaxDeliveryRadius(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "COD maximum order value (\u20B9)", 
+                                                        label: pluginFor(key).typeLabel, checked: listingTypeFlags[key] ?? true, onChange: (v) => setListingTypeFlags((prev) => ({ ...prev, [key]: v })) }, key))) })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Category types" }), _jsx(Grid, { cols: 2, gap: "sm", children: CATEGORY_TYPE_KEYS.map((key) => (_jsx(Toggle, { label: key, checked: categoryTypeFlags[key] ?? true, onChange: (v) => setCategoryTypeFlags((prev) => ({ ...prev, [key]: v })) }, key))) })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Browse sections" }), _jsx(Text, { size: "xs", color: "muted", children: "A closed section returns Not Found and disappears from the navbar, the sidebar, the mobile menu, the footer and the sitemap. Products, categories and stores are untouched \u2014 only the public way in is withdrawn, and re-opening restores it." }), _jsx(Grid, { cols: 2, gap: "sm", children: BROWSE_PAGE_KEYS.map((key) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Toggle, { label: BROWSE_PAGE_META[key]?.label ?? key, checked: browsePageFlags[key] ?? true, onChange: (v) => setBrowsePageFlags((prev) => ({ ...prev, [key]: v })) }), _jsx(Text, { size: "xs", color: "muted", children: BROWSE_PAGE_META[key]?.hint })] }, key))) })] })] }) }), _jsx(TabsContent, { value: "integrations", children: _jsxs(SettingsTabForm, { id: "integrations", label: "Integrations", children: [_jsx(Text, { size: "xs", color: "muted", children: "Keys are masked in transit and stored encrypted. Click Reveal to view." }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Razorpay" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Razorpay Key ID", value: razorpayKeyId, onChange: setRazorpayKeyId, placeholder: "rzp_test_\u2026 / rzp_live_\u2026" }), _jsx(MaskedInput, { label: "Razorpay Key Secret", value: razorpayKeySecret, onChange: setRazorpayKeySecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "Razorpay Webhook Secret", value: razorpayWebhookSecret, onChange: setRazorpayWebhookSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "PhonePe" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "PhonePe Client ID", value: phonepeClientId, onChange: setPhonepeClientId, placeholder: "MERCHANTID_\u2026" }), _jsx(MaskedInput, { label: "PhonePe Client Secret", value: phonepeClientSecret, onChange: setPhonepeClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(Input, { label: "PhonePe Client Version", value: phonepeClientVersion, onChange: (e) => setPhonepeClientVersion(e.target.value), placeholder: "1" }), _jsx(Select, { label: "PhonePe Environment", options: PHONEPE_ENVIRONMENT_OPTIONS, value: phonepeEnvironment, onValueChange: setPhonepeEnvironment }), _jsx(MaskedInput, { label: "PhonePe Webhook Username", value: phonepeWebhookUsername, onChange: setPhonepeWebhookUsername, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "PhonePe Webhook Password", value: phonepeWebhookPassword, onChange: setPhonepeWebhookPassword, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "SMTP / Email" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(Input, { label: "SMTP host", value: smtpHost, onChange: (e) => setSmtpHost(e.target.value), placeholder: "smtp.sendgrid.net" }), _jsx(Input, { label: "SMTP port", value: smtpPort, onChange: (e) => setSmtpPort(e.target.value), type: "number", placeholder: "587" }), _jsx(Input, { label: "SMTP user", value: smtpUser, onChange: (e) => setSmtpUser(e.target.value), placeholder: "apikey" })] }), _jsx(Input, { label: "From address", value: smtpFrom, onChange: (e) => setSmtpFrom(e.target.value), placeholder: "noreply@letitrip.in", type: "email" }), _jsx(Text, { size: "xs", color: "muted", children: "Transactional email is delivered through Resend \u2014 set the Resend API key below. These SMTP fields are stored but not currently used for delivery." })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Google Places (store reviews)" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Google Maps API key", value: googleMapsApiKey, onChange: setGoogleMapsApiKey, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(Input, { label: "Default Google Place ID", value: googlePlaceId, onChange: (e) => setGooglePlaceId(e.target.value), placeholder: "ChIJ\u2026" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Analytics & Tracking" }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(Input, { label: "Google Analytics ID", value: gaMeasurementId, onChange: (e) => setGaMeasurementId(e.target.value), placeholder: "G-XXXXXXXXXX" }), _jsx(Input, { label: "Facebook Pixel ID", value: fbPixelId, onChange: (e) => setFbPixelId(e.target.value), placeholder: "XXXXXXXXXXXXXXXX" }), _jsx(Input, { label: "GTM Container ID", value: gtmContainerId, onChange: (e) => setGtmContainerId(e.target.value), placeholder: "GTM-XXXXXXX" }), _jsx(Input, { label: "Microsoft Clarity Project ID", value: clarityProjectId, onChange: (e) => setClarityProjectId(e.target.value), placeholder: "abcdefghij", helperText: "Heatmaps and session replay. Recording is strictly masked \u2014 no text or input values are captured. Leave blank to keep Clarity off." })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Meta (Instagram & Facebook Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Used by the Social Feed section to fetch Instagram and Facebook posts via Meta Graph API v19." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Page Access Token", value: metaPageAccessToken, onChange: setMetaPageAccessToken, placeholder: "EAAxxxxxxx\u2026" }), _jsx(Input, { label: "Page ID (or handle)", value: metaPageId, onChange: (e) => setMetaPageId(e.target.value), placeholder: "letitrip" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "TikTok for Developers (Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Client credentials + long-lived access token from TikTok for Developers. Used to list your account's public videos." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Client Key", value: tiktokClientKey, onChange: setTiktokClientKey, placeholder: "aw\u2026" }), _jsx(MaskedInput, { label: "Client Secret", value: tiktokClientSecret, onChange: setTiktokClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(MaskedInput, { label: "Access Token (long-lived)", value: tiktokAccessToken, onChange: setTiktokAccessToken, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "DeviantArt OAuth2 (Social Feed)" }), _jsx(Text, { size: "xs", color: "muted", children: "Client credentials for DeviantArt gallery fetching (client-credentials OAuth2 flow \u2014 no user login required)." }), _jsxs(Grid, { cols: 2, gap: "md", children: [_jsx(MaskedInput, { label: "Client ID", value: deviantartClientId, onChange: setDeviantartClientId, placeholder: "1234" }), _jsx(MaskedInput, { label: "Client Secret", value: deviantartClientSecret, onChange: setDeviantartClientSecret, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] })] }) }), _jsx(TabsContent, { value: "shipping", children: _jsxs(SettingsTabForm, { id: "shipping", label: "Shipping", children: [_jsx(Text, { size: "sm", weight: "medium", color: "muted", children: "Payment methods" }), _jsx(Div, { id: "setting-razorpay-enabled", children: _jsx(Toggle, { label: "Razorpay (online card/UPI/netbanking) enabled \u2014 needs Key ID + Key Secret under Credentials", checked: razorpayEnabled, onChange: setRazorpayEnabled }) }), _jsx(Div, { id: "setting-phonepe-enabled", children: _jsx(Toggle, { label: "PhonePe (online card/UPI) enabled \u2014 ignored while Razorpay is on; only one online gateway runs at a time", checked: phonepeEnabled, onChange: setPhonepeEnabled }) }), _jsx(Div, { id: "setting-manual-payment-enabled", children: _jsx(Toggle, { label: "Manual UPI/bank transfer enabled", checked: upiManualEnabled, onChange: setUpiManualEnabled }) }), _jsx(Div, { id: "setting-cod-enabled", children: _jsx(Toggle, { label: "Cash on delivery (COD) enabled", checked: codEnabled, onChange: setCodEnabled }) }), _jsx(Input, { label: "Free shipping threshold (\u20B9)", value: String(freeShippingThreshold), onChange: (e) => setFreeShippingThreshold(parseInt(e.target.value) || 0), type: "number", min: 0, helperText: "Orders above this amount get free shipping." }), _jsx(Select, { label: "Default carrier", options: CARRIER_OPTIONS, value: defaultCarrier, onValueChange: setDefaultCarrier }), _jsx(Input, { label: "Max delivery radius (km, 0 = no limit)", value: String(maxDeliveryRadius), onChange: (e) => setMaxDeliveryRadius(parseInt(e.target.value) || 0), type: "number", min: 0 }), _jsx(Input, { label: "COD maximum order value (\u20B9)", 
                                             /*
                                               🛑 A MAXIMUM, sitting directly above a THRESHOLD that is a
                                               minimum. The helper text says which way each one runs,

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";