@mohasinac/appkit 4.65.0 → 4.67.0

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/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/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

@@ -9,7 +9,13 @@ import { getDefaultCurrency } from "../../../core/baseline-resolver.js";
 import { formatCurrency } from "../../../utils/number.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";

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

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" },

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Span } from "../../../ui/index.js";
+import { Span } from "../../../ui/components/Typography.js";
 import { eventTypeMeta } from "../constants/event-type-meta.js";
 export function EventTypeBadge({ type, compact = false, className = "" }) {
     const meta = eventTypeMeta(type);

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

@@ -3,7 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
 import { useEvents } from "../hooks/useEvents.js";
-import { Div, Grid, ListingFilterDrawer, ListingToolbar, Pagination, Row, Stack, Text, StickyToolbar } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { ListingFilterDrawer } from "../../../ui/components/ListingFilterDrawer.js";
+import { ListingToolbar } from "../../../ui/components/ListingToolbar.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { StickyToolbar } from "../../../ui/components/StickyToolbar.js";
 import { EventCard } from "./EventCard.js";
 import { EventFilters, EVENT_PUBLIC_SORT_OPTIONS } from "./EventFilters.js";
 import { EVENT_FIELDS } from "../../../constants/field-names.js";

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

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { eventRepository } from "../../../repositories/index.js";
 import { AdSlot } from "../../homepage/components/AdSlot.js";
-import { Container, Main, Section, PageHeroHeading } from "../../../ui/index.js";
+import { Container } from "../../../ui/components/Layout.js";
+import { Main, Section } from "../../../ui/components/Semantic.js";
+import { PageHeroHeading } from "../../../ui/components/PageHeroHeading.js";
 import { EventsIndexListing } from "./EventsIndexListing.js";
 import { EVENT_FIELDS } from "../../../constants/field-names.js";
 import { sieveFilter, sieveMultiEq, sieveAnd, SIEVE_OP } from "../../../utils/sieve-builder.js";

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

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { Div, Grid, Pagination, Row, Stack, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Pagination } from "../../../ui/components/Pagination.js";
+import { Text } from "../../../ui/components/Typography.js";
 import { EventCard } from "./EventCard.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",

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

@@ -4,7 +4,9 @@ import Link from "next/link.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { SectionCarousel } from "../../homepage/components/SectionCarousel.js";
 import { MediaImage } from "../../media/MediaImage.js";
-import { Div, Heading, Stack } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { CAROUSEL_PER_VIEW } from "../../homepage/constants/carousel-per-view.js";
 export function RelatedEventsCarousel({ items, title = "Related Events", }) {
     if (items.length === 0)

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

@@ -27,7 +27,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useMemo } from "react";
 import { motion, useReducedMotion } from "motion/react";
-import { Div } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
 /** Full turns before landing. Enough to read as a spin, short enough to wait. */
 const TURNS = 4;
 /** Degrees past the target before easing back — the "breath" at the end. */