@skunkworksai/ui-kit 0.1.18

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

@@ -0,0 +1,85 @@
+import * as React from "react";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubTrigger } from "../ui/dropdown-menu";
+type AppDropdownMenuProps = React.ComponentProps<typeof DropdownMenu> & {
+    /** Force floating dropdown on mobile instead of the default drawer. */
+    forceDropdown?: boolean;
+};
+/**
+ * AppDropdownMenu — Floating menu on desktop, bottom drawer on mobile (<768px).
+ * Pass `forceDropdown` to always render as a floating dropdown (e.g. when already inside a drawer).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenu({ open, onOpenChange, children, forceDropdown, ...props }: AppDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuTrigger — The trigger component for AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuContent — The content component for AppDropdownMenu.
+ * Renders as DropdownMenuContent on desktop, DrawerContent on mobile.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuContent({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuItem — An individual item within AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuItem({ className, ...props }: React.ComponentProps<typeof DropdownMenuItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuCheckboxItem — A checkbox item within AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuCheckboxItem({ className, ...props }: React.ComponentProps<typeof DropdownMenuCheckboxItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuRadioItem — A radio item within AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuRadioItem({ className, ...props }: React.ComponentProps<typeof DropdownMenuRadioItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuLabel — A label component for AppDropdownMenu sections.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuLabel({ className, ...props }: React.ComponentProps<typeof DropdownMenuLabel>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuSeparator — A separator component for AppDropdownMenu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuShortcut — A keyboard shortcut indicator for AppDropdownMenu items.
+ * Hidden on mobile (no keyboard shortcuts on touch).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuShortcut({ className, ...props }: React.ComponentProps<typeof DropdownMenuShortcut>): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * AppDropdownMenuGroup — A grouping component for AppDropdownMenu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDropdownMenuGroup: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AppDropdownMenuPortal — The portal component for AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDropdownMenuPortal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
+/**
+ * AppDropdownMenuSub — A sub-menu within AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDropdownMenuSub: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps>;
+/**
+ * AppDropdownMenuSubContent — The content component for an AppDropdownMenu sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AppDropdownMenuSubTrigger — The trigger component for an AppDropdownMenu sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppDropdownMenuSubTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppDropdownMenuRadioGroup — A radio group within AppDropdownMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppDropdownMenuRadioGroup: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { AppDropdownMenu, AppDropdownMenuTrigger, AppDropdownMenuContent, AppDropdownMenuItem, AppDropdownMenuCheckboxItem, AppDropdownMenuRadioItem, AppDropdownMenuLabel, AppDropdownMenuSeparator, AppDropdownMenuShortcut, AppDropdownMenuGroup, AppDropdownMenuPortal, AppDropdownMenuSub, AppDropdownMenuSubContent, AppDropdownMenuSubTrigger, AppDropdownMenuRadioGroup, };

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, type EmptyMediaProps } from "../ui/empty";
+/**
+ * AppEmpty — root of the empty-state primitive. Composes with AppEmptyHeader,
+ * AppEmptyMedia, AppEmptyTitle, AppEmptyDescription, and AppEmptyContent.
+ *
+ * @note Use for zero-data states (no results, no items, first-time views).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppEmpty(props: React.ComponentProps<typeof Empty>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppEmptyHeader — groups AppEmptyMedia and AppEmptyTitle/AppEmptyDescription
+ * into a centered column.
+ */
+declare function AppEmptyHeader(props: React.ComponentProps<typeof EmptyHeader>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppEmptyMedia — container for an illustration, icon, or image.
+ *
+ * @prop variant - "default" (bare container) | "icon" (rounded muted circle).
+ */
+declare function AppEmptyMedia(props: EmptyMediaProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppEmptyTitle — primary heading of the empty state.
+ */
+declare function AppEmptyTitle(props: React.ComponentProps<typeof EmptyTitle>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppEmptyDescription — supporting text below AppEmptyTitle.
+ */
+declare function AppEmptyDescription(props: React.ComponentProps<typeof EmptyDescription>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppEmptyContent — action area below the header (buttons, links).
+ */
+declare function AppEmptyContent(props: React.ComponentProps<typeof EmptyContent>): import("react/jsx-runtime").JSX.Element;
+export { AppEmpty, AppEmptyHeader, AppEmptyMedia, AppEmptyTitle, AppEmptyDescription, AppEmptyContent, };
+export type { EmptyMediaProps as AppEmptyMediaProps, };

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

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { useField, FieldControl, FieldDescription, FieldError, FieldContent, FieldTitle, FieldGroup, type FieldOrientation, type FieldProps, type FieldLabelProps, type FieldSetProps, type FieldLegendProps } from "../ui/field";
+/**
+ * AppField — root of the field primitive. Provides id + invalid context to
+ * all child field components. Composes with AppFieldLabel, AppFieldControl,
+ * AppFieldDescription, AppFieldError, AppFieldContent, AppFieldTitle,
+ * AppFieldGroup, AppFieldSet, and AppFieldLegend.
+ *
+ * @prop orientation - "vertical" (default) | "horizontal" | "responsive".
+ * @prop invalid - Marks field invalid; propagates to label and control.
+ *
+ * @note Never wire form state manually. Use AppFieldControl to bind the input.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppField({ className, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldLabel — label bound to AppFieldControl via FieldContext id.
+ *
+ * @prop required - Appends a red asterisk after the label text.
+ */
+declare function AppFieldLabel(props: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldControl — Slot wrapper that injects id, aria-describedby, and
+ * aria-invalid onto the wrapped input.
+ */
+declare function AppFieldControl(props: React.ComponentProps<typeof FieldControl>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldDescription — helper text below the input. Always rendered;
+ * referenced by aria-describedby on the control.
+ */
+declare function AppFieldDescription(props: React.ComponentProps<typeof FieldDescription>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldError — validation error text. Renders nothing when children is
+ * empty. Referenced by aria-describedby when field is invalid.
+ */
+declare function AppFieldError(props: React.ComponentProps<typeof FieldError>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldContent — vertical stack wrapper for AppFieldDescription and
+ * AppFieldError.
+ */
+declare function AppFieldContent(props: React.ComponentProps<typeof FieldContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldTitle — small semibold label above a group of fields (not bound
+ * to a control — use AppFieldLabel for that).
+ */
+declare function AppFieldTitle(props: React.ComponentProps<typeof FieldTitle>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldGroup — vertical stack of multiple AppField rows with consistent
+ * gap.
+ */
+declare function AppFieldGroup(props: React.ComponentProps<typeof FieldGroup>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldSet — semantic <fieldset> wrapper with browser default styles
+ * stripped.
+ */
+declare function AppFieldSet(props: FieldSetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppFieldLegend — legend for AppFieldSet.
+ *
+ * @prop variant - "legend" (visually hidden, sr-only) | "label" (visible,
+ *   styled like AppFieldLabel).
+ */
+declare function AppFieldLegend(props: FieldLegendProps): import("react/jsx-runtime").JSX.Element;
+export { useField as useAppField, AppField, AppFieldLabel, AppFieldControl, AppFieldDescription, AppFieldError, AppFieldContent, AppFieldTitle, AppFieldGroup, AppFieldSet, AppFieldLegend, };
+export type { FieldOrientation as AppFieldOrientation, FieldProps as AppFieldProps, FieldLabelProps as AppFieldLabelProps, FieldSetProps as AppFieldSetProps, FieldLegendProps as AppFieldLegendProps, };

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

@@ -0,0 +1,58 @@
+/**
+ * AppForm — A component for building forms with validation.
+ * @note Never use the raw HTML equivalent. Use AppForm.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppForm: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * AppFormItem — A wrapper for form elements within AppForm.
+ * @note Never use the raw HTML equivalent. Use AppFormItem.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * AppFormLabel — The label component for AppForm items.
+ * @note Never use the raw HTML equivalent. Use AppFormLabel.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormLabel: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+/**
+ * AppFormControl — The control wrapper for AppForm items.
+ * @note Never use the raw HTML equivalent. Use AppFormControl.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormControl: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+/**
+ * AppFormDescription — The description component for AppForm items.
+ * @note Never use the raw HTML equivalent. Use AppFormDescription.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormDescription: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+/**
+ * AppFormMessage — The validation message component for AppForm items.
+ * @note Never use the raw HTML equivalent. Use AppFormMessage.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormMessage: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+/**
+ * AppFormField — A field component within AppForm.
+ * @note Never use the raw HTML equivalent. Use AppFormField.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppFormField: <TFieldValues extends import("react-hook-form").FieldValues = import("react-hook-form").FieldValues, TName extends import("react-hook-form").FieldPath<TFieldValues> = import("react-hook-form").FieldPath<TFieldValues>>({ ...props }: import("react-hook-form").ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * useAppFormField — A hook for accessing form field state.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const useAppFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: any;
+    error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+export { AppForm, AppFormItem, AppFormLabel, AppFormControl, AppFormDescription, AppFormMessage, AppFormField, useAppFormField, };

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

@@ -0,0 +1,19 @@
+import { HoverCard, HoverCardContent } from "../ui/hover-card";
+/**
+ * AppHoverCard — For sighted users to preview content available behind a link.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppHoverCard(props: React.ComponentProps<typeof HoverCard>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppHoverCardTrigger — The trigger component for AppHoverCard.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppHoverCardTrigger({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppHoverCardContent — The content component for AppHoverCard. Suppressed on mobile (no hover on touch).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppHoverCardContent({ className, ...props }: React.ComponentPropsWithoutRef<typeof HoverCardContent>): import("react/jsx-runtime").JSX.Element | null;
+export { AppHoverCard, AppHoverCardTrigger, AppHoverCardContent };

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { Input } from "../ui/input";
+/**
+ * AppInput — the primary text input primitive for UI Kit.
+ *
+ * @prop leftAdornment - Renders an icon or element inside the left edge of the input.
+ *   Padding is adjusted automatically. Do not add padding or position it manually.
+ * @prop rightAdornment - Renders an icon or element inside the right edge of the input.
+ *   Padding is adjusted automatically. Do not add padding or position it manually.
+ *
+ * @note Never use a raw <input> element. Use AppInput.
+ * @note Do not wrap AppInput in a relative div to position adornments — use these props instead.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+type AppInputProps = React.ComponentProps<typeof Input> & {
+    leftAdornment?: React.ReactNode;
+    rightAdornment?: React.ReactNode;
+};
+declare function AppInput({ leftAdornment, rightAdornment, className, ...props }: AppInputProps): import("react/jsx-runtime").JSX.Element;
+export { AppInput };
+export type { AppInputProps };

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Kbd, KbdGroup } from "../ui/kbd";
+/**
+ * AppKbd — keyboard key badge. Renders a single key (e.g. ⌘, K, Shift).
+ *
+ * @note Wrap multiple keys in AppKbdGroup to render them inline with correct
+ *   gap.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppKbd(props: React.ComponentProps<typeof Kbd>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppKbdGroup — inline row of AppKbd keys with consistent gap.
+ */
+declare function AppKbdGroup(props: React.ComponentProps<typeof KbdGroup>): import("react/jsx-runtime").JSX.Element;
+type AppKbdProps = React.ComponentProps<typeof Kbd>;
+type AppKbdGroupProps = React.ComponentProps<typeof KbdGroup>;
+export { AppKbd, AppKbdGroup };
+export type { AppKbdProps, AppKbdGroupProps };

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

@@ -0,0 +1,8 @@
+import { Label } from "../ui/label";
+/**
+ * AppLabel — Renders an accessible label associated with a form control.
+ * @note Never use the raw HTML equivalent. Use AppLabel.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppLabel(props: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+export { AppLabel };

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

@@ -0,0 +1,83 @@
+import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarGroup, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarShortcut } from "../ui/menubar";
+/**
+ * AppMenubar — A visually persistent menu common in desktop applications.
+ * Scrolls horizontally on mobile when items overflow.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubar({ className, ...props }: React.ComponentProps<typeof Menubar>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarMenu — An individual menu within AppMenubar.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarMenu: typeof MenubarMenu;
+/**
+ * AppMenubarTrigger — The trigger component for an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarContent — The content component for an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarContent: typeof MenubarContent;
+/**
+ * AppMenubarItem — An individual item within an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubarItem({ className, ...props }: React.ComponentProps<typeof MenubarItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarSeparator — A separator component for AppMenubar menu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarSeparator: typeof MenubarSeparator;
+/**
+ * AppMenubarLabel — A label component for AppMenubar menu sections.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarLabel: typeof MenubarLabel;
+/**
+ * AppMenubarCheckboxItem — A checkbox item within an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubarCheckboxItem({ className, ...props }: React.ComponentProps<typeof MenubarCheckboxItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarRadioGroup — A radio group within an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarRadioGroup: typeof MenubarRadioGroup;
+/**
+ * AppMenubarRadioItem — A radio item within an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubarRadioItem({ className, ...props }: React.ComponentProps<typeof MenubarRadioItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarPortal — The portal component for AppMenubar menu content.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarPortal: typeof MenubarPortal;
+/**
+ * AppMenubarGroup — A grouping component for AppMenubar menu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarGroup: typeof MenubarGroup;
+/**
+ * AppMenubarSub — A sub-menu within an AppMenubar menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarSub: typeof MenubarSub;
+/**
+ * AppMenubarSubContent — The content component for an AppMenubar sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarSubContent: typeof MenubarSubContent;
+/**
+ * AppMenubarSubTrigger — The trigger component for an AppMenubar sub-menu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppMenubarSubTrigger({ className, ...props }: React.ComponentProps<typeof MenubarSubTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppMenubarShortcut — A keyboard shortcut indicator for AppMenubar menu items.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppMenubarShortcut: typeof MenubarShortcut;
+export { AppMenubar, AppMenubarMenu, AppMenubarTrigger, AppMenubarContent, AppMenubarItem, AppMenubarSeparator, AppMenubarLabel, AppMenubarCheckboxItem, AppMenubarRadioGroup, AppMenubarRadioItem, AppMenubarPortal, AppMenubarGroup, AppMenubarSub, AppMenubarSubContent, AppMenubarSubTrigger, AppMenubarShortcut, };

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

@@ -0,0 +1,51 @@
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "../ui/navigation-menu";
+/**
+ * AppNavigationMenu — A collection of links for navigating websites.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenu.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenu(props: React.ComponentProps<typeof NavigationMenu>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuList — The list container for AppNavigationMenu items.
+ * Scrolls horizontally on mobile when items overflow.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuList.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuList>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuItem — An individual item within AppNavigationMenu.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuItem.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuItem(props: React.ComponentProps<typeof NavigationMenuItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuTrigger — The trigger component for AppNavigationMenu items with sub-content.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuTrigger.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuTrigger({ className, ...props }: React.ComponentProps<typeof NavigationMenuTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuContent — The sub-content component for AppNavigationMenu items.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuContent.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuContent(props: React.ComponentProps<typeof NavigationMenuContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuLink — A link component within AppNavigationMenu.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuLink.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuLink>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuIndicator — An indicator for the active AppNavigationMenu item.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuIndicator.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuIndicator(props: React.ComponentProps<typeof NavigationMenuIndicator>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppNavigationMenuViewport — The viewport component where sub-content is rendered in AppNavigationMenu.
+ * @note Never use the raw HTML equivalent. Use AppNavigationMenuViewport.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppNavigationMenuViewport(props: React.ComponentProps<typeof NavigationMenuViewport>): import("react/jsx-runtime").JSX.Element;
+export { AppNavigationMenu, AppNavigationMenuList, AppNavigationMenuItem, AppNavigationMenuTrigger, AppNavigationMenuContent, AppNavigationMenuLink, AppNavigationMenuIndicator, AppNavigationMenuViewport, navigationMenuTriggerStyle, };

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

@@ -0,0 +1,46 @@
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../ui/pagination";
+/**
+ * AppPagination — Displays pagination for navigating through multiple pages.
+ * @note Never use the raw HTML equivalent. Use AppPagination.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPagination(props: React.ComponentProps<typeof Pagination>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationContent — The list container for AppPagination items.
+ * @note Never use the raw HTML equivalent. Use AppPaginationContent.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationContent(props: React.ComponentProps<typeof PaginationContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationItem — An individual item within AppPagination.
+ * @note Never use the raw HTML equivalent. Use AppPaginationItem.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationItem(props: React.ComponentProps<typeof PaginationItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationLink — A link component within AppPagination. Hidden on mobile (<640px) — prev/next always visible.
+ * @note Never use the raw HTML equivalent. Use AppPaginationLink.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationLink({ className, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationPrevious — A button for navigating to the previous page in AppPagination.
+ * @note Never use the raw HTML equivalent. Use AppPaginationPrevious.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationPrevious(props: React.ComponentProps<typeof PaginationPrevious>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationNext — A button for navigating to the next page in AppPagination.
+ * @note Never use the raw HTML equivalent. Use AppPaginationNext.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationNext(props: React.ComponentProps<typeof PaginationNext>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPaginationEllipsis — An ellipsis indicator for collapsed AppPagination items. Hidden on mobile (<640px).
+ * @note Never use the raw HTML equivalent. Use AppPaginationEllipsis.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPaginationEllipsis({ className, ...props }: React.ComponentProps<typeof PaginationEllipsis>): import("react/jsx-runtime").JSX.Element;
+export { AppPagination, AppPaginationContent, AppPaginationItem, AppPaginationLink, AppPaginationPrevious, AppPaginationNext, AppPaginationEllipsis, };

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+type AppPopoverProps = React.ComponentProps<typeof Popover>;
+/**
+ * AppPopover — Floating popover on desktop, bottom drawer on mobile (<768px).
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPopover({ children, ...props }: AppPopoverProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPopoverTrigger — The trigger component for AppPopover.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPopoverTrigger(props: React.ComponentProps<typeof PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppPopoverContent — The content component for AppPopover.
+ * Renders as PopoverContent on desktop, DrawerContent on mobile.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppPopoverContent({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof PopoverContent>): import("react/jsx-runtime").JSX.Element;
+export { AppPopover, AppPopoverTrigger, AppPopoverContent };

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

@@ -0,0 +1,9 @@
+import { Progress } from "../ui/progress";
+type AppProgressProps = React.ComponentPropsWithoutRef<typeof Progress>;
+/**
+ * AppProgress — Displays an indicator showing the completion progress of a task.
+ * @note Never use the raw HTML equivalent. Use AppProgress.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppProgress({ className, ...props }: AppProgressProps): import("react/jsx-runtime").JSX.Element;
+export { AppProgress };

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

@@ -0,0 +1,15 @@
+import { RadioGroup, RadioGroupItem } from "../ui/radio-group";
+type AppRadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroup>;
+/**
+ * AppRadioGroup — A set of checkable buttons—known as radio buttons—where no more than one button can be checked at a time.
+ * @note Never use the raw HTML equivalent. Use AppRadioGroup.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppRadioGroup(props: AppRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppRadioGroupItem — An individual radio button within AppRadioGroup.
+ * @note Never use the raw HTML equivalent. Use AppRadioGroupItem.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppRadioGroupItem(props: React.ComponentPropsWithoutRef<typeof RadioGroupItem>): import("react/jsx-runtime").JSX.Element;
+export { AppRadioGroup, AppRadioGroupItem };

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

@@ -0,0 +1,12 @@
+import { ScrollArea, ScrollBar } from "../ui/scroll-area";
+/**
+ * AppScrollArea — Augments native scroll functionality for custom, cross-browser styling.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppScrollArea({ className, ...props }: React.ComponentProps<typeof ScrollArea>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppScrollBar — The scrollbar component for AppScrollArea.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppScrollBar(props: React.ComponentProps<typeof ScrollBar>): import("react/jsx-runtime").JSX.Element;
+export { AppScrollArea, AppScrollBar };

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

@@ -0,0 +1,7 @@
+import { ScrollText } from "../ui/scroll-text";
+/**
+ * AppScrollText — A component for rendering scrollable text content.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare const AppScrollText: typeof ScrollText;
+export { AppScrollText };

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

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../ui/select";
+/**
+ * AppSelect — the root of the select primitive. Composes with AppSelectTrigger,
+ * AppSelectValue, AppSelectContent, AppSelectGroup, AppSelectLabel, and AppSelectItem.
+ *
+ * @note Never use a raw <select> element. Use AppSelect.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppSelect(props: React.ComponentProps<typeof Select>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectTrigger — the visible button that opens the select dropdown.
+ *
+ * @prop loading - Shows a spinner and disables the trigger while data is loading.
+ *   Do not render an AppSpinner manually inside the trigger — use this prop instead.
+ *
+ * @note Gap and icon alignment are handled internally — do not add wrappers inside the trigger.
+ */
+type AppSelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectTrigger> & {
+    loading?: boolean;
+};
+declare function AppSelectTrigger({ className, loading, disabled, children, ...props }: AppSelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectValue — displays the current selected value inside AppSelectTrigger.
+ */
+declare function AppSelectValue(props: React.ComponentPropsWithoutRef<typeof SelectValue>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectContent — the dropdown panel containing AppSelectItem entries.
+ */
+declare function AppSelectContent(props: React.ComponentPropsWithoutRef<typeof SelectContent>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectGroup — groups related AppSelectItems together. Required when using AppSelectLabel.
+ * @note Always wrap AppSelectLabel + its items inside AppSelectGroup.
+ */
+declare function AppSelectGroup(props: React.ComponentPropsWithoutRef<typeof SelectGroup>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectItem — a single option inside AppSelectContent.
+ */
+declare function AppSelectItem(props: React.ComponentPropsWithoutRef<typeof SelectItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AppSelectLabel — a non-interactive label for grouping items inside AppSelectContent.
+ * @note Must be used inside AppSelectGroup.
+ */
+declare function AppSelectLabel(props: React.ComponentPropsWithoutRef<typeof SelectLabel>): import("react/jsx-runtime").JSX.Element;
+export { AppSelect, AppSelectTrigger, AppSelectValue, AppSelectContent, AppSelectGroup, AppSelectItem, AppSelectLabel, };
+export type { AppSelectTriggerProps };

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

@@ -0,0 +1,8 @@
+import { Separator } from "../ui/separator";
+/**
+ * AppSeparator — Visually or semantically separates content.
+ * @note Never use the raw HTML equivalent. Use AppSeparator.
+ * @note If a prop you need is missing, stop and inform the design team.
+ */
+declare function AppSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { AppSeparator };