@skunkworksai/ui-kit 0.1.18

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

@@ -0,0 +1,50 @@
+import * as React from "react";
+export type AppNotificationVariant = "info" | "success" | "warning" | "destructive";
+export type AppNotification = {
+    id: string;
+    title: string;
+    description?: string;
+    /** ISO string or Date. Displayed as relative time (e.g. "20d ago"). */
+    timestamp: string | Date;
+    variant?: AppNotificationVariant;
+    /** When false, renders an unread dot before the title. */
+    read?: boolean;
+    /** Overrides the default variant icon. */
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    href?: string;
+    onClick?: () => void;
+};
+export type AppNotificationsMenuProps = {
+    notifications?: AppNotification[];
+    /** Total count on server. Falls back to notifications.length when omitted. */
+    totalCount?: number;
+    /** Initial visible count. @default 10 */
+    pageSize?: number;
+    /** Called when "Show More" is clicked. Caller appends more items to `notifications`. */
+    onShowMore?: () => void;
+    onMarkAllAsRead?: () => void;
+    /** Controlled open state for the popover. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Replace the default bell trigger. */
+    trigger?: React.ReactNode;
+    className?: string;
+};
+/**
+ * AppNotificationsMenu — Bell icon trigger opening a notifications panel.
+ *
+ * Desktop: floating popover. Mobile: side drawer.
+ *
+ * Data-dumb: caller owns the array. Pass `onShowMore` to fetch more items and
+ * append them to `notifications`. The footer shows `Show More (N of total)`
+ * while `notifications.length < totalCount`.
+ *
+ * Place between the searchbar and the network combobox in AppHeader default actions.
+ *
+ * @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 namespace AppNotificationsMenu {
+    var displayName: string;
+}
+export { AppNotificationsMenu };

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

@@ -0,0 +1,86 @@
+import * as React from "react";
+export type AppPageTitleBreadcrumb = {
+    label: string;
+    /** Omit for the last (current-page) segment. */
+    href?: string;
+};
+export type AppPageTitleProps = {
+    /**
+     * Page heading rendered as an <h1>.
+     * Auto-derived from the last pathname segment when omitted.
+     */
+    title?: string;
+    /** Optional description rendered below the heading. */
+    subtitle?: string;
+    /**
+     * Breadcrumb trail. Auto-generated from window.location.pathname when omitted.
+     * Pass an explicit array to override.
+     */
+    breadcrumbs?: AppPageTitleBreadcrumb[];
+    /**
+     * Right-side action slot. Accepts any ReactNode — buttons, selects, text, etc.
+     * Renders nothing by default.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Optional icon rendered to the left of the title text stack.
+     * Accepts any ReactNode — <img>, SVG, Lucide icon, etc.
+     * Renders nothing when omitted.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Controls the h1 heading color.
+     * - "default" — text-foreground
+     * - "primary" — text-primary (brand blue)
+     * @default "default"
+     */
+    titleColor?: "default" | "primary";
+    /** Hides the entire block when true. */
+    hidden?: boolean;
+    className?: string;
+};
+/**
+ * AppPageTitle — Standard page header block used across most pages.
+ *
+ * Renders a breadcrumb trail (auto-generated from the current pathname when not
+ * provided), an <h1> title, an optional subtitle, and a right-side action slot
+ * that is empty by default.
+ *
+ * Used inside AppDashboard via the `pageTitle` prop. Can also be composed
+ * directly for custom layouts.
+ *
+ * @example
+ * ```tsx
+ * // Via AppDashboard (recommended)
+ * <AppDashboard
+ *   nav={nav}
+ *   pageTitle={{ title: "Site", subtitle: "Stay up to date to everything in your network" }}
+ * >
+ *   <PageContent />
+ * </AppDashboard>
+ *
+ * // With actions
+ * <AppDashboard
+ *   nav={nav}
+ *   pageTitle={{
+ *     title: "Site",
+ *     subtitle: "Stay up to date to everything in your network",
+ *     actions: <AppButton>+ Add Site</AppButton>,
+ *   }}
+ * >
+ *   <PageContent />
+ * </AppDashboard>
+ *
+ * // Hidden (title block suppressed)
+ * <AppDashboard nav={nav} pageTitle={false}>
+ *   <PageContent />
+ * </AppDashboard>
+ * ```
+ *
+ * @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 namespace AppPageTitle {
+    var displayName: string;
+}
+export { AppPageTitle };

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

@@ -0,0 +1,53 @@
+import * as React from "react";
+export type AppProfileItem = {
+    label: string;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    onClick?: () => void;
+    href?: string;
+    destructive?: boolean;
+};
+export type AppProfileUser = {
+    name: string;
+    role?: string;
+    avatarSrc?: string;
+    /** Initials displayed when no avatarSrc. Derived from name when omitted. */
+    avatarFallback?: string;
+};
+export type AppProfileProps = {
+    user: AppProfileUser;
+    /** Menu items. Defaults to Settings + Administrator + Log Out when handlers provided. */
+    items?: AppProfileItem[];
+    onSettings?: () => void;
+    onAdministrator?: () => void;
+    onLogout?: () => void;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Replace default avatar trigger. */
+    trigger?: React.ReactNode;
+    className?: string;
+};
+/**
+ * AppProfile — Avatar trigger that opens a user profile panel.
+ *
+ * Desktop: floating popover. Mobile: side drawer.
+ *
+ * Renders inside AppHeader automatically when `profile` prop is set on AppDashboard/AppHeader.
+ *
+ * @example
+ * ```tsx
+ * <AppDashboard
+ *   header={{
+ *     profile: { name: "Joshua Intern", role: "Admin" },
+ *     onLogout: handleLogout,
+ *   }}
+ * />
+ * ```
+ *
+ * @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 namespace AppProfile {
+    var displayName: string;
+}
+export { AppProfile };

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

@@ -0,0 +1,194 @@
+import * as React from "react";
+export type TableManagerColumnDef<T> = {
+    id: string;
+    header: string;
+    type?: "date" | "text" | "other";
+    accessorKey?: keyof T;
+    cell?: (row: T) => React.ReactNode;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    filterPopover?: () => React.ReactNode;
+    defaultVisible?: boolean;
+    /** Extra class merged into the rendered `<TableHead>`. */
+    headerClassName?: string;
+    /** Header content alignment. When `headerCell` is provided, only affects the `<TableHead>` wrapper. */
+    headerAlign?: "left" | "right" | "center";
+    /** Body cell text alignment. */
+    cellAlign?: "left" | "right" | "center";
+    /** Full custom header renderer. Overrides text/sort/filter content; `headerClassName` still applies. */
+    headerCell?: () => React.ReactNode;
+};
+export type TableManagerFilterOption = {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+export type TableManagerExportOption = {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+};
+export type TableManagerProps<T extends {
+    id: string | number;
+}> = {
+    columns: TableManagerColumnDef<T>[];
+    data: T[];
+    totalCount: number;
+    loading?: boolean;
+    defaultRowsPerPage?: number;
+    defaultVisibleColumns?: string[];
+    defaultFilters?: Record<string, string[]>;
+    onSearchChange?: (term: string) => void;
+    onFilterChange?: (filters: Record<string, string[]>) => void;
+    onDateRangeChange?: (range: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    onPageChange?: (page: number) => void;
+    onRowsPerPageChange?: (rowsPerPage: number) => void;
+    onSelectionChange?: (rows: T[]) => void;
+    children: React.ReactNode;
+};
+/**
+ * TableManager — Root provider for the table management block.
+ * Wraps all TableManager sub-components and manages client-side sort,
+ * column visibility, and row selection state.
+ *
+ * @note All data objects must have an `id: string | number` field.
+ * @note Filtering and pagination are server-side — pass filtered data via `data`
+ *   and respond to onSearchChange, onFilterChange, onDateRangeChange, onPageChange.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+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;
+declare namespace TableManager {
+    var displayName: string;
+}
+/**
+ * TableManagerToolbar — Flex container for the search input and toolbar actions.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerToolbar({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerToolbar {
+    var displayName: string;
+}
+/**
+ * TableManagerSearch — Search input that fires onSearchChange (debounced 300ms).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerSearch({ placeholder, debounceMs, className, }: {
+    placeholder?: string;
+    debounceMs?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerSearch {
+    var displayName: string;
+}
+/**
+ * TableManagerToolbarActions — Right-side extensibility slot for toolbar controls.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerToolbarActions({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerToolbarActions {
+    var displayName: string;
+}
+/**
+ * TableManagerMultiFilter — Multiselect filter popover with search.
+ * Shows icon + label on the trigger. Displays a count badge when items are selected.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerMultiFilter({ name, label, icon, options, searchPlaceholder, className, }: {
+    name: string;
+    label: string;
+    icon?: React.ReactNode;
+    options: TableManagerFilterOption[];
+    searchPlaceholder?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerMultiFilter {
+    var displayName: string;
+}
+/**
+ * TableManagerDateRange — Date range picker that fires onDateRangeChange.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerDateRange({ placeholder, className, }: {
+    placeholder?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerDateRange {
+    var displayName: string;
+}
+/**
+ * TableManagerRowsPerPage — Rows per page selector. Fires onRowsPerPageChange.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerRowsPerPage({ options, className, }: {
+    options?: number[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerRowsPerPage {
+    var displayName: string;
+}
+/**
+ * TableManagerPagination — Page navigation. Fires onPageChange.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerPagination({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerPagination {
+    var displayName: string;
+}
+/**
+ * TableManagerColumnToggle — Dropdown to show/hide and reorder table columns.
+ * Drag the grip handle to reorder. At least one column always remains visible.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerColumnToggle({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerColumnToggle {
+    var displayName: string;
+}
+/**
+ * TableManagerExport — Export dropdown with format options.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerExport({ options, onExport, className, }: {
+    options: TableManagerExportOption[];
+    onExport: (format: string) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerExport {
+    var displayName: string;
+}
+/**
+ * TableManagerContent — The data table. Reads sorted data from context.
+ * Shows a loading overlay when `loading` is true (toolbar/footer stay interactive).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerContent({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerContent {
+    var displayName: string;
+}
+/**
+ * TableManagerFooter — Bottom bar with selection count, rows-per-page, and pagination.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function TableManagerFooter({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TableManagerFooter {
+    var displayName: string;
+}
+export { TableManager, TableManagerToolbar, TableManagerSearch, TableManagerToolbarActions, TableManagerMultiFilter, TableManagerDateRange, TableManagerRowsPerPage, TableManagerPagination, TableManagerColumnToggle, TableManagerExport, TableManagerContent, TableManagerFooter, };

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { motion } from "motion/react";
+import { type AppDashboardBackgroundProps } from "./types";
+/**
+ * AppDashboardBackgroundDots — Canvas dot grid with cursor-proximity opacity inversion.
+ * Dots at full opacity (0.35) by default; fade down to 0.12 near cursor.
+ * 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 namespace AppDashboardBackgroundDots {
+    var displayName: string;
+}
+export { AppDashboardBackgroundDots };

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { motion } from "motion/react";
+import { type AppDashboardBackgroundProps } from "./types";
+/**
+ * AppDashboardBackgroundWave — Canvas-driven Perlin noise wave grid with mouse-follow glow.
+ * Renders as an absolute-positioned layer behind all dashboard content.
+ * 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 namespace AppDashboardBackgroundWave {
+    var displayName: string;
+}
+export { AppDashboardBackgroundWave };

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

@@ -0,0 +1,3 @@
+export { AppDashboardBackgroundWave } from "./AppDashboardBackgroundWave";
+export { AppDashboardBackgroundDots } from "./AppDashboardBackgroundDots";
+export { AppDashboardBackgroundContext, useAppDashboardBackgroundContext, type AppDashboardBackgroundProps, type AppDashboardBackgroundContextValue, } from "./types";

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type AppDashboardBackgroundProps = {
+    animated?: boolean;
+    interactive?: boolean;
+    className?: string;
+};
+export type AppDashboardBackgroundContextValue = {
+    themeClass: string;
+    animated: boolean;
+    interactive: boolean;
+};
+export declare const AppDashboardBackgroundContext: React.Context<AppDashboardBackgroundContextValue>;
+export declare function useAppDashboardBackgroundContext(): AppDashboardBackgroundContextValue;

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

@@ -0,0 +1,9 @@
+export { AppDashboard, AppDashboardContent, AppDashboardMain, type AppDashboardProps, type AppDashboardNavSection, type AppDashboardNavItem, type AppDashboardBackgroundTheme, type AppDashboardAnimated, } from "./AppDashboard";
+export { AppDashboardBackgroundWave, AppDashboardBackgroundDots, AppDashboardBackgroundContext, useAppDashboardBackgroundContext, type AppDashboardBackgroundProps, type AppDashboardBackgroundContextValue, } from "./backgrounds";
+export { AppHeader, AppHeaderNetworkCombobox, AppHeaderContent, AppHeaderTitle, AppHeaderSearchbar, AppHeaderActions, type NetworkOption, type AppHeaderNetworkComboboxProps, } from "./AppHeader";
+export { AppProfile, type AppProfileUser, type AppProfileItem, type AppProfileProps, } from "./AppProfile";
+export { AppNotificationsMenu, type AppNotification, type AppNotificationVariant, type AppNotificationsMenuProps, } from "./AppNotificationsMenu";
+export { AppBentoMenu, AppBentoMenuItem, DEFAULT_BENTO_APPS, type BentoApp, type AppBentoMenuProps, type AppBentoMenuItemProps, } from "./AppBentoMenu";
+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";

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

@@ -0,0 +1,22 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion";
+/**
+ * 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;
+/**
+ * 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;
+/**
+ * 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;
+/**
+ * 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;
+export { AppAccordion, AppAccordionItem, AppAccordionTrigger, AppAccordionContent };

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { Alert } from "../ui/alert";
+declare const extendedVariantClasses: {
+    readonly success: "border text-green-700 dark:text-green-700 [&>svg]:text-green-700";
+    readonly warning: "border text-amber-600 dark:text-amber-600 [&>svg]:text-amber-600";
+    readonly info: "border text-blue-400 dark:text-blue-400 [&>svg]:text-blue-400";
+};
+type ExtendedVariant = "default" | "destructive" | keyof typeof extendedVariantClasses;
+type AppAlertProps = Omit<React.ComponentProps<typeof Alert>, "variant"> & {
+    variant?: ExtendedVariant;
+};
+/**
+ * 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;
+/**
+ * AppAlertTitle — The title component for AppAlert.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * AppAlertDescription — The description component for AppAlert.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDescription: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * AppAlertContent — The content container for AppAlert.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { AppAlert, AppAlertTitle, AppAlertDescription, AppAlertContent };
+export type { AppAlertProps };

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

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { AlertDialogAction } from "../ui/alert-dialog";
+declare const actionVariantClasses: {
+    readonly default: "bg-primary text-primary-foreground hover:bg-primary/90";
+    readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90";
+    readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
+    readonly outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground";
+};
+type ActionVariant = keyof typeof actionVariantClasses;
+type AppAlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogAction> & {
+    variant?: ActionVariant;
+};
+/**
+ * AppAlertDialog — A modal dialog that interrupts the user with important content and expects a response.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialog: React.FC<import("@radix-ui/react-alert-dialog").AlertDialogProps>;
+/**
+ * AppAlertDialogPortal — The portal component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogPortal: React.FC<import("@radix-ui/react-alert-dialog").AlertDialogPortalProps>;
+/**
+ * AppAlertDialogOverlay — The overlay component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogOverlay: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-alert-dialog").AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AppAlertDialogTrigger — The trigger component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-alert-dialog").AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * AppAlertDialogContent — The content component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-alert-dialog").AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AppAlertDialogHeader — The header component for AppAlertDialog.
+ * @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;
+    displayName: string;
+};
+/**
+ * AppAlertDialogFooter — The footer component for AppAlertDialog.
+ * @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;
+    displayName: string;
+};
+/**
+ * AppAlertDialogTitle — The title component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-alert-dialog").AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * AppAlertDialogDescription — The description component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-alert-dialog").AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * AppAlertDialogAction — The action button component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-alert-dialog").AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: ActionVariant;
+} & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * AppAlertDialogCancel — The cancel button component for AppAlertDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppAlertDialogCancel: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-alert-dialog").AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: ActionVariant;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { AppAlertDialog, AppAlertDialogPortal, AppAlertDialogOverlay, AppAlertDialogTrigger, AppAlertDialogContent, AppAlertDialogHeader, AppAlertDialogFooter, AppAlertDialogTitle, AppAlertDialogDescription, AppAlertDialogAction, AppAlertDialogCancel, };
+export type { AppAlertDialogActionProps, ActionVariant };

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

@@ -0,0 +1,7 @@
+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;
+export { AppAspectRatio };

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

@@ -0,0 +1,17 @@
+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;
+/**
+ * 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;
+/**
+ * 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;
+export { AppAvatar, AppAvatarImage, AppAvatarFallback };

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

@@ -0,0 +1,9 @@
+import { Badge, badgeVariants } from "../ui/badge";
+import type { VariantProps } from "class-variance-authority";
+type AppBadgeProps = React.ComponentProps<typeof Badge> & VariantProps<typeof badgeVariants>;
+/**
+ * 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;
+export { AppBadge, type AppBadgeProps };