moduix 0.8.0 → 0.8.1

package/README.md

@@ -165,4 +165,6 @@ exports, and documentation so the package and docs stay in sync.
 
 Feel free to use agents or code generation tools, but
 please review the result before submitting. The components are intentionally small and direct,
-so the goal is to keep the code readable, maintainable, and free from unnecessary abstractions.
+so the goal is to keep the code readable, maintainable, and free from unnecessary abstractions.
+I added the `skills` folder so code written with agents stays consistent with the rest of the
+library components.

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -10,8 +10,8 @@ type AutocompleteContentProps = AutocompletePrimitive.Popup.Props & Pick<Autocom
     classNames?: AutocompleteContentClassNames;
     container?: AutocompletePrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
-    showArrow?: boolean;
-    arrow?: React.ReactNode;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     portalProps?: Omit<AutocompletePrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<AutocompletePrimitive.Backdrop.Props, 'className'>;
     positionerProps?: Omit<AutocompletePrimitive.Positioner.Props, 'className' | 'children'>;
@@ -29,7 +29,7 @@ declare function AutocompleteTrigger({ className, children, ...props }: Autocomp
 declare function AutocompleteFieldTrigger({ className, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function AutocompleteIcon({ className, children, ...props }: AutocompletePrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
 declare function AutocompleteClear({ className, children, ...props }: AutocompletePrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
-declare function AutocompleteContent({ className, classNames, container, withBackdrop, showArrow, arrow, portalProps, backdropProps, positionerProps, arrowProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: AutocompleteContentProps): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteContent({ className, classNames, container, withBackdrop, withArrow, arrow, portalProps, backdropProps, positionerProps, arrowProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: AutocompleteContentProps): import("react/jsx-runtime").JSX.Element;
 declare function AutocompleteStatus({ className, ...props }: AutocompletePrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
 declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
 declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Combobox/Combobox.d.ts

@@ -10,8 +10,8 @@ type ComboboxContentProps = ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimiti
     classNames?: ComboboxContentClassNames;
     container?: ComboboxPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
-    showArrow?: boolean;
-    arrow?: React.ReactNode;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     portalProps?: Omit<ComboboxPrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<ComboboxPrimitive.Backdrop.Props, 'className'>;
     positionerProps?: Omit<ComboboxPrimitive.Positioner.Props, 'className' | 'children'>;
@@ -33,7 +33,7 @@ declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrim
 declare function ComboboxIcon({ className, children, ...props }: ComboboxPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxInlineInputContainer({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxContent({ className, classNames, container, withBackdrop, showArrow, arrow, portalProps, backdropProps, positionerProps, arrowProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, classNames, container, withBackdrop, withArrow, arrow, portalProps, backdropProps, positionerProps, arrowProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/Menu.d.ts

@@ -4,18 +4,22 @@ type MenuContentClassNames = {
     portal?: MenuPrimitive.Portal.Props['className'];
     backdrop?: MenuPrimitive.Backdrop.Props['className'];
     positioner?: MenuPrimitive.Positioner.Props['className'];
+    arrow?: MenuPrimitive.Arrow.Props['className'];
     viewport?: MenuPrimitive.Viewport.Props['className'];
 };
 type MenuContentSlotProps = {
     portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
     backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
     positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    arrow?: Omit<MenuPrimitive.Arrow.Props, 'className' | 'children'>;
     viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
     classNames?: MenuContentClassNames;
     slotProps?: MenuContentSlotProps;
     container?: MenuPrimitive.Portal.Props['container'];
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     withBackdrop?: boolean;
     withViewport?: boolean;
 };
@@ -32,8 +36,8 @@ declare const createMenuHandle: typeof MenuPrimitive.createHandle;
 declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
 declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuContent({ className, classNames, slotProps, children, container, withBackdrop, withViewport, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuContent({ className, classNames, slotProps, children, container, withArrow, arrow, withBackdrop, withViewport, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubmenuContent({ withArrow, arrow, sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Menubar/Menubar.d.ts

@@ -5,18 +5,22 @@ type MenubarContentClassNames = {
     portal?: MenuPrimitive.Portal.Props['className'];
     backdrop?: MenuPrimitive.Backdrop.Props['className'];
     positioner?: MenuPrimitive.Positioner.Props['className'];
+    arrow?: MenuPrimitive.Arrow.Props['className'];
     viewport?: MenuPrimitive.Viewport.Props['className'];
 };
 type MenubarContentSlotProps = {
     portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
     backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
     positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    arrow?: Omit<MenuPrimitive.Arrow.Props, 'className' | 'children'>;
     viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
     classNames?: MenubarContentClassNames;
     slotProps?: MenubarContentSlotProps;
     container?: MenuPrimitive.Portal.Props['container'];
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     withBackdrop?: boolean;
 };
 type IndicatorPosition = 'start' | 'end';
@@ -32,8 +36,8 @@ declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarContent({ className, classNames, slotProps, children, container, withBackdrop, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, classNames, slotProps, children, container, withArrow, arrow, withBackdrop, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubmenuContent({ withArrow, arrow, sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -30,9 +30,13 @@ type NavigationMenuPopupOptions = NavigationMenuPrimitive.Popup.Props & {
     classNames?: NavigationMenuPopupClassNames;
     slotProps?: NavigationMenuPopupSlotProps;
     container?: NavigationMenuPrimitive.Portal.Props['container'];
-    arrow?: React.ReactNode;
-    showArrow?: boolean;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     withBackdrop?: boolean;
+    /**
+     * Stretches the popup to viewport width while preserving trigger-driven vertical positioning.
+     */
+    fullWidth?: boolean;
 };
 type NavigationMenuClassNames = {
     viewport?: NavigationMenuPrimitive.Viewport.Props['className'];

package/dist/components/Popover/Popover.d.ts

@@ -18,8 +18,8 @@ type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.
     classNames?: PopoverContentClassNames;
     slotProps?: PopoverContentSlotProps;
     container?: PopoverPrimitive.Portal.Props['container'];
-    arrow?: React.ReactNode;
-    showArrow?: boolean;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     withBackdrop?: boolean;
     withViewport?: boolean;
 };
@@ -32,7 +32,7 @@ declare function PopoverHeader({ className, ...props }: React.ComponentProps<'di
 declare function PopoverBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, classNames, slotProps, container, arrow, showArrow, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, classNames, slotProps, container, withArrow, arrow, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
 type PopoverProps<Payload = unknown> = PopoverPrimitive.Root.Props<Payload>;
 type PopoverHandle<Payload = unknown> = PopoverPrimitive.Handle<Payload>;
 type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;

package/dist/components/PreviewCard/PreviewCard.d.ts

@@ -18,14 +18,14 @@ type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCa
     classNames?: PreviewCardContentClassNames;
     slotProps?: PreviewCardContentSlotProps;
     container?: PreviewCardPrimitive.Portal.Props['container'];
-    arrow?: React.ReactNode;
-    showArrow?: boolean;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
     withBackdrop?: boolean;
 };
 declare const PreviewCard: typeof PreviewCardPrimitive.Root;
 declare const createPreviewCardHandle: typeof PreviewCardPrimitive.createHandle;
 declare function PreviewCardTrigger({ className, render, ...props }: PreviewCardPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function PreviewCardContent({ className, classNames, slotProps, container, arrow, showArrow, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
+declare function PreviewCardContent({ className, classNames, slotProps, container, withArrow, arrow, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
 type PreviewCardProps<Payload = unknown> = PreviewCardPrimitive.Root.Props<Payload>;
 type PreviewCardHandle<Payload = unknown> = PreviewCardPrimitive.Handle<Payload>;
 type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;

package/dist/components/Select/Select.d.ts

@@ -21,8 +21,8 @@ type SelectContentProps = SelectPopupProps & Pick<SelectPrimitive.Positioner.Pro
     slotProps?: SelectContentSlotProps;
     container?: SelectPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
-    showArrow?: boolean;
-    arrow?: React.ReactNode;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
 };
 type IndicatorPosition = 'start' | 'end';
 type SelectItemProps = SelectPrimitive.Item.Props & {
@@ -34,7 +34,7 @@ declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Prop
 declare function SelectTrigger({ className, ...props }: SelectPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectIcon({ className, children, ...props }: SelectPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, classNames, slotProps, container, withBackdrop, showArrow, arrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, classNames, slotProps, container, withBackdrop, withArrow, arrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollUpArrow({ className, children, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollDownArrow({ className, children, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react/jsx-runtime").JSX.Element;
 declare function SelectList({ className, ...props }: SelectPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,9 +1,8 @@
 import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-import * as React from 'react';
+import type * as React from 'react';
 type TabsVariant = 'default' | 'line';
 type TabsProps = TabsPrimitive.Root.Props & {
     variant?: TabsVariant;
-    unstyled?: boolean;
 };
 type TabsListClassNames = {
     indicator?: TabsPrimitive.Indicator.Props['className'];
@@ -16,7 +15,7 @@ type TabsListProps = TabsPrimitive.List.Props & {
     slotProps?: TabsListSlotProps;
     withIndicator?: boolean;
 };
-declare function Tabs({ className, variant, unstyled, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+declare function Tabs({ className, variant, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare function TabsList({ className, classNames, children, slotProps, withIndicator, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
 declare function TabsTab({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
 declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -16,14 +16,14 @@ type TooltipContentProps = TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.
     classNames?: TooltipContentClassNames;
     slotProps?: TooltipContentSlotProps;
     container?: TooltipPrimitive.Portal.Props['container'];
-    arrow?: React.ReactNode;
-    showArrow?: boolean;
+    withArrow?: boolean;
+    arrow?: boolean | React.ReactNode;
 };
 declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
 declare const TooltipProvider: React.FC<import('@base-ui/react').TooltipProviderProps>;
 declare const createTooltipHandle: typeof TooltipPrimitive.createHandle;
 declare function TooltipTrigger<Payload = unknown>({ className, render, ...props }: TooltipPrimitive.Trigger.Props<Payload>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, classNames, slotProps, container, arrow, showArrow, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, classNames, slotProps, container, withArrow, arrow, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
 type TooltipProps<Payload = unknown> = TooltipPrimitive.Root.Props<Payload>;
 type TooltipProviderProps = TooltipPrimitive.Provider.Props;
 type TooltipHandle<Payload = unknown> = TooltipPrimitive.Handle<Payload>;