@mohasinac/appkit 4.64.1 → 4.66.0

package/dist/features/collections/components/CollectionCard.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Heading, Text, TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { LAYOUT } from "../../../tokens/index.js";
 const CLS_PLACEHOLDER = "w-full";

package/dist/features/collections/schemas/index.d.ts

@@ -29,25 +29,25 @@ export declare const collectionItemSchema: z.ZodObject<{
     active: boolean;
     sortOrder: number;
     image?: string | undefined;
-    createdAt?: string | undefined;
-    brandSlug?: string | undefined;
-    productCount?: number | undefined;
     description?: string | undefined;
+    brandSlug?: string | undefined;
     franchiseSlug?: string | undefined;
+    createdAt?: string | undefined;
     subtitle?: string | undefined;
+    productCount?: number | undefined;
     bannerImage?: string | undefined;
     manualProductIds?: string[] | undefined;
 }, {
     title: string;
     slug: string;
     image?: string | undefined;
-    createdAt?: string | undefined;
-    brandSlug?: string | undefined;
-    productCount?: number | undefined;
-    active?: boolean | undefined;
     description?: string | undefined;
+    brandSlug?: string | undefined;
     franchiseSlug?: string | undefined;
+    createdAt?: string | undefined;
+    active?: boolean | undefined;
     subtitle?: string | undefined;
+    productCount?: number | undefined;
     sortOrder?: number | undefined;
     bannerImage?: string | undefined;
     manualProductIds?: string[] | undefined;
@@ -64,13 +64,13 @@ export declare const collectionListItemSchema: z.ZodObject<{
     slug: string;
     active: boolean;
     image?: string | undefined;
-    productCount?: number | undefined;
     subtitle?: string | undefined;
+    productCount?: number | undefined;
 }, {
     title: string;
     slug: string;
     image?: string | undefined;
-    productCount?: number | undefined;
     active?: boolean | undefined;
     subtitle?: string | undefined;
+    productCount?: number | undefined;
 }>;

package/dist/features/consultation/api/route.js

@@ -11,11 +11,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts/index.js";
 import { normalizeError } from "../../../errors/normalize.js";
-function numParam(url, key, fallback) {
-    const v = url.searchParams.get(key);
-    const n = v !== null ? Number(v) : NaN;
-    return Number.isFinite(n) ? n : fallback;
-}
+import { numParam } from "../../../utils/search-params.js";
 export async function GET(request) {
     try {
         const url = new URL(request.url);

package/dist/features/consultation/components/ConsultationForm.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, Row, Select } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { FieldTextarea } from "../../../ui/forms/FieldTextarea.js";

package/dist/features/consultation/schemas/index.d.ts

@@ -26,31 +26,31 @@ export declare const consultationBookingSchema: z.ZodObject<{
     adminNote: z.ZodOptional<z.ZodString>;
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status: "pending" | "confirmed" | "completed" | "cancelled" | "no_show";
+    status: "cancelled" | "pending" | "confirmed" | "completed" | "no_show";
     id: string;
-    email: string;
     name: string;
+    email: string;
     message?: string | undefined;
     createdAt?: string | undefined;
     userId?: string | undefined;
     phone?: string | undefined;
     mode?: "phone" | "online" | "in_person" | undefined;
-    concern?: string[] | undefined;
     adminNote?: string | undefined;
+    concern?: string[] | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;
 }, {
     id: string;
-    email: string;
     name: string;
+    email: string;
     message?: string | undefined;
-    status?: "pending" | "confirmed" | "completed" | "cancelled" | "no_show" | undefined;
+    status?: "cancelled" | "pending" | "confirmed" | "completed" | "no_show" | undefined;
     createdAt?: string | undefined;
     userId?: string | undefined;
     phone?: string | undefined;
     mode?: "phone" | "online" | "in_person" | undefined;
-    concern?: string[] | undefined;
     adminNote?: string | undefined;
+    concern?: string[] | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;
 }>;
@@ -67,8 +67,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     mode: z.ZodOptional<z.ZodEnum<["online", "in_person", "phone"]>>;
     message: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    email: string;
     name: string;
+    email: string;
     message?: string | undefined;
     phone?: string | undefined;
     mode?: "phone" | "online" | "in_person" | undefined;
@@ -76,8 +76,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;
 }, {
-    email: string;
     name: string;
+    email: string;
     message?: string | undefined;
     phone?: string | undefined;
     mode?: "phone" | "online" | "in_person" | undefined;

package/dist/features/contact/components/ContactForm.js

@@ -3,9 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useCallback, useMemo, useState } from "react";
 import { z } from "zod";
-import { Button, Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { useFormShellState, FormShellContext, FormErrorSummary, FieldInput, FieldTextarea, } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 const contactFormSchema = z.object({
     name: z.string().min(1, "Name is required"),
     email: z.string().email("Enter a valid email address"),

package/dist/features/contact/components/ContactInfoSidebar.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Div, Heading, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.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";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

package/dist/features/contact/components/ContactPageView.js

@@ -1,6 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Container, Div, Heading, Main, PendingValue, Section, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Container, Stack } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { PendingValue } from "../../../ui/components/PendingValue.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
 import { ContactForm } from "./ContactForm.js";
 import { ContactInfoSidebar } from "./ContactInfoSidebar.js";

package/dist/features/contact/email.js

@@ -18,17 +18,14 @@ import { getProviders } from "../../contracts/index.js";
 import { createResendProvider } from "../../providers/email-resend/provider.js";
 import { siteSettingsRepository } from "../admin/repository/site-settings.repository.js";
 import { serverLogger } from "../../monitoring/index.js";
-import { currentYear, formatCurrency, } from "../../utils/index.js";
-import { EmailBold, EmailButton, EmailContainer, EmailDivider, EmailDoc, EmailFooter, EmailHeader, EmailRow, } from "../email/primitives.js";
+import { currentYear, formatCurrency } from "../../utils/index.js";
+import { EmailBold, EmailButton, EmailContainer, EmailDivider, EmailDoc, EmailFooter, EmailHeader, EmailRow } from "../email/primitives.js";
 function getSiteName() {
     return process.env.NEXT_PUBLIC_SITE_NAME?.trim() || "App";
 }
 function getSiteUrl() {
     return process.env.NEXTAUTH_URL?.trim() || "http://localhost:3000";
 }
-function getSupportEmail() {
-    return process.env.EMAIL_SUPPORT?.trim() || "support@example.com";
-}
 /**
  * Resolve an email provider that works in BOTH runtimes.
  *

package/dist/features/corporate/api/route.js

@@ -11,11 +11,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts/index.js";
 import { normalizeError } from "../../../errors/normalize.js";
-function numParam(url, key, fallback) {
-    const v = url.searchParams.get(key);
-    const n = v !== null ? Number(v) : NaN;
-    return Number.isFinite(n) ? n : fallback;
-}
+import { numParam } from "../../../utils/search-params.js";
 export async function GET(request) {
     try {
         const url = new URL(request.url);

package/dist/features/corporate/components/CorporateInquiryForm.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, Div, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";
 import { FieldTextarea } from "../../../ui/forms/FieldTextarea.js";

package/dist/features/dashboard/components/DashboardHubView.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Badge, Div, Grid, Heading, Row, Section, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 /**
  * Sum of the counts inside a section, or `null` when it has none.
  *

package/dist/features/digital-codes/components/DigitalCodeDetailPageView.js

@@ -7,9 +7,15 @@ const CLS_DIGITALCODE_BADGE = "inline-block rounded-full bg-violet-100 dark:bg-v
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 import { formatCurrency } from "../../../utils/number.formatter.js";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
+import { toDescriptionHtml } from "../../../utils/string.formatter.js";
 import { safeDisplayName } from "../../../security/index.js";
-import { Div, Container, GatedPrice, Heading, Main, Nav, RichText, Row, Section, Span, Stack, Text, SpecTable, } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Container, Row, Stack } from "../../../ui/components/Layout.js";
+import { GatedPrice } from "../../../ui/components/GatedPrice.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Main, Nav, Section } from "../../../ui/components/Semantic.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { SpecTable } from "../../../ui/components/SpecTable.js";
 import { PreOrderDetailView } from "../../products/components/PreOrderDetailView.js";
 import { ProductGalleryClient } from "../../products/components/ProductGalleryClient.js";
 import { ProductTabsShell } from "../../products/components/ProductTabsShell.js";
@@ -24,12 +30,6 @@ import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPane
 import { ListingBottomActions } from "../../products/components/ListingBottomActions.js";
 import { productImageUrls } from "../../products/schemas/firestore.js";
 import { PurchaseReviewAffordance } from "../../reviews/components/PurchaseReviewAffordance.js";
-function toDescriptionHtml(raw) {
-    if (!raw)
-        return "";
-    const s = typeof raw === "string" ? raw : JSON.stringify(raw);
-    return normalizeRichTextHtml(s);
-}
 export async function DigitalCodeDetailPageView({ slug, initialProduct, renderPrimaryActions }) {
     const product = initialProduct !== undefined
         ? (initialProduct ?? undefined)

package/dist/features/digital-codes/components/DigitalCodeFilters.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { AsyncFacetSection } from "../../filters/AsyncFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 const DELIVERY_OPTIONS = [
     { value: "auto-claim", label: "Instant (auto-claim)" },
     { value: "manual-email", label: "Manual (sent by seller)" },

package/dist/features/dispute-reasons/components/AdminDisputeReasonsView.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { Badge, Button, Row, Stack, Text } from "../../../ui/index.js";
+import { Badge } from "../../../ui/components/Badge.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { useToast } from "../../../ui/components/Toast.js";
 import { FieldInput } from "../../../ui/forms/FieldInput.js";

package/dist/features/events/components/AdminEventEditorView.d.ts

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

package/dist/features/events/components/AdminEventEditorView.js

@@ -5,7 +5,18 @@ import { useApiMutation } from "@mohasinac/appkit/client";
 import React, { useEffect } from "react";
 import { useTranslations } from "next-intl";
 import { useQuery } from "@tanstack/react-query";
-import { Alert, Button, Div, Grid, Heading, Input, Label, RichTextEditor, Row, Select, Span, Stack, StackedViewShell, TagInput, Text, Textarea, Toggle, } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Label, Span, Text } from "../../../ui/components/Typography.js";
+import { Input } from "../../../ui/components/Input.js";
+import { RichTextEditor } from "../../../ui/components/RichTextEditor.js";
+import { Select } from "../../../ui/components/Select.js";
+import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
+import { TagInput } from "../../../ui/components/TagInput.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { Toggle } from "../../../ui/components/Toggle.js";
 import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms/index.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
@@ -14,7 +25,7 @@ import { toUserMessage } from "../../../errors/error-display-map.js";
 import { ALL_EVENT_TYPES, EVENT_TYPE_LABELS } from "../types/index.js";
 import { rafflePrizeCouponIdsOf } from "../schemas/firestore.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";
 import { eventDraftSchema } from "../schemas/event-form.js";
 import { ProductInlineSelect } from "../../seller/components/ProductInlineSelect.js";
 import { CouponInlineSelect } from "../../seller/components/CouponInlineSelect.js";
@@ -503,7 +514,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, allowedTypes,
     // Replaces the hand-rolled fieldToStepIndex + goToStep pair. The hook owns
     // the expand-then-scroll ordering a raw setState cannot: a collapsed panel
     // must MOUNT before scrollIntoView and focus can reach the offending field.
-    const { openIds, setOpenIds, goToSection, fieldToSectionIndex, sectionMeta } = useSectionFormNav(sections, draft);
+    const { openIds, setOpenIds } = useSectionFormNav(sections, draft);
     const formContent = (_jsxs(Stack, { gap: "sm", children: [alertSection, _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: update, onSubmit: () => { saveMutation.mutate(); }, schema: eventDraftSchema, openIds: openIds, onOpenChange: setOpenIds, submitLabel: isEdit ? "Save Changes" : "Create Event", isLoading: isLoading })] }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") || saveMessage.toLowerCase().includes("error") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
     if (embedded) {
         return _jsx(Div, { className: `${__O.yAuto} ${__P.p4}`, children: formContent });

package/dist/features/events/components/AdminEventEntriesView.js

@@ -3,14 +3,22 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useApiMutation, sieveFilter, SIEVE_OP, sortBy } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Button, Div, Input, Row, Select, Stack, Text, useToast, RecordDetailModal, } from "../../../ui/index.js";
+import { Alert } from "../../../ui/components/Alert.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Select } from "../../../ui/components/Select.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
+import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { apiClient } from "../../../http/index.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { buildEventEntryDetailFields } from "./event-entry-detail-fields.js";
-import { TextLink } from "../../../ui/index.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 const CLS_RESPONSE_TEXT = "whitespace-pre-wrap break-words";
 const REVIEW_STATUS_OPTIONS = [

package/dist/features/events/components/AdminEventsView.d.ts

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

package/dist/features/events/components/AdminEventsView.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_EVENT_STATUS_TABS, ALL_TAB } from "../../admin/constants/filter-tabs.js";
 import { ALL_EVENT_TYPES, EVENT_TYPE_LABELS } from "../types/index.js";

package/dist/features/events/components/EventBanner.js

@@ -3,7 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { useEffect, useMemo, useState } from "react";
 import { useEvents } from "../hooks/useEvents.js";
-import { Button, Section, TextLink } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 export function EventBanner({ storageKey = "dismissed_event_banners", className = "", saleHref = String(ROUTES.PUBLIC.PRODUCTS), getOfferHref = (eventId) => `/events/${eventId}`, labels, }) {
     const [dismissedIds, setDismissedIds] = useState([]);

package/dist/features/events/components/EventCard.js

@@ -1,7 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { BaseListingCard, Button, Div, Heading, RichText, Row, Span, Stack, TextLink } from "../../../ui/index.js";
+import { BaseListingCard } from "../../../ui/components/BaseListingCard.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span } from "../../../ui/components/Typography.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 import { EVENT_FIELDS } from "../schemas/index.js";

package/dist/features/events/components/EventDetailView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DetailViewShellProps } from "../../../ui";
+import type { DetailViewShellProps } from "../../../ui/components/DetailViewShell";
 export interface EventDetailViewProps extends Omit<DetailViewShellProps, "mainSlots" | "layout"> {
     /** Render the cover image */
     renderCoverImage?: () => React.ReactNode;

package/dist/features/events/components/EventDetailView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DetailViewShell } from "../../../ui/index.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
 export function EventDetailView({ renderCoverImage, renderHeader, renderContent, renderDescription, renderGallery, renderWinners, renderLeaderboard, renderParticipateAction, isLoading = false, ...rest }) {
     return (_jsx(DetailViewShell, { portal: "public", ...rest, layout: "narrow", isLoading: isLoading, mainSlots: [
             renderCoverImage?.(),

package/dist/features/events/components/EventFilters.js

@@ -4,7 +4,7 @@ import { useTranslations } from "next-intl";
 import { FilterFacetSection } from "../../filters/FilterFacetSection.js";
 import { RangeFilter } from "../../filters/RangeFilter.js";
 import { SwitchFilter } from "../../filters/SwitchFilter.js";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 import { TABLE_KEYS } from "../../../constants/table-keys.js";
 import { EVENT_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";

package/dist/features/events/components/EventFormDrawer.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 EventFormDrawer({ isOpen, 
 // audit-dead-underscore-prop-ok: required for the public contract (callers'
 // own renderHeader/renderFooter closures already have onClose in scope to

package/dist/features/events/components/EventInsights.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Chart } from "../../../ui/components/Chart.js";
-import { Grid, Heading, Progress, Row, Stack, Text } from "../../../ui/index.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Progress } from "../../../ui/components/Progress.js";
 import { CountdownDisplay } from "../../../ui/components/CountdownDisplay.js";
 export function EventInsights({ pollChart, savingsChart, likeTrendChart, saleProgress, heading = "By the numbers", }) {
     const charts = [savingsChart, pollChart, likeTrendChart].filter((c) => Boolean(c));

package/dist/features/events/components/EventLeaderboard.js

@@ -1,6 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 export function EventLeaderboard({ isLoading = false, isEmpty = false, renderList, renderEntry, entries = [], pollResults, renderPollResult, renderEmpty, renderSkeleton, labels = {}, className = "", }) {
     if (isLoading) {
         if (renderSkeleton)

package/dist/features/events/components/EventLikeButton.js

@@ -7,7 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @tag layer:component
  */
 import { useCallback, useState, useTransition } from "react";
-import { Button, Row, Span, Icon } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Span } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
 import { PressScale } from "../../../ui/components/Motion.js";
 import { useOptionalSession } from "../../../react/contexts/SessionContext.js";
 import { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";

package/dist/features/events/components/EventLikersRail.js

@@ -7,7 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @tag layer:component
  */
 import { useCallback, useState } from "react";
-import { AvatarGroup, Button, Modal, Row, Stack, Text, Span, Avatar } from "../../../ui/index.js";
+import { AvatarGroup, Avatar } from "../../../ui/components/Avatar.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Modal } from "../../../ui/components/Modal.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text, Span } from "../../../ui/components/Typography.js";
 import { LIKERS_PAGE_SIZE } from "../schemas/likes.js";
 import { normalizeError } from "../../../errors/normalize.js";
 /** "Aarav, Riya and 7 others" — names first, count only for the remainder. */

package/dist/features/events/components/EventOfferCard.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { Button } from "../../../ui/components/Button.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { CouponCodeCopyRow } from "../../promotions/components/CouponCodeCopyRow.js";

package/dist/features/events/components/EventParticipateView.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { Skeleton } from "../../../ui/components/Skeleton.js";
 export function EventParticipateView({ isLoading = false, isSubmitted = false, renderEventInfo, renderForm, renderAction, renderSuccess, renderSkeleton, renderAuthGate, className = "", }) {
     if (isLoading) {

package/dist/features/events/components/EventPollWidget.js

@@ -3,7 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useAuth } from "../../../react/contexts/SessionContext.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
-import { Button, Checkbox, Div, LoginRequiredModal, Span, Stack, Text, Textarea, TextLink } 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 { LoginRequiredModal } from "../../../ui/components/LoginRequiredModal.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { EVENT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";
 const CLS_THANKS_BOX = "rounded-xl border border-success dark:border-success bg-success-surface px-[var(--appkit-space-6)] py-[var(--appkit-space-8)] text-left space-y-2";

package/dist/features/events/components/EventRaffleEntryForm.js

@@ -4,7 +4,9 @@ import { useState } from "react";
 import { Button } from "../../../ui/components/Button.js";
 import { Form } from "../../../ui/components/Form.js";
 import { FieldTextarea } from "../../../ui/forms/FieldTextarea.js";
-import { Div, Heading, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { Badge } from "../../../ui/components/Badge.js";
 import { raffleEntrySchema } from "../../contact/schemas/inquiry-forms.js";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";

package/dist/features/events/components/EventRaffleWinnerView.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Article, ClaimCouponButton, Div, Heading, Row, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Article } from "../../../ui/components/Semantic.js";
+import { ClaimCouponButton } from "../../../ui/components/ClaimCouponButton.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
 };

package/dist/features/events/components/EventRafflesSection.js

@@ -8,7 +8,9 @@ import { serverLogger } from "../../../monitoring/server-logger.js";
 // this section silently rendered nothing instead of failing loudly.
 import { sieveFilter, sieveAnd, SIEVE_OP } from "../../../utils/sieve-builder.js";
 import { sortBy } from "../../../constants/sort.js";
-import { Container, Grid, Heading, Section, Stack, Text } from "../../../ui/index.js";
+import { Container, Grid, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { eventRepository } from "../repository/events.repository.js";
 import { EventCard } from "./EventCard.js";
 import { hidePublicTestData } from "../../../_internal/server/features/tester/visibility.js";

package/dist/features/events/components/EventSaleBanner.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Div, Heading, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { Button } from "../../../ui/components/Button.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 const __P = {

package/dist/features/events/components/EventStatusBadge.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Span } from "../../../ui/index.js";
+import { Span } from "../../../ui/components/Typography.js";
 const STATUS_MAP = {
     draft: { label: "Draft", color: "bg-[var(--appkit-color-surface-elevated)] text-[var(--appkit-color-text-muted)]" },
     active: { label: "Active", color: "bg-success-surface text-success" },