@mohasinac/appkit 3.3.0 → 3.3.2

package/dist/features/stores/components/StoreReviewsListing.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 export interface StoreReviewsListingProps {
     storeSlug: string;
 }
-export declare function StoreReviewsListing({ storeSlug }: StoreReviewsListingProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreReviewsListing({ storeSlug }: StoreReviewsListingProps): React.JSX.Element;

package/dist/features/stores/components/StoreReviewsPageView.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 export interface StoreReviewsPageViewProps {
     storeSlug: string;
 }
-export declare function StoreReviewsPageView({ storeSlug }: StoreReviewsPageViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreReviewsPageView({ storeSlug }: StoreReviewsPageViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreReviewsView.d.ts

@@ -14,4 +14,4 @@ export interface StoreReviewsViewProps extends Omit<SlottedListingViewProps, "re
     total?: number;
     isLoading?: boolean;
 }
-export declare function StoreReviewsView({ labels, renderReviews, renderSummary, renderPagination, items, total, isLoading, ...rest }: StoreReviewsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreReviewsView({ labels, renderReviews, renderSummary, renderPagination, items, total, isLoading, ...rest }: StoreReviewsViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreScopedSearch.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface StoreScopedSearchProps {
     storeId: string;
     storeName: string;
@@ -12,5 +13,5 @@ interface StoreScopedSearchProps {
  * is the store-page complement to the global `<Search>` slot rendered in
  * `LayoutShellClient`.
  */
-export declare function StoreScopedSearch({ storeId, storeName, placeholder, className, }: StoreScopedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreScopedSearch({ storeId, storeName, placeholder, className, }: StoreScopedSearchProps): React.JSX.Element;
 export {};

package/dist/features/stores/components/StoreSettingsGuideView.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 export type StoreSettingsGuideViewProps = Record<string, never>;
-export declare function StoreSettingsGuideView(_props: StoreSettingsGuideViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreSettingsGuideView(_props: StoreSettingsGuideViewProps): React.JSX.Element;

package/dist/features/stores/components/StoresIndexListing.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 export interface StoresIndexListingProps {
     initialData?: any;
 }
-export declare function StoresIndexListing({ initialData }: StoresIndexListingProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoresIndexListing({ initialData }: StoresIndexListingProps): React.JSX.Element;

package/dist/features/stores/components/StoresIndexPageView.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 type SearchParams = Record<string, string | string[]>;
 export interface StoresIndexPageViewProps {
     searchParams?: SearchParams;
 }
-export declare function StoresIndexPageView({ searchParams }: StoresIndexPageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function StoresIndexPageView({ searchParams }: StoresIndexPageViewProps): Promise<React.JSX.Element>;
 export {};

package/dist/features/whatsapp-bot/components/SellerWhatsAppSettingsView.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export interface SellerWhatsAppSettingsViewProps {
     /** Whether this store has the whatsapp_catalog_sync capability */
     hasCapability: boolean;
 }
-export declare function SellerWhatsAppSettingsView({ hasCapability }: SellerWhatsAppSettingsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerWhatsAppSettingsView({ hasCapability }: SellerWhatsAppSettingsViewProps): React.JSX.Element;

package/dist/features/whatsapp-bot/components/WhatsAppChatButton.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 interface WhatsAppChatButtonProps {
     waNumber: string;
     message?: string;
     label?: string;
     className?: string;
 }
-export declare function WhatsAppChatButton({ waNumber, message, label, className, }: WhatsAppChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function WhatsAppChatButton({ waNumber, message, label, className, }: WhatsAppChatButtonProps): React.JSX.Element;
 export {};

package/dist/features/wishlist/components/WishlistPage.d.ts

@@ -4,7 +4,7 @@ interface WishlistCardProps {
     onRemove?: (id: string) => void;
     onProductClick?: (item: WishlistItem) => void;
 }
-export declare function WishlistCard({ item, onRemove, onProductClick, }: WishlistCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function WishlistCard({ item, onRemove, onProductClick, }: WishlistCardProps): import("react").JSX.Element;
 interface WishlistPageProps {
     items: WishlistItem[];
     isLoading?: boolean;
@@ -12,5 +12,5 @@ interface WishlistPageProps {
     onProductClick?: (item: WishlistItem) => void;
     emptyLabel?: string;
 }
-export declare function WishlistPage({ items, isLoading, onRemove, onProductClick, emptyLabel, }: WishlistPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function WishlistPage({ items, isLoading, onRemove, onProductClick, emptyLabel, }: WishlistPageProps): import("react").JSX.Element;
 export {};

package/dist/features/wishlist/components/WishlistToggleButton.d.ts

@@ -8,5 +8,5 @@ interface WishlistToggleButtonProps {
     className?: string;
     size?: "sm" | "md" | "lg";
 }
-export declare function WishlistToggleButton({ inWishlist, isLoading, onToggle, addLabel, removeLabel, className, size, }: WishlistToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function WishlistToggleButton({ inWishlist, isLoading, onToggle, addLabel, removeLabel, className, size, }: WishlistToggleButtonProps): import("react").JSX.Element;
 export {};

package/dist/features/wishlist/components/WishlistView.d.ts

@@ -20,4 +20,4 @@ export interface WishlistViewProps {
     renderPagination?: (total: number) => React.ReactNode;
     className?: string;
 }
-export declare function WishlistView({ userId, initialData, labels, renderTabs, renderSearch, renderSort, renderViewToggle, renderProducts, renderTabPlaceholder, renderBulkActions, renderPagination, className, }: WishlistViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function WishlistView({ userId, initialData, labels, renderTabs, renderSearch, renderSort, renderViewToggle, renderProducts, renderTabPlaceholder, renderBulkActions, renderPagination, className, }: WishlistViewProps): React.JSX.Element;

package/dist/http/ApiClient.d.ts

@@ -20,6 +20,17 @@ import type { JsonValue } from "../schemas/types";
 export declare class ApiClientError extends Error {
     readonly status: number;
     readonly data?: unknown | undefined;
+    /** Stable server error code, e.g. HTTP_ERROR_CODES.VALIDATION_FAILED — lets
+     * `surfaceError`/`ERROR_DISPLAY_MAP` route this to a toast or an inline
+     * field error the same way a `client/api/ApiError` would. */
+    readonly code?: string;
+    /** Serialised Zod issues, when the failure was a validation error. */
+    readonly issues?: {
+        message: string;
+        path?: (string | number)[];
+        code?: string;
+    }[];
+    readonly requestId?: string;
     constructor(message: string, status: number, data?: unknown | undefined);
 }
 export interface RequestConfig extends RequestInit {

package/dist/http/ApiClient.js

@@ -22,6 +22,10 @@ export class ApiClientError extends Error {
         this.status = status;
         this.data = data;
         this.name = "ApiClientError";
+        const body = data;
+        this.code = typeof body?.code === "string" ? body.code : undefined;
+        this.issues = Array.isArray(body?.issues) ? body.issues : undefined;
+        this.requestId = typeof body?.requestId === "string" ? body.requestId : undefined;
     }
 }
 export class ApiClient {

package/dist/next/ErrorBoundary.d.ts

@@ -14,6 +14,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     private reset;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 }
 export {};

package/dist/next/components/ErrorView.d.ts

@@ -10,4 +10,4 @@ export interface ErrorViewProps {
     /** Override the retry button label. */
     retryLabel?: string;
 }
-export declare function ErrorView({ error, reset, heading, description, retryLabel, }: ErrorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorView({ error, reset, heading, description, retryLabel, }: ErrorViewProps): import("react").JSX.Element;

package/dist/next/components/GlobalError.d.ts

@@ -4,4 +4,4 @@ export interface GlobalErrorProps {
     };
     reset: () => void;
 }
-export declare function GlobalError({ error, reset }: GlobalErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalError({ error, reset }: GlobalErrorProps): import("react").JSX.Element;

package/dist/next/components/NotFoundView.d.ts

@@ -25,4 +25,4 @@ export interface NotFoundViewProps {
     /** Override the home link href. */
     homeHref?: string;
 }
-export declare function NotFoundView({ heading, description, homeLabel, homeHref, }: NotFoundViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotFoundView({ heading, description, homeLabel, homeHref, }: NotFoundViewProps): import("react").JSX.Element;

package/dist/next/components/UnauthorizedView.d.ts

@@ -25,4 +25,4 @@ export interface UnauthorizedViewProps {
     /** href for the home link. */
     homeHref?: string;
 }
-export declare function UnauthorizedView({ heading, description, loginLabel, loginHref, homeLabel, homeHref, }: UnauthorizedViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnauthorizedView({ heading, description, loginLabel, loginHref, homeLabel, homeHref, }: UnauthorizedViewProps): import("react").JSX.Element;

package/dist/react/ErrorBoundary.d.ts

@@ -26,6 +26,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, State>
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReset: () => void;
-    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 }
 export {};

package/dist/react/contexts/SessionContext.d.ts

@@ -76,7 +76,7 @@ export interface SessionProviderProps {
      */
     signOutInvalidationKeys?: string[][];
 }
-export declare function SessionProvider({ children, initialUser, endpoints: endpointOverrides, onSignOutInvalidate, signOutInvalidationKeys, }: SessionProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SessionProvider({ children, initialUser, endpoints: endpointOverrides, onSignOutInvalidate, signOutInvalidationKeys, }: SessionProviderProps): React.JSX.Element;
 export declare function useSession(): SessionContextValue;
 export declare function useAuth(): {
     user: SessionUser | null;

package/dist/ui/DataTable.d.ts

@@ -74,5 +74,5 @@ export interface DataTableProps<T> {
         listView?: string;
     };
 }
-export declare function DataTable<T extends object>({ data, columns, keyExtractor: keyExtractorProp, onRowClick, loading, emptyMessage, actions, mobileCardRender, emptyState, emptyIcon, emptyTitle, tableConfig, paginationConfig, externalPagination, pageSize: pageSizeProp, stickyHeader: stickyHeaderProp, striped: stripedProp, showViewToggle: showViewToggleProp, showTableView, viewMode: controlledViewMode, defaultViewMode: defaultViewModeProp, onViewModeChange, selectable: selectableProp, selectedIds, onSelectionChange, gridCols, labels, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T extends object>({ data, columns, keyExtractor: keyExtractorProp, onRowClick, loading, emptyMessage, actions, mobileCardRender, emptyState, emptyIcon, emptyTitle, tableConfig, paginationConfig, externalPagination, pageSize: pageSizeProp, stickyHeader: stickyHeaderProp, striped: stripedProp, showViewToggle: showViewToggleProp, showTableView, viewMode: controlledViewMode, defaultViewMode: defaultViewModeProp, onViewModeChange, selectable: selectableProp, selectedIds, onSelectionChange, gridCols, labels, }: DataTableProps<T>): import("react").JSX.Element;
 export {};

package/dist/ui/components/Accordion.d.ts

@@ -23,5 +23,5 @@ export interface AccordionItemProps {
     className?: string;
     children?: React.ReactNode;
 }
-export declare function Accordion({ title, children, open, className, titleClassName, contentClassName, type, defaultValue, value, onChange, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
-export declare function AccordionItem({ value, title, disabled, className, children, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ title, children, open, className, titleClassName, contentClassName, type, defaultValue, value, onChange, }: AccordionProps): React.JSX.Element;
+export declare function AccordionItem({ value, title, disabled, className, children, }: AccordionItemProps): React.JSX.Element;

package/dist/ui/components/ActiveFilterChips.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface ActiveFilter {
     key: string;
     label: string;
@@ -10,4 +11,4 @@ export interface ActiveFilterChipsProps {
     className?: string;
     clearAllLabel?: string;
 }
-export declare function ActiveFilterChips({ filters, onRemove, onClearAll, className, clearAllLabel, }: ActiveFilterChipsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ActiveFilterChips({ filters, onRemove, onClearAll, className, clearAllLabel, }: ActiveFilterChipsProps): React.JSX.Element | null;

package/dist/ui/components/Alert.d.ts

@@ -39,5 +39,5 @@ export interface AlertProps {
     onClose?: () => void;
     className?: string;
 }
-export declare function Alert({ children, variant, title, compact, onClose, className, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function Alert({ children, variant, title, compact, onClose, className, }: AlertProps): React.JSX.Element;
 export {};

package/dist/ui/components/Anchor.d.ts

@@ -44,4 +44,4 @@ export interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      */
     className?: string;
 }
-export declare function Anchor({ href, children, tone, underline, size, rounded, shadow, layout, external, rel, target, className, ...rest }: AnchorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Anchor({ href, children, tone, underline, size, rounded, shadow, layout, external, rel, target, className, ...rest }: AnchorProps): import("react").JSX.Element;

package/dist/ui/components/Avatar.d.ts

@@ -13,6 +13,6 @@ export interface AvatarGroupProps {
     size?: AvatarProps["size"];
     className?: string;
 }
-export declare function Avatar({ src, alt, fallback, name, size, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
-export declare function AvatarGroup({ avatars, max, size, className, }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ src, alt, fallback, name, size, className, }: AvatarProps): React.JSX.Element;
+export declare function AvatarGroup({ avatars, max, size, className, }: AvatarGroupProps): React.JSX.Element;
 export default Avatar;

package/dist/ui/components/AvatarDisplay.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ImageCropData } from "../../features/media";
 export interface AvatarDisplayProps {
     cropData: ImageCropData | null;
@@ -7,4 +8,4 @@ export interface AvatarDisplayProps {
     displayName?: string | null;
     email?: string | null;
 }
-export declare function AvatarDisplay({ cropData, size, className, alt, displayName, email, }: AvatarDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarDisplay({ cropData, size, className, alt, displayName, email, }: AvatarDisplayProps): React.JSX.Element;

package/dist/ui/components/BackgroundRenderer.d.ts

@@ -12,4 +12,4 @@ export interface BackgroundRendererProps {
     lightMode: BackgroundConfig;
     darkMode: BackgroundConfig;
 }
-export declare function BackgroundRenderer({ mode, lightMode, darkMode, }: BackgroundRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackgroundRenderer({ mode, lightMode, darkMode, }: BackgroundRendererProps): import("react").JSX.Element;

package/dist/ui/components/Badge.d.ts

@@ -34,5 +34,5 @@ export interface BadgeProps {
     size?: BadgeSize;
     className?: string;
 }
-export declare function Badge({ children, variant, size, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ children, variant, size, className, }: BadgeProps): React.JSX.Element;
 export {};

package/dist/ui/components/BaseListingCard.d.ts

@@ -40,11 +40,11 @@ export interface BaseListingCardCheckboxProps {
     position?: string;
     className?: string;
 }
-declare function BaseListingCardRoot({ className, isSelected, isDisabled, variant, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, }: BaseListingCardRootProps): import("react/jsx-runtime").JSX.Element;
-declare function BaseListingCardHero({ aspect, variant, className, children, onMouseEnter, onMouseLeave, }: BaseListingCardHeroProps): import("react/jsx-runtime").JSX.Element;
-declare function BaseListingCardInfo({ variant, className, children, }: BaseListingCardInfoProps): import("react/jsx-runtime").JSX.Element;
-declare function BaseListingCardCheckbox({ selected, onSelect, label, position, className, }: BaseListingCardCheckboxProps): import("react/jsx-runtime").JSX.Element;
-declare function BaseListingCardIconOverlay({ groupIcon, sublistingIcon, position, }: BaseListingCardIconOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+declare function BaseListingCardRoot({ className, isSelected, isDisabled, variant, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, }: BaseListingCardRootProps): import("react").JSX.Element;
+declare function BaseListingCardHero({ aspect, variant, className, children, onMouseEnter, onMouseLeave, }: BaseListingCardHeroProps): import("react").JSX.Element;
+declare function BaseListingCardInfo({ variant, className, children, }: BaseListingCardInfoProps): import("react").JSX.Element;
+declare function BaseListingCardCheckbox({ selected, onSelect, label, position, className, }: BaseListingCardCheckboxProps): import("react").JSX.Element;
+declare function BaseListingCardIconOverlay({ groupIcon, sublistingIcon, position, }: BaseListingCardIconOverlayProps): import("react").JSX.Element | null;
 export declare const BaseListingCard: typeof BaseListingCardRoot & {
     Hero: typeof BaseListingCardHero;
     Info: typeof BaseListingCardInfo;

package/dist/ui/components/Breadcrumb.d.ts

@@ -12,4 +12,4 @@ export interface BreadcrumbProps {
     items: BreadcrumbItem[];
     className?: string;
 }
-export declare function Breadcrumb({ items, className }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, className }: BreadcrumbProps): import("react").JSX.Element;

package/dist/ui/components/BulkActionBar.d.ts

@@ -30,4 +30,4 @@ export interface BulkActionBarProps {
     actions?: BulkActionItem[];
     labels?: BulkActionBarLabels;
 }
-export declare function BulkActionBar({ selectedCount, onClearSelection, actions, labels, }: BulkActionBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BulkActionBar({ selectedCount, onClearSelection, actions, labels, }: BulkActionBarProps): React.JSX.Element | null;

package/dist/ui/components/Button.d.ts

@@ -63,5 +63,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      */
     action?: ActionDef;
 }
-export declare function Button({ variant, size, className, isLoading, disabled, children, gap, textSize, paddingX, paddingY, weight, textColor, border, rounded, shadow, asChild, action, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, className, isLoading, disabled, children, gap, textSize, paddingX, paddingY, weight, textColor, border, rounded, shadow, asChild, action, ...props }: ButtonProps): React.JSX.Element;
 export {};

package/dist/ui/components/Card.d.ts

@@ -16,12 +16,12 @@ export interface CardProps extends SurfaceProps {
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
-export declare function Card({ children, variant, padding, spacing, hover, animate, surface, rounded, border, shadow, className, style, onClick, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ children, variant, padding, spacing, hover, animate, surface, rounded, border, shadow, className, style, onClick, }: CardProps): React.JSX.Element;
 export interface CardSectionProps {
     children: React.ReactNode;
     className?: string;
 }
-export declare function CardHeader({ children, className }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardBody({ children, className }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardFooter({ children, className }: CardSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardHeader({ children, className }: CardSectionProps): React.JSX.Element;
+export declare function CardBody({ children, className }: CardSectionProps): React.JSX.Element;
+export declare function CardFooter({ children, className }: CardSectionProps): React.JSX.Element;
 export default Card;

package/dist/ui/components/Checkbox.d.ts

@@ -5,4 +5,4 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     error?: React.ReactNode;
     indeterminate?: boolean;
 }
-export declare function Checkbox({ label, suffix, error, indeterminate, className, checked, disabled, id, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label, suffix, error, indeterminate, className, checked, disabled, id, ...props }: CheckboxProps): React.JSX.Element;

package/dist/ui/components/ConfirmDeleteModal.d.ts

@@ -29,4 +29,4 @@ export interface ConfirmDeleteModalProps {
  * />
  * ```
  */
-export declare function ConfirmDeleteModal({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, isDeleting, variant, }: ConfirmDeleteModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ConfirmDeleteModal({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, isDeleting, variant, }: ConfirmDeleteModalProps): import("react").JSX.Element | null;

package/dist/ui/components/CountdownDisplay.d.ts

@@ -10,4 +10,4 @@ export interface CountdownDisplayProps {
     expiredLabel?: string;
     className?: string;
 }
-export declare function CountdownDisplay({ targetDate, format, expiredLabel, className, }: CountdownDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function CountdownDisplay({ targetDate, format, expiredLabel, className, }: CountdownDisplayProps): import("react").JSX.Element;

package/dist/ui/components/DateInput.d.ts

@@ -24,4 +24,4 @@ export interface DateRangeInputProps {
     endMin?: string;
     endMax?: string;
 }
-export declare function DateRangeInput({ label, startLabel, endLabel, startValue, endValue, onStartChange, onEndChange, error, helperText, disabled, required, startMin, startMax, endMin, endMax, }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangeInput({ label, startLabel, endLabel, startValue, endValue, onStartChange, onEndChange, error, helperText, disabled, required, startMin, startMax, endMin, endMax, }: DateRangeInputProps): React.JSX.Element;

package/dist/ui/components/DescriptionField.d.ts

@@ -20,4 +20,4 @@ export interface DescriptionFieldProps {
  * </Row>
  * ```
  */
-export declare function DescriptionField({ label, value, fullWidth, className, }: DescriptionFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionField({ label, value, fullWidth, className, }: DescriptionFieldProps): import("react").JSX.Element;

package/dist/ui/components/DetailPageGallery.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 export interface DetailPageGalleryImage {
     /** Public URL (resolved to `/media/<slug>` already). */
     url: string;
@@ -29,4 +29,4 @@ export interface DetailPageGalleryProps {
  *
  * W1-14 — extracted 2026-05-23.
  */
-export declare function DetailPageGallery({ images, title, aspect, fallback, initialIndex, className, }: DetailPageGalleryProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailPageGallery({ images, title, aspect, fallback, initialIndex, className, }: DetailPageGalleryProps): React.JSX.Element;

package/dist/ui/components/DetailPageHero.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 export interface DetailPageHeroProps {
     /** Page H1. */
     title: ReactNode;
@@ -27,4 +27,4 @@ export interface DetailPageHeroProps {
  * Slots stay open so domain-specific badges, price components, and CTAs flow
  * through unchanged. W1-14 — extracted 2026-05-23.
  */
-export declare function DetailPageHero({ title, eyebrow, subtitle, metaRow, description, mediaSlot, actionsSlot, belowActions, className, }: DetailPageHeroProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailPageHero({ title, eyebrow, subtitle, metaRow, description, mediaSlot, actionsSlot, belowActions, className, }: DetailPageHeroProps): React.JSX.Element;

package/dist/ui/components/DetailPageTabs.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 export interface DetailPageTab {
     /** Stable tab id used for the URL `tab=` param and ARIA wiring. */
     id: string;
@@ -31,4 +31,4 @@ export interface DetailPageTabsProps {
  *
  * W1-14 — extracted 2026-05-23.
  */
-export declare function DetailPageTabs({ tabs, activeTab: activeTabProp, defaultTab, onTabChange, className, }: DetailPageTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailPageTabs({ tabs, activeTab: activeTabProp, defaultTab, onTabChange, className, }: DetailPageTabsProps): React.JSX.Element;

package/dist/ui/components/DetailViewShell.d.ts

@@ -15,7 +15,7 @@
  *     belowFold={[renderTabs, renderRelated]}
  *   />
  */
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import type { ViewPortal } from "./Layout";
 export type DetailViewLayout = 
 /** 3-column product grid (gallery | info | sidebar) */
@@ -64,4 +64,4 @@ export interface DetailViewShellProps {
     stickyRailOffset?: string;
     className?: string;
 }
-export declare function DetailViewShell({ layout, portal, isLoading, renderSkeleton, renderNotFound, renderBreadcrumb, mainSlots, belowFold, afterMain, stickyActionRail, stickyRailOffset, className, }: DetailViewShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailViewShell({ layout, portal, isLoading, renderSkeleton, renderNotFound, renderBreadcrumb, mainSlots, belowFold, afterMain, stickyActionRail, stickyRailOffset, className, }: DetailViewShellProps): React.JSX.Element;

package/dist/ui/components/Details.d.ts

@@ -55,6 +55,6 @@ export interface SummaryProps {
     /** Main-axis distribution — takes effect when `layout` is set. */
     justify?: SummaryJustify;
 }
-export declare function Details({ children, defaultOpen, open, onToggle, tone, padding, rounded, name, className, style, }: DetailsProps): import("react/jsx-runtime").JSX.Element;
-export declare function Summary({ children, className, size, weight, paddingX, paddingY, color, layout, align, justify }: SummaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function Details({ children, defaultOpen, open, onToggle, tone, padding, rounded, name, className, style, }: DetailsProps): import("react").JSX.Element;
+export declare function Summary({ children, className, size, weight, paddingX, paddingY, color, layout, align, justify }: SummaryProps): import("react").JSX.Element;
 export {};

package/dist/ui/components/Dialog.d.ts

@@ -23,4 +23,4 @@ export interface DialogProps {
     "aria-labelledby"?: string;
     "aria-describedby"?: string;
 }
-export declare function Dialog({ open, onClose, children, padding, nonModal, closeOnBackdrop, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog({ open, onClose, children, padding, nonModal, closeOnBackdrop, ...rest }: DialogProps): import("react").JSX.Element;

package/dist/ui/components/Divider.d.ts

@@ -9,4 +9,4 @@ export interface DividerProps {
     orientation?: "horizontal" | "vertical";
     className?: string;
 }
-export declare function Divider({ label, orientation, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Divider({ label, orientation, className, }: DividerProps): import("react").JSX.Element;

package/dist/ui/components/Dropdown.d.ts

@@ -14,22 +14,22 @@ export interface DropdownProps {
     menuClassName?: string;
     children?: React.ReactNode;
 }
-export declare function Dropdown({ trigger, items, align, className, menuClassName, children, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dropdown({ trigger, items, align, className, menuClassName, children, }: DropdownProps): React.JSX.Element;
 export declare function DropdownTrigger({ className, children, }: {
     className?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function DropdownMenu({ className, children, }: {
     className?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 export declare function DropdownItem({ children, onClick, disabled, className, }: {
     children: React.ReactNode;
     onClick?: () => void;
     disabled?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function DropdownSeparator({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default Dropdown;

package/dist/ui/components/DynamicBgDiv.d.ts

@@ -10,4 +10,4 @@ export interface DynamicBgDivProps {
     children?: ReactNode;
     "aria-hidden"?: boolean | "true" | "false";
 }
-export declare function DynamicBgDiv({ color, background, textColor, className, children, "aria-hidden": ariaHidden, }: DynamicBgDivProps): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicBgDiv({ color, background, textColor, className, children, "aria-hidden": ariaHidden, }: DynamicBgDivProps): import("react").JSX.Element;

package/dist/ui/components/EmptyState.d.ts

@@ -9,4 +9,4 @@ export interface EmptyStateProps {
     actionHref?: string;
     className?: string;
 }
-export declare function EmptyState({ icon, title, description, action, actionLabel, onAction, actionHref, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon, title, description, action, actionLabel, onAction, actionHref, className, }: EmptyStateProps): React.JSX.Element;

package/dist/ui/components/FallbackShell.d.ts

@@ -28,4 +28,4 @@ export interface FallbackShellProps {
      */
     tone?: FallbackShellTone;
 }
-export declare function FallbackShell({ title, description, details, actions, tone, }: FallbackShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function FallbackShell({ title, description, details, actions, tone, }: FallbackShellProps): import("react").JSX.Element;

package/dist/ui/components/Fieldset.d.ts

@@ -15,5 +15,5 @@ export interface LegendProps {
     /** Visually hide the legend (still announced by screen readers). */
     srOnly?: boolean;
 }
-export declare function Fieldset({ children, tone, padding, disabled, form, name, }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
-export declare function Legend({ children, srOnly }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export declare function Fieldset({ children, tone, padding, disabled, form, name, }: FieldsetProps): import("react").JSX.Element;
+export declare function Legend({ children, srOnly }: LegendProps): import("react").JSX.Element;

package/dist/ui/components/FilterChipGroup.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * FilterChipGroup — labelled wrap-group of pill buttons.
  *
@@ -36,4 +37,4 @@ export interface FilterChipGroupProps {
     /** Optional className spread onto the outer wrapper. */
     className?: string;
 }
-export declare function FilterChipGroup({ label, tabs, value, onChange, allId, className, }: FilterChipGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterChipGroup({ label, tabs, value, onChange, allId, className, }: FilterChipGroupProps): React.JSX.Element;

package/dist/ui/components/FilterDrawer.d.ts

@@ -17,4 +17,4 @@ export interface FilterDrawerProps {
     /** Width for left/right drawers. Default: "md" (responsive: full-width on mobile, 24rem on desktop). */
     size?: "sm" | "md" | "lg" | "full";
 }
-export declare function FilterDrawer({ children, title, open, onOpen, onClose, onApply, onReset, activeCount, pendingCount, triggerLabel, triggerClassName, hideTrigger, side, size, }: FilterDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterDrawer({ children, title, open, onOpen, onClose, onApply, onReset, activeCount, pendingCount, triggerLabel, triggerClassName, hideTrigger, side, size, }: FilterDrawerProps): React.JSX.Element;

package/dist/ui/components/FlowDiagram.d.ts

@@ -30,4 +30,4 @@ export interface FlowDiagramProps {
     /** Slot rendered inside the body, between the step chain and the note strip. */
     children?: ReactNode;
 }
-export declare function FlowDiagram({ title, titleClass, connectorClass, steps, stepWidth, centered, note, className, children, }: FlowDiagramProps): import("react/jsx-runtime").JSX.Element;
+export declare function FlowDiagram({ title, titleClass, connectorClass, steps, stepWidth, centered, note, className, children, }: FlowDiagramProps): import("react").JSX.Element;

package/dist/ui/components/Form.d.ts

@@ -25,22 +25,22 @@ export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement
     gap?: GapToken;
 }
 export type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl";
-export declare function Form({ children, spacing, schema, align, gap, surface, padding, rounded, border, shadow, className, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ children, spacing, schema, align, gap, surface, padding, rounded, border, shadow, className, ...props }: FormProps): React.JSX.Element;
 export interface FormGroupProps {
     children: React.ReactNode;
     columns?: 1 | 2 | 3 | 4;
     gap?: GapToken;
     className?: string;
 }
-export declare function FormGroup({ children, columns, gap, className, }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormGroup({ children, columns, gap, className, }: FormGroupProps): React.JSX.Element;
 export interface FormFieldSpanProps {
     children: React.ReactNode;
     className?: string;
 }
-export declare function FormFieldSpan({ children, className, }: FormFieldSpanProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldSpan({ children, className, }: FormFieldSpanProps): React.JSX.Element;
 export interface FormActionsProps {
     children: React.ReactNode;
     align?: "left" | "center" | "right" | "between";
     className?: string;
 }
-export declare function FormActions({ children, align, className, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormActions({ children, align, className, }: FormActionsProps): React.JSX.Element;

package/dist/ui/components/FormActionBar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface FormActionBarBreadcrumb {
     label: string;
     href?: string;
@@ -19,4 +20,4 @@ export interface FormActionBarProps {
     isSubmitting?: boolean;
     className?: string;
 }
-export declare function FormActionBar({ title, breadcrumbs, onSaveDraft, onPublish, publishLabel, onPreview, onDiscard, isDirty, isSubmitting, className, }: FormActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormActionBar({ title, breadcrumbs, onSaveDraft, onPublish, publishLabel, onPreview, onDiscard, isDirty, isSubmitting, className, }: FormActionBarProps): React.JSX.Element;