@skunkworksai/ui-kit 0.1.23 → 0.1.25-a

package/dist/types/assets/icons/DashboardActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DashboardActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/DashboardIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DashboardIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/DevicesActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DevicesActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DevicesActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/DevicesIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DevicesIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DevicesIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/InstallerActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function InstallerActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function InstallerActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/InstallerIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function InstallerIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function InstallerIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/ManifestActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function ManifestActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ManifestActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/ManifestIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function ManifestIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ManifestIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/SensorActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function SensorActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SensorActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/SensorIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function SensorIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SensorIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/SiteActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function SiteActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SiteActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/SiteIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function SiteIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SiteIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/XrayActiveIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function XrayActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function XrayActiveIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/icons/XrayIcon.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function XrayIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function XrayIcon({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/DarkLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DarkLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DarkLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/DarkSymbol.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function DarkSymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DarkSymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/PrimaryLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function PrimaryLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function PrimaryLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/PrimarySymbol.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function PrimarySymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function PrimarySymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/WhiteLogo.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function WhiteLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function WhiteLogo({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/assets/logos/WhiteSymbol.d.ts

@@ -1,2 +1,2 @@
 import type { SVGProps } from "react";
-export declare function WhiteSymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function WhiteSymbol({ width, height, ...props }: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/types/components/blocks/AppBentoMenu.d.ts

@@ -12,7 +12,7 @@ export type AppBentoMenuItemProps = {
     app: BentoApp;
     className?: string;
 };
-declare function AppBentoMenuItem({ app, className }: AppBentoMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function AppBentoMenuItem({ app, className }: AppBentoMenuItemProps): React.JSX.Element;
 declare namespace AppBentoMenuItem {
     var displayName: string;
 }
@@ -24,7 +24,7 @@ export type AppBentoMenuProps = {
     children?: React.ReactNode;
     className?: string;
 };
-declare function AppBentoMenu({ apps, cols, children, className, }: AppBentoMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function AppBentoMenu({ apps, cols, children, className, }: AppBentoMenuProps): React.JSX.Element;
 declare namespace AppBentoMenu {
     var displayName: string;
 }

package/dist/types/components/blocks/AppDashboard.d.ts

@@ -6,7 +6,7 @@ import { type AppSidebarBrandProps } from "../primitives/AppSidebar";
  * AppDashboardContent — The main column next to the sidebar.
  * Internal layout primitive — used by AppDashboard, not by agents.
  */
-declare function AppDashboardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppDashboardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace AppDashboardContent {
     var displayName: string;
 }
@@ -14,7 +14,7 @@ declare namespace AppDashboardContent {
  * AppDashboardMain — The primary content area with a rounded top-left corner.
  * Internal layout primitive — used by AppDashboard, not by agents.
  */
-declare function AppDashboardMain({ className, ...props }: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppDashboardMain({ className, ...props }: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
 declare namespace AppDashboardMain {
     var displayName: string;
 }
@@ -111,10 +111,16 @@ export type AppDashboardProps = {
      * Defaults to WhiteLogo / WhiteSymbol when omitted.
      */
     brand?: Omit<AppSidebarBrandProps, "className">;
+    /**
+     * Content rendered at the bottom of the sidebar, inside AppSidebarFooter.
+     * Consumer owns the markup — pass any ReactNode (card, user info, wallet widget, etc.).
+     * Omit to render no footer.
+     */
+    sidebarFooter?: React.ReactNode;
     /** Page content rendered inside the main area. */
     children: React.ReactNode;
 };
-declare function AppDashboard({ nav: navProp, header, brand, sidebarWidth, headerHeight, mainClassName, backgroundTheme, animated, background, pageTitle, children, }: AppDashboardProps): import("react/jsx-runtime").JSX.Element;
+declare function AppDashboard({ nav: navProp, header, brand, sidebarWidth, headerHeight, mainClassName, backgroundTheme, animated, background, pageTitle, sidebarFooter, children, }: AppDashboardProps): React.JSX.Element;
 declare namespace AppDashboard {
     var displayName: string;
 }

package/dist/types/components/blocks/AppHeader.d.ts

@@ -7,7 +7,7 @@ import { type AppProfileUser } from "./AppProfile";
  * Handles horizontal padding and gap between children.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeaderContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppHeaderContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace AppHeaderContent {
     var displayName: string;
 }
@@ -15,7 +15,7 @@ declare namespace AppHeaderContent {
  * AppHeaderTitle — Optional page or section label inside AppHeader.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeaderTitle({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppHeaderTitle({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
 declare namespace AppHeaderTitle {
     var displayName: string;
 }
@@ -23,7 +23,7 @@ declare namespace AppHeaderTitle {
  * AppHeaderSearchbar — Flex-1 layout slot for search input groups.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeaderSearchbar({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppHeaderSearchbar({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace AppHeaderSearchbar {
     var displayName: string;
 }
@@ -31,7 +31,7 @@ declare namespace AppHeaderSearchbar {
  * AppHeaderActions — Right-side slot for header controls.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeaderActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppHeaderActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare namespace AppHeaderActions {
     var displayName: string;
 }
@@ -51,7 +51,7 @@ export type AppHeaderNetworkComboboxProps = {
  *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeaderNetworkCombobox({ networks, value: valueProp, onValueChange, }: AppHeaderNetworkComboboxProps): import("react/jsx-runtime").JSX.Element;
+declare function AppHeaderNetworkCombobox({ networks, value: valueProp, onValueChange, }: AppHeaderNetworkComboboxProps): React.JSX.Element;
 declare namespace AppHeaderNetworkCombobox {
     var displayName: string;
 }
@@ -191,7 +191,7 @@ export type AppHeaderProps = React.HTMLAttributes<HTMLElement> & {
  *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppHeader({ className, searchbar, actions, avatar, networkSelect, networks, currentNetwork, onNetworkChange, showThemeToggle, showBento, bentoApps, bentoCols, showNotifications, notifications, notificationsTotal, onShowMoreNotifications, onMarkAllNotificationsRead, notificationsMenu, profile, onSettings, onAdministrator, onLogout, profileMenu, ...props }: AppHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function AppHeader({ className, searchbar, actions, avatar, networkSelect, networks, currentNetwork, onNetworkChange, showThemeToggle, showBento, bentoApps, bentoCols, showNotifications, notifications, notificationsTotal, onShowMoreNotifications, onMarkAllNotificationsRead, notificationsMenu, profile, onSettings, onAdministrator, onLogout, profileMenu, ...props }: AppHeaderProps): React.JSX.Element;
 declare namespace AppHeader {
     var displayName: string;
 }

package/dist/types/components/blocks/AppLocationTreeFilter.d.ts

@@ -41,4 +41,4 @@ export type AppLocationTreeFilterProps = {
     /** Extra classes on the root container */
     className?: string;
 };
-export declare function AppLocationTreeFilter({ data, title, showHelp, searchPlaceholder, unallocated, selected, onSelect, className, }: AppLocationTreeFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppLocationTreeFilter({ data, title, showHelp, searchPlaceholder, unallocated, selected, onSelect, className, }: AppLocationTreeFilterProps): import("react").JSX.Element;

package/dist/types/components/blocks/AppNotificationsMenu.d.ts

@@ -43,7 +43,7 @@ export type AppNotificationsMenuProps = {
  *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppNotificationsMenu({ notifications, totalCount, pageSize, onShowMore, onMarkAllAsRead, open, onOpenChange, trigger, className, }: AppNotificationsMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function AppNotificationsMenu({ notifications, totalCount, pageSize, onShowMore, onMarkAllAsRead, open, onOpenChange, trigger, className, }: AppNotificationsMenuProps): React.JSX.Element;
 declare namespace AppNotificationsMenu {
     var displayName: string;
 }

package/dist/types/components/blocks/AppPageTitle.d.ts

@@ -79,7 +79,7 @@ export type AppPageTitleProps = {
  *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppPageTitle({ title, subtitle, breadcrumbs, actions, icon, titleColor, hidden, className, }: AppPageTitleProps): import("react/jsx-runtime").JSX.Element | null;
+declare function AppPageTitle({ title, subtitle, breadcrumbs, actions, icon, titleColor, hidden, className, }: AppPageTitleProps): React.JSX.Element | null;
 declare namespace AppPageTitle {
     var displayName: string;
 }

package/dist/types/components/blocks/AppProfile.d.ts

@@ -46,7 +46,7 @@ export type AppProfileProps = {
  *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppProfile({ user, items, onSettings, onAdministrator, onLogout, open, onOpenChange, trigger, className, }: AppProfileProps): import("react/jsx-runtime").JSX.Element;
+declare function AppProfile({ user, items, onSettings, onAdministrator, onLogout, open, onOpenChange, trigger, className, }: AppProfileProps): React.JSX.Element;
 declare namespace AppProfile {
     var displayName: string;
 }

package/dist/types/components/blocks/AppWizardStepper.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+export type AppWizardStep = {
+    /** Stable id used for keys and click handlers. */
+    id: string;
+    /** Step label shown beside or below the indicator. */
+    label: string;
+    /** Optional sub-label shown under the main label. */
+    description?: string;
+};
+export type AppWizardStepperProps = {
+    steps: AppWizardStep[];
+    /** Index of active step (0-based). Steps before activeIndex are completed. */
+    activeIndex: number;
+    /** Orientation. @default "horizontal" */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Fires when a completed or active step indicator is clicked.
+     * Upcoming steps are not interactive.
+     */
+    onStepClick?: (step: AppWizardStep, index: number) => void;
+    /**
+     * Hide labels (icon-only mode).
+     * - `undefined` (default): hidden below `md`, visible on `md+` (CSS-only, SR-visible on mobile).
+     * - `true`: always hidden (SR-only).
+     * - `false`: always visible.
+     */
+    hideLabels?: boolean;
+    className?: string;
+};
+/**
+ * AppWizardStepper — Multi-step progress indicator for wizard flows.
+ *
+ * Steps before `activeIndex` are completed (filled with check icon).
+ * The step at `activeIndex` is active (outlined with primary ring).
+ * Steps after are upcoming (muted).
+ *
+ * @example Horizontal (default)
+ * ```tsx
+ * const STEPS = [
+ *   { id: "details", label: "Details" },
+ *   { id: "review", label: "Review" },
+ *   { id: "confirm", label: "Confirm" },
+ * ]
+ *
+ * <AppWizardStepper
+ *   steps={STEPS}
+ *   activeIndex={1}
+ *   onStepClick={(step, i) => setActiveIndex(i)}
+ * />
+ * ```
+ *
+ * @note Upcoming steps are never clickable. Forward navigation must be gated by parent.
+ * @note Labels hidden below `md` by default (CSS-only; screen-reader visible on all sizes).
+ *       Pass `hideLabels={false}` to show labels at all breakpoints.
+ * @note Memoize `steps` and `onStepClick` to avoid unnecessary re-renders.
+ */
+declare function AppWizardStepper({ steps, activeIndex, orientation, onStepClick, hideLabels, className, }: AppWizardStepperProps): React.JSX.Element;
+declare namespace AppWizardStepper {
+    var displayName: string;
+}
+export { AppWizardStepper };

package/dist/types/components/blocks/TableManager.d.ts

@@ -61,30 +61,52 @@ export type TableManagerProps<T extends {
  */
 declare function TableManager<T extends {
     id: string | number;
-}>({ columns, data, totalCount, loading, defaultRowsPerPage, defaultVisibleColumns, defaultFilters, onSearchChange, onFilterChange, onDateRangeChange, onPageChange, onRowsPerPageChange, onSelectionChange, children, }: TableManagerProps<T>): import("react/jsx-runtime").JSX.Element;
+}>({ columns, data, totalCount, loading, defaultRowsPerPage, defaultVisibleColumns, defaultFilters, onSearchChange, onFilterChange, onDateRangeChange, onPageChange, onRowsPerPageChange, onSelectionChange, children, }: TableManagerProps<T>): React.JSX.Element;
 declare namespace TableManager {
     var displayName: string;
 }
 /**
  * TableManagerToolbar — Flex container for the search input and toolbar actions.
+ *
+ * @prop layout
+ *   - "wrap" (default): flex-wrap, multi-row on narrow viewports. Back-compat.
+ *   - "inline": responsive single-row layout. Mobile: search row 1, actions row 2.
+ *     Desktop (md+): search + actions on one row with justify-between.
+ *     Pair with `<TableManagerSearch wrapperClassName="w-full md:w-64" />` so search
+ *     does not stretch full-width on desktop.
+ *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function TableManagerToolbar({ className, children, }: {
+declare function TableManagerToolbar({ className, layout, children, }: {
     className?: string;
+    /**
+     * Layout mode.
+     * - "wrap" (default): flex-wrap, multi-row. Back-compat.
+     * - "inline": single row on md+, stacked on mobile. Use when search + actions + pagination coexist.
+     */
+    layout?: "wrap" | "inline";
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerToolbar {
     var displayName: string;
 }
 /**
  * TableManagerSearch — Search input that fires onSearchChange (debounced 300ms).
+ *
+ * @prop wrapperClassName - Forwarded to `AppInput.wrapperClassName`. Controls the outer wrapper
+ *   width. Default `w-64`. Override with `wrapperClassName="w-auto"` for intrinsic width or
+ *   `wrapperClassName="flex-1"` to fill remaining row space inside an inline toolbar.
+ *   Mobile-first example: `wrapperClassName="w-full md:w-64"`.
+ * @prop className - Applied to the inner `<input>` element (not the wrapper).
+ *
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function TableManagerSearch({ placeholder, debounceMs, className, }: {
+declare function TableManagerSearch({ placeholder, debounceMs, className, wrapperClassName, }: {
     placeholder?: string;
     debounceMs?: number;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    wrapperClassName?: string;
+}): React.JSX.Element;
 declare namespace TableManagerSearch {
     var displayName: string;
 }
@@ -95,7 +117,7 @@ declare namespace TableManagerSearch {
 declare function TableManagerToolbarActions({ className, children, }: {
     className?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerToolbarActions {
     var displayName: string;
 }
@@ -111,7 +133,7 @@ declare function TableManagerMultiFilter({ name, label, icon, options, searchPla
     options: TableManagerFilterOption[];
     searchPlaceholder?: string;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerMultiFilter {
     var displayName: string;
 }
@@ -122,7 +144,7 @@ declare namespace TableManagerMultiFilter {
 declare function TableManagerDateRange({ placeholder, className, }: {
     placeholder?: string;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerDateRange {
     var displayName: string;
 }
@@ -133,7 +155,7 @@ declare namespace TableManagerDateRange {
 declare function TableManagerRowsPerPage({ options, className, }: {
     options?: number[];
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerRowsPerPage {
     var displayName: string;
 }
@@ -143,7 +165,7 @@ declare namespace TableManagerRowsPerPage {
  */
 declare function TableManagerPagination({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerPagination {
     var displayName: string;
 }
@@ -154,7 +176,7 @@ declare namespace TableManagerPagination {
  */
 declare function TableManagerColumnToggle({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerColumnToggle {
     var displayName: string;
 }
@@ -166,7 +188,7 @@ declare function TableManagerExport({ options, onExport, className, }: {
     options: TableManagerExportOption[];
     onExport: (format: string) => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerExport {
     var displayName: string;
 }
@@ -177,7 +199,7 @@ declare namespace TableManagerExport {
  */
 declare function TableManagerContent({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerContent {
     var displayName: string;
 }
@@ -187,7 +209,7 @@ declare namespace TableManagerContent {
  */
 declare function TableManagerFooter({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace TableManagerFooter {
     var displayName: string;
 }

package/dist/types/components/blocks/backgrounds/AppDashboardBackgroundDots.d.ts

@@ -7,7 +7,7 @@ import { type AppDashboardBackgroundProps } from "./types";
  * Reads animated/interactive/themeClass from AppDashboardBackgroundContext when used inside AppDashboard.
  * Can also be used standalone — props override context.
  */
-declare function AppDashboardBackgroundDots({ animated: animatedProp, interactive: interactiveProp, className, ...props }: AppDashboardBackgroundProps & Omit<React.ComponentProps<typeof motion.div>, "children">): import("react/jsx-runtime").JSX.Element;
+declare function AppDashboardBackgroundDots({ animated: animatedProp, interactive: interactiveProp, color: colorProp, className, ...props }: AppDashboardBackgroundProps & Omit<React.ComponentProps<typeof motion.div>, "children">): React.JSX.Element;
 declare namespace AppDashboardBackgroundDots {
     var displayName: string;
 }

package/dist/types/components/blocks/backgrounds/AppDashboardBackgroundWave.d.ts

@@ -7,7 +7,7 @@ import { type AppDashboardBackgroundProps } from "./types";
  * Reads animated/interactive/themeClass from AppDashboardBackgroundContext when used inside AppDashboard.
  * Can also be used standalone — props override context.
  */
-declare function AppDashboardBackgroundWave({ animated: animatedProp, interactive: interactiveProp, className, ...props }: AppDashboardBackgroundProps & Omit<React.ComponentProps<typeof motion.div>, "children">): import("react/jsx-runtime").JSX.Element;
+declare function AppDashboardBackgroundWave({ animated: animatedProp, interactive: interactiveProp, color: colorProp, glowColor: glowColorProp, className, ...props }: AppDashboardBackgroundProps & Omit<React.ComponentProps<typeof motion.div>, "children">): React.JSX.Element;
 declare namespace AppDashboardBackgroundWave {
     var displayName: string;
 }

package/dist/types/components/blocks/backgrounds/types.d.ts

@@ -3,6 +3,8 @@ export type AppDashboardBackgroundProps = {
     animated?: boolean;
     interactive?: boolean;
     className?: string;
+    color?: string;
+    glowColor?: string;
 };
 export type AppDashboardBackgroundContextValue = {
     themeClass: string;

package/dist/types/components/blocks/index.d.ts

@@ -7,3 +7,4 @@ export { AppBentoMenu, AppBentoMenuItem, DEFAULT_BENTO_APPS, type BentoApp, type
 export { AppPageTitle, type AppPageTitleProps, type AppPageTitleBreadcrumb, } from "./AppPageTitle";
 export { AppLocationTreeFilter, type AppLocationTreeFilterProps, type TreeNode, type UnallocatedConfig, } from "./AppLocationTreeFilter";
 export { TableManager, TableManagerToolbar, TableManagerSearch, TableManagerToolbarActions, TableManagerMultiFilter, TableManagerDateRange, TableManagerRowsPerPage, TableManagerPagination, TableManagerColumnToggle, TableManagerExport, TableManagerContent, TableManagerFooter, type TableManagerColumnDef, type TableManagerFilterOption, type TableManagerExportOption, type TableManagerProps, } from "./TableManager";
+export { AppWizardStepper, type AppWizardStep, type AppWizardStepperProps, } from "./AppWizardStepper";

package/dist/types/components/primitives/AppAccordion.d.ts

@@ -3,20 +3,20 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "..
  * AppAccordion — A vertically stacked set of interactive headings that each reveal a section of content.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAccordion({ className, ...props }: React.ComponentProps<typeof Accordion>): import("react/jsx-runtime").JSX.Element;
+declare function AppAccordion({ className, ...props }: React.ComponentProps<typeof Accordion>): import("react").JSX.Element;
 /**
  * AppAccordionItem — The item component for AppAccordion.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAccordionItem(props: React.ComponentProps<typeof AccordionItem>): import("react/jsx-runtime").JSX.Element;
+declare function AppAccordionItem(props: React.ComponentProps<typeof AccordionItem>): import("react").JSX.Element;
 /**
  * AppAccordionTrigger — The trigger component for AppAccordion.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAccordionTrigger(props: React.ComponentProps<typeof AccordionTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function AppAccordionTrigger(props: React.ComponentProps<typeof AccordionTrigger>): import("react").JSX.Element;
 /**
  * AppAccordionContent — The content component for AppAccordion.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAccordionContent(props: React.ComponentProps<typeof AccordionContent>): import("react/jsx-runtime").JSX.Element;
+declare function AppAccordionContent(props: React.ComponentProps<typeof AccordionContent>): import("react").JSX.Element;
 export { AppAccordion, AppAccordionItem, AppAccordionTrigger, AppAccordionContent };

package/dist/types/components/primitives/AppAlert.d.ts

@@ -13,7 +13,7 @@ type AppAlertProps = Omit<React.ComponentProps<typeof Alert>, "variant"> & {
  * AppAlert — Displays a callout for user attention.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAlert({ variant, className, ...props }: AppAlertProps): import("react/jsx-runtime").JSX.Element;
+declare function AppAlert({ variant, className, ...props }: AppAlertProps): React.JSX.Element;
 /**
  * AppAlertTitle — The title component for AppAlert.
  * @note If a prop you need is missing, stop and inform the design team.

package/dist/types/components/primitives/AppAlertDialog.d.ts

@@ -40,7 +40,7 @@ declare const AppAlertDialogContent: React.ForwardRefExoticComponent<Omit<import
  * @note If a prop you need is missing, stop and inform the design team.
  */
 declare const AppAlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 /**
@@ -48,7 +48,7 @@ declare const AppAlertDialogHeader: {
  * @note If a prop you need is missing, stop and inform the design team.
  */
 declare const AppAlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 /**

package/dist/types/components/primitives/AppAspectRatio.d.ts

@@ -3,5 +3,5 @@ import { AspectRatio } from "../ui/aspect-ratio";
  * AppAspectRatio — Displays content within a desired ratio.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatio>): import("react/jsx-runtime").JSX.Element;
+declare function AppAspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatio>): import("react").JSX.Element;
 export { AppAspectRatio };

package/dist/types/components/primitives/AppAvatar.d.ts

@@ -3,15 +3,15 @@ import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
  * AppAvatar — An image element with a fallback for representing the user.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAvatar(props: React.ComponentProps<typeof Avatar>): import("react/jsx-runtime").JSX.Element;
+declare function AppAvatar(props: React.ComponentProps<typeof Avatar>): import("react").JSX.Element;
 /**
  * AppAvatarImage — The image component for AppAvatar.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAvatarImage(props: React.ComponentProps<typeof AvatarImage>): import("react/jsx-runtime").JSX.Element;
+declare function AppAvatarImage(props: React.ComponentProps<typeof AvatarImage>): import("react").JSX.Element;
 /**
  * AppAvatarFallback — The fallback component for AppAvatar.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppAvatarFallback(props: React.ComponentProps<typeof AvatarFallback>): import("react/jsx-runtime").JSX.Element;
+declare function AppAvatarFallback(props: React.ComponentProps<typeof AvatarFallback>): import("react").JSX.Element;
 export { AppAvatar, AppAvatarImage, AppAvatarFallback };

package/dist/types/components/primitives/AppBadge.d.ts

@@ -5,5 +5,5 @@ type AppBadgeProps = React.ComponentProps<typeof Badge> & VariantProps<typeof ba
  * AppBadge — Displays a badge or a component that looks like a badge.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppBadge(props: AppBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function AppBadge(props: AppBadgeProps): import("react").JSX.Element;
 export { AppBadge, type AppBadgeProps };