@mohasinac/appkit 3.3.0 → 3.3.1

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

@@ -18,4 +18,4 @@ export interface IframeProps extends Omit<IframeHTMLAttributes<HTMLIFrameElement
     /** Sandbox attribute. Default permits same-origin only. */
     sandbox?: string;
 }
-export declare function Iframe({ src, title, aspect, rounded, sandbox, loading, ...rest }: IframeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Iframe({ src, title, aspect, rounded, sandbox, loading, ...rest }: IframeProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface GalleryImage {
     src: string;
     alt: string;
@@ -13,4 +14,4 @@ export interface ImageGalleryProps {
     className?: string;
     onImageChange?: (index: number) => void;
 }
-export default function ImageGallery({ images, initialIndex, showThumbnails, showCaptions, allowZoom, className, onImageChange, }: ImageGalleryProps): import("react/jsx-runtime").JSX.Element;
+export default function ImageGallery({ images, initialIndex, showThumbnails, showCaptions, allowZoom, className, onImageChange, }: ImageGalleryProps): React.JSX.Element;

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

@@ -7,4 +7,4 @@ export interface ItemRowProps {
     actions?: React.ReactNode;
     className?: string;
 }
-export declare function ItemRow({ thumbnail, title, subtitle, rightSlot, actions, className, }: ItemRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemRow({ thumbnail, title, subtitle, rightSlot, actions, className, }: ItemRowProps): React.JSX.Element;

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

@@ -7,4 +7,4 @@ export interface KbdProps {
     size?: KbdSize;
     tone?: KbdTone;
 }
-export declare function Kbd({ children, size, tone }: KbdProps): import("react/jsx-runtime").JSX.Element;
+export declare function Kbd({ children, size, tone }: KbdProps): import("react").JSX.Element;

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

@@ -184,7 +184,7 @@ export interface ContainerProps extends React.HTMLAttributes<HTMLElement>, Surfa
     as?: React.ElementType;
     children?: React.ReactNode;
 }
-export declare function Container({ size, as, surface, padding, rounded, border, shadow, className, children, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Container({ size, as, surface, padding, rounded, border, shadow, className, children, ...props }: ContainerProps): React.JSX.Element;
 /**
  * Vertical flex column. Use instead of `<div className="flex flex-col gap-4" data-section="layout-div-535">`.
  *
@@ -245,7 +245,7 @@ export interface StackProps extends React.HTMLAttributes<HTMLElement>, SurfacePr
     as?: React.ElementType;
     children?: React.ReactNode;
 }
-export declare function Stack({ gap, centered, align, justify, textSize, textWeight, color, divide, direction, wrap, smAlign, as, surface, padding, paddingX, paddingY, rounded, border, shadow, className, children, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stack({ gap, centered, align, justify, textSize, textWeight, color, divide, direction, wrap, smAlign, as, surface, padding, paddingX, paddingY, rounded, border, shadow, className, children, ...props }: StackProps): React.JSX.Element;
 /**
  * Horizontal flex row. Use instead of `<div className="flex items-center gap-3" data-section="layout-div-536">`.
  *
@@ -315,7 +315,7 @@ declare const TEXT_COLOR_MAP: {
     readonly info: "appkit-color--info";
 };
 type TextColorKey = keyof typeof TEXT_COLOR_MAP;
-export declare function Row({ gap, centered, align, justify, textSize, textWeight, color, wrap, oddEven, divide, as, surface, padding, paddingX, paddingY, rounded, border, shadow, className, children, ...props }: RowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Row({ gap, centered, align, justify, textSize, textWeight, color, wrap, oddEven, divide, as, surface, padding, paddingX, paddingY, rounded, border, shadow, className, children, ...props }: RowProps): React.JSX.Element;
 /**
  * Responsive CSS grid. Use instead of `<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4" data-section="layout-div-537">`.
  *
@@ -355,5 +355,5 @@ export interface GridProps extends React.HTMLAttributes<HTMLElement>, SurfacePro
     as?: React.ElementType;
     children?: React.ReactNode;
 }
-export declare function Grid({ cols, gap, align, justify, as, surface, padding, rounded, border, shadow, className, children, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ cols, gap, align, justify, as, surface, padding, rounded, border, shadow, className, children, ...props }: GridProps): React.JSX.Element;
 export {};

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

@@ -7,4 +7,4 @@ export interface ListingFilterDrawerProps {
     activeCount: number;
     children: React.ReactNode;
 }
-export declare function ListingFilterDrawer({ open, onClose, onApply, onClear, activeCount, children, }: ListingFilterDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ListingFilterDrawer({ open, onClose, onApply, onClear, activeCount, children, }: ListingFilterDrawerProps): React.JSX.Element | null;

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

@@ -69,4 +69,4 @@ export interface ListingLayoutProps {
     /** When provided, the entire layout is replaced with this view (detail/edit mode). */
     detailView?: ReactNode;
 }
-export declare function ListingLayout({ headerSlot, statusTabsSlot, filterContent, filterActiveCount, onFilterApply, onFilterClear, filterTitle, activeFiltersSlot, resultCountSlot, searchSlot, sortSlot, viewToggleSlot, actionsSlot, selectedCount, onClearSelection, bulkActionItems, toolbarPaginationSlot, paginationSlot, children, isDashboard, defaultSidebarOpen, filterPendingCount, className, loading, errorSlot, labels, portal, overlays, detailView, }: ListingLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListingLayout({ headerSlot, statusTabsSlot, filterContent, filterActiveCount, onFilterApply, onFilterClear, filterTitle, activeFiltersSlot, resultCountSlot, searchSlot, sortSlot, viewToggleSlot, actionsSlot, selectedCount, onClearSelection, bulkActionItems, toolbarPaginationSlot, paginationSlot, children, isDashboard, defaultSidebarOpen, filterPendingCount, className, loading, errorSlot, labels, portal, overlays, detailView, }: ListingLayoutProps): import("react").JSX.Element;

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

@@ -61,4 +61,4 @@ export interface ListingToolbarProps {
     labels?: ListingToolbarLabels;
     className?: string;
 }
-export declare function ListingToolbar({ filterCount, onFiltersClick, searchValue, searchPlaceholder, onSearchChange, onSearchCommit, onSearchKeyDown, sortValue, sortOptions, onSortChange, view, onViewChange, hideViewToggle, showTableView, onResetAll, hasActiveState, bulkMode, bulkSelectedCount, bulkTotalCount, onBulkSelectAll, onBulkClear, toggles, extra, labels, className, }: ListingToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListingToolbar({ filterCount, onFiltersClick, searchValue, searchPlaceholder, onSearchChange, onSearchCommit, onSearchKeyDown, sortValue, sortOptions, onSortChange, view, onViewChange, hideViewToggle, showTableView, onResetAll, hasActiveState, bulkMode, bulkSelectedCount, bulkTotalCount, onBulkSelectAll, onBulkClear, toggles, extra, labels, className, }: ListingToolbarProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface LoginRequiredModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -6,4 +7,4 @@ export interface LoginRequiredModalProps {
     /** Override the login destination (default: ROUTES.AUTH.LOGIN). */
     loginHref?: string;
 }
-export declare function LoginRequiredModal({ isOpen, onClose, message, loginHref, }: LoginRequiredModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginRequiredModal({ isOpen, onClose, message, loginHref, }: LoginRequiredModalProps): React.JSX.Element;

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

@@ -8,22 +8,22 @@ export interface MenuProps {
     menuClassName?: string;
     children?: React.ReactNode;
 }
-export declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu(props: MenuProps): React.JSX.Element;
 export declare function MenuTrigger({ className, children, }: {
     className?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenuContent({ className, children, }: {
     className?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenuItem(props: {
     children: React.ReactNode;
     onClick?: () => void;
     disabled?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function MenuSeparator({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default Menu;

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

@@ -14,4 +14,4 @@ export declare function Modal({ isOpen, open, onClose, title, children, size, sh
 export declare function ModalFooter({ children, className, }: {
     children: React.ReactNode;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

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

@@ -1,59 +1,59 @@
 import React from "react";
 import type { HTMLMotionProps } from "motion/react";
-export declare const AnimatePresence: ({ children, custom, initial, onExitComplete, presenceAffectsLayout, mode, propagate, anchorX, anchorY, root }: React.PropsWithChildren<import("framer-motion").AnimatePresenceProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AnimatePresence: ({ children, custom, initial, onExitComplete, presenceAffectsLayout, mode, propagate, anchorX, anchorY, root }: React.PropsWithChildren<import("framer-motion").AnimatePresenceProps>) => React.JSX.Element | null;
 export interface FadeInProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     delay?: number;
     duration?: number;
     children: React.ReactNode;
 }
-export declare function FadeIn({ delay, duration, children, ...props }: FadeInProps): import("react/jsx-runtime").JSX.Element;
+export declare function FadeIn({ delay, duration, children, ...props }: FadeInProps): React.JSX.Element;
 export interface SlideUpProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     delay?: number;
     distance?: number;
     children: React.ReactNode;
 }
-export declare function SlideUp({ delay, distance, children, ...props }: SlideUpProps): import("react/jsx-runtime").JSX.Element;
+export declare function SlideUp({ delay, distance, children, ...props }: SlideUpProps): React.JSX.Element;
 export interface SlideInProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     direction?: "left" | "right" | "up" | "down";
     delay?: number;
     distance?: number;
     children: React.ReactNode;
 }
-export declare function SlideIn({ direction, delay, distance, children, ...props }: SlideInProps): import("react/jsx-runtime").JSX.Element;
+export declare function SlideIn({ direction, delay, distance, children, ...props }: SlideInProps): React.JSX.Element;
 export interface ScaleInProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     delay?: number;
     children: React.ReactNode;
 }
-export declare function ScaleIn({ delay, children, ...props }: ScaleInProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScaleIn({ delay, children, ...props }: ScaleInProps): React.JSX.Element;
 export interface CollapseProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     isOpen: boolean;
     children: React.ReactNode;
 }
-export declare function Collapse({ isOpen, children, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+export declare function Collapse({ isOpen, children, ...props }: CollapseProps): React.JSX.Element;
 export interface PressScaleProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     scale?: number;
     children: React.ReactNode;
 }
-export declare function PressScale({ scale, children, ...props }: PressScaleProps): import("react/jsx-runtime").JSX.Element;
+export declare function PressScale({ scale, children, ...props }: PressScaleProps): React.JSX.Element;
 export interface HoverLiftProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     lift?: number;
     children: React.ReactNode;
 }
-export declare function HoverLift({ lift, children, ...props }: HoverLiftProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverLift({ lift, children, ...props }: HoverLiftProps): React.JSX.Element;
 export interface AnimatedListProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     staggerDelay?: number;
     children: React.ReactNode;
 }
-export declare function AnimatedList({ staggerDelay, children, ...props }: AnimatedListProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedList({ staggerDelay, children, ...props }: AnimatedListProps): React.JSX.Element;
 export interface AnimatedDivProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     delay?: number;
     children?: React.ReactNode;
 }
-export declare function AnimatedDiv({ delay, children, ...props }: AnimatedDivProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedDiv({ delay, children, ...props }: AnimatedDivProps): React.JSX.Element;
 export type AnimatedStackProps = AnimatedDivProps;
-export declare function AnimatedStack({ delay, children, className, ...props }: AnimatedStackProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedStack({ delay, children, className, ...props }: AnimatedStackProps): React.JSX.Element;
 export type AnimatedRowProps = AnimatedDivProps;
-export declare function AnimatedRow({ delay, children, className, ...props }: AnimatedRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedRow({ delay, children, className, ...props }: AnimatedRowProps): React.JSX.Element;
 export interface DraggableProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     axis?: "x" | "y" | boolean;
     constraints?: {
@@ -65,11 +65,11 @@ export interface DraggableProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     dragElastic?: number;
     children: React.ReactNode;
 }
-export declare function Draggable({ axis, constraints, dragElastic, children, ...props }: DraggableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Draggable({ axis, constraints, dragElastic, children, ...props }: DraggableProps): React.JSX.Element;
 export interface SwipeableProps extends Omit<HTMLMotionProps<"div">, "ref"> {
     onSwipeLeft?: () => void;
     onSwipeRight?: () => void;
     threshold?: number;
     children: React.ReactNode;
 }
-export declare function Swipeable({ onSwipeLeft, onSwipeRight, threshold, children, ...props }: SwipeableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Swipeable({ onSwipeLeft, onSwipeRight, threshold, children, ...props }: SwipeableProps): React.JSX.Element;

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

@@ -2,4 +2,4 @@ export interface NavbarChevronProps {
     direction: "left" | "right";
     onClick: () => void;
 }
-export declare function NavbarChevron({ direction, onClick }: NavbarChevronProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavbarChevron({ direction, onClick }: NavbarChevronProps): import("react").JSX.Element;

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

@@ -26,4 +26,4 @@ export interface NavigationLoaderProps {
  *
  * Mount once at the app shell level (e.g. inside LayoutShellClient).
  */
-export declare function NavigationLoader({ spinnerVariant, label, timeoutMs, className, }: NavigationLoaderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NavigationLoader({ spinnerVariant, label, timeoutMs, className, }: NavigationLoaderProps): import("react").JSX.Element | null;

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

@@ -11,4 +11,4 @@ export interface OtpInputProps {
     inputMode?: "numeric" | "text";
     id?: string;
 }
-export declare function OtpInput({ length, value, onChange, label, error, helperText, disabled, autoFocus, inputMode, id, }: OtpInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function OtpInput({ length, value, onChange, label, error, helperText, disabled, autoFocus, inputMode, id, }: OtpInputProps): React.JSX.Element;

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

@@ -8,4 +8,4 @@ export interface PageLoaderProps {
      */
     children?: React.ReactNode;
 }
-export declare function PageLoader({ children }: PageLoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageLoader({ children }: PageLoaderProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import type { QuickFieldDef } from "../../features/shell/QuickFormDrawer";
 import type { FirestoreDocument, FormValues } from "../../schemas/types";
 export interface PaginatedSelectOption<V = string> {
@@ -64,5 +64,5 @@ export type PaginatedSelectProps<V = string> = SingleProps<V> | MultiProps<V>;
  * @example multi-select
  * <PaginatedSelect multiple value={tagIds} onChange={setTagIds} loadOptions={loadTags} />
  */
-export declare function PaginatedSelect<V = string>(props: PaginatedSelectProps<V>): import("react/jsx-runtime").JSX.Element;
+export declare function PaginatedSelect<V = string>(props: PaginatedSelectProps<V>): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { PaginationConfig } from "../../contracts";
 /**
  * Pagination — smart ellipsis pagination with prev/next chevrons.
@@ -22,4 +23,4 @@ export interface PaginationProps {
     size?: "sm" | "md" | "lg";
     className?: string;
 }
-export declare function Pagination({ currentPage, totalPages, onPageChange, paginationConfig, maxVisible: maxVisibleProp, showFirstLast: showFirstLastProp, showPrevNext: showPrevNextProp, disabled, size: sizeProp, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ currentPage, totalPages, onPageChange, paginationConfig, maxVisible: maxVisibleProp, showFirstLast: showFirstLastProp, showPrevNext: showPrevNextProp, disabled, size: sizeProp, className, }: PaginationProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface PasswordStrengthIndicatorProps {
     password: string;
     minLength?: number;
@@ -9,4 +10,4 @@ export interface PasswordStrengthIndicatorProps {
         strong?: string;
     };
 }
-export declare function PasswordStrengthIndicator({ password, minLength, showRequirements, labels, }: PasswordStrengthIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PasswordStrengthIndicator({ password, minLength, showRequirements, labels, }: PasswordStrengthIndicatorProps): React.JSX.Element | null;

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

@@ -5,4 +5,4 @@ export interface PriceDisplayProps {
     variant?: "compact" | "detail";
     className?: string;
 }
-export declare function PriceDisplay({ amount, currency, originalAmount, variant, className, }: PriceDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function PriceDisplay({ amount, currency, originalAmount, variant, className, }: PriceDisplayProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Progress / IndeterminateProgress — deterministic and animated loading bars.
  *
@@ -13,11 +14,11 @@ export interface ProgressProps {
     showValue?: boolean;
     className?: string;
 }
-export declare function Progress({ value, max, variant, size, label, showValue, className, }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function Progress({ value, max, variant, size, label, showValue, className, }: ProgressProps): React.JSX.Element;
 export interface IndeterminateProgressProps {
     variant?: "primary" | "success" | "warning" | "error";
     size?: "sm" | "md" | "lg";
     label?: string;
     className?: string;
 }
-export declare function IndeterminateProgress({ variant, size, label, className, }: IndeterminateProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function IndeterminateProgress({ variant, size, label, className, }: IndeterminateProgressProps): React.JSX.Element;

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

@@ -3,4 +3,4 @@ export interface ProgressBarFillProps {
     pct: number;
     className?: string;
 }
-export declare function ProgressBarFill({ pct, className }: ProgressBarFillProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressBarFill({ pct, className }: ProgressBarFillProps): import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface QuoteProps {
     /** Use a `<blockquote>` instead of inline `<q>` for multi-line excerpts. */
     block?: boolean;
 }
-export declare function Quote({ children, cite, tone, block }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export declare function Quote({ children, cite, tone, block }: QuoteProps): import("react").JSX.Element;

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

@@ -15,11 +15,11 @@ export interface RadioGroupProps {
     variant?: "toggle" | "classic";
     required?: boolean;
 }
-export declare function RadioGroup({ name, options, value, onChange, label, error, orientation, variant, required, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup({ name, options, value, onChange, label, error, orientation, variant, required, }: RadioGroupProps): React.JSX.Element;
 /** Standalone single radio button — mirrors the `Checkbox` API. Use `RadioGroup` when all options are known upfront. */
 export interface RadioItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
     label?: React.ReactNode;
     suffix?: React.ReactNode;
     error?: React.ReactNode;
 }
-export declare function RadioItem({ label, suffix, error, className, checked, disabled, id, ...props }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioItem({ label, suffix, error, className, checked, disabled, id, ...props }: RadioItemProps): React.JSX.Element;

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

@@ -5,4 +5,4 @@ export interface RatingDisplayProps {
     showValue?: boolean;
     className?: string;
 }
-export declare function RatingDisplay({ rating, maxRating, size, showValue, className, }: RatingDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function RatingDisplay({ rating, maxRating, size, showValue, className, }: RatingDisplayProps): import("react").JSX.Element;

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

@@ -21,6 +21,6 @@ export interface ShowProps extends ResponsiveProps {
 }
 export interface HideProps extends ResponsiveProps {
 }
-export declare function Show({ children, above, below, inline }: ShowProps): import("react/jsx-runtime").JSX.Element;
-export declare function Hide({ children, above, below, inline }: HideProps): import("react/jsx-runtime").JSX.Element;
+export declare function Show({ children, above, below, inline }: ShowProps): import("react").JSX.Element;
+export declare function Hide({ children, above, below, inline }: HideProps): import("react").JSX.Element;
 export {};

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

@@ -8,5 +8,5 @@ interface ResponsiveViewProps {
  * ResponsiveView keeps both trees in the DOM and lets CSS hide inactive branches.
  * This prevents hydration mismatches caused by client-only media queries.
  */
-export declare function ResponsiveView({ mobile, desktop, tablet, breakpoint, }: ResponsiveViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsiveView({ mobile, desktop, tablet, breakpoint, }: ResponsiveViewProps): import("react").JSX.Element;
 export type { ResponsiveViewProps };

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface RichTextEditorProps {
     value: string;
     onChange: (value: string) => void;
@@ -6,4 +7,4 @@ export interface RichTextEditorProps {
     minHeightClassName?: string;
     placeholder?: string;
 }
-export declare function RichTextEditor({ value, onChange, disabled, className, minHeightClassName, placeholder, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ value, onChange, disabled, className, minHeightClassName, placeholder, }: RichTextEditorProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 export interface RoleBadgeProps {
     role: string;
     label?: string;
     className?: string;
     roleColorMap?: Record<string, string>;
 }
-export declare function RoleBadge({ role, label, className, roleColorMap, }: RoleBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function RoleBadge({ role, label, className, roleColorMap, }: RoleBadgeProps): React.JSX.Element;

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

@@ -11,4 +11,4 @@ export interface RowActionMenuProps {
     actions: RowAction[];
     align?: "left" | "right";
 }
-export declare function RowActionMenu({ actions, align, }: RowActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function RowActionMenu({ actions, align, }: RowActionMenuProps): React.JSX.Element;

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

@@ -22,4 +22,4 @@ export interface ScrimProps {
     /** Extra positioning className (e.g. `inset-x-0 bottom-0 h-12`). */
     className?: string;
 }
-export declare function Scrim({ direction, intensity, multiply, className, }: ScrimProps): import("react/jsx-runtime").JSX.Element;
+export declare function Scrim({ direction, intensity, multiply, className, }: ScrimProps): import("react").JSX.Element;

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

@@ -16,4 +16,4 @@ export interface SelectProps<V extends string = string> extends Omit<React.Selec
     required?: boolean;
     variant?: "default" | "ghost" | "error";
 }
-export declare function Select<V extends string = string>({ options, value, onChange, onValueChange, placeholder, label, error, helperText, disabled, required, className, id, variant, ...props }: SelectProps<V>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<V extends string = string>({ options, value, onChange, onValueChange, placeholder, label, error, helperText, disabled, required, className, id, variant, ...props }: SelectProps<V>): React.JSX.Element;

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

@@ -74,7 +74,7 @@ export interface ArticleProps extends React.HTMLAttributes<HTMLElement>, Surface
     color?: SemanticColor;
     children?: React.ReactNode;
 }
-export declare function Article({ className, surface, padding, rounded, border, shadow, color, children, ...props }: ArticleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Article({ className, surface, padding, rounded, border, shadow, color, children, ...props }: ArticleProps): React.JSX.Element;
 /**
  * Semantic `<main>` element.
  * Wraps the primary content of the document. Should appear only once per page.
@@ -83,7 +83,7 @@ export interface MainProps extends React.HTMLAttributes<HTMLElement>, SurfacePro
     color?: SemanticColor;
     children: React.ReactNode;
 }
-export declare function Main({ className, surface, padding, paddingX, paddingY, rounded, border, shadow, color, children, ...props }: MainProps): import("react/jsx-runtime").JSX.Element;
+export declare function Main({ className, surface, padding, paddingX, paddingY, rounded, border, shadow, color, children, ...props }: MainProps): React.JSX.Element;
 /**
  * Semantic `<aside>` element.
  * Use for supplementary content tangentially related to the main content:
@@ -121,7 +121,7 @@ export interface NavProps extends React.HTMLAttributes<HTMLElement>, SurfaceProp
     textSize?: "xs" | "sm" | "base" | "lg";
     children: React.ReactNode;
 }
-export declare function Nav({ surface, padding, rounded, border, shadow, spacing, gap, layout, color, textSize, className, children, ...props }: NavProps): import("react/jsx-runtime").JSX.Element;
+export declare function Nav({ surface, padding, rounded, border, shadow, spacing, gap, layout, color, textSize, className, children, ...props }: NavProps): React.JSX.Element;
 /**
  * Semantic `<header>` element for block-level component headers.
  * Use inside `Section`, `Article`, or card bodies — NOT as the page-level header.
@@ -138,7 +138,7 @@ export declare function Nav({ surface, padding, rounded, border, shadow, spacing
 export interface BlockHeaderProps extends React.HTMLAttributes<HTMLElement>, SurfaceProps {
     children: React.ReactNode;
 }
-export declare function BlockHeader({ className, surface, padding, rounded, border, shadow, children, ...props }: BlockHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockHeader({ className, surface, padding, rounded, border, shadow, children, ...props }: BlockHeaderProps): React.JSX.Element;
 /**
  * Semantic `<footer>` element for block-level component footers.
  * Use inside `Section`, `Article`, or card bodies — NOT as the page-level footer.
@@ -146,7 +146,7 @@ export declare function BlockHeader({ className, surface, padding, rounded, bord
 export interface BlockFooterProps extends React.HTMLAttributes<HTMLElement>, SurfaceProps {
     children: React.ReactNode;
 }
-export declare function BlockFooter({ className, surface, padding, rounded, border, shadow, children, ...props }: BlockFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockFooter({ className, surface, padding, rounded, border, shadow, children, ...props }: BlockFooterProps): React.JSX.Element;
 /**
  * Semantic `<ul>` (unordered list) element.
  *
@@ -217,7 +217,7 @@ export interface OlProps extends React.HTMLAttributes<HTMLOListElement> {
     color?: ListColor;
     children: React.ReactNode;
 }
-export declare function Ol({ marker, spacing, indent, size, color, className, children, ...props }: OlProps): import("react/jsx-runtime").JSX.Element;
+export declare function Ol({ marker, spacing, indent, size, color, className, children, ...props }: OlProps): React.JSX.Element;
 /**
  * Semantic `<li>` (list item) element. Use inside `Ul` or `Ol`.
  */
@@ -244,7 +244,7 @@ export interface LiProps extends React.LiHTMLAttributes<HTMLLIElement> {
     surface?: SurfaceKey;
     children: React.ReactNode;
 }
-export declare function Li({ layout, gap, textSize, color, padding, rounded, border, surface, className, children, ...props }: LiProps): import("react/jsx-runtime").JSX.Element;
+export declare function Li({ layout, gap, textSize, color, padding, rounded, border, surface, className, children, ...props }: LiProps): React.JSX.Element;
 type TableVariant = "default" | "striped" | "bordered";
 type TableSize = "sm" | "md" | "lg";
 export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, "border">, SurfaceProps {
@@ -253,14 +253,14 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
     stickyHeader?: boolean;
     children: React.ReactNode;
 }
-export declare function Table({ variant, size, stickyHeader, className, surface, padding, rounded, border, shadow, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ variant, size, stickyHeader, className, surface, padding, rounded, border, shadow, children, ...props }: TableProps): React.JSX.Element;
 type TheadSurface = "none" | "default" | "muted" | "subtle";
 export interface TheadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     /** Background tone for the header row. */
     surface?: TheadSurface;
     children: React.ReactNode;
 }
-export declare function Thead({ surface, className, children, ...props }: TheadProps): import("react/jsx-runtime").JSX.Element;
+export declare function Thead({ surface, className, children, ...props }: TheadProps): React.JSX.Element;
 export interface TbodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     /** Cascaded typography size for all cells in this tbody. */
     size?: CellTypographySize;
@@ -268,7 +268,7 @@ export interface TbodyProps extends React.HTMLAttributes<HTMLTableSectionElement
     color?: CellColor;
     children: React.ReactNode;
 }
-export declare function Tbody({ className, size, color, children, ...props }: TbodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tbody({ className, size, color, children, ...props }: TbodyProps): React.JSX.Element;
 type TrBorder = "none" | "default" | "subtle" | "strong";
 type TrSurface = "none" | "default" | "muted" | "subtle";
 export interface TrProps extends React.HTMLAttributes<HTMLTableRowElement> {
@@ -277,7 +277,7 @@ export interface TrProps extends React.HTMLAttributes<HTMLTableRowElement> {
     surface?: TrSurface;
     children: React.ReactNode;
 }
-export declare function Tr({ hover, border, surface, className, children, ...props }: TrProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tr({ hover, border, surface, className, children, ...props }: TrProps): React.JSX.Element;
 type CellAlign = "left" | "center" | "right";
 type CellTypographySize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
 type CellTypographyWeight = "normal" | "medium" | "semibold" | "bold";
@@ -300,7 +300,7 @@ export interface ThProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
     color?: CellColor;
     children?: React.ReactNode;
 }
-export declare function Th({ align, size, weight, padding, paddingX, paddingY, paddingSide, color, className, children, ...props }: ThProps): import("react/jsx-runtime").JSX.Element;
+export declare function Th({ align, size, weight, padding, paddingX, paddingY, paddingSide, color, className, children, ...props }: ThProps): React.JSX.Element;
 export interface TdProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
     align?: CellAlign;
     size?: CellTypographySize;
@@ -315,7 +315,7 @@ export interface TdProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
     color?: CellColor;
     children?: React.ReactNode;
 }
-export declare function Td({ align, size, weight, padding, paddingX, paddingY, paddingSide, color, className, children, ...props }: TdProps): import("react/jsx-runtime").JSX.Element;
+export declare function Td({ align, size, weight, padding, paddingX, paddingY, paddingSide, color, className, children, ...props }: TdProps): React.JSX.Element;
 type CodeSize = "xs" | "sm" | "base";
 type CodePadding = "none" | "xs" | "sm" | "inline";
 type CodeRounded = "none" | "default" | "sm" | "md" | "lg";
@@ -330,24 +330,24 @@ export interface CodeProps extends React.HTMLAttributes<HTMLElement> {
     surface?: CodeSurface;
     children: React.ReactNode;
 }
-export declare function Code({ color, weight, size, padding, rounded, surface, className, children, ...props }: CodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Code({ color, weight, size, padding, rounded, surface, className, children, ...props }: CodeProps): React.JSX.Element;
 export interface PreProps extends React.HTMLAttributes<HTMLPreElement>, SurfaceProps {
     children: React.ReactNode;
 }
-export declare function Pre({ className, surface, padding, rounded, border, shadow, children, ...props }: PreProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pre({ className, surface, padding, rounded, border, shadow, children, ...props }: PreProps): React.JSX.Element;
 export interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement>, SurfaceProps {
     color?: "default" | "primary" | "info" | "warning";
     children: React.ReactNode;
 }
-export declare function Blockquote({ color, className, surface, padding, paddingX, paddingY, rounded, border, shadow, children, ...props }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
+export declare function Blockquote({ color, className, surface, padding, paddingX, paddingY, rounded, border, shadow, children, ...props }: BlockquoteProps): React.JSX.Element;
 export interface FigureProps extends React.HTMLAttributes<HTMLElement>, SurfaceProps {
     children: React.ReactNode;
 }
-export declare function Figure({ className, surface, padding, rounded, border, shadow, children, ...props }: FigureProps): import("react/jsx-runtime").JSX.Element;
+export declare function Figure({ className, surface, padding, rounded, border, shadow, children, ...props }: FigureProps): React.JSX.Element;
 export interface FigcaptionProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
 }
-export declare function Figcaption({ className, children, ...props }: FigcaptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Figcaption({ className, children, ...props }: FigcaptionProps): React.JSX.Element;
 type DlVariant = "stacked" | "inline";
 export interface DlProps extends React.HTMLAttributes<HTMLDListElement>, SurfaceProps {
     variant?: DlVariant;
@@ -359,7 +359,7 @@ export interface DlProps extends React.HTMLAttributes<HTMLDListElement>, Surface
     divide?: boolean | "default" | "subtle";
     children: React.ReactNode;
 }
-export declare function Dl({ variant, divide, className, surface, padding, rounded, border, shadow, children, ...props }: DlProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dl({ variant, divide, className, surface, padding, rounded, border, shadow, children, ...props }: DlProps): React.JSX.Element;
 type DtDdColor = "default" | "primary" | "muted" | "faint";
 type DtDdWeight = "normal" | "medium" | "semibold" | "bold";
 export interface DtProps extends React.HTMLAttributes<HTMLElement> {
@@ -367,11 +367,11 @@ export interface DtProps extends React.HTMLAttributes<HTMLElement> {
     weight?: DtDdWeight;
     children: React.ReactNode;
 }
-export declare function Dt({ color, weight, className, children, ...props }: DtProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dt({ color, weight, className, children, ...props }: DtProps): React.JSX.Element;
 export interface DdProps extends React.HTMLAttributes<HTMLElement> {
     color?: DtDdColor;
     weight?: DtDdWeight;
     children: React.ReactNode;
 }
-export declare function Dd({ color, weight, className, children, ...props }: DdProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dd({ color, weight, className, children, ...props }: DdProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ReactNode } from "react";
 export interface SettingsSectionProps {
     /** Section title rendered as an h3. */
@@ -19,7 +20,7 @@ export interface SettingsSectionProps {
  * blocks scattered across `AdminSiteSettingsView`, `SellerStoreSettingsView`,
  * `UserSettingsView`, etc.
  */
-export declare function SettingsSection({ title, description, action, children, className, }: SettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsSection({ title, description, action, children, className, }: SettingsSectionProps): React.JSX.Element;
 export interface ToggleRowProps {
     /** Row label (rendered next to the toggle). */
     label: ReactNode;
@@ -44,4 +45,4 @@ export interface ToggleRowProps {
  * W1-31: replaces the inline `<Toggle label="…" />` + helper-text patterns
  * across admin/seller/user settings views.
  */
-export declare function ToggleRow({ label, description, checked, onChange, disabled, size, className, }: ToggleRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleRow({ label, description, checked, onChange, disabled, size, className, }: ToggleRowProps): React.JSX.Element;