@mohasinac/appkit 3.2.20 → 3.3.1

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;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { type SelectOption } from "./Select";
 export interface FormFieldProps {
     label?: string;
@@ -23,5 +24,5 @@ export interface FormFieldProps {
     accept?: string;
     maxSizeMB?: number;
 }
-export declare function FormField({ label, name, card, type, value, onChange, onBlur, error, touched, placeholder, required, disabled, autoComplete, rows, hint, helpText, options, onUpload, captureSource, captureMode, accept, maxSizeMB, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ label, name, card, type, value, onChange, onBlur, error, touched, placeholder, required, disabled, autoComplete, rows, hint, helpText, options, onUpload, captureSource, captureMode, accept, maxSizeMB, }: FormFieldProps): React.JSX.Element;
 export default FormField;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ReactNode } from "react";
 export interface FormGridProps {
     children: ReactNode;
@@ -38,9 +39,9 @@ export interface FormFieldProps {
  * </FormGrid>
  * ```
  */
-export declare function FormGrid({ children, minFieldWidth, gap, className, }: FormGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormGrid({ children, minFieldWidth, gap, className, }: FormGridProps): React.JSX.Element;
 /**
  * `FormField` — a single form field slot inside a `FormGrid`.
  * Grows/shrinks to fill available space while respecting `minFieldWidth`.
  */
-export declare function FormField({ children, span, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ children, span, className, }: FormFieldProps): React.JSX.Element;

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

@@ -18,4 +18,4 @@ export interface HorizontalRuleProps {
     /** Accessible aria-orientation override. */
     "aria-orientation"?: "horizontal" | "vertical";
 }
-export declare function HorizontalRule({ tone, spacing, dashed, role, "aria-orientation": ariaOrientation, }: HorizontalRuleProps): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalRule({ tone, spacing, dashed, role, "aria-orientation": ariaOrientation, }: HorizontalRuleProps): import("react").JSX.Element;

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

@@ -32,4 +32,4 @@ export interface HorizontalScrollerProps<T = unknown> {
     /** Infinite-loop mode: circular slot rendering with scroll teleport — no array cloning */
     loop?: boolean;
 }
-export declare function HorizontalScroller<T = unknown>({ children, className, gap, snapToItems, showArrows, arrowSize, showScrollbar, showFadeEdges, scrollContainerRef: externalRef, onScroll, items, renderItem, keyExtractor, perView, rows, autoScroll, autoScrollInterval, minItemWidth, pauseOnHover, itemClassName, loop, }: HorizontalScrollerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalScroller<T = unknown>({ children, className, gap, snapToItems, showArrows, arrowSize, showScrollbar, showFadeEdges, scrollContainerRef: externalRef, onScroll, items, renderItem, keyExtractor, perView, rows, autoScroll, autoScrollInterval, minItemWidth, pauseOnHover, itemClassName, loop, }: HorizontalScrollerProps<T>): import("react").JSX.Element;

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

@@ -31,4 +31,4 @@ export interface HotspotMarkerProps {
     /** Render mode: `"absolute"` (default — parent is the relative container) or `"fixed"`. */
     positionMode?: "absolute" | "fixed";
 }
-export declare function HotspotMarker({ xPct, yPct, size, tone, shape, children, onClick, positionMode, ...rest }: HotspotMarkerProps): import("react/jsx-runtime").JSX.Element;
+export declare function HotspotMarker({ xPct, yPct, size, tone, shape, children, onClick, positionMode, ...rest }: HotspotMarkerProps): import("react").JSX.Element;

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

@@ -18,4 +18,4 @@ export interface IconBoxProps {
     /** Accessible label when the icon is meaningful. */
     "aria-label"?: string;
 }
-export declare function IconBox({ children, size, tone, rounded, as, ...rest }: IconBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconBox({ children, size, tone, rounded, as, ...rest }: IconBoxProps): import("react").JSX.Element;

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

@@ -28,5 +28,5 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
  * </Tooltip>
  * ```
  */
-export declare function IconButton({ size, variant, className, icon, children, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ size, variant, className, icon, children, ...props }: IconButtonProps): React.JSX.Element;
 export {};

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;