@skunkworksai/ui-kit 0.1.23 → 0.1.25-a

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

@@ -3,7 +3,7 @@
  * @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;
+declare const AppForm: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: 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.
@@ -39,7 +39,7 @@ declare const AppFormMessage: import("react").ForwardRefExoticComponent<import("
  * @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;
+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.Element;
 /**
  * useAppFormField — A hook for accessing form field state.
  * @note If a prop you need is missing, stop and inform the design team.

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

@@ -3,17 +3,17 @@ 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;
+declare function AppHoverCard(props: React.ComponentProps<typeof HoverCard>): import("react").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;
+}): import("react").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;
+declare function AppHoverCardContent({ className, ...props }: React.ComponentPropsWithoutRef<typeof HoverCardContent>): import("react").JSX.Element | null;
 export { AppHoverCard, AppHoverCardTrigger, AppHoverCardContent };

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

@@ -7,6 +7,13 @@ import { Input } from "../ui/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.
+ * @prop wrapperClassName - Applied to the outer wrapper div when adornments are present.
+ *   Use to override the default `w-full`. Silently ignored when no adornments are set.
+ *   `className` always routes to the inner `<Input>` element.
+ *
+ * @example Width override inside a flex toolbar:
+ *   <AppInput leftAdornment={<Search />} wrapperClassName="w-full md:w-64" />
+ *   <AppInput leftAdornment={<Search />} wrapperClassName="flex-1" />
  *
  * @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.
@@ -15,7 +22,9 @@ import { Input } from "../ui/input";
 type AppInputProps = React.ComponentProps<typeof Input> & {
     leftAdornment?: React.ReactNode;
     rightAdornment?: React.ReactNode;
+    /** Applied to the outer wrapper when adornments are present. Use to override default `w-full`. Ignored without adornments. */
+    wrapperClassName?: string;
 };
-declare function AppInput({ leftAdornment, rightAdornment, className, ...props }: AppInputProps): import("react/jsx-runtime").JSX.Element;
+declare function AppInput({ leftAdornment, rightAdornment, className, wrapperClassName, ...props }: AppInputProps): React.JSX.Element;
 export { AppInput };
 export type { AppInputProps };

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

@@ -7,11 +7,11 @@ import { Kbd, KbdGroup } from "../ui/kbd";
  *   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;
+declare function AppKbd(props: React.ComponentProps<typeof Kbd>): React.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;
+declare function AppKbdGroup(props: React.ComponentProps<typeof KbdGroup>): React.JSX.Element;
 type AppKbdProps = React.ComponentProps<typeof Kbd>;
 type AppKbdGroupProps = React.ComponentProps<typeof KbdGroup>;
 export { AppKbd, AppKbdGroup };

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

@@ -4,5 +4,5 @@ import { Label } from "../ui/label";
  * @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;
+declare function AppLabel(props: React.ComponentProps<typeof Label>): import("react").JSX.Element;
 export { AppLabel };

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

@@ -4,7 +4,7 @@ import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, Menu
  * 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;
+declare function AppMenubar({ className, ...props }: React.ComponentProps<typeof Menubar>): import("react").JSX.Element;
 /**
  * AppMenubarMenu — An individual menu within AppMenubar.
  * @note If a prop you need is missing, stop and inform the design team.
@@ -14,7 +14,7 @@ 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;
+declare function AppMenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarTrigger>): import("react").JSX.Element;
 /**
  * AppMenubarContent — The content component for an AppMenubar menu.
  * @note If a prop you need is missing, stop and inform the design team.
@@ -24,7 +24,7 @@ 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;
+declare function AppMenubarItem({ className, ...props }: React.ComponentProps<typeof MenubarItem>): import("react").JSX.Element;
 /**
  * AppMenubarSeparator — A separator component for AppMenubar menu items.
  * @note If a prop you need is missing, stop and inform the design team.
@@ -39,7 +39,7 @@ 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;
+declare function AppMenubarCheckboxItem({ className, ...props }: React.ComponentProps<typeof MenubarCheckboxItem>): import("react").JSX.Element;
 /**
  * AppMenubarRadioGroup — A radio group within an AppMenubar menu.
  * @note If a prop you need is missing, stop and inform the design team.
@@ -49,7 +49,7 @@ 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;
+declare function AppMenubarRadioItem({ className, ...props }: React.ComponentProps<typeof MenubarRadioItem>): import("react").JSX.Element;
 /**
  * AppMenubarPortal — The portal component for AppMenubar menu content.
  * @note If a prop you need is missing, stop and inform the design team.
@@ -74,7 +74,7 @@ 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;
+declare function AppMenubarSubTrigger({ className, ...props }: React.ComponentProps<typeof MenubarSubTrigger>): import("react").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.

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

@@ -4,48 +4,48 @@ import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, Navigat
  * @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;
+declare function AppNavigationMenu(props: React.ComponentProps<typeof NavigationMenu>): import("react").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;
+declare function AppNavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuList>): import("react").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;
+declare function AppNavigationMenuItem(props: React.ComponentProps<typeof NavigationMenuItem>): import("react").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;
+declare function AppNavigationMenuTrigger({ className, ...props }: React.ComponentProps<typeof NavigationMenuTrigger>): import("react").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;
+declare function AppNavigationMenuContent(props: React.ComponentProps<typeof NavigationMenuContent>): import("react").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;
+declare function AppNavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuLink>): import("react").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;
+declare function AppNavigationMenuIndicator(props: React.ComponentProps<typeof NavigationMenuIndicator>): import("react").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;
+declare function AppNavigationMenuViewport(props: React.ComponentProps<typeof NavigationMenuViewport>): import("react").JSX.Element;
 export { AppNavigationMenu, AppNavigationMenuList, AppNavigationMenuItem, AppNavigationMenuTrigger, AppNavigationMenuContent, AppNavigationMenuLink, AppNavigationMenuIndicator, AppNavigationMenuViewport, navigationMenuTriggerStyle, };

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

@@ -4,19 +4,19 @@ import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Pagi
  * @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;
+declare function AppPagination(props: React.ComponentProps<typeof Pagination>): import("react").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;
+declare function AppPaginationContent(props: React.ComponentProps<typeof PaginationContent>): import("react").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;
+declare function AppPaginationItem(props: React.ComponentProps<typeof PaginationItem>): import("react").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.
@@ -24,23 +24,23 @@ declare function AppPaginationItem(props: React.ComponentProps<typeof Pagination
  */
 declare function AppPaginationLink({ className, ...props }: React.ComponentProps<typeof PaginationLink> & {
     isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").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;
+declare function AppPaginationPrevious(props: React.ComponentProps<typeof PaginationPrevious>): import("react").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;
+declare function AppPaginationNext(props: React.ComponentProps<typeof PaginationNext>): import("react").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;
+declare function AppPaginationEllipsis({ className, ...props }: React.ComponentProps<typeof PaginationEllipsis>): import("react").JSX.Element;
 export { AppPagination, AppPaginationContent, AppPaginationItem, AppPaginationLink, AppPaginationPrevious, AppPaginationNext, AppPaginationEllipsis, };

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

@@ -5,16 +5,16 @@ 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;
+declare function AppPopover({ children, ...props }: AppPopoverProps): React.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;
+declare function AppPopoverTrigger(props: React.ComponentProps<typeof PopoverTrigger>): React.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;
+declare function AppPopoverContent({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof PopoverContent>): React.JSX.Element;
 export { AppPopover, AppPopoverTrigger, AppPopoverContent };

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

@@ -5,5 +5,5 @@ type AppProgressProps = React.ComponentPropsWithoutRef<typeof Progress>;
  * @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;
+declare function AppProgress({ className, ...props }: AppProgressProps): import("react").JSX.Element;
 export { AppProgress };

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

@@ -5,11 +5,11 @@ type AppRadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroup>;
  * @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;
+declare function AppRadioGroup(props: AppRadioGroupProps): import("react").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;
+declare function AppRadioGroupItem(props: React.ComponentPropsWithoutRef<typeof RadioGroupItem>): import("react").JSX.Element;
 export { AppRadioGroup, AppRadioGroupItem };

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

@@ -3,10 +3,10 @@ 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;
+declare function AppScrollArea({ className, ...props }: React.ComponentProps<typeof ScrollArea>): import("react").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;
+declare function AppScrollBar(props: React.ComponentProps<typeof ScrollBar>): import("react").JSX.Element;
 export { AppScrollArea, AppScrollBar };

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

@@ -7,7 +7,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrig
  * @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;
+declare function AppSelect(props: React.ComponentProps<typeof Select>): React.JSX.Element;
 /**
  * AppSelectTrigger — the visible button that opens the select dropdown.
  *
@@ -19,28 +19,28 @@ declare function AppSelect(props: React.ComponentProps<typeof Select>): import("
 type AppSelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectTrigger> & {
     loading?: boolean;
 };
-declare function AppSelectTrigger({ className, loading, disabled, children, ...props }: AppSelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function AppSelectTrigger({ className, loading, disabled, children, ...props }: AppSelectTriggerProps): React.JSX.Element;
 /**
  * AppSelectValue — displays the current selected value inside AppSelectTrigger.
  */
-declare function AppSelectValue(props: React.ComponentPropsWithoutRef<typeof SelectValue>): import("react/jsx-runtime").JSX.Element;
+declare function AppSelectValue(props: React.ComponentPropsWithoutRef<typeof SelectValue>): React.JSX.Element;
 /**
  * AppSelectContent — the dropdown panel containing AppSelectItem entries.
  */
-declare function AppSelectContent(props: React.ComponentPropsWithoutRef<typeof SelectContent>): import("react/jsx-runtime").JSX.Element;
+declare function AppSelectContent(props: React.ComponentPropsWithoutRef<typeof SelectContent>): React.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;
+declare function AppSelectGroup(props: React.ComponentPropsWithoutRef<typeof SelectGroup>): React.JSX.Element;
 /**
  * AppSelectItem — a single option inside AppSelectContent.
  */
-declare function AppSelectItem(props: React.ComponentPropsWithoutRef<typeof SelectItem>): import("react/jsx-runtime").JSX.Element;
+declare function AppSelectItem(props: React.ComponentPropsWithoutRef<typeof SelectItem>): React.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;
+declare function AppSelectLabel(props: React.ComponentPropsWithoutRef<typeof SelectLabel>): React.JSX.Element;
 export { AppSelect, AppSelectTrigger, AppSelectValue, AppSelectContent, AppSelectGroup, AppSelectItem, AppSelectLabel, };
 export type { AppSelectTriggerProps };

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

@@ -4,5 +4,5 @@ import { Separator } from "../ui/separator";
  * @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;
+declare function AppSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
 export { AppSeparator };

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

@@ -3,30 +3,30 @@ import { Sheet, SheetContent, SheetDescription, SheetTitle, SheetTrigger } from
  * AppSheet — Extends the Dialog component to display content that complements the main screen content.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheet(props: React.ComponentProps<typeof Sheet>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheet(props: React.ComponentProps<typeof Sheet>): import("react").JSX.Element;
 /**
  * AppSheetTrigger — The trigger component for AppSheet.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheetTrigger(props: React.ComponentProps<typeof SheetTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheetTrigger(props: React.ComponentProps<typeof SheetTrigger>): import("react").JSX.Element;
 /**
  * AppSheetContent — The content component for AppSheet.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheetContent({ className, ...props }: React.ComponentPropsWithoutRef<typeof SheetContent>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheetContent({ className, ...props }: React.ComponentPropsWithoutRef<typeof SheetContent>): import("react").JSX.Element;
 /**
  * AppSheetHeader — The header section of an AppSheet.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheetHeader(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheetHeader(props: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
  * AppSheetTitle — The title component for AppSheet.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheetTitle(props: React.ComponentPropsWithoutRef<typeof SheetTitle>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheetTitle(props: React.ComponentPropsWithoutRef<typeof SheetTitle>): import("react").JSX.Element;
 /**
  * AppSheetDescription — The description component for AppSheet.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSheetDescription(props: React.ComponentPropsWithoutRef<typeof SheetDescription>): import("react/jsx-runtime").JSX.Element;
+declare function AppSheetDescription(props: React.ComponentPropsWithoutRef<typeof SheetDescription>): import("react").JSX.Element;
 export { AppSheet, AppSheetTrigger, AppSheetContent, AppSheetHeader, AppSheetTitle, AppSheetDescription };

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

@@ -21,7 +21,7 @@ export type AppSidebarBrandProps = {
     showChevron?: boolean;
     className?: string;
 };
-declare function AppSidebarBrand({ logo, collapsedLogo, logoAlt, dropdown, showChevron, className, }: AppSidebarBrandProps): import("react/jsx-runtime").JSX.Element;
+declare function AppSidebarBrand({ logo, collapsedLogo, logoAlt, dropdown, showChevron, className, }: AppSidebarBrandProps): React.JSX.Element;
 export type AppSidebarDefaultNavItem = {
     title: string;
     icon: React.ElementType;
@@ -33,27 +33,27 @@ export type AppSidebarDefaultNavSection = {
     items: AppSidebarDefaultNavItem[];
 };
 export declare const DEFAULT_NAV: AppSidebarDefaultNavSection[];
-declare function AppSidebarProvider(props: React.ComponentProps<typeof SidebarProvider>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebar({ className, ...props }: React.ComponentProps<typeof Sidebar>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarTrigger(props: React.ComponentProps<typeof SidebarTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarRail(props: React.ComponentProps<typeof SidebarRail>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarInset(props: React.ComponentProps<typeof SidebarInset>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarInput(props: React.ComponentProps<typeof SidebarInput>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarHeader(props: React.ComponentProps<typeof SidebarHeader>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarFooter(props: React.ComponentProps<typeof SidebarFooter>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarSeparator(props: React.ComponentProps<typeof SidebarSeparator>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarContent(props: React.ComponentProps<typeof SidebarContent>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarGroup(props: React.ComponentProps<typeof SidebarGroup>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarGroupLabel(props: React.ComponentProps<typeof SidebarGroupLabel>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarGroupAction(props: React.ComponentProps<typeof SidebarGroupAction>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarGroupContent(props: React.ComponentProps<typeof SidebarGroupContent>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenu({ className, ...props }: React.ComponentProps<typeof SidebarMenu>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuItem(props: React.ComponentProps<typeof SidebarMenuItem>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuButton({ className, ...props }: React.ComponentProps<typeof SidebarMenuButton>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuAction(props: React.ComponentProps<typeof SidebarMenuAction>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuBadge(props: React.ComponentProps<typeof SidebarMenuBadge>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuSkeleton(props: React.ComponentProps<typeof SidebarMenuSkeleton>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuSub(props: React.ComponentProps<typeof SidebarMenuSub>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuSubItem(props: React.ComponentProps<typeof SidebarMenuSubItem>): import("react/jsx-runtime").JSX.Element;
-declare function AppSidebarMenuSubButton(props: React.ComponentProps<typeof SidebarMenuSubButton>): import("react/jsx-runtime").JSX.Element;
+declare function AppSidebarProvider(props: React.ComponentProps<typeof SidebarProvider>): React.JSX.Element;
+declare function AppSidebar({ className, ...props }: React.ComponentProps<typeof Sidebar>): React.JSX.Element;
+declare function AppSidebarTrigger(props: React.ComponentProps<typeof SidebarTrigger>): React.JSX.Element;
+declare function AppSidebarRail(props: React.ComponentProps<typeof SidebarRail>): React.JSX.Element;
+declare function AppSidebarInset(props: React.ComponentProps<typeof SidebarInset>): React.JSX.Element;
+declare function AppSidebarInput(props: React.ComponentProps<typeof SidebarInput>): React.JSX.Element;
+declare function AppSidebarHeader(props: React.ComponentProps<typeof SidebarHeader>): React.JSX.Element;
+declare function AppSidebarFooter(props: React.ComponentProps<typeof SidebarFooter>): React.JSX.Element;
+declare function AppSidebarSeparator(props: React.ComponentProps<typeof SidebarSeparator>): React.JSX.Element;
+declare function AppSidebarContent(props: React.ComponentProps<typeof SidebarContent>): React.JSX.Element;
+declare function AppSidebarGroup(props: React.ComponentProps<typeof SidebarGroup>): React.JSX.Element;
+declare function AppSidebarGroupLabel(props: React.ComponentProps<typeof SidebarGroupLabel>): React.JSX.Element;
+declare function AppSidebarGroupAction(props: React.ComponentProps<typeof SidebarGroupAction>): React.JSX.Element;
+declare function AppSidebarGroupContent(props: React.ComponentProps<typeof SidebarGroupContent>): React.JSX.Element;
+declare function AppSidebarMenu({ className, ...props }: React.ComponentProps<typeof SidebarMenu>): React.JSX.Element;
+declare function AppSidebarMenuItem(props: React.ComponentProps<typeof SidebarMenuItem>): React.JSX.Element;
+declare function AppSidebarMenuButton({ className, ...props }: React.ComponentProps<typeof SidebarMenuButton>): React.JSX.Element;
+declare function AppSidebarMenuAction(props: React.ComponentProps<typeof SidebarMenuAction>): React.JSX.Element;
+declare function AppSidebarMenuBadge(props: React.ComponentProps<typeof SidebarMenuBadge>): React.JSX.Element;
+declare function AppSidebarMenuSkeleton(props: React.ComponentProps<typeof SidebarMenuSkeleton>): React.JSX.Element;
+declare function AppSidebarMenuSub(props: React.ComponentProps<typeof SidebarMenuSub>): React.JSX.Element;
+declare function AppSidebarMenuSubItem(props: React.ComponentProps<typeof SidebarMenuSubItem>): React.JSX.Element;
+declare function AppSidebarMenuSubButton(props: React.ComponentProps<typeof SidebarMenuSubButton>): React.JSX.Element;
 export { AppSidebar, AppSidebarBrand, AppSidebarContent, AppSidebarFooter, AppSidebarGroup, AppSidebarGroupAction, AppSidebarGroupContent, AppSidebarGroupLabel, AppSidebarHeader, AppSidebarInput, AppSidebarInset, AppSidebarMenu, AppSidebarMenuAction, AppSidebarMenuBadge, AppSidebarMenuButton, AppSidebarMenuItem, AppSidebarMenuSkeleton, AppSidebarMenuSub, AppSidebarMenuSubButton, AppSidebarMenuSubItem, AppSidebarProvider, AppSidebarRail, AppSidebarSeparator, AppSidebarTrigger, useSidebar, };

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

@@ -2,5 +2,5 @@
  * AppSkeleton — Used to show a placeholder while content is loading.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSkeleton(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function AppSkeleton(props: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export { AppSkeleton };

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

@@ -4,5 +4,5 @@ type AppSwitchProps = React.ComponentPropsWithoutRef<typeof Switch>;
  * AppSwitch — A control that allows the user to toggle between checked and unchecked states.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppSwitch(props: AppSwitchProps): import("react/jsx-runtime").JSX.Element;
+declare function AppSwitch(props: AppSwitchProps): import("react").JSX.Element;
 export { AppSwitch };

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

@@ -6,48 +6,48 @@ import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, Tabl
  * @note If a prop you need is missing, stop and inform the design team.
  */
 type AppTableProps = React.ComponentProps<typeof Table>;
-declare function AppTable(props: AppTableProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTable(props: AppTableProps): React.JSX.Element;
 /**
  * AppTableHeader — The header section of an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableHeader.
  */
 type AppTableHeaderProps = React.ComponentProps<typeof TableHeader>;
-declare function AppTableHeader(props: AppTableHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableHeader(props: AppTableHeaderProps): React.JSX.Element;
 /**
  * AppTableBody — The body section of an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableBody.
  */
 type AppTableBodyProps = React.ComponentProps<typeof TableBody>;
-declare function AppTableBody(props: AppTableBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableBody(props: AppTableBodyProps): React.JSX.Element;
 /**
  * AppTableFooter — The footer section of an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableFooter.
  */
 type AppTableFooterProps = React.ComponentProps<typeof TableFooter>;
-declare function AppTableFooter(props: AppTableFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableFooter(props: AppTableFooterProps): React.JSX.Element;
 /**
  * AppTableHead — A header cell within an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableHead.
  */
 type AppTableHeadProps = React.ComponentProps<typeof TableHead>;
-declare function AppTableHead(props: AppTableHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableHead(props: AppTableHeadProps): React.JSX.Element;
 /**
  * AppTableRow — A row within an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableRow.
  * @note Set data-state="selected" to apply the selection highlight.
  */
 type AppTableRowProps = React.ComponentProps<typeof TableRow>;
-declare function AppTableRow(props: AppTableRowProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableRow(props: AppTableRowProps): React.JSX.Element;
 /**
  * AppTableCell — A cell within an AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableCell.
  */
 type AppTableCellProps = React.ComponentProps<typeof TableCell>;
-declare function AppTableCell(props: AppTableCellProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableCell(props: AppTableCellProps): React.JSX.Element;
 /**
  * AppTableCaption — A caption for an AppTable. Place as the first child of AppTable.
  * @note Never use the raw HTML equivalent. Use AppTableCaption.
  */
 type AppTableCaptionProps = React.ComponentProps<typeof TableCaption>;
-declare function AppTableCaption(props: AppTableCaptionProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTableCaption(props: AppTableCaptionProps): React.JSX.Element;
 export { AppTable, type AppTableProps, AppTableHeader, type AppTableHeaderProps, AppTableBody, type AppTableBodyProps, AppTableFooter, type AppTableFooterProps, AppTableHead, type AppTableHeadProps, AppTableRow, type AppTableRowProps, AppTableCell, type AppTableCellProps, AppTableCaption, type AppTableCaptionProps, };

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

@@ -3,8 +3,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, type TabsVariant } from "../u
 type AppTabsProps = React.ComponentProps<typeof Tabs> & {
     variant?: TabsVariant;
 };
-declare function AppTabs({ variant, className, ...props }: AppTabsProps): import("react/jsx-runtime").JSX.Element;
-declare function AppTabsList({ className, ...props }: Omit<React.ComponentProps<typeof TabsList>, "variant">): import("react/jsx-runtime").JSX.Element;
-declare function AppTabsTrigger(props: Omit<React.ComponentProps<typeof TabsTrigger>, "variant">): import("react/jsx-runtime").JSX.Element;
-declare function AppTabsContent(props: React.ComponentProps<typeof TabsContent>): import("react/jsx-runtime").JSX.Element;
+declare function AppTabs({ variant, className, ...props }: AppTabsProps): React.JSX.Element;
+declare function AppTabsList({ className, ...props }: Omit<React.ComponentProps<typeof TabsList>, "variant">): React.JSX.Element;
+declare function AppTabsTrigger(props: Omit<React.ComponentProps<typeof TabsTrigger>, "variant">): React.JSX.Element;
+declare function AppTabsContent(props: React.ComponentProps<typeof TabsContent>): React.JSX.Element;
 export { AppTabs, AppTabsList, AppTabsTrigger, AppTabsContent, type AppTabsProps };

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

@@ -1,9 +1,15 @@
+import * as React from "react";
 import { Textarea } from "../ui/textarea";
 type AppTextareaProps = React.ComponentPropsWithoutRef<typeof Textarea>;
 /**
  * AppTextarea — A multi-line text input component.
+ *
+ * Applies `bg-transparent dark:bg-input/30` to match `AppInput` dark-mode visibility.
+ * Caller's `className` always wins (cn merges in declaration order).
+ *
  * @note Never use the raw HTML equivalent. Use AppTextarea.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppTextarea(props: AppTextareaProps): import("react/jsx-runtime").JSX.Element;
+declare function AppTextarea({ className, ...props }: AppTextareaProps): React.JSX.Element;
 export { AppTextarea };
+export type { AppTextareaProps };

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

@@ -24,7 +24,7 @@ export type AppThemeProviderProps = {
  * ```
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppThemeProvider({ children, storageKey, defaultTheme, }: AppThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function AppThemeProvider({ children, storageKey, defaultTheme, }: AppThemeProviderProps): React.JSX.Element;
 declare namespace AppThemeProvider {
     var displayName: string;
 }
@@ -39,7 +39,7 @@ declare function useAppTheme(): AppThemeContextValue;
  * Requires AppThemeProvider to be present in the tree.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare function AppThemeToggle({ ...props }: React.ComponentProps<typeof AppButton>): import("react/jsx-runtime").JSX.Element;
+declare function AppThemeToggle({ ...props }: React.ComponentProps<typeof AppButton>): React.JSX.Element;
 declare namespace AppThemeToggle {
     var displayName: string;
 }

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

@@ -3,5 +3,5 @@ import { toast as appToast } from "sonner";
  * AppToaster — A component that displays toast notifications.
  * @note If a prop you need is missing, stop and inform the design team.
  */
-declare const AppToaster: () => import("react/jsx-runtime").JSX.Element;
+declare const AppToaster: () => import("react").JSX.Element;
 export { AppToaster, appToast as toast };