@skunkworksai/ui-kit 0.1.18

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

@@ -0,0 +1,45 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb";
+/**
+ * AppBreadcrumb — Displays the path to the current resource using a hierarchy of links.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumb(props: React.ComponentProps<typeof Breadcrumb>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbList — The list container for AppBreadcrumb.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbList(props: React.ComponentProps<typeof BreadcrumbList>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbItem — An individual item within AppBreadcrumb.
+ * Pass `hideOnMobile` on middle segments to collapse them below sm breakpoint.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbItem({ hideOnMobile, className, ...props }: React.ComponentProps<typeof BreadcrumbItem> & {
+    hideOnMobile?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbLink — A link component for AppBreadcrumb.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbLink(props: React.ComponentProps<typeof BreadcrumbLink> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbPage — The current page indicator for AppBreadcrumb.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbPage(props: React.ComponentProps<typeof BreadcrumbPage>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbSeparator — The separator component for AppBreadcrumb items.
+ * Pass `hideOnMobile` alongside a hidden `AppBreadcrumbItem` to suppress the separator on mobile too.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbSeparator({ hideOnMobile, className, ...props }: React.ComponentProps<typeof BreadcrumbSeparator> & {
+    hideOnMobile?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppBreadcrumbEllipsis — An ellipsis indicator for collapsed AppBreadcrumb items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppBreadcrumbEllipsis(props: React.ComponentProps<typeof BreadcrumbEllipsis>): import("react/jsx-runtime").JSX.Element;
+export { AppBreadcrumb, AppBreadcrumbList, AppBreadcrumbItem, AppBreadcrumbLink, AppBreadcrumbPage, AppBreadcrumbSeparator, AppBreadcrumbEllipsis, };

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Button, buttonVariants } from "../ui/button";
+import type { VariantProps } from "class-variance-authority";
+/**
+ * AppButton — the primary action primitive for UI Kit.
+ *
+ * @prop loading - Replaces iconLeft with a spinner and disables the button.
+ *   Do not add an AppSpinner manually — use this prop instead.
+ * @prop iconLeft - Renders an icon before the button label using the button's
+ *   built-in inline-start slot. Do not wrap in extra divs.
+ * @prop iconRight - Renders an icon after the button label using the button's
+ *   built-in inline-end slot. Do not wrap in extra divs.
+ *
+ * @note Never use a raw <button> element. Use AppButton.
+ * @note If a prop you need is missing, stop and inform the design team.
+ * @note Gap between icons and label is controlled by the size variant — do not override it.
+ */
+type AppButtonProps = React.ComponentProps<typeof Button> & VariantProps<typeof buttonVariants> & {
+    loading?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+};
+declare function AppButton({ loading, iconLeft, iconRight, disabled, className, children, ...props }: AppButtonProps): import("react/jsx-runtime").JSX.Element;
+export { AppButton, type AppButtonProps };

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * AppButtonGroup — A layout helper for grouping buttons together.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppButtonGroup({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace AppButtonGroup {
+    var displayName: string;
+}
+export { AppButtonGroup };

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

@@ -0,0 +1,51 @@
+import type { DateRange, Matcher } from "react-day-picker";
+declare function addDays(date: Date, days: number): Date;
+type AppCalendarBaseProps = {
+    /** Show as a popover trigger instead of inline */
+    popover?: boolean;
+    /** Show preset quick-select buttons inside the popover. Pass an array of { label, days } */
+    presets?: {
+        label: string;
+        days: number;
+    }[];
+    /** Placeholder text for the popover trigger button */
+    placeholder?: string;
+    /** Disable the trigger button */
+    disabled?: boolean;
+    /** Dates to disable in the calendar */
+    disabledDates?: Matcher | Matcher[];
+    className?: string;
+};
+type AppCalendarSingleProps = AppCalendarBaseProps & {
+    mode?: "single";
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    numberOfMonths?: number;
+    showWeekNumber?: boolean;
+};
+type AppCalendarRangeProps = AppCalendarBaseProps & {
+    mode: "range";
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    numberOfMonths?: number;
+    showWeekNumber?: boolean;
+};
+export type AppCalendarProps = AppCalendarSingleProps | AppCalendarRangeProps;
+/**
+ * AppCalendar — A fully composable date picker.
+ *
+ * @prop mode           - "single" (default) or "range"
+ * @prop popover        - Wrap in a popover trigger instead of rendering inline
+ * @prop presets        - Quick-select preset buttons (popover only). Pass an array of { label, days }.
+ * @prop value          - Controlled selected date (Date for single, DateRange for range)
+ * @prop onChange       - Change handler
+ * @prop numberOfMonths - How many months to display side by side
+ * @prop showWeekNumber - Show ISO week numbers
+ * @prop disabledDates  - Dates to disable
+ * @prop placeholder    - Trigger button text when no date selected (popover only)
+ * @prop disabled       - Disable the trigger button (popover only)
+ *
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCalendar(props: AppCalendarProps): import("react/jsx-runtime").JSX.Element;
+export { AppCalendar, addDays };

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

@@ -0,0 +1,41 @@
+import { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent } from "../ui/card";
+type AppCardPadding = "default" | "none" | "sm" | "md" | "lg";
+type AppCardProps = React.ComponentProps<typeof Card> & {
+    padding?: AppCardPadding;
+};
+/**
+ * AppCard — A flexible container component for displaying content in a box.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCard({ className, padding, ...props }: AppCardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardHeader — The header section of an AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardHeader(props: React.ComponentProps<typeof CardHeader>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardTitle — The title component for AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardTitle(props: React.ComponentProps<typeof CardTitle>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardDescription — The description component for AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardDescription(props: React.ComponentProps<typeof CardDescription>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardAction — An action component for AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardAction(props: React.ComponentProps<typeof CardAction>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardContent — The main content area of an AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardContent(props: React.ComponentProps<typeof CardContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCardFooter — The footer section of an AppCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCardFooter(props: React.ComponentProps<typeof CardFooter>): import("react/jsx-runtime").JSX.Element;
+export { AppCard, AppCardHeader, AppCardTitle, AppCardDescription, AppCardAction, AppCardContent, AppCardFooter, type AppCardProps, type AppCardPadding, };

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

@@ -0,0 +1,26 @@
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CarouselApi, useCarousel } from "../ui/carousel";
+/**
+ * AppCarousel — A slideshow component for cycling through elements.
+ * @note Built on Embla Carousel. Supports horizontal/vertical orientation.
+ * @note Use AppCarouselContent > AppCarouselItem for slides.
+ * @note AppCarouselPrevious / AppCarouselNext require a positioned parent — the carousel root has `relative` by default.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCarousel(props: React.ComponentProps<typeof Carousel>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCarouselContent — The scrollable slide container. Wrap AppCarouselItem children inside.
+ */
+declare function AppCarouselContent(props: React.ComponentProps<typeof CarouselContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCarouselItem — A single slide. Use `className="basis-1/2"` etc. to control width.
+ */
+declare function AppCarouselItem(props: React.ComponentProps<typeof CarouselItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCarouselPrevious — Previous slide button. Positioned absolutely; ensure the parent has enough space.
+ */
+declare function AppCarouselPrevious(props: React.ComponentProps<typeof CarouselPrevious>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCarouselNext — Next slide button. Positioned absolutely; ensure the parent has enough space.
+ */
+declare function AppCarouselNext(props: React.ComponentProps<typeof CarouselNext>): import("react/jsx-runtime").JSX.Element;
+export { AppCarousel, AppCarouselContent, AppCarouselItem, AppCarouselPrevious, AppCarouselNext, type CarouselApi as AppCarouselApi, useCarousel as useAppCarousel, };

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

@@ -0,0 +1,27 @@
+import { ChartContainer, ChartLegendContent, ChartStyle, ChartTooltipContent, useChart, type ChartConfig } from "../ui/chart";
+export * from "recharts";
+/**
+ * AppChartContainer — Root wrapper for all charts. Requires a `config` and a height constraint (`min-h-*` or `aspect-*`).
+ * @note Pass `config` with color/label mappings for each data key.
+ * @note Children must be a single Recharts chart component (BarChart, LineChart, etc.).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppChartContainer(props: React.ComponentProps<typeof ChartContainer>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppChartTooltip — Drop-in replacement for Recharts Tooltip. Use with AppChartTooltipContent.
+ */
+declare const AppChartTooltip: typeof import("recharts").Tooltip;
+/**
+ * AppChartTooltipContent — Styled tooltip body. Pass as `content` prop to AppChartTooltip.
+ * @note `indicator` controls the color swatch shape: "dot" | "line" | "dashed".
+ */
+declare function AppChartTooltipContent(props: React.ComponentProps<typeof ChartTooltipContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppChartLegend — Drop-in replacement for Recharts Legend. Use with AppChartLegendContent.
+ */
+declare const AppChartLegend: import("react").MemoExoticComponent<(outsideProps: import("recharts").LegendProps) => React.ReactPortal | null>;
+/**
+ * AppChartLegendContent — Styled legend body. Pass as `content` prop to AppChartLegend.
+ */
+declare function AppChartLegendContent(props: React.ComponentProps<typeof ChartLegendContent>): import("react/jsx-runtime").JSX.Element;
+export { AppChartContainer, AppChartTooltip, AppChartTooltipContent, AppChartLegend, AppChartLegendContent, ChartStyle as AppChartStyle, useChart as useAppChart, type ChartConfig as AppChartConfig, };

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

@@ -0,0 +1,9 @@
+import { Checkbox as CheckboxPrimitive } from "../ui/checkbox";
+type AppCheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive>;
+/**
+ * AppCheckbox — A control that allows the user to select one or more options from a set.
+ * @note Never use the raw HTML equivalent. Use AppCheckbox.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCheckbox(props: AppCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { AppCheckbox };

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

@@ -0,0 +1,20 @@
+import { Collapsible } from "../ui/collapsible";
+/**
+ * AppCollapsible — An interactive component which can be expanded or collapsed.
+ * @note Never use the raw HTML equivalent. Use AppCollapsible.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCollapsible({ className, ...props }: React.ComponentProps<typeof Collapsible>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCollapsibleTrigger — The trigger component for AppCollapsible.
+ * @note Never use the raw HTML equivalent. Use AppCollapsibleTrigger.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppCollapsibleTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * AppCollapsibleContent — The content component for AppCollapsible.
+ * @note Never use the raw HTML equivalent. Use AppCollapsibleContent.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppCollapsibleContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { AppCollapsible, AppCollapsibleTrigger, AppCollapsibleContent };

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxSeparator } from "../ui/combobox";
+/**
+ * AppCombobox — root of the combobox primitive. Composes with AppComboboxInput,
+ * AppComboboxContent, AppComboboxList, AppComboboxItem, AppComboboxEmpty,
+ * and AppComboboxSeparator.
+ *
+ * @note Never use a raw <select> or custom dropdown. Use AppCombobox.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCombobox(props: React.ComponentProps<typeof Combobox>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxInput — trigger button that opens the combobox and shows the
+ * current selection.
+ */
+declare function AppComboboxInput(props: React.ComponentProps<typeof ComboboxInput>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxContent — popover panel containing the search input and item list.
+ */
+declare function AppComboboxContent(props: React.ComponentProps<typeof ComboboxContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxList — renders filtered items. Pass a render function as children.
+ */
+declare function AppComboboxList(props: React.ComponentProps<typeof ComboboxList>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxItem — a single selectable option inside AppComboboxList.
+ */
+declare function AppComboboxItem(props: React.ComponentProps<typeof ComboboxItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxEmpty — empty-state message shown when no items match the search.
+ */
+declare function AppComboboxEmpty(props: React.ComponentProps<typeof ComboboxEmpty>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppComboboxSeparator — divider between groups of items inside AppComboboxContent.
+ */
+declare function AppComboboxSeparator(props: React.ComponentProps<typeof ComboboxSeparator>): import("react/jsx-runtime").JSX.Element;
+export { AppCombobox, AppComboboxInput, AppComboboxContent, AppComboboxList, AppComboboxItem, AppComboboxEmpty, AppComboboxSeparator, };

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

@@ -0,0 +1,47 @@
+import { Command, CommandDialog as CommandDialogBase, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "../ui/command";
+/**
+ * AppCommand — A fast and extensible command menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommand({ className, ...props }: React.ComponentProps<typeof Command>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandDialog — A command menu displayed in a dialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandDialog(props: React.ComponentProps<typeof CommandDialogBase>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandInput — The input field for AppCommand.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandInput(props: React.ComponentProps<typeof CommandInput>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandList — The list container for AppCommand items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandList(props: React.ComponentProps<typeof CommandList>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandEmpty — The empty state indicator for AppCommand.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandEmpty(props: React.ComponentProps<typeof CommandEmpty>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandGroup — A grouping component for AppCommand items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandGroup(props: React.ComponentProps<typeof CommandGroup>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandItem — An individual item within AppCommand.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandItem(props: React.ComponentProps<typeof CommandItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandShortcut — A keyboard shortcut indicator for AppCommand items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandShortcut(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppCommandSeparator — A separator component for AppCommand groups.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppCommandSeparator(props: React.ComponentProps<typeof CommandSeparator>): import("react/jsx-runtime").JSX.Element;
+export { AppCommand, AppCommandDialog, AppCommandInput, AppCommandList, AppCommandEmpty, AppCommandGroup, AppCommandItem, AppCommandShortcut, AppCommandSeparator, };

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

@@ -0,0 +1,82 @@
+import { ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuSubTrigger } from "../ui/context-menu";
+/**
+ * AppContextMenu — A menu that appears when right-clicking.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenu: import("react").FC<import("@radix-ui/react-context-menu").ContextMenuProps>;
+/**
+ * AppContextMenuTrigger — The trigger component for AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuTrigger({ className, ...props }: React.ComponentProps<typeof ContextMenuTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuContent — The content component for AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuItem — An individual item within AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuItem({ className, ...props }: React.ComponentProps<typeof ContextMenuItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuCheckboxItem — A checkbox item within AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuCheckboxItem({ className, ...props }: React.ComponentProps<typeof ContextMenuCheckboxItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuRadioItem — A radio item within AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuRadioItem({ className, ...props }: React.ComponentProps<typeof ContextMenuRadioItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuLabel — A label component for AppContextMenu sections.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppContextMenuSeparator — A separator component for AppContextMenu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppContextMenuShortcut — A keyboard shortcut indicator for AppContextMenu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * AppContextMenuGroup — A grouping component for AppContextMenu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppContextMenuPortal — The portal component for AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuPortal: import("react").FC<import("@radix-ui/react-context-menu").ContextMenuPortalProps>;
+/**
+ * AppContextMenuSub — A sub-menu within AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuSub: import("react").FC<import("@radix-ui/react-context-menu").ContextMenuSubProps>;
+/**
+ * AppContextMenuSubContent — The content component for an AppContextMenu sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppContextMenuSubTrigger — The trigger component for an AppContextMenu sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppContextMenuSubTrigger({ className, ...props }: React.ComponentProps<typeof ContextMenuSubTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppContextMenuRadioGroup — A radio group within AppContextMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppContextMenuRadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AppContextMenu, AppContextMenuTrigger, AppContextMenuContent, AppContextMenuItem, AppContextMenuCheckboxItem, AppContextMenuRadioItem, AppContextMenuLabel, AppContextMenuSeparator, AppContextMenuShortcut, AppContextMenuGroup, AppContextMenuPortal, AppContextMenuSub, AppContextMenuSubContent, AppContextMenuSubTrigger, AppContextMenuRadioGroup, };

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

@@ -0,0 +1,23 @@
+import { type ColumnDef } from "@tanstack/react-table";
+export type { ColumnDef };
+type AppDataTableProps<TData, TValue> = {
+    data: TData[];
+    columns: ColumnDef<TData, TValue>[];
+    filterColumn?: string;
+    filterPlaceholder?: string;
+    pageSize?: number;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enablePagination?: boolean;
+    enableColumnVisibility?: boolean;
+    className?: string;
+};
+/**
+ * AppDataTable — A full-featured data table built on TanStack Table v8.
+ * @note Define columns with `ColumnDef<TData, TValue>[]` and pass your data array.
+ * @note All features (sorting, filtering, pagination, column visibility) are enabled by default.
+ * @note Disable individual features via `enableSorting={false}` etc.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDataTable<TData, TValue>({ data, columns, filterColumn, filterPlaceholder, pageSize, enableSorting, enableFiltering, enablePagination, enableColumnVisibility, className, }: AppDataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { AppDataTable, type AppDataTableProps };

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

@@ -0,0 +1,26 @@
+import type { DateRange } from "react-day-picker";
+type AppDatePickerSingleProps = {
+    mode?: "single";
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+type AppDatePickerRangeProps = {
+    mode: "range";
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+type AppDatePickerProps = AppDatePickerSingleProps | AppDatePickerRangeProps;
+/**
+ * AppDatePicker — A button-triggered date picker built on AppPopover + AppCalendar.
+ * @note Use `mode="single"` (default) for one date, `mode="range"` for a start/end range.
+ * @note Controlled via `value` + `onChange`. Manages popover open state internally.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDatePicker(props: AppDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export { AppDatePicker, type AppDatePickerProps, type AppDatePickerSingleProps, type AppDatePickerRangeProps };

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { DialogContent, DialogDescription, DialogTitle, DialogTrigger } from "../ui/dialog";
+type AppDialogProps = {
+    children: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * AppDialog — Modal on desktop, bottom drawer on mobile (<768px).
+ * Sub-components (AppDialogContent, AppDialogHeader, etc.) swap automatically.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialog({ children, ...props }: AppDialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDialogTrigger — The trigger component for AppDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialogTrigger(props: React.ComponentProps<typeof DialogTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDialogContent — The content component for AppDialog.
+ * Renders as DialogContent on desktop, DrawerContent on mobile.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialogContent({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof DialogContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDialogHeader — The header section of an AppDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialogHeader(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDialogTitle — The title component for AppDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialogTitle(props: React.ComponentPropsWithoutRef<typeof DialogTitle>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDialogDescription — The description component for AppDialog.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDialogDescription(props: React.ComponentPropsWithoutRef<typeof DialogDescription>): import("react/jsx-runtime").JSX.Element;
+export { AppDialog, AppDialogTrigger, AppDialogContent, AppDialogHeader, AppDialogTitle, AppDialogDescription, };

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

@@ -0,0 +1,58 @@
+import type { DrawerContentProps } from "../ui/drawer";
+/**
+ * AppDrawer — A drawer component that slides out from the edge of the screen.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawer: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
+/**
+ * AppDrawerPortal — The portal component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerPortal: import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>;
+/**
+ * AppDrawerOverlay — The overlay component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppDrawerTrigger — The trigger component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * AppDrawerClose — The close button component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * AppDrawerContent — The content component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDrawerContent({ className, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDrawerHeader — The header section of an AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * AppDrawerFooter — The footer section of an AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * AppDrawerTitle — The title component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * AppDrawerDescription — The description component for AppDrawer.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { AppDrawer, AppDrawerPortal, AppDrawerOverlay, AppDrawerTrigger, AppDrawerClose, AppDrawerContent, AppDrawerHeader, AppDrawerFooter, AppDrawerTitle, AppDrawerDescription, };