@mohasinac/appkit 3.3.0 → 3.3.2

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;

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

@@ -24,4 +24,4 @@ export interface SideDrawerProps {
  * </SideDrawer>
  * ```
  */
-export declare function SideDrawer({ isOpen, onClose, title, children, footer, mode, isDirty, side, }: SideDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDrawer({ isOpen, onClose, title, children, footer, mode, isDirty, side, }: SideDrawerProps): import("react").JSX.Element;

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

@@ -21,4 +21,4 @@ export interface SideModalProps {
  *  - backdrop click closes panel
  *  - role="dialog" + aria-modal + aria-labelledby
  */
-export declare function SideModal({ isOpen, onClose, title, side, children, className, }: SideModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideModal({ isOpen, onClose, title, side, children, className, }: SideModalProps): React.JSX.Element;

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

@@ -24,4 +24,4 @@ export interface SiteLogoProps {
      */
     src?: string;
 }
-export declare function SiteLogo({ size, tone, title, src, }: SiteLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function SiteLogo({ size, tone, title, src, }: SiteLogoProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Skeleton — content placeholder with pulse or wave animation.
  *
@@ -11,4 +12,4 @@ export interface SkeletonProps {
     className?: string;
     animation?: "pulse" | "wave" | "none";
 }
-export declare function Skeleton({ variant, width, height, className, animation, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ variant, width, height, className, animation, }: SkeletonProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from "react";
 export interface SkipToMainProps {
     href?: string;
     label?: string;
     className?: string;
 }
-export declare function SkipToMain({ href, label, className, }: SkipToMainProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkipToMain({ href, label, className, }: SkipToMainProps): React.JSX.Element;

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

@@ -14,4 +14,4 @@ export interface SliderProps {
     className?: string;
     id?: string;
 }
-export declare function Slider({ value: controlledValue, defaultValue, min, max, step, onChange, onChangeEnd, disabled, label, showValue, size, className, id, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ value: controlledValue, defaultValue, min, max, step, onChange, onChangeEnd, disabled, label, showValue, size, className, id, }: SliderProps): React.JSX.Element;

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

@@ -20,7 +20,7 @@
  *     overlays={<ConfirmModal />}
  *   />
  */
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import type { ViewPortal } from "./Layout";
 export interface SlottedListingViewLabels {
     title?: string;
@@ -58,4 +58,4 @@ export interface SlottedListingViewProps {
     isLoading?: boolean;
     className?: string;
 }
-export declare function SlottedListingView({ title, labels, portal, renderHeader, renderTabs, renderSearch, renderSort, renderFilters, renderActiveFilters, renderBulkActions, renderTable, renderPagination, overlays, manageSearch, manageSelection, manageSort, inlineToolbar, total, isLoading, className, }: SlottedListingViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SlottedListingView({ title, labels, portal, renderHeader, renderTabs, renderSearch, renderSort, renderFilters, renderActiveFilters, renderBulkActions, renderTable, renderPagination, overlays, manageSearch, manageSelection, manageSort, inlineToolbar, total, isLoading, className, }: SlottedListingViewProps): React.JSX.Element;

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

@@ -12,4 +12,4 @@ export interface SortDropdownProps {
     /** Optional text shown before the sort selector (e.g. "Showing 12 of 45") */
     countText?: React.ReactNode;
 }
-export declare function SortDropdown({ value, onChange, options, label, className, countText, }: SortDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function SortDropdown({ value, onChange, options, label, className, countText, }: SortDropdownProps): React.JSX.Element;

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

@@ -10,4 +10,4 @@ export interface SpinnerProps {
     className?: string;
     label?: string;
 }
-export declare function Spinner({ size, variant, className, label, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spinner({ size, variant, className, label, }: SpinnerProps): import("react").JSX.Element;

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

@@ -22,7 +22,7 @@
  *     overlays={<DeleteModal />}
  *   />
  */
-import { type ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import type { ViewPortal } from "./Layout";
 export interface StackedViewShellLabels {
     title?: string;
@@ -46,4 +46,4 @@ export interface StackedViewShellProps {
     isLoading?: boolean;
     className?: string;
 }
-export declare function StackedViewShell({ title, labels, portal, renderHeader, sections, isEmpty, renderEmpty, overlays, className, }: StackedViewShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function StackedViewShell({ title, labels, portal, renderHeader, sections, isEmpty, renderEmpty, overlays, className, }: StackedViewShellProps): React.JSX.Element;

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

@@ -14,4 +14,4 @@ export interface StarRatingProps {
     /** Accessible label describing what is being rated */
     label?: string;
 }
-export declare function StarRating({ value, onChange, max, size, readOnly, className, label, }: StarRatingProps): import("react/jsx-runtime").JSX.Element;
+export declare function StarRating({ value, onChange, max, size, readOnly, className, label, }: StarRatingProps): import("react").JSX.Element;

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

@@ -15,4 +15,4 @@ export interface StatsGridProps {
     variant?: "elevated" | "flat";
     className?: string;
 }
-export declare function StatsGrid({ stats, columns, variant, className, }: StatsGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatsGrid({ stats, columns, variant, className, }: StatsGridProps): React.JSX.Element;

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

@@ -15,4 +15,4 @@ export interface StatusBadgeProps {
     label?: string;
     className?: string;
 }
-export declare function StatusBadge({ status, label, className }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBadge({ status, label, className }: StatusBadgeProps): import("react").JSX.Element;

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

@@ -7,4 +7,4 @@ export interface StepperNavProps {
     currentStep: number;
     className?: string;
 }
-export declare function StepperNav({ steps, currentStep, className }: StepperNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepperNav({ steps, currentStep, className }: StepperNavProps): import("react").JSX.Element;

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

@@ -26,4 +26,4 @@ export interface StickyToolbarProps {
     /** Accessible role override. */
     role?: string;
 }
-export declare function StickyToolbar({ children, offset, tone, border, padding, z, role, }: StickyToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StickyToolbar({ children, offset, tone, border, padding, z, role, }: StickyToolbarProps): import("react").JSX.Element;

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

@@ -18,4 +18,4 @@ export interface SummaryCardProps {
     variant?: "standalone" | "sidebar";
     className?: string;
 }
-export declare function SummaryCard({ lines, total, action, variant, className, }: SummaryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function SummaryCard({ lines, total, action, variant, className, }: SummaryCardProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface TabStripTab {
     key: string;
     label: string;
@@ -30,4 +31,4 @@ export interface TabStripProps {
  * />
  * ```
  */
-export declare function TabStrip({ tabs, activeKey, onChange, minTabWidth, className, }: TabStripProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabStrip({ tabs, activeKey, onChange, minTabWidth, className, }: TabStripProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface TablePaginationLabels {
     paginationLabel?: string;
     showing?: string;
@@ -18,4 +19,4 @@ export interface TablePaginationProps {
     compact?: boolean;
     labels?: TablePaginationLabels;
 }
-export declare function TablePagination({ currentPage, totalPages, pageSize, total, onPageChange, onPageSizeChange, pageSizeOptions, isLoading, className, compact, labels, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TablePagination({ currentPage, totalPages, pageSize, total, onPageChange, onPageSizeChange, pageSizeOptions, isLoading, className, compact, labels, }: TablePaginationProps): React.JSX.Element;

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

@@ -21,8 +21,8 @@ export interface TabsContentProps {
     className?: string;
     children?: React.ReactNode;
 }
-export declare function Tabs({ defaultValue, value, onChange, className, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabsList({ className, children }: TabsListProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabsTrigger({ value, disabled, className, children, }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabsContent({ value, className, children, }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Tabs({ defaultValue, value, onChange, className, children, }: TabsProps): React.JSX.Element;
+export declare function TabsList({ className, children }: TabsListProps): React.JSX.Element;
+export declare function TabsTrigger({ value, disabled, className, children, }: TabsTriggerProps): React.JSX.Element;
+export declare function TabsContent({ value, className, children, }: TabsContentProps): React.JSX.Element | null;
 export default Tabs;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface TagInputProps {
     value: string[];
     onChange: (tags: string[]) => void;
@@ -7,4 +8,4 @@ export interface TagInputProps {
     className?: string;
     helperText?: string;
 }
-export declare function TagInput({ value, onChange, disabled, label, placeholder, className, helperText, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagInput({ value, onChange, disabled, label, placeholder, className, helperText, }: TagInputProps): React.JSX.Element;

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

@@ -91,5 +91,5 @@ export interface TextLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElem
  * <TextLink href="#" variant="danger" onClick={handleDelete}>Delete</TextLink>
  * ```
  */
-export declare function TextLink({ href, children, variant, size, weight, truncate, rounded, paddingX, paddingY, layout, align, justify, gap, shadow, external, className, ...props }: TextLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextLink({ href, children, variant, size, weight, truncate, rounded, paddingX, paddingY, layout, align, justify, gap, shadow, external, className, ...props }: TextLinkProps): React.JSX.Element;
 export {};

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

@@ -26,5 +26,5 @@ export interface ToastProviderProps {
     children: React.ReactNode;
     position?: ToastPosition;
 }
-export declare function ToastProvider({ children, position, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ children, position, }: ToastProviderProps): React.JSX.Element;
 export {};

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

@@ -9,4 +9,4 @@ export interface ToggleProps {
     className?: string;
     id?: string;
 }
-export declare function Toggle({ checked: checkedProp, defaultChecked, onChange, disabled, label, size, className, id, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toggle({ checked: checkedProp, defaultChecked, onChange, disabled, label, size, className, id, }: ToggleProps): React.JSX.Element;

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

@@ -30,4 +30,4 @@ export interface TooltipProps {
  * </Tooltip>
  * ```
  */
-export declare function Tooltip({ label, children, side, delay, mobileSheet, longPressDelay, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ label, children, side, delay, mobileSheet, longPressDelay, }: TooltipProps): React.JSX.Element;

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

@@ -88,7 +88,7 @@ interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     textShadow?: HeadingTextShadow;
     children: React.ReactNode;
 }
-export declare function Heading({ level, variant, color, size, smSize, mdSize, lgSize, xlSize, weight, transform, truncate, numeric, italic, family, align, gradient, shadow, textShadow, className, children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function Heading({ level, variant, color, size, smSize, mdSize, lgSize, xlSize, weight, transform, truncate, numeric, italic, family, align, gradient, shadow, textShadow, className, children, ...props }: HeadingProps): React.JSX.Element;
 type TextPaddingY = "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 type TextLayout = "default" | "inline-flex" | "flex" | "inline-block";
 type TextGap = "none" | "1" | "1.5" | "2" | "3";
@@ -125,7 +125,7 @@ interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
     as?: React.ElementType;
     children: React.ReactNode;
 }
-export declare function Text({ variant, color, size, smSize, mdSize, lgSize, xlSize, weight, transform, truncate, numeric, italic, family, align, gradient, paddingY, paddingX, rounded, layout, gap, shadow, className, as: Tag, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ variant, color, size, smSize, mdSize, lgSize, xlSize, weight, transform, truncate, numeric, italic, family, align, gradient, paddingY, paddingX, rounded, layout, gap, shadow, className, as: Tag, children, ...props }: TextProps): React.JSX.Element;
 type LabelLayout = "inline" | "inline-flex" | "flex" | "flex-start" | "flex-col-center";
 type LabelGap = "none" | "xs" | "sm" | "md" | "lg";
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -147,7 +147,7 @@ interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     padding?: PaddingKey;
     children: React.ReactNode;
 }
-export declare function Label({ required, size, weight, color, transform, align, layout, gap, rounded, padding, className, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ required, size, weight, color, transform, align, layout, gap, rounded, padding, className, children, ...props }: LabelProps): React.JSX.Element;
 interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** "default" — muted grey (default); "accent" — indigo, semibold; "inverse" — light indigo for use on dark indigo backgrounds */
     variant?: "default" | "accent" | "inverse";
@@ -157,7 +157,7 @@ interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
     weight?: "light" | "normal" | "medium" | "semibold" | "bold";
     children: React.ReactNode;
 }
-export declare function Caption({ variant, color, weight, className, children, ...props }: CaptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Caption({ variant, color, weight, className, children, ...props }: CaptionProps): React.JSX.Element;
 /**
  * Inline wrapper for styled text fragments. Use instead of a raw `<span>`.
  * When `variant` is "inherit" (default) the element carries no colour classes

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

@@ -13,4 +13,4 @@ export interface UnsavedChangesModalProps {
  * Mount this once near the app shell. It listens for the
  * UNSAVED_CHANGES_EVENT and resolves the pending leave promise.
  */
-export declare function UnsavedChangesModal({ labels }: UnsavedChangesModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UnsavedChangesModal({ labels }: UnsavedChangesModalProps): import("react").JSX.Element | null;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface VacationBannerProps {
     storeName?: string;
     message?: string;
@@ -8,4 +9,4 @@ export interface VacationBannerProps {
  * S-STORE-6-A — Vacation-mode banner shown on product detail + checkout
  * pages when the seller has paused new orders.
  */
-export declare function VacationBanner({ storeName, message, returnDate, className, }: VacationBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function VacationBanner({ storeName, message, returnDate, className, }: VacationBannerProps): React.JSX.Element;

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

@@ -12,4 +12,4 @@ export interface ViewToggleProps {
     labels?: ViewToggleLabels;
     className?: string;
 }
-export declare function ViewToggle({ value, onChange, labels, className, }: ViewToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewToggle({ value, onChange, labels, className, }: ViewToggleProps): import("react").JSX.Element;

package/dist/ui/forms/ColorPickerField.d.ts

@@ -18,4 +18,4 @@ export interface ColorPickerFieldProps extends Omit<React.InputHTMLAttributes<HT
  *   <ColorPickerField name="primaryColor" label="Primary" value={primary}
  *                     onChange={setPrimary} />
  */
-export declare function ColorPickerField({ name, label, hint, required, swatchWidth, onChange, error: errorProp, onBlur, className, ...inputProps }: ColorPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPickerField({ name, label, hint, required, swatchWidth, onChange, error: errorProp, onBlur, className, ...inputProps }: ColorPickerFieldProps): React.JSX.Element;

package/dist/ui/forms/FieldCheckbox.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface FieldCheckboxProps {
     name: string;
     label: string;
@@ -10,4 +11,4 @@ export interface FieldCheckboxProps {
     error?: string;
     className?: string;
 }
-export declare function FieldCheckbox({ name, label, hint, checked, onChange, onBlur, disabled, error: errorProp, className, }: FieldCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldCheckbox({ name, label, hint, checked, onChange, onBlur, disabled, error: errorProp, className, }: FieldCheckboxProps): React.JSX.Element;

package/dist/ui/forms/FieldInput.d.ts

@@ -8,4 +8,4 @@ export interface FieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     /** Override error — falls back to FormShell context error for this field */
     error?: string;
 }
-export declare function FieldInput({ name, label, hint, required, onChange, error: errorProp, onBlur, className, ...inputProps }: FieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldInput({ name, label, hint, required, onChange, error: errorProp, onBlur, className, ...inputProps }: FieldInputProps): React.JSX.Element;

package/dist/ui/forms/FieldSelect.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { type SelectOption } from "../components/Select";
 export interface FieldSelectProps {
     name: string;
@@ -14,4 +15,4 @@ export interface FieldSelectProps {
     error?: string;
     className?: string;
 }
-export declare function FieldSelect({ name, label, hint, required, value, onChange, onBlur, options, disabled, placeholder, error: errorProp, className, }: FieldSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldSelect({ name, label, hint, required, value, onChange, onBlur, options, disabled, placeholder, error: errorProp, className, }: FieldSelectProps): React.JSX.Element;

package/dist/ui/forms/FieldTextarea.d.ts

@@ -10,4 +10,4 @@ export interface FieldTextareaProps extends Omit<React.TextareaHTMLAttributes<HT
     /** Show a `{n}/{maxLength}` counter when maxLength is set */
     showCharCount?: boolean;
 }
-export declare function FieldTextarea({ name, label, hint, required, onChange, error: errorProp, onBlur, className, showCharCount, ...textareaProps }: FieldTextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldTextarea({ name, label, hint, required, onChange, error: errorProp, onBlur, className, showCharCount, ...textareaProps }: FieldTextareaProps): React.JSX.Element;

package/dist/ui/forms/FormShell.d.ts

@@ -89,5 +89,5 @@ export interface FormShellProviderProps {
     /** Current form values — passed into onSaveDraft on auto-save */
     values?: FormValues;
 }
-export declare function FormShellProvider({ children, onSaveDraft, isDirty, autoSaveDelayMs, values, }: FormShellProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function FormShell({ steps, onSaveDraft, onPublish, values, schema, validateOnChange, isDirty, autoSaveDelayMs, publishLabel, saveDraftLabel, title, className, mobileAccordion, }: FormShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormShellProvider({ children, onSaveDraft, isDirty, autoSaveDelayMs, values, }: FormShellProviderProps): React.JSX.Element;
+export declare function FormShell({ steps, onSaveDraft, onPublish, values, schema, validateOnChange, isDirty, autoSaveDelayMs, publishLabel, saveDraftLabel, title, className, mobileAccordion, }: FormShellProps): React.JSX.Element;

package/dist/ui/rich-text/RichText.d.ts

@@ -42,4 +42,4 @@ export interface RichTextProps {
  * <RichText html={desc} copyableCode />
  * ```
  */
-export declare function RichText({ html, className, proseClass, copyableCode, highlightCode, }: RichTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichText({ html, className, proseClass, copyableCode, highlightCode, }: RichTextProps): import("react").JSX.Element;

package/dist/ui/rich-text/RichTextRenderer.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface RichTextRendererProps {
     html?: string | null;
     className?: string;
@@ -12,4 +13,4 @@ export interface RichTextRendererProps {
  * For user-generated content or untrusted HTML, use <RichText> instead
  * (client-only, runs the DOM-based sanitizer).
  */
-export declare function RichTextRenderer({ html, className, proseClass, }: RichTextRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RichTextRenderer({ html, className, proseClass, }: RichTextRendererProps): React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "license": "MIT",
   "publishConfig": {
     "access": "public"