@mohasinac/appkit 4.65.0 → 4.66.0

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

@@ -4,7 +4,19 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React, { useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { Button, ConfirmDeleteModal, Div, Heading, Input, RichTextEditor, RichTextRenderer, Row, Select, Span, Stack, StackedViewShell, TagInput, Text, Toggle, useToast } from "../../../ui/index.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 { RichTextEditor } from "../../../ui/components/RichTextEditor.js";
+import { RichTextRenderer } from "../../../ui/rich-text/RichTextRenderer.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { TagInput } from "../../../ui/components/TagInput.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms/index.js";
 import { ImageUpload, MediaImage, useMediaUpload } from "../../media/index.js";
 import { apiClient } from "../../../http/index.js";
@@ -12,7 +24,7 @@ import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { blogDraftSchema } from "../../blog/schemas/blog-form.js";
 import { CouponInlineSelect } from "../../seller/components/CouponInlineSelect.js";
 import { ATTACHED_COUPON_MAX } from "../../promotions/constants/attached-coupons.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

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

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

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

@@ -3,7 +3,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
-import { FilterChipGroup, ListingLayout } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_BLOG_STATUS_TABS } from "../constants/filter-tabs.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs.js";

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

@@ -14,7 +14,7 @@
  * says so, on the field.
  */
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminBrandEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     brandId?: string;
     onSaved?: (id: string) => void;

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

@@ -20,14 +20,19 @@ import { useQuery } from "@tanstack/react-query";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { apiClient } from "../../../http/index.js";
-import { ConfirmDeleteModal, Div, Input, StackedViewShell, Textarea, 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 { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { Repeater } from "../../../ui/components/Repeater.js";
 import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell.js";
 import { buildSectionsFromSchema } from "../../shell/build-sections.js";
 import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { ImageUpload } from "../../media/upload/ImageUpload.js";
 import { brandFormSchema } from "../schemas/admin-editor-forms.js";
 const __P = { p4: "p-[var(--appkit-space-4)]" };

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

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

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

@@ -3,13 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
-import { FilterChipGroup, ListingLayout, Text } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";
 import { AdminBrandEditorView } from "./AdminBrandEditorView.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
-import { Span } from "../../../ui/index.js";
+import { Span } from "../../../ui/components/Typography.js";
 const COLUMNS = [
     {
         key: "primary",

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

@@ -18,7 +18,7 @@
  * member source is on screen, and `visibleValues` makes the payload follow it.
  */
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminBundleEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     /** When set, the form loads an existing bundle; otherwise it runs as "new". */
     bundleId?: string;

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

@@ -22,7 +22,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useApiMutation } from "@mohasinac/appkit/client";
-import { ConfirmDeleteModal, Div, StackedViewShell } 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 { 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/AdminBundlesView.js

@@ -4,7 +4,13 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { SIEVE_OP, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { Badge, Button, FilterChipGroup, Stack, Text, TextLink, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { useToast } from "../../../ui/components/toast-context.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/AdminCarouselEditorView.d.ts

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

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

@@ -4,13 +4,23 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { z } from "zod";
-import { Alert, Button, ConfirmDeleteModal, Div, Heading, Input, Row, Select, Slider, Stack, StackedViewShell, Text, Toggle } 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 { Heading, 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 { Slider } from "../../../ui/components/Slider.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
 import { FieldInput, FormErrorSummary } from "../../../ui/forms/index.js";
 import { apiClient } from "../../../http/index.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";
-import { SectionForm, useSectionFormNav, } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",

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

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

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

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

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

@@ -4,9 +4,23 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React, { useState, useCallback } from "react";
 import { useRouter } from "next/navigation.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { Badge, BulkActionBar, Button, ConfirmDeleteModal, Div, ListingFilterDrawer, ListingLayout, ListingToolbar, Pagination, Row, Span, Stack, Text, TextLink, StickyToolbar, Toggle, useToast } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { BulkActionBar } from "../../../ui/components/BulkActionBar.js";
+import { Button } from "../../../ui/components/Button.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { useBottomActions } from "../../layout/index.js";
+import { useBottomActions } from "../../layout/hooks/useBottomActions.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ADMIN_ENDPOINTS, HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";

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

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

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

@@ -3,7 +3,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { SIEVE_OP, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
-import { FilterChipGroup, ListingLayout, RecordDetailModal } 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 { formatCurrency } from "../../../utils/number.formatter.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Package, FolderTree, Tag, Star, AlertTriangle } 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";
 const CLS_CODE = "text-[length:var(--appkit-text-xs)] bg-amber-100 dark:bg-amber-900/30 px-[var(--appkit-space-1)] rounded";
 export function AdminCatalogGuideView() {

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

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

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

@@ -3,7 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
-import { FilterChipGroup, Heading, ListingLayout, 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 { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";
 import { DataListingView } from "./DataListingView.js";

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

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

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

@@ -9,11 +9,11 @@ import { usedPlaceholders } from "../../../_internal/shared/templating/placehold
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { CategoryQuickCreateForm } from "./CategoryQuickCreateForm.js";
-import { useMediaUpload } from "../../media/index.js";
+import { useMediaUpload } from "../../media/hooks/useMedia.js";
 import { ImageUpload } from "../../media/upload/ImageUpload.js";
 import { Repeater } from "../../../ui/components/Repeater.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";
 /*
  * ── Content & Templates (C2c) ────────────────────────────────────────────────
  *

package/dist/features/admin/components/AdminClassifiedView.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 AdminClassifiedViewProps = ListingLayoutProps;
 export declare function AdminClassifiedView({ children, ...props }: AdminClassifiedViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminClassifiedView.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/AdminContactView.d.ts

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

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

@@ -5,7 +5,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 { 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 { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";

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

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { FileText, Calendar, BookOpen, Layout, Grid, Megaphone, Mail } 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 AdminContentGuideView() {
     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(FileText, { 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: "Content & Marketing" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: "Blog posts, events, FAQs, carousel, homepage sections, ads, and newsletter on LetItRip." })] }), [

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

@@ -1,6 +1,6 @@
 import { type JsonValue } from "@mohasinac/appkit/client";
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 export interface AdminCouponEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     couponId?: string;
     onSaved?: (id: string) => void;

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

@@ -4,7 +4,11 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
-import { ConfirmDeleteModal, Div, Input, 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 { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { Repeater } from "../../../ui/components/Repeater.js";
 import { FieldInput, FormErrorSummary } from "../../../ui/forms/index.js";
 import { apiClient } from "../../../http/index.js";

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

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

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

@@ -5,7 +5,12 @@ import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useCallback } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { Div, Grid, FilterChipGroup, ListingLayout, Text, useToast } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid } from "../../../ui/components/Layout.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ROW_ACTION_META, ROW_ACTION_ID, ADMIN_BULK_ACTIONS } from "../../products/constants/action-defs.js";
 import { ADMIN_COUPON_TYPE_TABS } from "../constants/filter-tabs.js";

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

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

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { StackedViewShell } from "../../../ui/index.js";
-import { Alert } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { Alert } from "../../../ui/components/Alert.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { DashboardStatsGrid } from "./DashboardStats.js";

package/dist/features/admin/components/AdminDigitalCodesView.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 AdminDigitalCodesViewProps = ListingLayoutProps;
 export declare function AdminDigitalCodesView({ children, ...props }: AdminDigitalCodesViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminDigitalCodesView.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/AdminFaqEditorView.d.ts

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

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

@@ -4,9 +4,19 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { z } from "zod";
-import { ConfirmDeleteModal, Div, Input, RichTextEditor, Select, Stack, StackedViewShell, TagInput, Text, Toggle, 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 { RichTextEditor } from "../../../ui/components/RichTextEditor.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { TagInput } from "../../../ui/components/TagInput.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { Toggle } from "../../../ui/components/Toggle.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";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { FAQ_CATEGORY_LABELS } from "../../faq/schemas/firestore.js";

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

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

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

@@ -3,7 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
 import React, { useMemo } from "react";
-import { FilterChipGroup, Heading, ListingLayout, 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 { 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/AdminFeatureEditorView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
+import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
 import type { ProductFeatureScope } from "../../products/schemas/product-features";
 export interface AdminFeatureEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     featureId?: string;

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

@@ -4,7 +4,12 @@ import { Row } from "@mohasinac/appkit/ui";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
-import { Checkbox, ConfirmDeleteModal, Div, Label, StackedViewShell, Text, useToast } from "../../../ui/index.js";
+import { Checkbox } from "../../../ui/components/Checkbox.js";
+import { ConfirmDeleteModal } from "../../../ui/components/ConfirmDeleteModal.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Label, Text } from "../../../ui/components/Typography.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/AdminFeaturesView.d.ts

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

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

@@ -3,7 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { useRouter, useSearchParams, usePathname } from "next/navigation.js";
-import { FilterChipGroup, ListingLayout } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";

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

@@ -9,7 +9,8 @@ import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS, SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";
-import { useToast, TextLink } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 async function loadStoreOptions(query, page) {
     const params = new URLSearchParams({ page: String(page), pageSize: "25" });

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

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

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

@@ -52,7 +52,14 @@ 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 { FilterChipGroup, ListingLayout, Modal, RecordDetailModal, Row, RowActionMenu, Span, Stack, Text, Button, } from "../../../ui/index.js";
+import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
+import { ListingLayout } from "../../../ui/components/ListingLayout.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.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 { Button } from "../../../ui/components/Button.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ADMIN_GATEWAY_EVENT_KIND_TABS, ADMIN_GATEWAY_EVENT_STATUS_TABS, } from "../constants/filter-tabs.js";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData.js";