jaci-ui 0.4.0 → 0.6.0

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  { children, className, gap = \"md\", ordered = false, variant = \"plain\", ...props },\n  ref,\n) {\n  const styles = list({ gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAgBA,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,UAAU,WAAW,MAAM,MAAM,UAAU,OAAO,UAAU,SAAS,GAAG,SAC1E,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAK;CAAQ,CAAC;CAGpC,OACE,oBAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,WAAW,WAAyC,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAAS,KAAK;CAEpB,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\nexport type ListDensity = \"compact\" | \"comfortable\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  density?: ListDensity;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  {\n    children,\n    className,\n    density = \"comfortable\",\n    gap = \"md\",\n    ordered = false,\n    variant = \"plain\",\n    ...props\n  },\n  ref,\n) {\n  const styles = list({ density, gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-density={density}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAkBA,MAAa,WAAW,WAAuC,SAAS,SACtE,EACE,UACA,WACA,UAAU,eACV,MAAM,MACN,UAAU,OACV,UAAU,SACV,GAAG,SAEL,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAS;EAAK;CAAQ,CAAC;CAG7C,OACE,oBAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,gBAAc;EACd,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,WAAW,WAAyC,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAAS,KAAK;CAEpB,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -23,15 +23,15 @@ const NavigationMenuRoot = (0, react.forwardRef)(function NavigationMenuRoot({ c
 	}, [onValueChange, value]);
 	(0, react.useEffect)(() => {
 		if (resolvedValue === null) return;
-		const handleOutsideClick = (event) => {
+		const handleOutsidePress = (event) => {
 			const target = event.target;
 			if (!(target instanceof Element)) return;
 			if (rootElementRef.current?.contains(target)) return;
 			if (target.closest("[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]")) return;
 			close();
 		};
-		document.addEventListener("click", handleOutsideClick);
-		return () => document.removeEventListener("click", handleOutsideClick);
+		document.addEventListener("click", handleOutsidePress);
+		return () => document.removeEventListener("click", handleOutsidePress);
 	}, [close, resolvedValue]);
 	const setRootRef = (element) => {
 		rootElementRef.current = element;

package/dist/components/navigation-menu/navigation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.cjs","names":["navigationMenu","BaseNavigationMenu","withRecipeClassName"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n\n      const handleOutsideClick = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n\n      document.addEventListener(\"click\", handleOutsideClick);\n      return () => document.removeEventListener(\"click\", handleOutsideClick);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.cjs","names":["navigationMenu","BaseNavigationMenu","withRecipeClassName"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}

package/dist/components/navigation-menu/navigation-menu.js

@@ -23,15 +23,15 @@ const NavigationMenuRoot$1 = forwardRef(function NavigationMenuRoot({ children,
 	}, [onValueChange, value]);
 	useEffect(() => {
 		if (resolvedValue === null) return;
-		const handleOutsideClick = (event) => {
+		const handleOutsidePress = (event) => {
 			const target = event.target;
 			if (!(target instanceof Element)) return;
 			if (rootElementRef.current?.contains(target)) return;
 			if (target.closest("[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]")) return;
 			close();
 		};
-		document.addEventListener("click", handleOutsideClick);
-		return () => document.removeEventListener("click", handleOutsideClick);
+		document.addEventListener("click", handleOutsidePress);
+		return () => document.removeEventListener("click", handleOutsidePress);
 	}, [close, resolvedValue]);
 	const setRootRef = (element) => {
 		rootElementRef.current = element;

package/dist/components/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenuRoot","BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n\n      const handleOutsideClick = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n\n      document.addEventListener(\"click\", handleOutsideClick);\n      return () => document.removeEventListener(\"click\", handleOutsideClick);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuRoot","BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}

package/dist/components/pagination/index.d.cts

@@ -1,2 +1,2 @@
-import { Pagination, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.cjs";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };
+import { Pagination, PaginationDensity, PaginationEllipsis, PaginationEllipsisProps, PaginationFirst, PaginationFirstProps, PaginationItem, PaginationItemProps, PaginationLast, PaginationLastProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.cjs";
+export { Pagination, type PaginationDensity, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };

package/dist/components/pagination/index.d.ts

@@ -1,2 +1,2 @@
-import { Pagination, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.js";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };
+import { Pagination, PaginationDensity, PaginationEllipsis, PaginationEllipsisProps, PaginationFirst, PaginationFirstProps, PaginationItem, PaginationItemProps, PaginationLast, PaginationLastProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.js";
+export { Pagination, type PaginationDensity, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };

package/dist/components/pagination/pagination.cjs

@@ -1,29 +1,65 @@
+"use client";
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_pagination = require("../../styled-system/recipes/pagination.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/pagination/pagination.tsx
-/** A navigation landmark for moving between pages of a result set. */
-const PaginationRoot = (0, react.forwardRef)(function PaginationRoot({ "aria-label": ariaLabel, className, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-		...props,
-		"aria-label": ariaLabel ?? "Pagination",
-		ref,
-		className: require_cx.cx(require_pagination.pagination().root, className),
-		"data-jaci-component": "pagination",
-		"data-slot": "pagination"
+const PaginationContext = (0, react.createContext)(null);
+function usePaginationContext() {
+	return (0, react.useContext)(PaginationContext);
+}
+const PaginationRoot = (0, react.forwardRef)(function PaginationRoot({ children, "aria-label": ariaLabel, className, defaultPage = 1, density = "comfortable", onPageChange, page: controlledPage, pageCount, showFirstLast = false, siblingCount = 1, ...props }, ref) {
+	const [uncontrolledPage, setUncontrolledPage] = (0, react.useState)(defaultPage);
+	const page = pageCount ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount) : controlledPage;
+	const goTo = (0, react.useCallback)((nextPage) => {
+		if (!pageCount) return;
+		const next = Math.min(Math.max(nextPage, 1), pageCount);
+		if (controlledPage === void 0) setUncontrolledPage(next);
+		onPageChange?.(next);
+	}, [
+		controlledPage,
+		onPageChange,
+		pageCount
+	]);
+	const context = (0, react.useMemo)(() => ({
+		density,
+		goTo,
+		page,
+		pageCount
+	}), [
+		density,
+		goTo,
+		page,
+		pageCount
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+			...props,
+			"aria-label": ariaLabel ?? "Pagination",
+			ref,
+			className: require_cx.cx(require_pagination.pagination({ density }).root, className),
+			"data-density": density,
+			"data-jaci-component": "pagination",
+			"data-slot": "pagination",
+			children: children ?? (pageCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationGenerated, {
+				page: page ?? 1,
+				pageCount,
+				showFirstLast,
+				siblingCount
+			}) : null)
+		})
 	});
 });
-/** An unordered list of page controls. */
 const PaginationList = (0, react.forwardRef)(function PaginationList({ className, ...props }, ref) {
+	const context = usePaginationContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 		...props,
 		ref,
-		className: require_cx.cx(require_pagination.pagination().list, className),
+		className: require_cx.cx(require_pagination.pagination({ density: context?.density }).list, className),
 		"data-slot": "pagination-list"
 	});
 });
-/** A list item that wraps a page link, direction control, or ellipsis. */
 const PaginationItem = (0, react.forwardRef)(function PaginationItem({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 		...props,
@@ -32,24 +68,31 @@ const PaginationItem = (0, react.forwardRef)(function PaginationItem({ className
 		"data-slot": "pagination-item"
 	});
 });
-function getAnchorClassName(active, disabled, slot) {
+function getAnchorClassName(active, disabled, density, slot) {
 	const styles = require_pagination.pagination({
 		active,
+		density,
 		disabled
 	});
 	if (slot === "pagination-previous") return require_cx.cx(styles.link, styles.previous);
 	if (slot === "pagination-next") return require_cx.cx(styles.link, styles.next);
+	if (slot === "pagination-first") return require_cx.cx(styles.link, styles.first);
+	if (slot === "pagination-last") return require_cx.cx(styles.link, styles.last);
 	return styles.link;
 }
-const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ active = false, "aria-current": ariaCurrent, className, disabled = false, href, onClick, slot, tabIndex, ...props }, ref) {
+const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ active: activeProp, "aria-current": ariaCurrent, className, disabled: disabledProp = false, href, onClick, page, slot, tabIndex, ...props }, ref) {
+	const context = usePaginationContext();
+	const active = activeProp ?? (page !== void 0 && context?.page === page);
+	const disabled = Boolean(disabledProp || page !== void 0 && context?.pageCount === 1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		...props,
 		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
 		"aria-disabled": disabled || void 0,
 		ref,
-		className: require_cx.cx(getAnchorClassName(active, disabled, slot), className),
+		className: require_cx.cx(getAnchorClassName(Boolean(active), disabled, context?.density, slot), className),
 		"data-active": active || void 0,
 		"data-disabled": disabled || void 0,
+		"data-page": page,
 		"data-slot": slot,
 		href: disabled ? void 0 : href,
 		onClick: (event) => {
@@ -58,12 +101,15 @@ const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ activ
 				event.stopPropagation();
 				return;
 			}
+			if (page !== void 0 && context?.pageCount) {
+				event.preventDefault();
+				context.goTo(page);
+			}
 			onClick?.(event);
 		},
 		tabIndex: disabled ? -1 : tabIndex
 	});
 });
-/** A link to a numbered page. Set `active` on the current destination. */
 const PaginationLink = (0, react.forwardRef)(function PaginationLink(props, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
@@ -71,11 +117,14 @@ const PaginationLink = (0, react.forwardRef)(function PaginationLink(props, ref)
 		slot: "pagination-link"
 	});
 });
-/** A directional link to the preceding page. */
-const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "aria-label": ariaLabel, children, rel, ...props }, ref) {
+const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "aria-label": ariaLabel, children, page, rel, ...props }, ref) {
+	const context = usePaginationContext();
+	const targetPage = page ?? (context?.page ? context.page - 1 : void 0);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
 		"aria-label": ariaLabel ?? "Go to previous page",
+		disabled: props.disabled ?? (targetPage !== void 0 && targetPage < 1),
+		page: targetPage,
 		ref,
 		rel: rel ?? "prev",
 		slot: "pagination-previous",
@@ -85,11 +134,14 @@ const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Previous" })] })
 	});
 });
-/** A directional link to the following page. */
-const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-label": ariaLabel, children, rel, ...props }, ref) {
+const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-label": ariaLabel, children, page, rel, ...props }, ref) {
+	const context = usePaginationContext();
+	const targetPage = page ?? (context?.page ? context.page + 1 : void 0);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
 		"aria-label": ariaLabel ?? "Go to next page",
+		disabled: props.disabled ?? (targetPage !== void 0 && targetPage > (context?.pageCount ?? Infinity)),
+		page: targetPage,
 		ref,
 		rel: rel ?? "next",
 		slot: "pagination-next",
@@ -99,7 +151,27 @@ const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-lab
 		})] })
 	});
 });
-/** A non-interactive marker for omitted page ranges. */
+const PaginationFirst = (0, react.forwardRef)(function PaginationFirst({ "aria-label": ariaLabel, children, page, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
+		...props,
+		"aria-label": ariaLabel ?? "Go to first page",
+		page: page ?? 1,
+		ref,
+		slot: "pagination-first",
+		children: children ?? "First"
+	});
+});
+const PaginationLast = (0, react.forwardRef)(function PaginationLast({ "aria-label": ariaLabel, children, page, ...props }, ref) {
+	const context = usePaginationContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
+		...props,
+		"aria-label": ariaLabel ?? "Go to last page",
+		page: page ?? context?.pageCount,
+		ref,
+		slot: "pagination-last",
+		children: children ?? "Last"
+	});
+});
 const PaginationEllipsis = (0, react.forwardRef)(function PaginationEllipsis({ children = "…", className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		...props,
@@ -110,19 +182,48 @@ const PaginationEllipsis = (0, react.forwardRef)(function PaginationEllipsis({ c
 		children
 	});
 });
+function getPageItems(page, pageCount, siblingCount) {
+	const visible = /* @__PURE__ */ new Set([1, pageCount]);
+	for (let index = page - siblingCount; index <= page + siblingCount; index += 1) if (index > 0 && index <= pageCount) visible.add(index);
+	const pages = [...visible].sort((left, right) => left - right);
+	const items = [];
+	pages.forEach((value, index) => {
+		const previous = pages[index - 1];
+		if (previous !== void 0 && value - previous > 1) items.push("ellipsis");
+		items.push(value);
+	});
+	return items;
+}
+function PaginationGenerated({ page, pageCount, showFirstLast, siblingCount }) {
+	const pageItems = getPageItems(page, pageCount, siblingCount);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PaginationList, { children: [
+		showFirstLast ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationFirst, { disabled: page <= 1 }) }) : null,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationPrevious, { disabled: page <= 1 }) }),
+		pageItems.map((item, index) => item === "ellipsis" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationEllipsis, {}) }, `ellipsis-${pageItems.slice(0, index).filter((value) => value === "ellipsis").length + 1}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
+			page: item,
+			children: item
+		}) }, item)),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationNext, { disabled: page >= pageCount }) }),
+		showFirstLast ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLast, { disabled: page >= pageCount }) }) : null
+	] });
+}
 const Pagination = {
 	Root: PaginationRoot,
 	List: PaginationList,
 	Item: PaginationItem,
 	Link: PaginationLink,
+	First: PaginationFirst,
 	Previous: PaginationPrevious,
 	Next: PaginationNext,
+	Last: PaginationLast,
 	Ellipsis: PaginationEllipsis
 };
 //#endregion
 exports.Pagination = Pagination;
 exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationFirst = PaginationFirst;
 exports.PaginationItem = PaginationItem;
+exports.PaginationLast = PaginationLast;
 exports.PaginationLink = PaginationLink;
 exports.PaginationList = PaginationList;
 exports.PaginationNext = PaginationNext;

package/dist/components/pagination/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationRootProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A navigation landmark for moving between pages of a result set. */\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Pagination\"}\n      ref={ref}\n      className={cx(pagination().root, className)}\n      data-jaci-component=\"pagination\"\n      data-slot=\"pagination\"\n    />\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\n\n/** An unordered list of page controls. */\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination().list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A list item that wraps a page link, direction control, or ellipsis. */\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the link as the current page. */\n  active?: boolean;\n  /** Presents a non-navigable control when no destination is available. */\n  disabled?: boolean;\n}\n\ntype PaginationAnchorSlot = \"pagination-link\" | \"pagination-previous\" | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  children?: ReactNode;\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(active: boolean, disabled: boolean, slot: PaginationAnchorSlot) {\n  const styles = pagination({ active, disabled });\n\n  if (slot === \"pagination-previous\") {\n    return cx(styles.link, styles.previous);\n  }\n\n  if (slot === \"pagination-next\") {\n    return cx(styles.link, styles.next);\n  }\n\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active = false,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled = false,\n      href,\n      onClick,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(getAnchorClassName(active, disabled, slot), className)}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\n/** A link to a numbered page. Set `active` on the current destination. */\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\n\n/** A directional link to the preceding page. */\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, rel, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\n\n/** A directional link to the following page. */\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, rel, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\n\n/** A non-interactive marker for omitted page ranges. */\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pagination.cjs","names":["cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}